/*竖屏样式*/
@media screen and (orientation:portrait) {
    #shuping {
        z-index: 99;
        width: 100vw;
        height: 100vh;
        background: #000000;
        display: block;
        position: fixed;
        color: #ffffff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #shuping i {
        font-size: 600px !important;
    }
}

/* 横屏样式 */
@media screen and (orientation:landscape) {
    #shuping {
        display: none;
    }
}

/* bootstrap调整 */
p {
    margin-bottom: 0;
}

ol,
ul,
dl {
    margin-bottom: 0;
    list-style: none;
}

a,
a:hover {
    color: inherit;
    text-decoration: none;
}

label {
    margin-bottom: 0;
}

.container {
    padding-right: 0;
    padding-left: 0;
}

.container-fluid {
    padding-left: 0;
    padding-right: 0;
    display: flex;
}

.row {
    margin-right: 0;
    margin-left: 0;
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    padding-right: 0;
    padding-left: 0;
}

.form-control:focus {
    box-shadow: none;
}

.page-link:focus {
    box-shadow: none;
}

button {
    box-shadow: none !important;
}

.modal {
    position: fixed;
    top: 0;
    left: auto;
    right: 0;
    z-index: 1050;
    width: 100%;
}

/* 主诉、诊断、治疗、效果、编辑  切换动画 */

#zhusuRead,
#zhusuWrite,
#zhusuGai,
#zhenduanRead,
#zhenduanWrite,
#zhenduanGai,
#zhiliaoRead,
#zhiliaoWrite,
#zhiliaoGai,
#xiaoguoRead,
#xiaoguoWrite,
#xiaoguoGai {
    position: relative;
    animation: readWrite .5s;
    -moz-animation: readWrite .5s;
    /* Firefox */
    -webkit-animation: readWrite .5s;
    /* Safari and Chrome */
    -o-animation: readWrite .5s;
    /*Opera */
}

@keyframes readWrite {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-moz-keyframes readWrite

/* Firefox */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-webkit-keyframes readWrite

/* Safari and Chrome */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-o-keyframes readWrite

/* Opera */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

#add_yaofang {
    padding-right: 0px !important;
    animation: left100ToLeft0 .5s;
    -moz-animation: left100ToLeft0 .5s;
    /* Firefox */
    -webkit-animation: left100ToLeft0 .5s;
    /* Safari and Chrome */
    -o-animation: left100ToLeft0 .5s;
    /* Opera */
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0%;
    right: 0;
    z-index: 1040;
    width: 80vw;
    height: 100vh;
    background-color: #000;
    animation: myfirst .5s;
    -moz-animation: myfirst .5s;
    /* Firefox */
    -webkit-animation: myfirst .5s;
    /* Safari and Chrome */
    -o-animation: myfirst .5s;
    /* Opera */
}

@keyframes myfirst {
    0% {
        left: 100%;
    }

    100% {
        left: 20%;
    }
}

@-moz-keyframes myfirst

/* Firefox */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 20%;
    }
}

@-webkit-keyframes myfirst

/* Safari and Chrome */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 20%;
    }
}

@-o-keyframes left100ToLeft0

/* Opera */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@keyframes left100ToLeft0 {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-moz-keyframes left100ToLeft0

/* Firefox */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-webkit-keyframes left100ToLeft0

/* Safari and Chrome */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

@-o-keyframes left100ToLeft0

/* Opera */
    {
    0% {
        left: 100%;
    }

    100% {
        left: 0%;
    }
}

.lingcun_jingfang {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.lingcun_jingfang .modal-content {
    background: #636363;
    color: #ffffff;
}

/* 公共样式 */
html {
    font-size: 16px;
}

body {
    background: #f8f8f8 !important;
    font-size: 15px !important;
    /* height: 100vh; */
}

/* body::-webkit-scrollbar {display:none}
.jinzhi{
    height: 100%;
    overflow: hidden;
} */
.bg_gray {
    background-color: #f8f8f8 !important;
}

.bg_white {
    background-color: #ffffff !important;
}

.bg_28 {
    background-color: #282828 !important;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.p_2 {
    padding: 12px;
}

.w-10 {
    width: 10% !important;
}

.w-15 {
    width: 15% !important;
}

.w-20 {
    width: 20% !important;
}

.w-25 {
    width: 25% !important;
}

.w-30 {
    width: 30% !important;
}

.w-35 {
    width: 35% !important;
}

.w-40 {
    width: 40% !important;
}

.w-45 {
    width: 45% !important;
}

.w-50 {
    width: 50% !important;
}

.w-55 {
    width: 55% !important;
}

.w-60 {
    width: 60% !important;
}

.w-65 {
    width: 65% !important;
}

.w-70 {
    width: 70% !important;
}

.w-75 {
    width: 75% !important;
}

.w-80 {
    width: 80% !important;
}

.w-85 {
    width: 85% !important;
}

.w-90 {
    width: 90% !important;
}

.w-95 {
    width: 95% !important;
}

.w-100 {
    width: 100% !important;
}

.badge {
    font-weight: normal;
    padding: 4px 8px;
}

.badge-gray {
    color: #848383;
    background-color: #EEECEC;
}

.zhezhao_touming {
    width: 100%;
    height: 100%;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    display: none;
}

.zhezhao_black {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 222;
    display: none;
}

.zhezhao_white {
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 199;
    display: none;
}

.jump_href,
.tip_modal {
    display: none;
    position: fixed;
    width: 300px;
    padding: 16px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -30px;
    text-align: center;
    background: rgba(0, 0, 0, .8);
    color: #ffffff;
    z-index: 999;
    border-radius: 4px;
}

.tip_modal_warn,
.msgTips {
    display: none;
    z-index: 999;
    position: fixed;
    width: 300px;
    height: 200px;
    top: 50%;
    left: 50%;
    margin-left: -150px;
    margin-top: -100px;
    background: #ffffff;
    color: #333333;
    border-radius: 8px;
}

.tip_modal_warn .title,
.msgTips .title {
    text-align: center;
    padding: 0 24px;
    font-size: 18px;
    margin-top: 48px;
}

.tip_modal_warn .btn_box,
.msgTips .btn_box {
    position: absolute;
    bottom: 0;
    font-size: 0;
    width: 100%;
}

.tip_modal_warn .btn_box a,
.msgTips .btn_box a {
    width: 50%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
}

.tip_modal_warn .btn_box a.no {
    color: #333;
}

.tip_modal_warn .btn_box a.no::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    background: #e5e5e5;
}

.tip_modal_warn .btn_box a.yes {
    color: #258FEA;
}

/* 弹窗一个按钮 */
.tip_modal_warn .btn_box a.one,
.msgTips .btn_box a.one {
    color: #258FEA;
    width: 100%;
}

#outerdiv {
    text-align: center;
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .9);
}

#bigimg {
    height: 90%;
    border: 0;
    margin: auto;
    position: fixed;
    top: 6%;
    left: 0;
    right: 0;
}

.c_blue {
    color: #3BB4DD !important;
}

.c_666 {
    color: #666 !important;
}

.c_999 {
    color: #999 !important;
}

.fz_14 {
    font-size: 14px !important;
}

/* 按钮 */
.btn_blue {
    border: 1px solid #A3D0FD;
    background: #E6F1FC;
    color: #1989fa !important;
    cursor: pointer;
}

.btn_blue:hover {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

/* 登录页面 */
.login_box {
    width: 100vw;
    height: 100vh;
    background: #f2f2f2;
    text-align: center;

}

.login {
    width: 480px;
    display: inline-block;
    margin-top: 8%;
}

@media (max-width: 576px) {
    .login {
        width: 96%;
    }
}

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

.login .logo img {
    display: inline-block;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    overflow: hidden;
}

.login input {
    height: 56px;
    margin-top: 20px;
}

.login_button {
    display: inline-block;
    text-align: center;
    width: 100%;
    height: 56px;
    line-height: 56px;
    background: #8BC34A;
    color: #ffffff !important;
    font-size: 20px;
    cursor: pointer;
    border-radius: 4px;
    margin-top: 20px;
}

/* 左侧导航栏 */
.nav_box {
    width: 20%;
    background: #282828;
    color: #ffffff;
    float: left;
    padding-bottom: 100px;
    height: 100vh;
}

.nav_box .title {
    padding: 0 12px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 可以显示的行数，超出部分用...表示*/
    -webkit-box-orient: vertical;
}

.user_info {
    width: 100%;
    overflow: hidden;
    padding: 12px;
    display: block;
    background: #4C5153;
    margin-bottom: 1px;
    position: relative;
    display: flex;
}

.user_img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #aaa;
    float: left;
}

.user_img img {
    max-width: 100%;
    height: auto;
}

.user_tt {
    float: left;
    width: 60%;
    min-width: 100px;
    color: #ffffff;
    margin-left: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 可以显示的行数，超出部分用...表示*/
    -webkit-box-orient: vertical;
}

.user_tt:after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 14px;
}

.user_name {
    margin-top: 8px;
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.user_shenfen {
    color: #ff9800;
    font-size: 12px;
    margin-top: 4px;
}

.xiaoxi_shezhi {
    width: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 60px;
    background: #4C5153;
    margin-bottom: 1px;
}

.xiaoxi_shezhi a {
    display: inline-block;
    width: 40%;
    text-align: center;
    position: relative;
    padding-top: 4px;
}

.xiaoxi_shezhi a i {
    font-size: 32px !important;
    color: #ffffff;
}

.xiaoxi_shezhi a span {
    background: red;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    overflow: hidden;
    color: #ffffff;
    position: absolute;
    top: 12px;
    left: 54%;
}

.nav_list {
    text-align: center;
}

.nav_list a {
    width: 100%;
    text-align: center;
    font-size: 18px;
    display: inline-block;
    background: #4C5153;
    border-bottom: 1px solid #282828;
    color: #bbb !important;
    line-height: 90px;
    cursor: pointer;
}

.nav_box a.on .user_shenfen {
    color: #ffffff;
}

.nav_box a:hover,
.nav_box a.on,
.nav_list a:hover,
.nav_list a.on,
.nav_list a.active {
    color: #ffffff !important;
    background: #3bb4dd;
}

.nav_list a i {
    display: inline-block;
    font-size: 28px !important;
    position: relative;
    top: 3px;
    left: -8px;
}

.nav_list a span {
    display: inline-block;
}

/* 右侧页面 */
.main_box {
    float: right;
    width: 100%;
    padding-bottom: 96px;
}

.main_box_index {
    float: right;
    width: 80%;
    height: auto;
    min-height: 500px;
}

/* 标题 日历 */
.crumbs_box {
    width: 100%;
    background: #4C5153;
    overflow: hidden;
    line-height: 40px;
    color: #ffffff;
}

.crumbs {
    float: left;
    margin-left: 12px;
}

.rili {
    float: right;
    margin-right: 12px;
    font-size: 14px;
}

.rili i {
    margin-right: 8px;
    font-size: 14px !important;
}

/* 主要内容 */
.main_neirong {
    position: relative;
}

/* 搜索 新建 二维码  */
.input_button {
    width: 100%;
    padding: 16px;
    border-bottom: 4px solid #f2f2f2;
    background: #ffffff;
    position: relative;
}

.input_box {
    width: 35%;
    display: inline-block;
    font-size: 15px;
    position: relative;
}

.input_box input {
    display: inline-block;
    width: 100%;
    border: 1px solid #F2F0F0;
    border-radius: 4px;
    line-height: 38px;
    background: #F2F0F0;
    padding-left: 36px;
}

.input_box input:focus {
    color: #495057;
    background-color: #F2F0F0;
    border-color: #80bdff;
    outline: 0;
}

.input_box i {
    position: absolute;
    font-size: 24px !important;
    color: #8E8E93;
}

.input_box i.icon-search {
    top: 2px;
    left: 6px;
}

.input_box i.icon-shanchu {
    top: 3px;
    right: 6px;
}

.button_box {
    display: inline-block;
}

.button_box a {
    width: 84px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #A3D0FD;
    background: #E6F1FC;
    color: #1989fa !important;
    cursor: pointer;
    margin-left: 8px;
}

.ewm_box {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 20px;
}

.ewm_box i {
    font-size: 58px !important;
    line-height: 1;
}

/* 病案标题 */
.list_title {
    width: 100%;
    position: relative;
    overflow: hidden;
    line-height: 48px;
    border-bottom: 1px solid #dee2e6;
    padding-left: 10px;
    padding-right: 20px;
    background: #ffffff;
    text-align: center;
}

.list_name {
    font-size: 18px;
}

.list_name i {
    color: #97c8f2;
    font-size: 30px !important;
    line-height: 1;
    position: relative;
    top: 4px;
}

/* 病案表格 */
.bingan_table {
    margin-top: 8px;
    background: #ffffff;
    margin-bottom: 0;
    font-size: 14px;
}

.bingan_table th:first-child {
    padding-left: 22px;
}

.bingan_table td:first-child {
    padding-left: 28px;
}

.bingan_table th:last-child,
.bingan_table td:last-child {
    padding-right: 24px;
}

.bingan_table td,
.bingan_table th {
    padding: 12px 3px;
    vertical-align: middle;
}

/* 病案更多 */
.table_more {
    position: relative;
}

.table_more i {
    font-size: 24px !important;
    line-height: 1;
    color: #3BB4DD;
}

.table_more .more_list {
    position: absolute;
    width: 150px;
    background: #ffffff;
    right: -10px;
    top: 30px;
    box-shadow: 0 0 8px #ccc;
    padding: 2px 10px;
    border-radius: 8px;
    z-index: 3;
    display: none;
}

.table_more .more_list a {
    display: inline-block;
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    line-height: 56px;
}

.table_more .more_list a i {
    display: inline-block;
    font-size: 24px !important;
    margin-right: 8px;
    line-height: 1;
    position: relative;
    top: 3px;
    margin-left: 8px;
}

.table_more .more_list a span {
    display: inline-block;
}

.table_more .more_list a:last-child {
    border-bottom: 0px solid #e5e5e5;
}

/* 页码 */
.yema {
    width: 100%;
    justify-content: center;
    padding-top: 16px;
    padding-bottom: 32px;
    background: #f2f2f2;
}

/* 扫描二维码弹窗 */
.saoma {
    position: fixed;
    text-align: center;
    width: 100%;
    top: 10%;
    z-index: 333;
    color: #ffffff;
    display: none;
}

.saoma .title {
    font-size: 36px;
}

.saoma .tips {
    font-size: 20px;
}

.saoma .img {
    display: inline-block;
    margin-top: 12px;
}

.saoma .img img {
    width: 240px;
    height: 240px;
    border: 4px solid #fff;
}

.saoma .wait {
    font-size: 18px;
    margin-top: 12px;
}

.saoma_close {
    z-index: 333;
    position: absolute;
    top: 8px;
    right: 36px;
    color: #ffffff;
    display: none;
}

.saoma_close i {
    font-size: 60px !important;
}

/* 病案详情 */
.tab_box {
    display: flex;
    width: 100%;
    flex: auto;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 48px;
    border-bottom: 1px solid #dee2e6;
    padding-left: 10px;
    padding-right: 20px;
    background: #ffffff;
    text-align: center;
    position: fixed;
    top: 0;
    z-index: 2;
}

/* .mt72{
    margin-top: 72px !important;
} */
.tab_name {
    font-size: 18px;
    /* position: absolute;
    bottom: 12px; */
}

.tab_name i {
    color: #97c8f2;
    font-size: 30px !important;
    line-height: 1;
    position: relative;
    top: 4px;
}

.tab_name span {
    font-size: 14px;
    color: #999;
    margin-left: 8px;
}

.tab_button {
    position: fixed;
    right: 100px;
    z-index: 3;
    top: 12px;
}

.tab_button button {
    min-width: 96px;
    box-shadow: none !important;
    margin-right: 16px;
}

.tab_button button:last-child {
    margin-right: 0;
}

.tab_search {
    width: 70%;
    display: flex;
    align-items: center;
}

.tab_search button,
.tab_search a {
    display: inline-block;
    width: 20%;
    color: #ffffff !important;
}

/* 患者信息 病历 诊治记录 tab */
#tabTitle,
.tab_title {
    position: absolute;
    left: 28%;
    bottom: -1px;
    overflow: hidden;
    z-index: 2;
}

.tab_title li {
    float: left;
}

#tabTitle a,
.tab_title li a {
    display: block;
    border: 1px solid #DCDFE6;
    background: #EEECEC;
    padding: 0 12px;
    min-width: 120px;
    box-sizing: border-box;
    line-height: 44px;
    margin-left: -1px;
    cursor: pointer;
}

#tabTitle a:first-child,
.tab_title li:first-child a {
    margin-left: 0;
    border-radius: 4px 0px 0 0;
}

#tabTitle a:last-child,
.tab_title li:last-child a {
    border-radius: 0 4px 0 0;
}

#tabTitle a.active,
.tab_title li a.active {
    background: #ffffff;
    border-bottom: 1px solid #fff;
}

/* .tab_close{
    position: absolute;
    right: 12px;
    bottom: -4px;
} */
.tab_close i {
    font-size: 40px !important;
    color: #bbbbbb;
}

/* 病人信息 */
.patient_info {
    background: #ffffff;
}

.patient_info_title {
    padding: 0 16px;
    line-height: 48px;
    background: #f2f2f2;
}

.patient_info_title span:nth-child(2) {
    float: right;
    font-size: 14px;
    color: #999999;
}

.jc_mohu {
    filter: blur(5px);
}

.jc_no_after::after,
.jc_no_before::before {
    display: none !important;
}

.replyBox {
    width: 100%;
}

.jc_reply {
    display: flex;
    width: 100%;
    background: #f3f3f3;
    margin-top: 6px;
    padding: 8px;
    position: relative;
    border-radius: 4px;
    /* overflow: hidden; */
}

.jc_reply::before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    background: inherit;
    position: absolute;
    top: -3px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}

.jc_reply .name {
    color: #5583AA;
}

.jc_reply .neirong {
    color: #666;
    flex: auto;
}

.jc_reply .guanbi {
    margin-left: 16px;
    margin-right: 4px;
    align-self: center;
    font-size: 20px;
    color: #999999;
    line-height: 1;
}

.jc_reply .guanbi i {
    font-size: 20px !important;
}

.jc_switch {
    height: 28px;
    position: relative;
}

.jc_switch .tips {
    position: absolute;
    display: block;
    right: 48px;
    top: 50%;
    transform: translate(0%, -50%);
    font-size: 12px;
    color: #999;
}

.jc_switch label {
    background-image: url(../images/tt_switch_guan.svg);
    width: 40px;
    height: 100%;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

.jc_switch input:checked+label {
    background-image: url(../images/tt_switch_kai.svg);
}

.jc_list {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 0 16px;
    background: #ffffff;
    cursor: pointer;
    margin-bottom: 10px;
    min-height: 43px;
    box-sizing: border-box;
}

.jc_list:last-child {
    border-bottom: 0px solid #e5e5e5;
}

.jc_hd,
.jc_ft {
    flex: auto;
    position: relative;
    padding: 4px 0;
    width: 20px;
}

.jc_ft {
    padding-right: 20px;
    font-size: 13px;
}

.jc_ft:after {
    content: " ";
    display: inline-block;
    height: 9px;
    width: 9px;
    border-width: 2px 2px 0 0;
    border-color: #ff8942;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
}

.jc_a {
    display: inline-block;
    background: #A66301;
    color: #ffffff !important;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 4px;
    font-size: 13px;
    margin-top: 8px;

}

.jc_a span {
    position: relative;
    top: -1px;
}

.jc_a i {
    font-size: 20px !important;
    line-height: 1 !important;
    position: relative;
    margin-left: 8px;
}

.jc_df {
    display: flex;
}

.jc_fw {
    flex-wrap: wrap;
}

.jc_title {
    margin-top: 8px;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px;
    background: #ffffff;
}

.jc_title b {
    font-weight: 700;
    color: #17a2b8;
    font-size: 16px;
}

.jc_title span {
    float: right;
}

.jc_title span i {
    margin-right: 2px;
}

.jc_choose_box {
    display: flex;
    align-items: flex-end;
    background: #ffffff;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;
}

.jc_choose_box li {
    flex: auto;
}

.jc_choose_box li:not(:first-child) {
    margin-left: 8px;
}

.jc_choose_box li span {
    display: inline-block;
    font-size: 14px;
    color: #999999;
    position: relative;
    top: -4px;
}

.jc_text {
    text-align: right;
    border: 0;
    margin: -8px 0;
}

.jc_radio {
    margin-left: -12px;
}

.jc_radio input {
    display: none;
}

.jc_radio label {
    display: inline-block;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    margin-left: 12px;
    box-sizing: border-box;
    background: url(../../images/radio_no.svg) no-repeat center left;
    background-size: 20px 20px;
    cursor: pointer;
    overflow: hidden;
}

.jc_radio input:checked+label {
    background-image: url(../../images/radio_yes.svg);
    color: #0099bb;
}

.head_img img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    display: inline-block;
    margin: -8px 0;
}

.jc_select_border,
.jc_select {
    margin: -8px 0;
    text-align: right;
    float: right;
    width: auto;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(../../images/select_jiantou.svg) no-repeat right center;
    background-size: 16px 16px;
    padding-right: 20px;
}

.jc_select {
    border: 0;
    direction: rtl;
}

.select_sanjiao {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background-image: url(../../images/select_jiantou.svg);
    background-repeat: no-repeat;
    background-position: 84% 50%;
    background-size: 10px 10px;
}

select::-ms-expand {
    display: none;
}

.input_gray {
    border: 1px solid #F2F0F0;
    background: #F2F0F0;
}

.input_gray:focus {
    background-color: #F2F0F0 !important;
}

.jc_search {
    position: relative;
}

.jc_search input {
    padding-left: 30px;
}

.jc_search i {
    position: absolute;
    font-size: 24px !important;
    margin-top: -12px;
    top: 50%;
    line-height: 1;
    color: #999999;
}

.jc_search i.icon-search {
    left: 4px;

}

.jc_search i.icon-shanchu {
    right: 4px;
}

.jc_textarea {
    padding-top: 16px;
    position: relative;
}

.jc_textarea .title {
    width: 100%;
    margin-bottom: 12px;
    color: #666666;
}

.jc_textarea .title b {
    color: #32536C;
}

.jc_textarea .title p {
    font-size: 14px;
    color: #999999;
}

.jc_textarea .jc_search {
    position: absolute;
    right: 0;
    top: 8px;
    width: 40%;
}

.add_box {
    display: flex;
}

.add_box .form_textarea {
    position: relative;
    padding-bottom: 30px;
}

.add_box>.form_textarea>a>i {
    font-size: 20px !important;
    line-height: 1;
    margin-left: 8px;
    position: relative;
    top: 3px;
}

.add_box>.form_textarea>i {
    position: absolute;
    font-size: 24px !important;
    right: 4px;
    bottom: 0;
    color: #999999;
}

.common_use_box {
    background: #ffffff;
    overflow: hidden;
    padding-top: 12px;
    display: flex;
    flex: auto;
    align-items: baseline;
}

.common_use_title {
    float: left;
    color: #666666;
    background: #fff;
    padding: 4px 0px;
}

.common_use_item {
    float: left;
    width: 88%;
}

.common_use_item span {
    display: inline-block;
    background: #eee;
    padding: 4px 16px;
    border-radius: 4px;
    margin-left: 8px;
    margin-bottom: 8px;
    color: #666666;
}

.form_textarea {
    background: #f2f2f2;
    min-height: 100px;
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    resize: none;
}

.form_textarea:focus {
    color: #495057;
    background-color: #f2f2f2;
    border-color: #80bdff;
    outline: 0
}

.form_textarea a {
    display: inline-block;
    background: #A66301;
    color: #ffffff !important;
    padding: 4px 12px;
    border-radius: 4px;
    margin-right: 8px;
    margin-bottom: 12px;
    font-size: 15px;
}

.form_textarea .form_textarea {
    border: none;
}

.icd-11 {
    height: 120px;
    overflow-y: scroll;
}

.icd-11 a {
    background: #DB686C;
    position: relative;
    line-height: 30px;
}

.icd-11 a i {
    font-size: 24px !important;
    line-height: 1 !important;
    position: relative;
    top: 3px;
    margin-left: 8px;
}

.jc_img_box {
    width: 100%;
}

.patient_list_img,
.symptom_describe {
    margin-top: 16px;
    margin-left: -11px;
    width: calc(100% + 12px);
}

.patient_list_img {
    margin-top: 6px;
}

.patient_list_img .jc_img_item {
    width: calc(25% - 16px);
    margin-right: 0;
    margin-left: 12px;
}

.symptom_describe .jc_img_item {
    width: calc(16.6% - 16px);
    margin-right: 0;
    margin-left: 12px;
}

.symptom_describe .jc_img_item .img i {
    font-size: 36px !important;
    margin-top: 28px;
}

.symptom_describe .jc_img_item .img {
    height: 120px;
}

.patient_list_img .jc_img_item .img {
    height: 100px;
    background: #ddd;
}

.jc_img_item {
    display: inline-block;
    overflow: hidden;
    width: calc(16.6% - 16px);
    margin-right: 16px;
    padding-bottom: 12px;
    position: relative;
}

.jc_img_item .jc_close {
    position: absolute;
    top: 0;
    right: 0;
}

.jc_img_item .jc_close i {
    line-height: 1;
    font-size: 40px !important;
    color: rgba(0, 0, 0, .5);
    background: rgba(255, 255, 255, 0.75);
    border-radius: 50%;
}

.jc_img_item .sound {
    width: 100%;
    height: 100%;
    background: #f2f2f2;
}

.jc_img_item .loading {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: 1;
    border: 1px #e5e5e5 solid;
    border-radius: 4px;
}

.jc_img_item .loading span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -16px;
    margin-top: -16px;
    width: 32px;
    height: 32px;
}

.jc_img_item .img {
    width: 100%;
    height: 120px;
    overflow: hidden;
    background: #f2f2f2;
    text-align: center;
    color: #999999;
    border: 1px #e5e5e5 solid;
}

.jc_img_item .img i {
    font-size: 72px !important;
    line-height: 1;
    margin-top: 40px;
    display: inline-block;
    width: 100%;
}

.patient_list_img .jc_img_item .img i {
    font-size: 36px !important;
    margin-top: 24px;
}

.patient_list_img .jc_img_item .img span {
    margin-top: 6px;
}

.jc_img_item .img span {
    display: inline-block;
    width: 100%;
    margin-top: 12px;
}

.jc_img_item .img img {
    width: 100%;
    height: 100%;
}

.jc_img_item .txt {
    margin-top: 4px;
    text-align: center;
}

/* 病历 */
.case_history {
    background: #ffffff;
    padding: 0 16px;
    display: flex;
    flex: auto;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
}

.case_history .date_box {
    width: 10%;
}

.case_history .date {
    border: 1px solid #A3D0Fd;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    text-align: center;
    background: #E6F1FC;
}

.case_history .date span {
    width: 100%;
    display: inline-block;
}

.case_history .date .day {
    font-size: 18px;
    margin-top: 14px;
}

.case_history .date .year {
    font-size: 14px;
    color: #999999;
}

.case_history .list {
    width: 90%;
    margin-left: 12px;
    padding-bottom: 12px;
}

.case_history .list .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: auto;
    padding: 8px 0;
}

.case_history .list .txt_box {
    background: #f2f2f2;
    padding: 8px;
}

.case_history .list .txt {
    list-style: none;
    padding: 0;
    font-size: 14px;
}

.case_history .list .txt li {
    padding: 2px 0;
}

/* 治疗记录 */
.cure_list {
    width: 100%;
}

.sum {
    width: 100%;
    display: flex;
    justify-content: space-around;
    padding: 16px;
}

.sum .sum_item {
    width: 30%;
    background: #f2f2f2;
    padding: 12px;
}

.sum .sum_item .tit {
    font-size: 14px;
}

.sum .sum_item .txt {
    text-align: center;
    color: #FF9800;
    padding-top: 20px;
    padding-bottom: 24px;
}

.sum .sum_item .txt span {
    font-size: 48px;
    line-height: 1;
}

.sum .sum_item .txt p {
    margin-top: 12px;
}

/* 主诉 诊断 治疗 效果 步骤进度条 */
.ai_step_box {
    position: relative;
    text-align: center;
    padding: 4px 0;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
    display: block;

}

.ai_step_line {
    height: 12px;
    position: absolute;
    top: 26px;
    width: 76%;
    left: 12%;
    margin: 0 auto;
    background: #e9ecef;
}

.ai_step_list {
    padding-bottom: 8px;
}

.ai_step {
    color: #666;
}

.ai_step i {
    font-size: 36px !important;
}

.ai_step .head {
    width: 36px;
    overflow: hidden;
    display: inline-block;
    line-height: 1.5;
}

.ai_step .main {
    line-height: 1;
    margin-top: -8px;
}

.ai_step:hover,
.ai_step_list .active {
    color: #09b;
    position: relative;
    cursor: pointer;
}

.ai_step:hover i,
.ai_step_ok i,
.ai_step_on i {
    font-size: 36px !important;
}

.ai_step_ok {
    color: #4cae4c;
}

/* 主诉 */
.zhusu_box,
.zhenduan_box,
.zhiliao_box,
.xiaoguo_box {
    padding: 0 16px 100px;
    background: #fff;
}

.zhusu_box .jc_list,
.zhenduan_box .jc_list,
.zhiliao_box .jc_list,
.xiaoguo_box .jc_list {
    padding: 0;
}

.zhenduan_title {
    margin-top: 8px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px 0;
    background: #ffffff;
    overflow: hidden;
}

.zhenduan_title b {
    font-weight: 700;
    color: #17a2b8;
    font-size: 16px;
}

.zhenduan_title .zhanduan_title_txt {
    float: right;
    color: #999999;
    font-size: 14px;
}

.zhenduan_title .zhanduan_title_txt span {
    margin-left: 12px;
}

.zhenduan_title .zhanduan_title_txt span i {
    margin-right: 2px;
}

.fuzhen_jilu_title {
    background: #ffffff;
    font-size: 14px;
    padding: 12px 16px;
    color: #999999;
    border-bottom: 1px solid #e5e5e5;
}

.zhusu_luru_title {
    background: #ffffff;
    font-size: 16px;
    padding: 12px 16px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
    overflow: hidden;
}

.zhusu_luru_title .tit {
    float: left;
}

.zhusu_luru_title .tit i {
    color: #5AABF0;
    font-size: 18px !important;
    line-height: 1;
    margin-right: 4px;
    position: relative;
    top: 1px;
}

.zhusu_luru_title .txt {
    float: right;
    color: #999999;
    font-size: 14px;
}

.zhusu_luru_title .txt span {
    margin-left: 8px;
}

.fuzhen_jilu {
    text-align: left;
    position: relative;
}

.fuzhen_jilu span {
    display: inline-block;
    color: #999999;
}

.fuzhen_jilu .wait,
.fuzhen_jilu .ok,
.fuzhen_jilu .chuzhen,
.fuzhen_jilu .fuzhen,
.fuzhen_jilu .sanzhen {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    width: 120px;
    line-height: 44px;
    border-radius: 0 0 8px 8px;
    text-align: center;
    position: relative;
    top: -1px;
}

.fuzhen_jilu .wait {
    background: #ffc107;
}

.fuzhen_jilu .ok {
    background-color: #8BC34A;
}

.fuzhen_jilu .chuzhen {
    background: #FF9800;
}

.fuzhen_jilu .fuzhen {
    background-color: #8BC34A;
}

.fuzhen_jilu .sanzhen {
    background-color: #17a2b8;
}

.fuzhen_jilu_button {
    position: absolute;
    right: 0;
    bottom: 0;
}

.fuzhen_jilu_button a {
    width: 100px;
    font-size: 14px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    line-height: 36px;
    border: 1px solid #A3D0FD;
    color: #1989fa !important;
    cursor: pointer;
    margin-left: 12px;
}

.fuzhen_jilu_tips {
    color: #999999;
    font-size: 13px;
    padding: 4px 0;
    border-bottom: 1px solid #e5e5e5;
}

/* 治疗 */
.zhiliao_box {
    background: #ffffff;
}

.fuzhen_zhiliao_box {
    padding: 0 3%;
    overflow: hidden;
    background: #ffffff;
}

.fuzhen_zhiliao {
    width: 97%;
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 12px;
    padding-bottom: 12px;
    display: flex;
}

.zhineng_bidui_btn {
    text-align: center;
    position: relative;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px;
}

.zhineng_bidui_btn i {
    font-size: 20px !important;
    margin-right: 4px;
}

.save_another {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    color: #258FEA !important;
    cursor: pointer;
}

.fuzhen_zhiliao_box .fuzhen_zhiliao:first-child {
    padding-top: 0;
}

.fuzhen_zhiliao_box .fuzhen_zhiliao:last-child {
    border-bottom: 0px solid #e5e5e5;
}

.fuzhen_zhiliao_date {
    text-align: center;
    flex: auto;
}

.fuzhen_zhiliao_date .moon {
    font-size: 14px;
    color: #999999;
}

.fuzhen_zhiliao_date .day {
    font-size: 32px;
}

.fuzhen_zhiliao_date .ok,
.fuzhen_zhiliao_date .wait {
    font-size: 14px;
}

.fuzhen_zhiliao_date .wait {
    color: #FF9800;
}

.fuzhen_zhiliao_date .ok {
    color: #848383;
}

.fuzhen_zhiliao_info {
    background: #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: auto;
    width: 75%;
    padding: 0 8px 8px;
}

.patient_list .xiangmu,
.fuzhen_zhiliao_info .xiangmu {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.patient_list .xiangmu span:first-child,
.fuzhen_zhiliao_info .xiangmu span:first-child {
    background: #97c8f2;
    padding: 4px 16px;
    font-size: 15px;
    color: #ffffff;
}

.patient_list .xiangmu span:last-child,
.fuzhen_zhiliao_info .xiangmu span:last-child {
    font-size: 14px;
    color: #999999;
}

.fuzhen_zhiliao_info .time {
    display: flex;
    justify-content: flex-start;
    padding: 12px 0 8px;
    font-size: 18px;
}

.fuzhen_zhiliao_info .time span:first-child {
    display: inline-block;
    margin-right: 5%;
}

.fuzhen_zhiliao_info .time span i {
    color: #17a2b8;
    margin-right: 2px;
    font-size: 18px !important;
}

.fuzhen_zhiliao_info .beizhu {
    display: flex;
    justify-content: flex-start;
    color: #777;
    font-size: 15px;
}

.fuzhen_zhiliao_info .img {
    display: inline-block;
    width: calc(20% - 12px);
    height: 100px;
}

.fuzhen_zhiliao_info .img img {
    width: 100%;
    height: 100%;
}

.fuzhen_zhiliao_caozuo {
    width: 10%;
    padding-left: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-self: center;
}

.fuzhen_zhiliao_caozuo span {
    width: 100%;
    font-size: 14px;
    margin-bottom: 12px;
}

.fuzhen_zhiliao_caozuo span:last-child {
    margin-bottom: 0;
}

/* 效果 */
.xiaoguo_box {
    padding-top: 16px;
    padding-bottom: 16px;
    background: #ffffff;
}

.fuzhen_xiaoguo_box {
    padding: 4px 3% 14px;
    overflow: hidden;
    background: #ffffff;
}

.fuzhen_xiaoguo {
    width: 96%;
    overflow: hidden;
    padding-top: 8px;
    display: flex;

}

.fuzhen_xiaoguo_date {
    float: left;
    width: 10%;
    text-align: center;
    flex: auto;
    justify-content: flex-start;
}

.fuzhen_xiaoguo_date .day {
    font-size: 32px;
    line-height: 1;
    position: relative;
    top: -12px;
}

.fuzhen_xiaoguo_date .moon {
    font-size: 12px;
    color: #999999;
    position: relative;
    top: -8px;
}

.fuzhen_xiaoguo_info {
    border-left: 2px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    flex: auto;
    width: 80%;
    padding: 0 12px 8px;
}

.fuzhen_xiaoguo_info .title {
    line-height: 1;
    position: relative;
    left: -21px;
    top: -8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* 可以显示的行数，超出部分用...表示*/
    -webkit-box-orient: vertical;
    width: 77vw;
}

.fuzhen_xiaoguo_info .title i {
    margin-right: 4px;
    color: #777;

}

.fuzhen_xiaoguo_info>div:last-child {
    margin-bottom: 16px;
}

.fuzhen_xiaoguo_box .fuzhen_xiaoguo:last-child .fuzhen_xiaoguo_info>div:last-child {
    margin-bottom: 0;
}

.fuzhen_xiaoguo_info .txt {
    background: #f2f2f2;
    font-size: 14px;
    padding: 8px;
    width: 70vw;
}

.fuzhen_xiaoguo_info .pic_box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2vw;
    width: 72vw;
}

.fuzhen_xiaoguo_info .pic_box .pic,
.fuzhen_xiaoguo_info .pic_box .sound {
    width: 20%;
    height: 120px;
    margin-top: 8px;
    margin-left: 2vw;
    position: relative;
    overflow: hidden;
    border: 1px solid #e5e5e5;
}

.fuzhen_xiaoguo_info .pic_box .pic .see_pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    color: #111111;
}

.fuzhen_xiaoguo_info .pic_box .pic img,
.fuzhen_xiaoguo_info .pic_box .sound img {
    width: 100%;
    height: 100%;
}

.fuzhen_xiaoguo_info .pic_box .pic img {
    filter: blur(5px);
}

.fuzhen_xiaoguo_info .pic_box .sound {
    display: flex;
    background: #f2f2f2;
    color: #999;
    font-size: 14px;
}

.fuzhen_xiaoguo_info .pic_box .sound .laba {
    display: flex;
    flex-direction: column;
    align-content: space-between;
    flex: auto;
    align-items: center;
    justify-content: center;
}

.fuzhen_xiaoguo_info .pic_box .sound .laba i {
    font-size: 36px !important;
    line-height: 1;
    color: #555555;
}

/* 问诊 */
.tab_list {
    display: flex;
    background: #fff;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
}

.tab_list a {
    flex: 1;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 13px;
    color: #666666;
}

.tab_list a:not(:last-child):after {
    content: " ";
    display: inline-block;
    height: 50%;
    width: 1px;
    border-right: 1px solid #e5e5e5;
    position: absolute;
    right: 0;
}

.tab_list a:hover,
.tab_list a.active {
    /* border-bottom: 2px solid #258FEA; */
    color: #258FEA !important;
    font-weight: bold;
}

.tab_list a.active::before {
    content: "";
    display: inline-block;
    background: #258FEA;
    width: 5em;
    height: 2px;
    align-self: flex-end;
    position: absolute;
    left: calc(50% - 2.5em);
    bottom: 0;
}

/* 搜索 筛选  */
.choose_box {
    width: 100%;
    padding: 16px;
    border-bottom: 1px solid #e5e5e5;
    background: #ffffff;
    position: relative;
    display: flex;
    align-items: center;
}

.choose_box_select {
    width: 120px;
    display: inline-block;
}

.choose_box_radio {
    padding-left: 16px;
    display: flex;
    margin-right: 8px;
}

.choose_box_radio input {
    display: none;
}

.choose_box_radio label {
    display: inline-block;
    padding-left: 22px;
    padding-top: 2px;
    padding-bottom: 2px;
    min-width: 80px;
    box-sizing: border-box;
    background: url(../../images/pad/radio_no.svg) no-repeat center left;
    background-size: 20px 20px;
    cursor: pointer;
    overflow: hidden;
}

.choose_box_radio input:checked+label {
    background-image: url(../../images/pad/radio_yes.svg);
    color: #0099bb;
}

.choose_box_text {
    width: 30%;
    display: inline-block;
    font-size: 14px;
    position: relative;
}

.choose_box_text input {
    display: inline-block;
    width: 100%;
    border: 1px solid #F2F0F0;
    border-radius: 4px;
    line-height: 38px;
    background: #F2F0F0;
    padding-left: 30px;
}

.choose_box_text input:focus {
    color: #495057;
    background-color: #F2F0F0;
    border-color: #80bdff;
    outline: 0;
}

.choose_box_text i {
    position: absolute;
    color: #8E8E93;
}

.choose_box_text i.icon-search {
    font-size: 20px !important;
    top: 6px;
    left: 6px;
}

.choose_box_text i.icon-shanchu {
    font-size: 24px !important;
    top: 3px;
    right: 6px;
}

.choose_box_button {
    display: inline-block;
    font-size: 15px;
}

.choose_box_button a {
    width: 76px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #A3D0FD;
    background: #E6F1FC;
    color: #1989fa !important;
    cursor: pointer;
    margin-left: 8px;
}

/* 患者信息 */
.patient_box {
    display: flex;
    background: #ffffff;
    padding: 0 16px;
    align-items: center;
    margin-bottom: 12px;
    position: relative;
}

.patient_left {
    position: relative;
    display: flex;
    align-items: center;
    align-self: flex-start;
    flex-wrap: wrap;
    width: 30%;
    font-size: 14px;
    padding: 12px 0;
}

.patient_id,
.patient_xinxi,
.patient_num {
    width: 100%;
}

.patient_id {
    font-size: 14px;
    color: #666;
}

.patient_xinxi {
    margin-top: 8px;
    display: flex;
    align-items: center;
}

.patient_head {
    width: 72px;
    height: 72px;
    margin-right: 8px;
}

.patient_head img {
    max-width: 100%;
    height: auto;
}

.patient_tt {
    font-size: 14px;
}

.patient_tt .name {
    font-size: 16px;
}

.patient_tt .sex_age {
    color: #999999;
}

.patient_tt .tel a,
.patient_tt .tel a:visited,
.patient_tt .tel a:active,
.patient_tt .tel a:hover {
    color: #5AABF0;
    text-decoration: underline;
    cursor: pointer;
}

.patient_num {
    margin-top: 8px;
    color: #3F51B5;
}

.patient_num a {
    display: inline-block;
    padding-right: 10px;
    margin-left: 16px;
    color: #5AABF0 !important;
    position: relative;
}

.patient_num a::after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #5AABF0;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
}

.patient_item {
    width: 62%;
    font-size: 14px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 30px;
    position: relative;
    align-items: center;
    flex: auto;
}

.patient_item::before {
    content: " ";
    display: inline-block;
    height: 50%;
    width: 1px;
    border-left: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
}

.patient_item .treatment_info {
    width: 100%;
    display: flex;
    color: #999999;
    margin-top: 8px;
    padding: 8px;
    background: #f3f3f3;
    border-radius: 4px;
    position: relative;

}

.patient_item .treatment_info::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-style: solid;
    border-width: 2px 2px 0 0;
    border-color: #b2b2b2;
    position: absolute;
    margin-top: -5px;
    top: 50%;
    right: 10px;
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}

.patient_item .treatment_info>div {
    margin-right: 12px;
}

.patient_item .treatment_info>div span {
    color: #666666;
}

.patient_item .time_confirm,
.patient_list,
.patient_footer {
    width: 100%;
    margin-top: 6px;
}

.patient_item .time_confirm {
    padding-top: 4px;
}

.patient_item .time_confirm .time,
.patient_item .time_confirm .confirm {
    display: inline-block;
    font-size: 13px;
    color: #999999;
}

.patient_item .time_confirm .confirm {
    float: right;
}

.patient_item .time_confirm .time b,
.patient_item .time_confirm .confirm b {
    color: #dc3545;
    padding: 0 2px;
}

.patient_item .time_confirm .confirm a {
    display: inline-block;
    padding: 4px 8px;
    color: #ffffff;
    background: #ff9800;
    border-radius: 4px;
    font-size: 12px;
}

.patient_list {
    padding: 8px;
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
    color: #666666;
    border-radius: 4px;
}

.patient_hide {
    height: 114px;
}

.patient_show {
    height: auto;
}

.patient_hide .zhankai {
    position: absolute;
    bottom: 0;
    padding-bottom: 8px;
}

.patient_hide .zhankai b {
    display: inline-block;
    width: 100%;
    text-align: left;
    color: #666666;
}

.patient_show .zhankai {
    position: relative;
    bottom: 0;
    padding-bottom: 0px;
}

.patient_show .zhankai b {
    display: none;
    width: 100%;
    text-align: left;
}

.patient_list .zhankai {
    width: 100%;
    background: #f3f3f3;
    text-align: center;
}

.patient_list .zhankai span {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

.patient_list .zhankai span i {
    position: relative;
    top: 1px;
    margin-right: 2px;
}

.patient_state {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.patient_state .yes,
.patient_state .no {
    background: #f3f3f3;
    width: 49%;
    padding: 6px;
    border-radius: 4px;
    font-size: 14px;
}

.patient_state .yes {
    color: #666;
}

.patient_state .no {
    color: #999999;
}

.patient_state .yes i,
.patient_state .no i {
    position: relative;
    top: 1px;
    margin-right: 2px;
    margin-left: 2px;
}

.patient_state .yes i {
    color: #8BC34A;
}

.patient_footer {
    margin-top: 12px;
    margin-bottom: 16px;
}

.patient_footer span {
    display: inline-block;
    padding-top: 4px;
}

.patient_footer span i {
    margin-right: 2px;
    color: #8BC34A;
    position: relative;
    top: 1px;
}

.patient_footer .chuzhen {
    color: #259B24;
}

.patient_footer .no,
.patient_footer .no i {
    color: #848383;
}

.patient_footer .erzhen .no,
.patient_footer .erzhen .yes {
    background: #f2f2f2;
    display: inline-block;
    width: 50%;
    padding-left: 4px;
    padding-bottom: 4px;
    border-radius: 4px;
}

.patient_footer .erzhen .yes {
    color: #259B24;
}

.patient_footer .yizhen .blue {
    background: #258FEA;
    border: 1px solid #258FEA;
    color: #fff !important;
}

.patient_footer .yizhen a,
.patient_footer .erzhen a,
.patient_footer .sanzhen a {
    display: inline-block;
    border: 1px solid #5AABF0;
    color: #5AABF0 !important;
    border-radius: 4px;
    padding: 4px 12px;
    margin-right: 8px;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
}

.patient_footer .yizhen button,
.patient_footer .erzhen button,
.patient_footer .sanzhen button {
    display: inline-block;
    border: 1px solid #5AABF0;
    color: #5AABF0 !important;
    border-radius: 4px;
    padding: 4px 12px;
    margin-right: 8px;
    cursor: pointer;
    min-width: 80px;
    text-align: center;
    background: #ffffff;
}

.patient_footer .yizhen button:disabled,
.patient_footer .erzhen button:disabled,
.patient_footer .sanzhen button:disabled {
    background: #ddd;
    color: #999 !important;
    border: 1px solid #ddd;
}

.patient_footer .erzhen a {
    background: #258FEA;
    border: 1px solid #258FEA;
    color: #fff !important;
    float: right;
}

.patient_footer .sanzhen {
    float: right;
}

.patient_footer .sanzhen a {
    background: #258FEA;
    border: 1px solid #258FEA;
    color: #fff !important;
}

.patient_footer .sanzhen a:last-child {
    margin-right: 0;
}

.patient_more {
    margin-left: 16px;
    color: #999;
    cursor: pointer;
}

.patient_more i {
    font-size: 30px !important;
}

/* 提交信息详情 */
.basic_info_box {
    background: #fff;
    /* padding:4px 16px; */
}

.more_info_box {
    padding: 0 16px 16px;
    background: #ffffff;
}

.more_info_box .jc_list {
    padding: 0;
}

.more_info_box .jc_textarea {
    margin-bottom: 16px;
}

.pic_sound {
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
}

.pic_sound a,
.pic_sound label {
    display: inline-block;
    border: 1px solid #5AABF0;
    padding: 10px 16px;
    border-radius: 4px;
    margin-right: 12px;
    color: #5AABF0 !important;
    cursor: pointer;
    background: #ffffff !important;
}

.pic_sound a:last-child,
.pic_sound label:last-child {
    margin-right: 0;
}

.pic_sound a i,
.pic_sound label i {
    color: #5AABF0;
    margin-right: 2px;
}

/* 经方查询 */
.jingfang_title_box {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.jingfang_title {
    width: 70%;
    margin: 0 auto;
    display: flex;
    background: #fff;
    align-items: center;
    padding-top: 12px;
}

.jingfang_title a {
    flex: 1;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 44px;
    font-size: 16px;
    border-left: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 0;
}

.jingfang_title a:first-child {
    border-radius: 4px 0px 0 0;
}

.jingfang_title a:last-child {
    border-right: 1px solid #e5e5e5;
    border-radius: 0 4px 0 0;
}

.jingfang_title a.active {
    border-bottom: 2px solid #258FEA;
    color: #258FEA;
    font-weight: bold;
}

.jingfang_content {
    padding: 0 16px;
    background: #ffffff;
}

.jingfang_num {
    font-size: 13px;
    color: #999999;
    background: #ffffff;
    padding: 8px 16px;
    border-bottom: 1px solid #e5e5e5;
}

.jingfang_name {
    font-size: 16px;
    font-weight: 700;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jingfang_zhuzhi {
    font-size: 14px;
    color: #444444;
    margin-top: 8px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jingfang_chuchu {
    font-size: 16px;
    color: #666666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.jingfang_see {
    font-size: 14px;
    color: #666666;
    margin-top: 8px;
}

.jingfang_see span {
    display: inline-block;
    margin-left: 12px;
}

.jingfang_content .jc_list {
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
}

.jingfang_content .jc_list:last-child {
    border-bottom: 0px solid #e5e5e5;
}

.jingfang_content .jc_list .jc_ft {
    text-align: right;
}

/* 经方详情 */
.jingfang_details {
    background: #ffffff;
    padding-bottom: 16px;
}

.jingfang_details_focus_no textarea:focus {
    border-color: #ced4da !important;
}

.jingfang_details .jc_textarea {
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

.jingfang_details .jc_textarea:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.jingfang_details_time {
    background: #f2f2f2;
    font-size: 13px;
    padding: 8px 16px;
    color: #666666;
}

.jingfang_details_time span:not(:last-child) {
    margin-right: 12px;
}

.jingfang_details .jc_list .jc_hd:nth-child(2) {
    text-align: right;
    font-size: 14px;
    color: #666666;
}

.jingfang_details .jc_textarea .jc_list {
    padding: 0;
    align-items: inherit;
}

.add_drug {
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    line-height: 40px;
    border: 1px solid #A3D0FD;
    background: #E6F1FC;
    color: #1989fa !important;
    cursor: pointer;
    margin-left: 8px;
    width: 15%;
    line-height: 1.5;
    display: flex;
    justify-content: center;
    align-items: center;
}

.huanzhe_box {
    background: #ffffff;
    padding: 16px;
}

.huanzhe_title {
    font-size: 14px;
    padding-bottom: 12px;
}

.huanzhe_title span {
    display: inline-block;
    color: #3F51B5;
    margin-left: 8px;
}

.huanzhe_title a {
    float: right;
    color: #5AABF0 !important;
    position: relative;
    padding-right: 12px;
}

.huanzhe_title a::after {
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
    border-width: 2px 2px 0 0;
    border-color: #5AABF0;
    border-style: solid;
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}

.huanzhe_info {
    display: flex;
    align-items: center;
}

.huanzhe_head img {
    width: 90px;
    height: 90px;
    border-radius: 4px;
    overflow: hidden;
}

.huanzhe_table {
    width: 100%;
    margin-left: 12px;
    border-radius: 4px;
    overflow: hidden;
}

.huanzhe_table td {
    border: 1px solid #eee;
    font-size: 15px;
    padding: 4px 8px;
    background: #f9f9f9;
    color: #555;
}

.huanzhe_table td b {
    font-weight: bold;
    color: #333333;
}

.huanzhe_table td a {
    color: #5AABF0 !important;
    border-bottom: 1px solid #5AABF0;
}

/* 智能比对 */
.matching_box {
    background: #ffffff;
    padding-bottom: 16px;
    min-height: 100vh;
}

.matching_item {
    padding-top: 16px;
}

.matching_title {
    color: #32536C;
    font-weight: bold;
    text-align: center;
}

.matching_img {
    padding: 0px 60px 16px;
    display: flex;
    justify-content: center;
}

.matching_img .img {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin-left: 16px;
    margin-top: 12px;
}

.matching_img .img img {
    max-width: 100%;
    height: auto;
}

.matching_tag {
    padding-left: 48px;
    padding-right: 60px;
    overflow: hidden;

}

.matching_tag span {
    /* width: 18%; */
    background: #eeeeee;
    margin-left: 2%;
    margin-top: 12px;
    text-align: center;
    padding: 8px 16px;
    float: left;
    border-radius: 4px;
    font-size: 14px;
}

/* 对比库 */
.matching_ku {
    padding-left: 48px;
    padding-right: 60px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.matching_ku span {
    border: 1px solid #258FEA;
    padding: 8px;
    display: inline-block;
    border-radius: 4px;
    margin-left: 12px;
    margin-top: 12px;
    color: #32536C;
}

.matching_ku span i {
    font-size: 24px !important;
    line-height: 1;
    position: relative;
    top: 3px;
}

.matching_ku span i.icon-shu {
    color: #258FEA;
}

.matching_ku span i.icon-shanchu {
    margin-left: 8px;
    color: #C4C4C8;
}

.matching_ku span:last-child {
    width: 48px;
    text-align: center;
    font-size: 27px;
    line-height: 1;
    color: #888;
    border: 1px solid #999;
}

/* 正在比对中 */
.matching_ing {
    text-align: center;
}

.matching_ing .spinner-border {
    width: 20px;
    height: 20px;
    border-width: 3px;
    border-color: #258FEA;
    border-style: dotted;
    border-right-color: transparent;
    -webkit-animation: spinner-border 1.25s linear infinite;
    animation: spinner-border 1.25s linear infinite;
}

/* 比对完成 */
.matching_ok {
    text-align: center;
}

.matching_ok i {
    font-size: 18px !important;
    line-height: 1;
    color: #28a745;
}

/* 智能比对结果 */
.matching_result_head {
    display: flex;
    justify-content: space-between;
    width: 90%;
    margin: 16px auto;
    padding: 0;
    text-align: center;
    background: #f3f3f3;
}

.matching_result_head .prev,
.matching_result_head .next {
    background: #E6F1FC;
    padding: 12px;
    width: 15%;
    color: #1989fa;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.matching_result_head .prev:hover,
.matching_result_head .next:hover {
    color: #fff !important;
    background-color: #007bff;
    border-color: #007bff;
}

.matching_result_head .title {
    background: #f3f3f3;
    padding: 12px;
    width: 70%;
}

.matching_result_main {
    width: 90%;
    margin: 0 auto;
}

.matching_result_info {
    padding: 0;
    position: relative;
    height: 48px;
}

#biduiTitle>div:not(:first-child),
#biduiCon>div:not(:first-child) {
    display: none;
}

.matching_result_info button {
    position: absolute;
    right: 0;
    bottom: 0;
}

/* 匹配度 */
.matching_result_tips {
    color: #ff9800;
}

.matching_result_tips span:not(:first-child) {
    margin-left: 16px;
}

/* 不良反应 */
.matching_result_bad {
    color: #dc3545;
}

.matching_result_fangzi {
    border: 2px solid #e5e5e5;
    margin-top: 12px;
    padding-bottom: 16px;
    border-radius: 8px;
}

.matching_result_fangzi .item {
    display: flex;
    flex: auto;
    padding-right: 16px;
    margin-top: 12px;
}

.matching_result_fangzi .item .title {
    text-align: right;
    width: 15%;
    color: #32536C;
    font-weight: bold;
}

.matching_result_fangzi .item .txt {
    width: 85%;
}

.matching_result_fangzi .item .txt .name {
    margin-bottom: 8px;
}

.matching_result_fangzi .item .txt .name span {
    font-size: 14px;
    color: #999999;
    margin-left: 24px;
}

.matching_result_fangzi .item .txt .yao {
    font-size: 14px;
    padding: 12px;
    background: #f3f3f3;
    color: #666666;
}

.matching_result_fangzi .item .txt .yao span:not(:first-child),
.matching_result_fangzi .item .txt .yao a:not(:first-child) {
    margin-left: 12px;
}

.matching_result_fangzi .item .txt .yao a i {
    display: none;
}

/* 我的患者 */
.my_patient_info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
    align-self: flex-start;
    margin-top: 16px;
}

.my_patient_head {
    width: 100%;
}

.my_patient_head img {
    width: 72px;
    height: 72px;
    border-radius: 50%;
}

.my_patient_txt {
    width: 100%;
    display: block;
    font-size: 14px;
    margin-top: 8px;
}

.my_patient_txt .name {
    font-size: 16px;
    color: #258FEA;
    display: inline-block;
    border-bottom: 1px solid #258FEA;
    padding-bottom: 1px;
    line-height: 1;
}

.my_patient_txt .sex_age {
    color: #999999;
    margin-top: 4px;
}

.my_patient_txt .tel {
    color: #666;
    margin-top: 4px;
}

.my_patient_txt .button {
    margin-top: 8px;
}

.my_patient_txt .button span {
    padding: 4px 8px;
    color: #ffffff;
    background: #ff9800;
    border-radius: 4px;
}

.see_pic_box {
    display: flex;
    flex-wrap: wrap;
    margin-left: -12px;
}

.see_pic_item {
    position: relative;
    margin-top: 12px;
    margin-left: 12px;
    width: calc(20% - 12px);
    overflow: hidden;
    border: 1px solid #e5e5e5;
    text-align: center;
}

.see_pic_item img {
    max-width: 100%;
    height: auto;
    filter: blur(5px);
}

.see_pic_item .see_pic {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    color: #111111;
}

.see_pic_yuyin {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    padding: 0 8px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    text-align: center;
    color: #666;
    background: #f6f6f6;
}

.see_pic_yuyin i {
    display: inline-block;
    width: 100%;
    font-size: 24px !important;
}

/* 查询切换tab */
.chaxun_tab {
    text-align: center;
    background: #ffffff;
    padding-top: 16px;
    display: flex;
    justify-content: center;
}

.chaxun_tab span {
    background: #f0f2f5;
    border: 1px solid #E6E9F0;
    padding: 8px 24px;
    display: inline-block;
    margin-left: -1px;
}

.chaxun_tab span:first-child {
    border-radius: 4px 0 0 4px;
}

.chaxun_tab span:last-child {
    border-radius: 0 4px 4px 0;
}

.chaxun_tab span.on {
    background: #1989fa;
    color: #fff;
}

/* 查询搜索栏 */
.chaxun_search {
    display: flex;
    background: #ffffff;
    padding-bottom: 16px;
    padding-top: 16px;
    justify-content: center;
    position: relative;
}

.chaxun_back {
    position: absolute;
    left: 10px;
    color: #258FEA;
    top: 50%;
    margin-top: -10px;
    font-size: 20px;
    line-height: 1;
}

/* 中药list */
.medicine_list {
    display: flex;
    align-items: center;
    background: #ffffff;
    border-bottom: 1px solid #e5e5e5;
    padding: 16px;
    position: relative;
}

.medicine_list:last-child {
    border-bottom: 0px solid #e5e5e5;
}

.medicine_img {
    width: 15%;
}

.medicine_img img {
    max-width: 100%;
    height: auto;
}

.medicine_tt {
    position: relative;
    flex: auto;
    padding-left: 12px;
    padding-right: 24px;
    font-size: 14px;
    color: #666666;
    width: 80%;
}

.medicine_tt:after {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 2px 2px 0 0;
    border-color: #B2B2B2;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 0;
}

.medicine_tt p:not(:first-child) {
    margin-top: 4px;
}

.medicine_title {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
}

.medicine_title span {
    float: right;
    font-weight: normal;
    font-size: 14px;
}

.medicine_title span i {
    margin-right: 4px;
    line-height: 1;
    font-size: 16px !important;
}

/* 修改密码按钮 */
.jc_button_box {
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
}

.jc_button_box button {
    margin-top: 24px !important;
}

/* 消息列表 */
.message_list {
    background: #ffffff;
    padding: 16px;
    display: flex;
    align-items: baseline;
}

.message_list:not(:last-child) {
    border-bottom: 1px solid #e5e5e5;
}

.message_list span {
    margin-right: 4px;
    position: relative;
    top: -2px;
}

.message_tips {
    font-size: 14px;
    color: #999999;
    margin-top: 8px;
}

.message_tips span {
    margin-right: 8px;
}

.messages_txt {
    position: relative;
    padding-right: 16px;
    width: 100%;
}

.messages_txt::after {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 2px 2px 0 0;
    border-color: #b2b2b2;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 8px;
}

/* 设置 */
.logo_box {
    width: 100%;
    text-align: center;
    padding-top: 80px;
    padding-bottom: 80px;
}

.logo_img img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
}

.logo_title {
    font-size: 24px;
    margin-top: 16px;
}

/* 版权 */
.copyright {
    text-align: center;
    font-size: 14px;
    color: #999999;
    margin-top: 100px;
    margin-bottom: 20px;
}

/* 病案列表  主诉/诊断 弹窗 */
.bingan_modal {
    width: 300px;
    top: 25%;
    left: calc(50% - 150px);
    margin: 0;
    animation: bingan_donghua .5s;
    -moz-animation: bingan_donghua .5s;
    -webkit-animation: bingan_donghua .5s;
    -o-animation: bingan_donghua .5s;
}

@keyframes bingan_donghua {
    0% {
        left: 100%;
    }

    100% {
        left: calc(50% - 150px);
    }
}

@-moz-keyframes bingan_donghua

/* Firefox */
    {
    0% {
        left: 100%;
    }

    100% {
        left: calc(50% - 150px);
    }
}

@-webkit-keyframes bingan_donghua

/* Safari and Chrome */
    {
    0% {
        left: 100%;
    }

    100% {
        left: calc(50% - 150px);
    }
}

@-o-keyframes bingan_donghua

/* Opera */
    {
    0% {
        left: 100%;
    }

    100% {
        left: calc(50% - 150px);
    }
}

.bingan_modal_main {
    text-align: center;
    padding-top: 30px;
    border-radius: 12px;
    background: #f1f1f1;
}

.bingan_modal_main h3 {
    padding: 0 16px;
}

.bingan_modal_main p {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 24px;
}

.bingan_modal_main a {
    display: inline-block;
    width: 100%;
    color: #0076ff !important;
    border-top: 1px solid #9da6b6;
    padding: 16px;
    font-size: 18px;
    cursor: pointer;
}

/* 搜索下拉 */
.xiala_dl {
    position: absolute;
    left: 0;
    top: 42px;
    padding: 0 !important;
    z-index: 222;
    width: 100%;
    border: 0 solid #d2d2d2 !important;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .12);
    box-sizing: border-box;
}

.xiala_dl dd {
    padding: 12px 12px;
    border-top: 1px solid #efefef;
    border-left: 1px solid #efefef;
}

/* 另存经方 加减经方 */
.add_jingfang {
    width: 100%;
    background: #636363;
    min-height: 100vh;
}

.add_jingfang_title {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-bottom: 1px solid #333;
}

.add_jingfang_title a {
    display: block;
    padding: 16px;
}

.add_jingfang_title a.on {
    color: #69cfff !important;
}

.add_jingfang_title::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.letter {
    width: 20px;
    position: fixed;
    top: 190px;
    left: calc(0% + 20px);
    text-align: center;
    height: calc(100% - 200px);
}

.letter ul {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.letter ul li {
    line-height: 1;
    width: 100%;
}

.letter ul li a {
    text-decoration: none;
    color: #00c7c7 !important;
    font-size: 14px;
}

.add_jingfang_con {
    width: calc(100% - 60px + 20px);
    float: right;
    padding: 0px 24px 12px;
}

.add_jingfang_search {
    background: inherit;
}

.add_jingfang_search .form-control {
    background: inherit;
    color: #fff;
}

.add_jingfang_search .btn {
    color: #fff;
    background-color: #aaa;
    border-color: #eee;
}

.add_jingfang_list {
    border-bottom: 1px solid #333;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 8px 4px;
    position: relative;
}

.add_jingfang_list:last-child {
    margin-bottom: 100px;
}

.add_jingfang_list .titleDonghua,
.add_jingfang_list .title {
    font-size: 18px;
    width: 30%;
    background-color: inherit;
}

.add_jingfang_list .titleDonghua {
    position: fixed;
}

.add_jingfang_list .input {
    width: 30%;
    display: flex;
    flex-flow: wrap;
    padding-top: 6px;
    position: relative;
}

.add_jingfang_list .input input {
    display: block;
    width: 100%;
    background: inherit;
    color: #fff;
}

.add_jingfang_list .input span {
    position: absolute;
    right: -22px;
    top: 12px;
}

.add_jingfang_list .input input:nth-child(2) {
    margin-top: 4px;
}

.add_jingfang_list .add {
    display: flex;
    align-items: center;
    width: 144px;
    text-align: right;
}

.add_jingfang_list .add>span {
    margin-right: 4px;
    font-size: 13px;
    color: #bbb;
}

.add_jingfang_list .add i {
    font-size: 36px !important;
}

.add_jingfang_list .add i.icon-shanchu {
    color: #f55;
}

/* 暂无信息 */
.no_thing {
    width: 100%;
    text-align: center;
    display: none;
    padding-top: 40px;
    background: #f2f2f2;
}

.no_thing img {
    display: inline-block;
    width: 160px;
    height: 160px;
}

.no_thing_title {
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #666;
    padding-top: 16px;
    padding-bottom: 16px;
    background: #f2f2f2;
}

.no_thing_title p b {
    color: #dc3545;
    padding-right: 4px;
}

.picBig {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.imgTouxiang {
    position: relative;
    width: 60px;
    height: 60px;
    display: inline-block;
}

.imgTouxiang img {
    border-radius: 4px;
    margin: 0;
}

.imgLoading {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
}

.imgLoading span.spinner-border {
    position: absolute !important;
    left: calc(50% - 10px) !important;
    top: calc(50% - 10px) !important;
    width: 20px !important;
    height: 20px !important;
}

.por {
    position: relative;
}

.jc_douhao span:not(:last-child)::after {
    content: '，';
}

/* 效果页面 回复框 */
.reply_modal {
    width: 500px;
    padding: 20px;
    background: #ffffff;
    overflow: hidden;
    position: fixed;
    top: calc(50% - 125px);
    left: calc(50% - 250px);
    z-index: 9999;
    border-radius: 8px;
    display: none;
}

/*治疗详情*/
.zhiliaoInfo {
    width: 100%;
    border-top: 1px #09b dashed;
    margin-top: 16px;
    margin-bottom: 12px;
    position: relative;
}

.zhiliaoInfo_title {
    position: absolute;
    top: -14px;
    left: calc(50% - 2.25em);
    background: #f2f2f2;
    padding: 0px 0.5em;
    color: #09b;
}

/* 药物简介 */
.drugHead {
    padding: 8px 16px;
    background: #fff;
}

.drugHead .list {
    display: flex;
    padding: 4px 0;
}

.drugHead .list .title {
    width: 6em;
    padding: 4px 8px;
    background: #eeeeee;
}

.drugHead .list .txt {
    padding: 4px 8px;
}

.drugImg {
    padding: 0 8px 16px 16px;
    overflow: hidden;
    background: #fff;
}

.drugImg .title {
    border-top: 1px solid #e5e5e5;
    padding-top: 8px;
}

.drugImg .img {
    float: left;
    margin-top: 8px;
    margin-right: 8px;
}

.drugImg .img img {
    width: 192px;
    height: 192px;
}

.drugInfo {
    padding: 0 16px;
    background: #fff;
}

.drugInfo .title {
    font-size: 16px;
    padding-top: 12px;
    border-top: 1px solid #e5e5e5;
    font-weight: 700;
    color: #1989fa;
    padding-bottom: 8px;
}

.drugInfo .txt {
    padding-bottom: 16px;
    font-size: 15px;
}

/* 修改密码 */
#gaiPassword .showHide {
    position: absolute;
    top: 1px;
    right: 8px;
    width: 36px;
    height: 36px;
}

#gaiPassword .showHide i {
    position: absolute;
    font-size: 24px;
    line-height: 1;
    top: 6px;
    left: 8px;
}

/* 添加药品用量 */
#addWeight {
    width: 480px;
    height: 240px;
    padding: 24px;
    border: 1px #e5e5e5 solid;
    position: fixed;
    top: calc(50% - 120px);
    left: calc(50% - 240px);
    background: #fff;
    border-radius: 8px;
    z-index: 333;
    display: none;
}

#addWeight .title {
    margin: 8px;
}

#addWeight .title b {
    color: #dc3545;
    padding: 0 2px;
}

#addWeight .input {
    position: relative;
    margin: 8px;
}

#addWeight .input span {
    position: absolute;
    top: 6px;
    right: 12px;
    color: #999999;
}

#addWeight .btn_box {
    margin-top: 30px;
}

#chufangSpan span {
    padding-right: 16px;
}

#addInfo {
    position: fixed;
    bottom: 60px;
    right: 60px;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background: #259B24;
    box-shadow: -1px 1px 5px rgba(134, 200, 57, 1);
    line-height: 50px;
    text-align: center;
    font-size: 50px;
    color: #ffffff;
    z-index: 5;
}

/* 预约治疗 */
#zhiliaoYuyueBox .title {
    margin-left: 16px;
    margin-bottom: 8px;
    padding-top: 12px;
}

#zhiliaoYuyueBox .type {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

#zhiliaoYuyueBox .type::-webkit-scrollbar {
    background-color: transparent;
    height: 1px;
}

#zhiliaoYuyueBox .type .typeList {
    display: block;
    padding: 8px;
    background: #F2F0F0;
    margin-left: 16px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    width: 150px;
    min-height: 48px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#zhiliaoYuyueBox .type .typeList>span {
    width: 100%;
}

#zhiliaoYuyueBox .type .typeList .yisheng {
    display: flex;
    justify-content: center;
    align-items: center;
}

#zhiliaoYuyueBox .type .on {
    background: #84C5FD !important;
    color: #fff;
}

#zhiliaoYuyueBox .type .ok {
    background: #48B77B;
    color: #fff;
}

#zhiliaoYuyueBox .type .no {
    background: #C4C4C8;
    color: #fff;
}

#zhiliaoYuyueBox .type .typeList .chuangwei {
    padding-left: 8px;
    text-align: left;
}

#zhiliaoYuyueBox .type .typeList .touxiang img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
}

/* 推送宣教 */
#xuanjiaoBox .title {
    margin-left: 16px;
    margin-bottom: 8px;
    padding-top: 12px;
}

#xuanjiaoBox .type {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

#xuanjiaoBox .type::-webkit-scrollbar {
    background-color: transparent;
    height: 1px;
}

#xuanjiaoBox .type .typeList {
    display: block;
    padding: 8px;
    background: #F2F0F0;
    margin-left: 16px;
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    width: 150px;
    min-height: 48px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#xuanjiaoBox .type .typeList>span {
    width: 100%;
}

#xuanjiaoBox .type .typeList .yisheng {
    display: flex;
    justify-content: center;
    align-items: center;
}

#xuanjiaoBox .type .on {
    background: #84C5FD;
    color: #fff;
}

#xuanjiaoBox .type .ok {
    background: #48B77B;
    color: #fff;
}

#xuanjiaoBox .type .no {
    background: #C4C4C8;
    color: #fff;
}

#xuanjiaoBox .type .typeList .chuangwei {
    padding-left: 8px;
    text-align: left;
}

#xuanjiaoBox .type .typeList .touxiang img {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border: 1px solid #f2f2f2;
}

.daohang_box {
    height: 100vh;
    min-height: 400px;
    width: 20%;
    background: #282828;
    line-height: 1;
}

.daohang_box .title {
    background: #282828;
    border-bottom: 1px solid #404040;
    color: #ffffff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 6px;
    width: 100%;
    font-size: 15px;
    text-align: center;
}

.daohang_box .item {
    height: 10vh;
    display: block;
    background: #4C5153;
    border-bottom: 1px solid #404040;
    position: relative;
    padding: 0 8px;
}

.daohang_box .user_t {
    min-width: 100px;
    color: #ffffff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    /* position: relative;
    top: calc(50% - 26px);
    left: 4px; */
}

.daohang_box .user_t:after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 14px;
}

.daohang_box a.on .user_shenfen {
    color: #ffffff;
}

.daohang_box a:hover,
.daohang_box a.on,
.daohang_box a:hover,
.daohang_box a.on,
.daohang_box a.active {
    color: #ffffff !important;
    background: #3bb4dd;
}

.daohang_box .nav_list_a {
    height: 10%;
    position: relative;
    width: 100%;
    text-align: center;
    display: inline-block;
    background: #4C5153;
    border-bottom: 1px solid #404040;
    color: #bbb !important;
    cursor: pointer;
}

.daohang_box .nav_list_a span {
    position: relative;
    font-size: 16px;
    top: calc(50% - 8px);
}

.daohang_box .nav_list_a i {
    position: relative;
    font-size: 18px;
    padding-right: 4px;
    top: calc(50% - 8px);
}

.daohang_box .user_img {
    width: 40px;
    height: 40px;
    /* position: relative; */
    /* top: calc(50% - 20px); */
    margin-right: 4px;
}

.daohang_box .user_img img {
    width: 100%;
    height: 100%;
}

.daohang_box .user_box {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.daohang_box .msgSet {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.daohang_box .msgSet a {
    width: 40%;
    height: 60%;
    display: inline-block;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
}

.daohang_box .msgSet a i {
    font-size: 32px !important;
    color: #ffffff;
}

.daohang_box .msgSet a span {
    position: absolute;
    top: 10%;
    right: 14%;
    background: red;
    color: #ffffff;
    border-radius: 50%;
    padding: 2px;
}

/* 培训手册 */
/* 新入职护士培训手册 */
/* 公共样式 */
.c_blue {
    color: #007bff !important;
}

.c_green {
    color: #28a745 !important;
}

.c_cyan {
    color: #17a2b8 !important;
}

.c_teal {
    color: #20c997 !important;
}

.c_pink {
    color: #e83e8c !important;
}

.c_red {
    color: #dc3545 !important;
}

.c_orange {
    color: #fd7e14 !important;
}

.c_yellow {
    color: #ffc107 !important;
}

.c_purple {
    color: #6f42c1 !important;
}

.c_indigo {
    color: #6610f2 !important;
}

.c_white {
    color: #ffffff !important;
}

.c_gray {
    color: #6c757d !important;
}

.c_dark {
    color: #343a40 !important;
}

.sc_tal {
    text-align: left;
}

.sc_tac {
    text-align: center;
}

.sc_tar {
    text-align: right;
}

.sc_bg_white {
    background: #fff !important;
}

.sc_bg_gray {
    background: #f2f2f2 !important;
}

.sc_fz12 {
    font-size: 12px;
}

.sc_fz13 {
    font-size: 13px;
}

.sc_fz14 {
    font-size: 14px;
}

.sc_fz16 {
    font-size: 16px;
}

.sc_fz18 {
    font-size: 18px;
}

.sc_pl8 {
    padding-left: 8px;
}

.sc_pr8 {
    padding-right: 8px;
}

.sc_pl12 {
    padding-left: 12px;
}

.sc_pr12 {
    padding-right: 12px;
}

.sc_pt24 {
    padding-top: 24px !important;
}

.sc_pb40 {
    padding-bottom: 40px !important;
}

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

.sc_lh2 {
    line-height: 2;
}

/* 颜色 */
.sc_c_good {
    color: #FF9800 !important;
}

.sc_c_ok {
    color: #259b24 !important;
}

.sc_c_no {
    color: #E51C23 !important;
}

.sc_null {
    text-align: center;
}

.sc_null img {
    display: inline-block;
    width: 180px;
}

.sc_textarea_box {
    background: #ffffff;
    padding: 0px 12px 8px;
}

.sc_textarea_box textarea {
    background: #f2f2f2;
    padding: 8px;
    width: 100%;
    border: 0;
}

.sc_textarea_box .text {
    background: #f2f2f2;
    padding: 8px;
    width: 100%;
    border: 0;
}

.sc_btn_big {
    width: 70%;
    margin: 16px auto 0;
    line-height: 44px;
    text-align: center;
    border-radius: 8px;
    cursor: pointer;
}

/*----------用来移除向下箭头----------*/
/* .sc_date input[type="date"]::-webkit-calendar-picker-indicator {
                display: none;
            } */

/*----------用来移除上下箭头----------*/
.sc_date input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

/*----------用来移除叉叉按钮----------*/
.sc_date input[type="date"]::-webkit-clear-button {
    display: none;
}

/* 提示 */
/* loading */
.sc_loading {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
}

.sc_loading img {
    position: relative;
    top: 40%;
}

/* 警告取消/确认框 */
.sc_warn_box,
.sc_tips_box,
.sc_upload_box {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    text-align: center;
}

.sc_warn,
.sc_tips,
.sc_upload {
    display: inline-block;
    width: 300px;
    height: 200px;
    position: relative;
    top: 34%;
    background: #ffffff;
    color: #333333;
    border-radius: 8px;
}

.sc_upload .title,
.sc_warn .title,
.sc_tips .title {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    font-size: 18px;
    padding: 0 12px
}

.sc_warn .btn_box,
.sc_tips .btn_box,
.sc_upload .btn_box {
    position: absolute;
    bottom: 0;
    font-size: 0;
    width: 100%;
}

.sc_warn .btn_box a {
    width: 50%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
}

.sc_upload .btn_box a {
    width: 50%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
}

.sc_warn .btn_box a.no {
    color: #333;
    cursor: pointer;
}

.sc_warn .btn_box a.yes {
    color: #258FEA;
    font-weight: bold;
    cursor: pointer;
}

.sc_upload .btn_box a.yes {
    color: #258FEA;
    font-weight: bold;
    cursor: pointer;
}

.sc_warn .btn_box a.no::after {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 1px;
    bottom: 0;
    background: #e5e5e5;
}

.sc_tips .btn_box a {
    width: 100%;
    display: inline-block;
    font-size: 16px;
    text-align: center;
    padding: 16px 0;
    position: relative;
    border-top: 1px solid #e5e5e5;
}

.sc_tips .btn_box a.yes {
    color: #258FEA;
    font-weight: bold;
    cursor: pointer;
}

.sc_tips_hide {
    display: none;
    z-index: 999;
    position: fixed;
    text-align: center;
    width: 60%;
    top: 34%;
    left: 20%;
    background: rgba(0, 0, 0, 0.5);
    color: #ffffff;
    border-radius: 50px;
    padding: 8px;
}

.sc_text_input_box {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    text-align: center;
}

.sc_text_input {
    display: inline-block;
    width: 90%;
    padding-bottom: 30px;
    position: relative;
    top: 34%;
    background: #ffffff;
    text-align: center;
    border-radius: 8px;
}

.sc_text_input input {
    width: 90%;
    display: inline-block;
    background-color: #f5f5f5;
    margin-top: 48px;
}

.sc_text_input .btn_box {
    width: 90%;
    display: inline-block;
    margin-top: 30px;
}

.sc_text_input .btn_box .btn {
    width: 45%;
    line-height: 26px;
}

.sc_text_input .btn_box .btn:first-child {
    margin-right: 4%;
}

.sc_text_input textarea {
    background: #f2f2f2;
    padding: 8px;
    width: 90%;
    border: 0;
    margin-top: 24px;
}

/*bootstrap 修改*/
.btn {
    padding: 4px 12px;
    font-size: 13px;
}

/* 顶部导航 */
.sc_head_nav {
    z-index: 99;
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    box-sizing: border-box;
    padding: 0 12px;
    background: #fff;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #f2f2f2;
    position: fixed;
    top: 0;
}

.sc_head_nav>div:first-child {
    cursor: pointer;
}

/* 主要内容区域 */
.sc_main {
    width: 100%;
    padding-top: 55px;
    padding-bottom: 50px;
    position: relative;
}

/* 底部 */
.sc_footer {
    width: 100%;
    z-index: 99;
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    position: fixed;
    bottom: 0;
    /* border-top: 1px solid #d9d9d9; */
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
    min-width: 320px;
    max-width: 768px;
    left: 50%;
    transform: translate(-50%, 0);
}

.tt_footer {
    width: 100%;
    z-index: 99;
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    position: fixed;
    bottom: 0;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
    min-width: 320px;
    max-width: 768px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #ffffff;
}

.sc_footer_list {
    padding: 5px 0;
    text-align: center;
    line-height: 1;
    color: #616163;
}

.sc_footer_list i {
    font-size: 28px;
}

.sc_footer_list p {
    font-size: 12px;
    padding-top: 2px;
}

.tt_footer .on,
.sc_footer .on {
    color: #48b77b;
}

/* 没有加入 */
.nojoin_icon {
    text-align: center;
    margin-top: 48px;
    margin-bottom: 16px;
}

.nojoin_icon i {
    font-size: 60px;
}

.nojoin_text {
    text-align: center;
    padding: 0 48px;
    font-size: 14px;
    line-height: 1.8;
}

/* 用户信息 */
.sc_user_info {
    width: 94%;
    box-sizing: content-box;
    margin: 12px auto;
    height: 72px;
    display: flex;
    background: #48b77b;
    border-radius: 8px;
    align-items: center;
    position: relative;
}

.sc_people_list {
    width: 100%;
    box-sizing: content-box;
    margin: 8px auto 0;
    height: 72px;
    display: flex;
    background: #fff;
    align-items: center;
    position: relative;
}

.sc_user_info_more::after {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 3px 3px 0 0;
    border-radius: 2px;
    border-color: #fff;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 16px;
}

.sc_more::after {
    content: " ";
    display: inline-block;
    height: 12px;
    width: 12px;
    border-width: 3px 3px 0 0;
    border-radius: 2px;
    border-color: #616263;
    border-style: solid;
    -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 16px;
}

.sc_user_img {
    margin-left: 12px;
    width: 72px;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}

.sc_user_img img {
    width: 100%;
    height: 100%;
}

.sc_user_name {
    margin-left: 12px;
    color: #ffffff;
    font-size: 16px;
}

.sc_yiyuan {
    margin-top: 2px;
    font-size: 14px;
}

.sc_yiyuan i {
    font-size: 12px;
    padding-right: 2px;
    color: #ffe066;
}

/* 首页 分割标题 */
.sc_big_title {
    width: 90%;
    margin: 12px auto;
    position: relative;
    overflow: hidden;
    height: 32px;
}

.sc_big_title::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    bottom: 0;
    background: #e5e5e5;
}

.sc_big_title b {
    z-index: 2;
    font-size: 16px;
    line-height: 32px;
    font-weight: bold;
    text-align: center;
    width: 7em;
    display: block;
    position: absolute;
    left: calc(50% - 3.5em);
    text-align: center;
    background: inherit;
}

.sc_big_title_tips {
    z-index: 2;
    line-height: 32px;
    position: absolute;
    right: 0;
    padding: 0 4px;
    background: inherit;
}

/* 首页快捷入口 */
.sc_list_box,
.sc_list_hulibu {
    display: grid;
    grid-template-columns: repeat(3, 33.33%);
    text-align: center;
    line-height: 1;
}

.sc_list_box .gray,
.sc_list_box .gray i,
.sc_list_box .gray p {
    color: #666 !important;
}

.sc_list i {
    text-align: center;
    font-size: 40px;
    color: #60C34A;
}

.sc_list p {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 8px;
    padding-bottom: 8px;
}

/* 细则 */
.sc_xize {
    padding-left: 12px;
    padding-right: 12px;
    background: #fff;
}

.sc_xize b {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 2;
    font-size: 18px;
    padding-top: 12px;
    padding-bottom: 4px;
}

.sc_xize p {
    font-size: 15px;
    line-height: 1.8;
    text-indent: 2em;
}

.sc_xize img {
    text-align: center;
    display: inline-block;
    width: 100%;
    height: auto;
}

/* 个人总结 */
.sc_item {
    display: flex;
    flex: 1;
    justify-content: space-between;
    align-items: center;
    padding: 8px 16px;
    background: #fff;
    position: relative;
    margin-top: 8px;
}

.sc_item .tit {
    font-size: 15px;
    font-weight: 600;
    color: #313133;
    width: 70%;
}

.sc_item .tit p:nth-child(2) {
    font-size: 13px;
    font-weight: normal;
    margin-top: 2px;
    color: #616263;
}

.sc_item .tit p:last-child,
.sc_item .tit p:nth-child(3) {
    font-size: 12px;
    font-weight: normal;
    margin-top: 4px;
    color: #919293;
}

.sc_item .time {
    font-size: 13px;
    color: #919293;
    width: 30%;
    padding-right: 16px;
    text-align: right;
}

.sc_item .time i {
    font-size: 13px;
    padding-right: 3px;
}

/* 考核评定 */
.pageTips {
    background: #f2f2f2;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 14px;
    border-bottom: 1px solid #d9d9d9;
    line-height: 2.5;
    color: #919293;
}

.pageTips>input {
    color: #919293;
}

.kaohe_title {
    margin-top: 8px;
    background: #fff;
    font-weight: 600;
    padding: 12px;
    font-size: 16px;
    border-bottom: 1px solid #d9d9d9;
}

.kaohe_title p {
    font-size: 13px;
    font-weight: normal;
    color: #919293;
}

.kaohe_pingjia {
    background: #ffffff;
    padding: 0px 12px 4px;
}

.kaohe_pingjia>textarea {
    background: #f2f2f2;
    padding: 8px;
}

/* 底部保存 */
.page_footer {
    line-height: 44px;
    width: 100%;
    position: fixed;
    background: #FF6E54;
    bottom: 0;
    text-align: center;
    color: #ffffff;
    z-index: 5;
}

/* 人员列表 */
.sc_people_list_box {
    position: relative;
}

.sc_people_list_btn {
    position: absolute;
    top: 22px;
    right: 16px;
}

.sc_people_list_btn span:last-child,
.sc_people_list_Yn span:last-child {
    margin-left: 8px;
}

.sc_people_list_Yn {
    background: #ffffff;
    padding-bottom: 12px;
    padding-right: 16px;
    text-align: right;
}

.sc_people_list_shanchu {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    left: 8px;
    background: #ffffff;
    border-radius: 50%;
}

.sc_people_list_shanchu i {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 20px;
    color: #dc3545;
    line-height: 1;
}

.people_list_kj {
    width: 100%;
    display: flex;
    line-height: 44px;
    background: #ffffff;
    border-top: 1px solid #e5e5e5;
}

.people_list_kj a {
    width: 25%;
    text-align: center;
    color: #007bff !important;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.people_list_kj a:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    height: 20px;
    width: 1px;
    background: #e5e5e5;
}

/* 加入群组 */
.sc_join_bg {
    background: url(../../images/joinbg.png) no-repeat center -36px;
    background-size: cover;
}

.sc_join_title {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    padding-top: 30px;
    padding-bottom: 24px;
}

.sc_join_title p {
    font-size: 13px;
    font-weight: normal;
}

.sc_join_box {
    width: 90vw;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 8px;
    background: #ffffff;
    padding-bottom: 36px;
}

/* 手册审核 */
.scShenheBtn {
    position: fixed;
    bottom: 80px;
    left: 15%;
    z-index: 99;
}

/* 评估表 */
.pinggu_list .form-control {
    font-size: 12px;
}

.keshi_list {
    background: #ffffff;
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
    border-bottom: 1px solid #e5e5e5;
}

.keshi_list_add {
    padding-left: 25%;
    height: 48px;
}

.keshi_list_add a {
    min-width: 33% !important;
}

.keshi_list_add a i {
    position: absolute;
    right: 2px;
    top: 2px;
    color: #dc3545;
}

.keshi_list a {
    padding: 12px 16px;
    display: block;
    min-width: 25%;
    text-align: center;
    position: relative;
}

.keshi_list a.on {
    color: #007bff;
}

.keshi_list a.saved {
    color: #28a745 !important;
}

.keshi_list a.on::before {
    content: '';
    width: 50%;
    height: 2px;
    position: absolute;
    left: 25%;
    bottom: 0;
    background: #007bff;
}

.keshi_list a:not(:last-child)::after {
    content: '';
    width: 1px;
    height: 50%;
    position: absolute;
    right: 0;
    top: 25%;
    background: #e5e5e5;
}

.keshi_list::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.addKeshiBox {
    position: relative;
}

.addKeshiBtn {
    width: 25%;
    background: #f8f8f8;
    text-align: center;
    position: absolute;
    z-index: 33;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addKeshiBtn .btn {
    font-size: 14px !important;
}

.addKeshiBtn:after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 10%;
    background: #e5e5e5;
}

.pgFooter {
    position: fixed;
    display: flex;
    width: 100%;
    height: 48px;
    background: #ffffff;
    align-items: center;
    bottom: 0;
    z-index: 33;
}

.pgFooter .list {
    width: 50%;
    text-align: center;
    position: relative;
}

.pgFooter .list:first-child::after {
    content: '';
    width: 1px;
    height: 80%;
    position: absolute;
    right: 0;
    top: 10%;
    background: #e5e5e5;
}

.pgFooter .list .btn {
    width: 80% !important;
    line-height: 26px !important;
}

.inviteImg {
    margin-top: 16px;
    display: inline-block;
    text-align: center;
}

.inviteImg img {
    display: inline-block;
    width: 260px;
    height: 260px;
}

.inviteImg p {
    margin-top: 12px;
}

.tt_user_info {
    width: 94%;
    box-sizing: content-box;
    margin: 12px auto;
    padding: 12px 0;
    display: flex;
    background: #24A2FF;
    border-radius: 8px;
    align-items: center;
    position: relative;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    z-index: 3;
}

.tt_user_info .dangNum {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.tt_user_info .btn {
    padding: 2px 4px;
    font-size: 12px;
}

.tt_user_info .zhicheng {
    padding: 2px 4px;
    font-size: 12px;
    background: #fdb132;
    color: #ffffff;
    float: left;
    border-radius: 2px 0px 0px 2px;
    height: 22px;
}

.tt_user_info .dengji {
    padding: 2px 4px;
    font-size: 12px;
    background: #91cc6e;
    color: #ffffff;
    float: left;
    font-style: italic;
    border-radius: 0 2px 2px 0;
}

.tt_user_info .btn-warning {
    color: #ffffff !important;
}

.tt_user_info .time {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.72);
    padding-left: 4px;
}

.tt_user_info .more {
    width: 44px;
    height: 44px;
    position: absolute;
    right: 4px;
    bottom: 4px;
}

.tt_user_info .more i {
    font-size: 22px;
    line-height: 1;
    position: absolute;
    top: calc(50% - 11px);
    left: calc(50% - 11px);
}

.tt_user_info .city {
    position: absolute;
    top: 10px;
    right: 11px;
    border: 1px solid rgba(255, 255, 255, 0.9);
    font-size: 13px;
    padding: 2px 2px 2px 4px;
    border-radius: 4px;
}

.tt_user_info .city span {
    color: rgba(255, 255, 255, 0.85);
    ;
}

.tt_user_info .city i {
    font-size: 12px;
    line-height: 1;
}

.tt_user_info .name i {
    margin-left: 4px;
    font-weight: bold;
}

.tt_user_info .name i.icon_nv {
    color: #FF7272;
}

.tt_user_info .name i.icon_nan {
    color: #046cb9;
}

.tt_main .sc_list_box {
    grid-template-columns: repeat(4, 25%);
    padding-bottom: 8px;
}

.tt_main .sc_list_box .sc_list i {
    text-align: center;
    font-size: 36px;
    color: #60C34A;
}

.tt_main .sc_list_box .sc_list p {
    font-size: 14px;
    line-height: 1.5;
    padding-top: 4px;
    padding-bottom: 8px;
}

.tt_main .c_blue {
    color: #24a2ff !important;
}

.tt_main .c_red {
    color: #FF8B8B !important;
}

.tt_main .c_orange {
    color: #FFA24D !important;
}

/*交流专区*/
.communicate-box {
    padding: 0 12px;
    border-top: 1px solid #f0f0f0;
}

.communicate-box-tit {
    padding: 14px 0;
    display: flex;
    align-items: center;
}

.communicate-box-tit-left {
    font-size: 20px;
    font-weight: normal;
    flex: 1;
}

.communicate-box-tit-right {
    font-size: 14px;
    text-align: right;
    flex: 1;
}

.communicate-box-tit-right a {
    color: #24A2FF;
    cursor: pointer;
    margin-top: 5px;
}



.communicate-box-con-list {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 12px 0;
    display: flex;
}

.communicate-box-con-list .communicate-img {
    width: 20%;
    height: 14vw;
    margin-left: 8px;
}

.communicate-box-con-list .communicate-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.communicate-text {
    width: 80%;
}

.communicate-box-con-list:last-child {
    border-bottom: none;
}

.communicate-con-list-tit {
    color: #333;
    font-size: 16px;
    width: 100%;
    font-size: 16px;
}

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

.communicate-con-list-con {
    color: #999;
    margin-top: 8px;
    font-size: 12px;
}

.communicate-more {
    text-align: center;
    margin-top: 16px;
    margin-bottom: 12px;
    color: #666666;
    position: relative;
}

.get-title {
    border-top: 1px solid #f0f0f0;
    padding-top: 8px;
    padding-bottom: 4px;
    border-radius: 8px 8px 0 0;
}

.get-title .img-box {
    width: 30vw;
    height: 4.5vw;
    margin: 0 auto;
}

.get-teacher {
    width: 94vw;
    height: 14vw;
    margin: 16px auto 18px;
    border-radius: 8px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.4);
    overflow: hidden;
    background: #1399ee;
}

.get-teacher img,
.get-title .img-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 进度球球 */
.tt_round_box {
    display: flex;
    padding: 8px 0;
    align-items: center;
    justify-content: center;
    border-top: 1px solid #f0f0f0;
    border-radius: 8px 8px 0 0;
}

.tt_round_box .my .title,
.tt_round_box .need .title {
    font-size: 16px;
    color: #333333;
}

.tt_round_box .my .text,
.tt_round_box .need .text {
    font-size: 13px;
    color: #91CC6E;
    margin: 8px 0;
    /* width: 7em; */
}

.tt_round_box .my .text {
    float: right;
}

.tt_round_box .round {
    /* width: 33vw; */
    height: 33vw;
    /*border: 1px solid #000;*/
    margin: 0 12px;
    border-radius: 50%;
}

.tt_round_box .need,
.tt_round_box .my {
    width: 33vw;
}

.tt_see_box {
    padding: 0 16px;
    border-radius: 0 0 8px 8px;
}

.tt_see_box .tt_see {
    border-top: 1px solid rgba(187, 187, 187, 0.17);
    height: 56px;
    align-items: center;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.tt_see_box .tt_see .title {
    font-size: 16px;
    color: #333333;
}

.tt_see_box .tt_see .more {
    font-size: 13px;
    color: #999;
    float: right;
}

.tt_see_box .tt_see .title_head {
    display: flex;
    height: 100%;
    align-items: center;
}

.tt_see_box .tt_see .head {
    margin-left: 4px;
    display: flex;
}

.tt_see_box .tt_see .head .head_list {
    width: 32px;
    height: 32px;
    position: relative;
    margin-left: 3px;
}

.tt_see_box .tt_see .head .head_list img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.tt_see_box .tt_see .head .head_list i {
    position: absolute;
    right: -8px;
    top: -6px;
    color: #ff0000;
    line-height: 1;
    font-size: 23px;
}

/* 评审日期 */
.tt_review_box {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    border-radius: 8px 8px 0 0;
    position: relative;
    top: -60px;
    padding-top: 70px;
    padding-bottom: 12px;
    z-index: 2;
    margin-bottom: -60px;
}

/* 隐藏滚动条 */
.tt_review_box::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_review_box .review_list {
    text-align: center;
    min-width: 90px;
}

.tt_review_box .review_list .title {
    color: #333;
    font-size: 14px;
}

.tt_review_box .review_list .state {
    border-top: 4px solid rgba(0, 0, 0, 0.04);
    position: relative;
    top: 12px;
    height: 25px;

}

.tt_review_box .review_list .state i {
    font-size: 20px;
    line-height: 1;
    position: absolute;
    top: -12px;
    left: calc(50% - 10px);
    color: rgba(0, 0, 0, 0.09);
    background: #ffffff;
}

.tt_review_box .review_list .get,
.tt_review_box .review_list .get i {
    color: #05B81F !important;
}

.tt_review_box .review_list .active,
.tt_review_box .review_list .active i {
    color: #24A2FF !important;
}

.tt_review_box .review_list .time {
    color: #999;
    font-size: 12px;
    padding: 0 16px;
    margin-top: 4px;
}

.tt_review_box .line {
    display: none;
}

.assess-time-end {
    padding: 10px 0;
    margin: 0 auto;
    text-align: center;
    margin-top: 10px;
    border-radius: 0 0 8px 8px;
}

.assess-time-con-text {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
}

.assess-time-con>div {
    display: inline-block;
}

.time-bg {
    border: 1px solid #c0c0c0;
    /*background: #fff;*/
    background-image: linear-gradient(160deg, #cbcbcb 10%, #fff 80%);
    padding: 3px 5px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.assess-time-con>div>.time-bg:last-child {
    border-left: none;
}

/* 欢迎界面 */
.entrance_welcome {
    text-align: center;
    font-size: 15px;
    line-height: 1.5;
}

.entrance_welcome .name {
    font-weight: bold;
    color: #063f7c;
    font-size: 120%;
}

.entrance_welcome .num {
    font-weight: bold;
    font-style: italic;
    color: #fd903d;
    padding: 0 4px;
    font-size: 120%;
}

.entrance_welcome .tips {
    color: #999999;
    margin-top: 8px;
    font-size: 13px;
}

.entrance_info_box {
    background: url(../images/tt_planBg.png);
    background-size: cover;
    width: calc(100% - 32px);
    margin: 8px auto;
    border-radius: 8px;
    text-align: center;
    padding-bottom: 16px;
    position: relative;
}

.entrance_info_box .xiugai {
    position: absolute;
    top: 8px;
    right: 10px;
    font-size: 20px;
    line-height: 32px;
    width: 36px;
    height: 36px;
    text-align: center;
    background: rgba(0, 0, 0, 0.4);
    color: #ffffff;
    border-radius: 50%;
}

.entrance_info_box .info_id {
    font-size: 17px;
    font-weight: bold;
    color: rgba(255, 255, 255, 0.75);
    text-align: left;
    padding-top: 12px;
    padding-left: 12px;
}

.entrance_info_box .info_id span {
    font-size: 13px;
    font-weight: normal;
    margin-left: 4px;
}

.entrance_info_box .head_img {
    width: 72px;
    height: 72px;
    margin: 8px auto 0;
    border: 2px solid #fff;
    overflow: hidden;
    border-radius: 50%;
}

.entrance_info_box .head_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}

.entrance_info_box .name {
    display: inline-block;
    min-width: 6em;
    max-width: 12em;
    padding: 6px 8px;
    text-align: center;
    margin: 8px auto 0;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 4px;
}

.entrance_info_box .info_main {
    text-align: left;
    background: #ffffff;
    width: calc(100% - 24px);
    margin: 0 auto;
    color: #666666;
    overflow: hidden;
    padding: 0 8px 16px;
    border-radius: 8px;
    line-height: 32px;
}

.entrance_info_box .info_main .list_box {
    width: 100%;
    display: flex;
    margin-top: 16px;
    margin-left: 4px;
}

.entrance_info_box .info_main .title {
    width: calc(2em + 4px);
    float: left;
}

.entrance_info_box .info_main .form_box {
    float: left;
    width: calc(50% - 2em - 4px);
}

.entrance_info_box .info_main .city_box,
.entrance_info_box .info_main .phone_box {
    float: left;
    width: calc(100% - 2em - 4px);
}

.entrance_info_box .info_main .city_box .city {
    line-height: 36px;
    padding: 0px 8px;
    background-color: #f0f0f0;
    border-radius: 5px;
    max-width: calc(100% - 8px);
}

.entrance_info_box .info_main .form-control {
    width: calc(100% - 8px);
    height: 36px;
    padding: 4px 8px;
    background-color: #f0f0f0;
    border: 0px solid #ced4da;
}

.entrance_info_box .btn_ok,
.entrance_info_box .btn_cancel {
    width: 70%;
    line-height: 44px;
    border-radius: 50px;
    text-align: center;
    margin: 16px auto 0;
}

.entrance_info_box .btn_ok {
    background: #11C12B;
    color: #ffffff;
    cursor: pointer;
}

.entrance_info_box .btn_cancel {
    background: #F1F0F0;
    color: #6c6c6c;
}

.entrance_info_box .tips {
    text-align: center;
    font-size: 13px;
    margin-top: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.water_wrap {
    /* overflow: hidden;
    position: relative;
    width: 33vw;
    height: 33vw;
    border-radius: 50%;
    padding: 10px; */
    overflow: hidden;
    position: relative;
    width: calc(33vw - 20px);
    height: calc(33vw - 20px);
    border-radius: 50%;
    padding: 0;
    background: #fff;
    z-index: 99;
    margin-left: 10px;
    margin-right: 10px;
}

.water_wrap .main_round {
    height: 100%;
    width: 100%;
    position: relative;
    background: #ffffff;
    border: 2px solid #000;
    border-color: #fe6c10;
    border-radius: 100%;
    overflow: hidden;
}

.water_wrap .main_round .percent {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    font-size: 30px;
}

.water_wrap .main_round .water {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(0, 100%);
    transform: translate(0, 100%);
    background: #4D6DE3;
}

.water_wrap .main_round .water_wave {
    width: 200%;
    position: absolute;
    bottom: 100%;
}

.water_wrap .main_round .water_wave_back {
    right: 0;
    fill: #C7EEFF;
    -webkit-animation: wave-back 3.4s infinite linear;
    animation: wave-back 3.4s infinite linear;
}

.water_wrap .main_round .water_wave_front {
    left: 0;
    fill: #4D6DE3;
    margin-bottom: -1px;
    -webkit-animation: wave-front 1.7s infinite linear;
    animation: wave-front 1.7s infinite linear;
}

@-webkit-keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@keyframes wave-front {
    100% {
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}

@-webkit-keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}

@keyframes wave-back {
    100% {
        -webkit-transform: translate(50%, 0);
        transform: translate(50%, 0);
    }
}

@media screen and (min-width: 432px) {
    .tt_review_box {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .tt_review_box .line {
        display: block;
        width: calc(100% - 16px);
        height: 4px;
        background: rgba(0, 0, 0, 0.04);
        ;
        position: absolute;
        left: 16px;
        top: 102px;
    }

    .tt_review_box .review_list .state {
        border-top: 4px solid rgba(0, 0, 0, 0);
        position: relative;
        top: 12px;
        height: 25px;
    }

    .tt_hot_list {
        width: 160px !important;
    }

    .tt_supervise_person {
        justify-content: center;
    }

    .tt_supervise_person .person_list {
        margin-left: 8px;
        text-align: center;
        position: relative;
        margin-top: 24px;
        width: auto !important;
    }

    .tt_money_box .money_list_tips {
        position: absolute !important;
        right: unset !important;
        bottom: 12px !important;
        left: 130px !important;
    }

    .tt_money_box .money_list_jifen {
        position: absolute !important;
        right: unset !important;
        bottom: 12px !important;
        left: 96px !important;
    }

    .tt_money_box .money_list_tianshi {
        position: absolute !important;
        right: unset !important;
        bottom: 12px !important;
        left: 32px !important;
    }

    /* 资料库 */
    .tt_databank_last {
        width: 100%;
        overflow-y: hidden !important;
        display: block !important;
        overflow: hidden !important;
        background: #ffffff;
        padding-left: 4px;
    }

    .tt_databank_last .last_list {
        display: inline-block;
        width: 164px !important;
        height: 108px !important;
        position: relative;
        background: #ffffff;
        border-radius: 6px;
        overflow: hidden;
        margin: 4px 8px;
        text-align: center;
        box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.4);
    }

    .tt_databank_use .use_list {
        float: left;
        width: 126px !important;
        text-align: center;
        overflow: hidden;
    }

    .databank_file_box .databank_file_list {
        float: left;
        width: 72px !important;
        margin: 8px;
        position: relative;
    }

    .tt_databank_use .databank_file_list {
        width: 96px !important;
    }

    /* 首页 */
    #indextable,
    #citytable,
    #usertable,
    .tt_supervise_news,
    .tt_baseInfo,
    #testinfo,
    .tt_databankMoreShare_box {
        max-width: 768px !important;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .tt_supervise_share {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
    }

    .tt_supervise_share .share_qrCode {
        width: 165px !important;
        height: 165px !important;
        display: inline-block;
        margin-top: 1.5vh;
    }

    .tt_pingshen_box,
    .tt_pingshen_back_box,
    .tt_exam_setp_select,
    .tt_exam_setp_box {
        max-width: 768px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .tt_pingshen_back_box {
        left: calc(50% - 384px + 6px) !important;
    }

    .sc_head_nav,
    .tt_supervise_footer,
    .tt_pingshen_bg,
    .tt_copyright {
        max-width: 768px !important;
        width: 100%;
        left: 50%;
        transform: translate(-50%, 0);
    }

    .water_wrap {
        overflow: hidden;
        position: relative;
        width: 140px;
        height: 140px;
        border-radius: 50%;
        padding: 0;
        background: #fff;
        z-index: 99;
        margin-left: 12px;
        margin-right: 12px;
    }

    .tt_round_box .my .text {
        float: right;
        width: 100%;
    }

    .get-title .img-box {
        width: 30%;
        height: auto;
    }

    .get-teacher {
        width: 94%;
        height: auto;
    }

    .tt_round_box .need,
    .tt_round_box .my {
        width: calc(50% - 75px);
    }

    .communicate-text {
        width: calc(100% - 60px);
    }

    .communicate-box-con-list .communicate-img {
        width: 60px;
        height: 54px;
    }

    .entrance_info_box {
        max-width: 768px;
    }
}

/* 考试流程 */
.tt_exam_setp_select {
    background: #ffffff;
    font-size: 18px;
}

.tt_exam_setp_select select {
    color: #666666;
    border: 0;
    padding: 16px 16px 16px 12px;
    background-color: #ffffff;
    background-image: url(../images/select_jiantou.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 12px 12px;
}

.tt_exam_setp_select select:focus {
    border: 0;
    outline: none;
}

.tt_exam_setp_box {
    background: #ffffff;
    padding: 4px 0 12px;
    color: #333333;
}

.tt_exam_setp_box .wancheng {
    color: #11c12b !important;
}

.tt_exam_setp_box .wancheng i {
    color: #11c12b !important;
}

.tt_exam_setp_box .wancheng .con {
    border-left: 1px solid #11c12b !important;
}

.tt_exam_setp_list {
    padding: 0 16px;
}

.tt_exam_setp_list .title {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
}

.tt_exam_setp_list .title i {
    margin-right: 4px;
    color: #ddd;
}

.tt_exam_setp_list .con {
    border-left: 1px solid #ddd;
    margin-left: 8px;
    padding-top: 8px;
    padding-bottom: 32px;
    padding-left: 12px;
}

.tt_exam_setp_list .con .text {
    background: #f3f3f3;
    font-size: 14px;
    padding: 8px;
    color: #999999;
}

.tt_exam_setp_list .con .time {
    font-size: 12px;
    color: #666666;
    padding-bottom: 4px;
}

.tt_exam_setp_list .con .time span {
    float: right;
    color: #ff9433;
}

.tt_exam_setp_list .con .btnBox {
    margin-top: 12px;
}

.tt_exam_setp_list .con .btnBox .btn {
    min-width: 28%;
    font-size: 12px;
    margin-left: 4px;
}

.tt_exam_setp_list .con .btnBox .btn:first-child {
    margin-left: 0px;
}

/* 进阶监督 */
.tt_supervise_title {
    text-align: center;
    position: relative;
    top: 16px;
}

.tt_supervise_title .title_btn {
    background: #ffffff;
    display: inline-block;
    margin: 0 auto;
    line-height: 20px;
    border-radius: 50px;
    text-align: center;
    box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0);
    padding: 4px 12px;
}

.tt_supervise_person {
    width: 100%;
    /* overflow-y: scroll; */
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    background: #ffffff;
    padding-bottom: 16px;
    padding-top: 12px;
    border-radius: 8px 8px 0 0;
    display: flex;
    flex-wrap: wrap;
}

/* 隐藏滚动条 */
.tt_supervise_person::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_supervise_person .person_list {
    /* margin-left: 8px; */
    text-align: center;
    position: relative;
    margin-top: 24px;
    width: 33%;
}

.tt_supervise_person .person_list .headimg {
    height: 56px;
    width: 56px;
    display: inline-block;
    position: relative;
}

.tt_supervise_person .person_list .headimg .black_zhezhao {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.2);
}

.tt_supervise_person .person_list .headimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.tt_supervise_person .person_list .time {
    font-size: 12px;
    line-height: 16px;
    border-radius: 10px;
    background-color: rgba(241, 240, 240, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 11px;
    text-align: center;
    font-family: -apple-system;
    border: 1px solid rgba(255, 255, 255, 1);
    position: absolute;
    width: 72px;
    top: 48px;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tt_supervise_person .person_list .score {
    position: absolute;
    top: 24px;
    left: 50%;
    color: #ffffff;
    transform: translate(-50%, -50%);
}

.tt_supervise_person .person_list .shanchu {
    position: absolute;
    top: -4px;
    right: 8px;
}

.tt_supervise_person .person_list .shanchu i {
    color: rgba(0, 0, 0, 0.4);
}

.tt_supervise_person .person_list .name {
    font-size: 13px;
    color: #333333;
    padding: 4px 4px 4px 8px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_supervise_person .person_list .tag {
    display: inline-block;
    background: #FFA24D;
    font-size: 12px;
    border-radius: 4px;
    color: #ffffff;
    padding: 4px;
    width: 7em;
    line-height: 1;
}

.tt_supervise_person .person_list .tag i {
    padding-bottom: 2px;
    font-size: 12px;
    margin-right: 2px;
}

.tt_supervise_news {
    padding: 8px 16px 0;
    background: #ffffff;
    border-top: 1px solid #e9e9e9;
}

.tt_supervise_news .news_title {
    font-weight: bold;
    font-size: 16px;
}

.tt_supervise_news .news_list {
    background: #ffffff;
    border-bottom: 1px solid rgba(187, 187, 187, 0.2);
    padding: 8px 0;

}

.tt_supervise_news .news_list .list_time {
    font-size: 12px;
    color: #999999;
}

.tt_supervise_footer {
    background: #ffffff;
    text-align: center;
    padding: 8px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    min-width: 320px;
    max-width: 768px;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
}

.tt_supervise_footer .btn {
    padding: 8px 12px;
    width: 80%;
    border-radius: 60px;
}

.tt_supervise_null {
    text-align: center;
}

/* 邀请好友监督 */
.tt_supervise_share {
    width: 100%;
    height: 100vh;
    background-image: url(../images/tt_superviseShareBg.png);
    background-size: cover;
    color: #ffffff;
    padding-top: 10vh;
    text-align: center;
}

.tt_supervise_share .share_title {
    font-size: 50px;
    font-weight: bold;
    text-align: center;
}

.tt_supervise_share .share_text {
    font-size: 18px;
    font-weight: normal;
    text-align: center;
    margin-top: 1.5vh;
}

.tt_supervise_share .share_go {
    font-size: 36px;
    text-align: center;
    margin-top: 1.5vh;
    padding-left: 24px;
}

.tt_supervise_share .share_go i {
    font-size: 36px;
    font-weight: bold;
    text-align: center;
    color: #ffdd43;
    padding-right: 12px;
}

.tt_supervise_share .share_qrCode {
    width: 44vw;
    height: 44vw;
    display: inline-block;
    margin-top: 1.5vh;
}

.tt_supervise_share .share_qrCode img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_supervise_share .share_txt {
    font-size: 14px;
    text-align: center;
    margin-top: 12px;
}

.tt_supervise_tips {
    position: fixed;
    bottom: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(0, 0, 0, 0.75);
    color: #ffffff;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    font-size: 14px;
}

/* 职业规划 */
.tt_plan_tuijian_title {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 8px;
}

.tt_plan_tuijian_title i {
    display: inline-block;
    width: 36px;
    height: 36px;
    background: url(../images/tt_plan_tuijian_title_icon.png) no-repeat center center;
    background-size: cover;
}

.tt_plan_tuijian_title span {
    display: inline-block;
    font-size: 20px;
    padding: 0 4px;
    color: #1badff;
    font-weight: bold;
}

/* 基本信息 */
.baseInfo_user_img {
    width: 48px;
    height: 48px;
    float: right;
}

.baseInfo_user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.studyUpBtn {
    background: #24A2FF;
    color: #ffffff;
    font-size: 12px;
    text-align: center;
    display: inline-block;
    padding: 10px 12px 10px 16px;
    border-radius: 50px;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0%);
    margin: 24px 0;
}

.studyUpBtn i {
    line-height: 1;
    padding-left: 4px;
    position: relative;
    top: 1px;
}

.tt_copyright {
    position: fixed;
    bottom: 16px;
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
}

/* 职称评审 */
.tt_pingshen_box {
    width: 100%;
    padding-top: 55px;
    padding-bottom: 100px;
    position: relative;
    z-index: 9;
    background: transparent;
}

.tt_pingshen_jindu {
    background: #ffffff;
    border-radius: 8px;
    width: 96%;
    margin: 0 auto;
    padding-bottom: 16px;
}

.tt_pingshen_jindu .list {
    display: flex;
}

.tt_pingshen_jindu .get,
.tt_pingshen_jindu .get i,
.tt_pingshen_jindu .get .title,
.tt_pingshen_jindu .get .state span {
    color: rgba(0, 144, 21, 1) !important;
}

.tt_pingshen_jindu .list .get i {
    color: rgba(0, 144, 21, 1) !important;
}

.tt_pingshen_jindu .list .state {
    width: 60px;
    text-align: center;
    padding-top: 20px;
}

.tt_pingshen_jindu .list .state i {
    display: inline-block;
    width: 100%;
    line-height: 1;
    font-size: 20px;
    position: relative;
    top: 4px;
    color: #ddd;
}

.tt_pingshen_jindu .list .state span {
    display: inline-block;
    width: 100%;
    font-size: 12px;
    color: #999999;
}

.tt_pingshen_jindu .list .con {
    padding-bottom: 12px;
    padding-top: 16px;
    border-bottom: 1px solid #eee;
    width: calc(100% - 108px);
}

.tt_pingshen_jindu .list .con .title {
    font-size: 16px;
    text-align: left;
    color: #666666;
}

.tt_pingshen_jindu .list .con .text {
    color: rgba(16, 16, 16, 0.6);
    font-size: 11px;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.tt_pingshen_jindu .list .more {
    width: 48px;
    position: relative;
}

.tt_pingshen_jindu .list .more::after {
    content: '';
    position: absolute;
    right: 16px;
    top: 22px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    border-radius: 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.tt_pingshen_title {
    text-align: center;
    width: 100%;
    font-size: 24px;
    color: #ffffff;
    padding-bottom: 12px;
}

.tt_pingshen_title i {
    color: #ffdd43;
    font-style: normal;
    margin-right: 4px;
}

.tt_pingshen_info {
    width: 100%;
    text-align: center;
}

.tt_pingshen_info .headimg {
    width: 72px;
    height: 72px;
    border-radius: 50%;
    display: inline-block;
    overflow: hidden;
    border: 2px solid #fff;
}

.tt_pingshen_info .headimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_pingshen_info .info_text {
    font-size: 14px;
    color: #ffffff;
}

.tt_pingshen_info .info_name {
    font-size: 16px;
    color: #ffffff;
}

.tt_pingshen_info .info_tips {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.7);
    padding-bottom: 4px;
}

.tt_pingshen_back_box {
    position: fixed;
    top: 14px;
    left: 6px;
    width: 44px;
    height: 44px;
    overflow: hidden;
    z-index: 999;
}

.tt_pingshen_back {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: rgba(16, 16, 16, 0.6);
    background-size: 32px 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px);
}

.tt_pingshen_back::after {
    content: '';
    position: absolute;
    right: calc(50% - 8px);
    top: calc(50% - 6px);
    width: 12px;
    height: 12px;
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    border-radius: 2px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.tt_pingshen_bg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    min-width: inherit;
    max-width: inherit;
    background: url(../images/tt_superviseShareBg.png);
    background-size: cover;
    z-index: 2;
}

.tt_baseInfo {
    margin-bottom: 100px;
}

.tt_baseInfo span.danwei {
    display: inline-block;
    padding: 6px 0;
    font-size: 14px;
    color: #999999;
}

.tt_baseInfo .jc_list .jc_ft {
    width: calc(100% - 100px);
}

/* 护理科研 */
.tt_research_tab {
    width: 100%;
    display: flex;
    background: #ffffff;
    border-bottom: 1px solid #eee;
    max-width: 768px;
    margin: auto;
}

.tt_research_tab .list_tab {
    display: block;
    text-align: center;
    width: 50%;
    line-height: 44px;
    color: #666;
    position: relative;
    font-size: 14px;
}

.tt_research_tab .list_tab::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 60%;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    background: #e5e5e5;
}

.tt_research_tab .list_tab:last-child:after {
    display: none;
}

.tt_research_tab .on {
    color: #24A2FF;
    font-weight: bold;
}

.tt_research_tab .on::before {
    content: '';
    position: absolute;
    width: 3em;
    height: 2px;
    bottom: 0px;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #24A2FF;
}

.tt_select_search {
    display: flex;
    background: #ffffff;
    padding: 8px 12px;
}

.tt_select_search .tt_search {
    position: relative;
}

.tt_select_search .tt_search .i_box {
    width: 36px;
    height: 36px;
    position: absolute;
    right: 1px;
    top: 50%;
    transform: translate(0, -50%);
    background-color: #f0f0f0;
}

.tt_select_search .tt_search i {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    color: #999999;
}

.jc_form {
    display: block;
    width: 100%;
    height: 36px;
    padding: 4px 8px;
    background-color: #f0f0f0;
    border: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.jc_form:focus {
    color: #495057;
    border: 0;
    outline: 0;
    box-shadow: none;
}

.tt_small_title {
    width: 100%;
    font-size: 12px;
    padding: 8px 16px;
    color: #999999;
}

.tt_research_con {
    background: #ffffff;
    overflow: hidden;
    padding: 8px;
    margin-bottom: 56px;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
}

.tt_research_con .con_list {
    width: calc(50% - 16px);
    border: 1px solid #000;
    float: left;
    border-radius: 7px;
    box-shadow: 0px 2px 6px -2px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0);
    margin: 8px;
    padding: 8px;
}

.tt_research_con .con_list .con_list_img {
    width: 100%;
    height: 120px;
    border-radius: 8px;
    overflow: hidden;
}

.tt_research_con .con_list .con_list_img {
    width: 100%;
    height: 120px;
}

.tt_research_con .con_list .con_list_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_research_con .con_list .con_list_title {
    color: rgba(16, 16, 16, 1);
    font-size: 13px;
    margin-top: 4px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 57px;
}

.tt_research_con .con_list .con_list_text {
    color: rgba(16, 16, 16, .5);
    font-size: 12px;
    margin-top: 6px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 36px;
}

.tt_research_con .con_list .con_list_star {
    font-size: 12px;
    line-height: 1;
    color: #999999;
    padding-top: 2px;
}

.tt_research_con .con_list .con_list_star i {
    font-size: 12px;
    color: #28a745;
    line-height: 1;
}

.tt_research_con .con_list .con_list_tips {
    margin-top: 2px;
    overflow: hidden;
}

.tt_research_con .con_list .con_list_tips .see {
    color: rgba(16, 16, 16, .3);
    font-size: 12px;
    float: left;
    padding-top: 4px;
}

.tt_research_con .con_list .con_list_tips .zan {
    color: rgba(16, 16, 16, .3);
    font-size: 12px;
    float: right;
}

.tt_research_con .con_list .con_list_tips .zan i {
    padding-right: 2px;
}

.tt_research_con .con_list .con_list_tips .get,
.tt_research_con .con_list .con_list_tips .get i {
    color: #FF993D !important;
}

.tt_zhushou_box {}

.tt_zhushou_box .tt_zhushou_ad {
    width: 92vw;
    margin: 0 auto;
    border-radius: 6px;
    background-color: rgba(36, 162, 255, 1);
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    overflow: hidden;
    max-width: 768px;
}

.tt_zhushou_box .tt_zhushou_ad img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 项目详情 */
.xiangmu_title {
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    padding-top: 8px;
}

.xiangmu_person {
    left: 17px;
    color: rgba(16, 16, 16, 0.5);
    font-size: 12px;
    padding: 4px 0px;
}

.xiangmu_tips {
    color: rgba(16, 16, 16, 0.5);
    font-size: 12px;
}

.xiangmu_tips span {
    margin-right: 8px;
}

.xiangmu_tips .jiang {
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
}

.xiangmu_tips .jiang i {
    color: #FF993D;
}

.xiangmu_video {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 8px;
}

.xiangmu_video video {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border-radius: 4px;
    background: #000;
}

.xiangmu_con_title {
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
    padding: 8px 0;
    border-top: 1px solid #eee;
}

.xiangmu_con_text {
    color: rgba(16, 16, 16, 0.8);
    font-size: 14px;
    padding-bottom: 16px;
}

.tt_warp {
    min-width: 320px;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
}

/* 交流 推荐 新闻列表 */
.tt_community_tab {
    overflow: hidden;
    text-align: center;
    color: #666;
    background: #f7f7f7;
}

.tt_community_tab .list_tab {
    display: inline-block;
    padding: 10px 12px;
    font-size: 14px;
    cursor: pointer;
}

.tt_community_tab .on {
    color: #333333;
    font-size: 16px;
}

.tt_quan_tab {
    line-height: 48px;
    height: 48px;
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    padding-left: 12px;
    color: #666666;
    position: relative;
}

.tt_quan_tab .on {
    color: #24A2FF !important;
    position: relative;
    display: block;
}

.tt_quan_tab .on::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    bottom: 2px;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #24A2FF;
}

.tt_quan_tab .tuijian {
    cursor: pointer;
    display: block;
    padding-left: 12px;
    width: 50px;
    margin-right: 12px;
    position: relative;
}

.tt_quan_tab .tuijian i {
    color: #11C12B;
    position: absolute;
    left: -4px;
}

.tt_quan_tab .tuijian,
.tt_quan_tab .huadong {
    float: left;
}

.tt_quan_tab .add {
    display: block;
    position: absolute;
    right: 0;
    width: 36px;
    height: inherit;
    color: rgba(16, 16, 16, 1);
    text-align: center;
    box-shadow: -2px 0px 6px -4px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0);
    overflow: hidden;
}

.tt_quan_tab .add i {
    position: absolute;
    font-size: 14px;
    line-height: 1;
    top: calc(50% - 7px);
    left: calc(50% - 7px);
}

.tt_quan_tab .huadong {
    width: calc(100% - 96px);
    overflow-y: scroll;
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    height: 48px;
}

/* 隐藏滚动条 */
.tt_quan_tab .huadong::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_quan_tab .huadong a {
    margin-right: 24px;
    cursor: pointer;
    display: block;
}

.tt_news_box .tt_news_list {
    padding-left: 12px;
    padding-right: 12px;
    border-bottom: 1px solid #f5f5f5;
    width: 100%;
    overflow: hidden;
    cursor: pointer;
}

.tt_news_box .tt_news_list .title {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    width: 100%;
    padding-top: 8px;
    cursor: pointer;
}

.tt_news_box .tt_news_list .text_con {
    color: rgba(16, 16, 16, 0.8);
    font-size: 12px;
    overflow: hidden;
    padding-top: 4px;

}

.tt_news_box .tt_news_list .text_con .text {
    width: calc(100% - 96px - 8px);
    float: left;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.tt_news_box .tt_news_list .text_con .img {
    width: 96px;
    height: 56px;
    overflow: hidden;
    float: right;
}

.tt_news_box .tt_news_list .text_con .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_news_box .tt_news_list .news_tips {
    color: rgba(16, 16, 16, 0.5);
    font-size: 12px;
    line-height: 36px;
}

.tt_news_box .tt_news_list .news_tips span {
    cursor: pointer;
}

.tt_news_box .tt_news_list .news_tips span i {
    margin-right: 2px;
}

.tt_news_box .tt_news_list .news_tips .zan {
    margin-right: 12px;
}

.tt_news_box .tt_news_list .news_tips .get {
    color: #FF993D !important
}

.tt_news_box .tt_news_list .news_tips .huifu i {
    position: relative;
    top: 1px;
}

/* 新闻详情 */
.tt_newsInfo_box {
    background: #ffffff;
}

.tt_liuyan_box {
    border-top: 8px solid #f3f3f3;
}

.tt_liuyan_box .liuyan_tab {
    overflow: hidden;
    background: #ffffff;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 12px;
    padding-right: 12px;
    position: relative;
    border-bottom: 1px solid #eee;
}

.tt_liuyan_box .liuyan_tab .title {
    float: left;
    line-height: 30px;
    font-size: 16px;
}

.tt_liuyan_box .liuyan_tab .text {
    float: right;
    background: #f2f2f2;
    border-radius: 50px;
    padding: 2px 1px;
}

.tt_liuyan_box .liuyan_tab .text span {
    display: block;
    float: left;
    text-align: center;
    padding: 4px 12px;
    font-size: 12px;
}

.tt_liuyan_box .liuyan_tab .text .on {
    background: #ffffff;
    border-radius: 50px;
}

.tt_liuyan_box .liuyan_con {
    padding-left: 12px;
    padding-right: 12px;
    background: #ffffff;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list {
    padding-top: 8px;
    padding-bottom: 16px;
    border-top: 1px solid #eee;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list:first-child {
    border-top: 0px solid #eee;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .person {
    overflow: hidden;
    line-height: 32px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .name {
    float: left;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .zan {
    float: right;
    color: #666666;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .zan i {
    margin-right: 2px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .get,
.tt_liuyan_box .liuyan_con .tt_liuyan_list .get i {
    color: #FF993D !important;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .liuyan {
    padding-left: 38px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .text {

    color: rgba(16, 16, 16, .9);
    font-size: 14px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .time {
    color: rgba(16, 16, 16, .5);
    font-size: 12px;
    line-height: 30px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .huifu {
    border-radius: 6px;
    background-color: rgba(245, 245, 245, 1);
    font-size: 12px;
    padding: 8px;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .huifu .huihu_list .ming {
    color: rgba(16, 16, 16, 1);
    font-weight: bold;
}

.tt_liuyan_box .liuyan_con .tt_liuyan_list .huifu .huihu_list .neirong {
    color: rgba(16, 16, 16, .9);
}

/* 底部回复框框 */
.tt_huifu_footer {
    width: 100%;
    background: #ffffff;
    text-align: center;
    padding: 8px 12px;
    position: fixed;
    bottom: 0;
    min-width: inherit;
    max-width: inherit;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
    overflow: hidden;
}

.tt_huifu_footer .inputDiv {
    float: left;
    width: calc(100% - 56px);
    overflow: hidden;
}

.tt_huifu_footer .get,
.tt_huifu_footer .get i {
    color: #FF993D !important;
}

.tt_huifu_footer .zan {
    float: right;
    position: relative;
    width: 56px;
    cursor: pointer;
}

.tt_huifu_footer .zan i {
    font-size: 24px;
}

.tt_huifu_footer .zan span {
    font-size: 12px;
    position: absolute;
    top: 0;
    right: 3px;
}

.huifu_tanchuang_zhezhao {
    position: fixed;
    min-width: inherit;
    max-width: inherit;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: none;
}

.huifu_tanchuang {
    background: #ffffff;
    padding: 8px 12px 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.huifu_tanchuang .title {
    overflow: hidden;
    line-height: 40px;
    padding-left: 4px;
    padding-right: 4px;
}

.huifu_tanchuang .form-control {
    display: block;
    width: 100%;
    height: 72px;
    padding: 4px 8px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f5f5f5;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

/* 护理文库 */
/* 文库tab */
.tt_library_tab {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-size: 14px;
    border-bottom: 1px solid #eee;
    color: #666666;
    position: relative;
    background: #ffffff;
    display: flex;
    padding-right: 12px;
}

.tt_library_tab .tt_library_list {
    display: flex;

}

.tt_library_tab .tt_library_list a {
    display: block;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.tt_library_tab .tt_library_list a.on {
    color: #4CAF50 !important;
    position: relative;
}

.tt_library_tab .tt_library_list a.on::after {
    content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    bottom: 2px;
    border-radius: 8px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #24A2FF;
}

.tt_library_tab .my a.on::after {
    display: none;
}

.tt_library_search {
    position: relative;
}

.tt_library_search .jc_form {
    padding: 4px 12px;
    height: 30px;
    margin-top: 5px;
    border-radius: 50px;
}

.tt_library_search .i_box {
    position: absolute;
    top: 50%;
    right: 4px;
    width: 30px;
    height: 30px;
    transform: translate(0%, -50%);
}

.tt_library_search .i_box i {
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #999999;
}

/* 文库滑动 */
.tt_library_tag {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    padding: 8px 0;
    background: #ffffff;
    border-bottom: 1px solid #eee;
}

/* 隐藏滚动条 */
.tt_library_tag::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_library_tag a {
    margin-left: 12px;
    font-size: 12px;
    text-align: center;
    min-width: 6em;
    padding: 4px;
    display: block;
    border-radius: 3px;
    background-color: rgba(241, 240, 240, 1);
    color: rgba(108, 108, 108, 1) !important;
}

.tt_big_title {
    color: rgba(16, 16, 16, 1);
    font-size: 18px;
    line-height: 44px;
    background: #ffffff;
    padding: 0 16px;
}

.tt_big_title span {
    color: #999;
    font-size: 14px;
    position: relative;
    padding-right: 12px;
}

.tt_big_title span:after {
    content: " ";
    display: inline-block;
    height: 10px;
    width: 10px;
    border-width: 2px 2px 0 0;
    border-color: #B2B2B2;
    border-style: solid;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -5px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.tt_youxuan {
    overflow: hidden;
}

.tt_youxuan_list {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    width: calc(100% - 32px);
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 16px;
    margin-top: 4px;
    overflow: hidden;
    cursor: pointer;
    border-radius: 6px;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
}

.tt_youxuan_list .title {
    color: rgba(16, 16, 16, 1);
    font-size: 15px;
    width: 100%;
    padding-top: 8px;
    cursor: pointer;
}

.tt_youxuan_list .con {
    overflow: hidden;
    padding-top: 4px;
}

.tt_youxuan_list .text_box {
    width: calc(100% - 96px - 8px);
    float: left;
    overflow: hidden;
}

.tt_youxuan_list .text {
    width: 100%;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: rgba(16, 16, 16, 0.8);
    font-size: 12px;
}

.tt_youxuan_list .img {
    width: 96px;
    height: 56px;
    overflow: hidden;
    float: right;
    margin-top: 4px;
}

.tt_youxuan_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_youxuan_list .youxuan_tips {
    color: rgba(16, 16, 16, 0.5);
    font-size: 12px;
    padding-top: 4px;
}

/* 热门文档 */
.tt_hot_wen {
    overflow: hidden;
    background: #ffffff;
    padding-left: 8px;
    padding-right: 8px;
}

.tt_hot_list {
    width: 33.3%;
    float: left;
    padding: 0 12px 12px;
    text-align: center;
}

.tt_hot_list .img {
    width: 87px;
    height: 114px;
    display: inline-block;
    position: relative;
    border: 1px solid #eee;
}

.tt_hot_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_hot_list .img span {
    font-size: 12px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    background: #48b77b;
    color: #ffffff;
    padding: 1px 2px;
}

.tt_hot_list .title {
    color: rgba(16, 16, 16, 1);
    font-size: 13px;
    text-align: left;
    padding-top: 6px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 64px;
}

.tt_hot_list .readNum {
    color: rgba(16, 16, 16, .3);
    font-size: 12px;
    text-align: center;
    padding-top: 2px;
}

.tt_albums_info {
    padding: 12px 16px 0;
    color: rgba(16, 16, 16, .8);
    font-size: 12px;
}

/* 文档详情 */
.tt_artice_footer {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 50px;
    display: flex;
    padding: 5px 12px;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
}

.tt_artice_footer .down {
    width: 50%;
    background-color: #24A2FF;
    color: #ffffff;
    font-size: 15px;
    height: 40px;
    line-height: 40px;
    border-radius: 4px;
    position: relative;
    padding-left: 12px;
}

.tt_artice_footer .down span {
    width: 40%;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    height: 28px;
    font-size: 12px;
    line-height: 28px;
    background-color: rgba(255, 255, 255, .5);
    position: absolute;
    right: 12px;
    top: 6px;
}

.tt_artice_footer .save {
    margin-left: 12px;
}

.tt_artice_footer .save,
.tt_artice_footer .collect {
    text-align: center;
    padding: 2px 12px 0;
    font-size: 12px;
}

.tt_artice_footer .save i,
.tt_artice_footer .collect i {
    font-size: 18px;
    line-height: 1;
    color: rgba(16, 16, 16, 0.5);
}

.tt_artice_footer .get,
.tt_artice_footer .get,
.tt_artice_footer .get i,
.tt_artice_footer .get i {
    color: #24A2FF !important;
}

.myCon_box {
    background: #ffffff;
    padding: 8px 0;

}

.myCon_list {
    display: flex;
    background: #ffffff;
    padding: 8px 12px;
    position: relative;
}

.myCon_list .icon {
    position: relative;
}

.myCon_list .icon i {
    font-size: 40px;
    line-height: 1;
    position: relative;
    top: 4px;
}

.myCon_list .icon span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 21px;
    left: 6px;
    font-weight: bold;
}

.myCon_list .text {
    background: #f3f3f3;
    color: #333333;
    margin-left: 8px;
    width: calc(100% - 50px);
    padding: 4px 8px;
}

.myCon_list .title {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.myCon_list .text .time {
    font-size: 12px;
    color: #999999;
}

.tt_zanwu {
    text-align: center;
    font-size: 16px;
    color: #666666;
    padding-top: 20px;
}

.tt_zanwu i {
    font-size: 150px;
    line-height: 1;
    color: #999999;
}

.tt_zanwu span {
    display: block;
}

.tt_supervise_more {
    background: #ffffff;
    padding: 16px 0 24px;
    width: 100%;
    margin-bottom: 72px;
}

.tt_supervise_more .tt_load_more {
    width: 50%;
    margin: 0 auto;
    background: #f2f2f2;
    text-align: center;
    padding: 8px 24px;
    border-radius: 2px;
    cursor: pointer;

}

.tt_load_more {
    width: 50%;
    margin: 24px auto;
    background: #fff;
    text-align: center;
    padding: 8px 24px;
    border-radius: 2px;
    color: #666;
    cursor: pointer;
}

.tt_nav {
    overflow: hidden;
    height: 48px;
    border-bottom: 1px solid #eee;
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    position: fixed;
    top: 0;
}

.tt_nav .back {
    float: left;
    line-height: 48px;
    width: 44px;
    padding-left: 12px;
}

.tt_nav .back i.iconfont {
    font-size: 24px;
}

.tt_nav .title {
    float: left;
    line-height: 48px;
    padding-right: 8px;
    cursor: pointer;
}

.tt_nav .search {
    float: left;
    width: auto;
    padding-top: 6px;
}

.tt_nav .search .jc_form {
    height: 36px;
}

/* 我的页面 头部 */
.tt_my_head {
    background-image: url(../images/tt_my_head_bg.png);
    background-size: 100% 100%;
    width: 100%;
}

.tt_my_head .tt_user_info {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    padding-top: 16px;
    display: flex;
    background: transparent;
    border-radius: 0;
    align-items: center;
    position: relative;
    box-shadow: none;
    z-index: 3;
    padding-left: 8px;
}

.tt_my_head .tt_user_info .sc_user_img {
    margin-left: 12px;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #fff;
}

.tt_my_head .tt_user_info i.icon_more {
    position: absolute;
    right: 12px;
    color: #ffffff;
    font-size: 20px;
}

.tt_money_box {
    display: flex;
    font-size: 12px;
    background: transparent;
    color: #ffffff;
    position: relative;
    padding-bottom: 12px;
    text-align: center;
    overflow: hidden;
    height: 72px;
}

.tt_money_box .money_list {
    margin-left: 4px;
    text-align: center;
}

.tt_money_box .money_num {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

.tt_money_box .money_name {
    font-size: 13px;
}

.tt_money_box .money_tips {
    border-radius: 15px;
    background-color: rgba(246, 246, 246, 0.27);
    color: rgba(255, 255, 255, 0.9);
    text-align: center;
    padding: 0 4px;
}

.tt_money_box .money_list_more {
    position: absolute;
    right: 16px;
    bottom: 12px;
}

.tt_money_box .money_list_tips {
    position: absolute;
    right: 80px;
    bottom: 12px;
}

.tt_money_box .money_list_jifen {
    position: absolute;
    right: 210px;
    bottom: 12px;
}

.tt_money_box .money_list_tianshi {
    position: absolute;
    right: 250px;
    bottom: 12px;
}

.tt_vip_box {
    background-color: #26315e;
    color: #f9da5b;
    overflow: hidden;
    font-size: 13px;
    padding: 8px 16px;
    width: calc(100% - 24px);
    margin: 0 auto;
    border-radius: 12px 12px 0 0;
}

.tt_vip_box .title {
    line-height: 24px;
    float: left;
}

.tt_vip_box .vip_btn {
    float: right;
    background-color: #f9da5b;
    color: #26315e;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0 16px;
    border-radius: 50px;
    font-size: 12px;
}

.tt_order_box {
    overflow: hidden;
    background: #ffffff;
    width: calc(100% - 24px);
    margin: 12px auto;
    border-radius: 8px;
    padding: 12px 0;
    font-size: 14px;
}

.tt_order_box .order_list {
    width: 33%;
    float: left;
    text-align: center;
    color: #333333;
}

.tt_order_box .order_list i {
    font-size: 30px;
    line-height: 1;
    color: #24A2FF;
}

.my_icon_list_box {
    width: calc(100% - 24px);
    margin: 0 auto;
    border-radius: 8px;
    overflow: hidden;
}

.my_icon_list_box .jc_hd {
    padding: 14px 0;
    font-size: 15px;
    color: #101010;
}

.my_icon_list_box .jc_hd i {
    font-size: 24px;
    color: #24A2FF;
    line-height: 0;
    padding-right: 4px;
    font-weight: bold;
    position: relative;
    top: 4px;
}

.my_icon_list_box .jc_hd i.icon_more {
    font-size: 16px;
    color: rgba(16, 16, 16, 0.25);
    line-height: 1;
    padding-right: 0px;
    position: relative;
    top: 0px;
}

.my_icon_list_box .message {
    font-size: 12px;
    background-color: #FF0000;
    text-align: center;
    line-height: 18px;
    width: 18px;
    border-radius: 50%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    color: #ffffff;
    /* position: relative; */
    /* left: 4px; */
    /* top: 3px; */
    position: absolute;
    /* top: calc(50% - 11px); */
    left: 60px;
}

/* 我的订单 */
.tt_myOrder_box .title {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    padding-top: 4px;
}

.tt_myOrder_box .time {
    color: rgba(16, 16, 16, .5);
    font-size: 12px;
    margin-top: 2px;
    padding-bottom: 4px;
}

.tt_myOrder_box .num {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    font-weight: bold;
}

/* 在线客服 */
.tt_myKefu_box .jc_hd {
    padding: 14px 0;
}

.tt_myKefu_tanchuang {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 9;
}

.tt_myKefu_tanchuang .ewm {
    width: 200px;
    height: 200px;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #ffffff;
}

.tt_myKefu_tanchuang .ewm img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 回收站 */
.tt_myHuishouzhan_box .huifu {
    color: #24A2FF;
    margin-left: 12px;
    cursor: pointer;
}

/* 电脑登录 */
.tt_myPc_box {
    text-align: center;
    background: #ffffff;
    overflow: hidden;
    padding-top: 16px;
}

.tt_myPc_box .icon i {
    font-size: 90px;
    line-height: 1;
    color: #24A2FF;
}

.tt_myPc_box .tt_big_title {
    padding: 0;
    line-height: 1.5;
    font-size: 16px;
}

.tt_myPc_box .tt_small_title {
    padding: 0;
}

.tt_myPc_box .text {
    width: 70%;
    margin: 12px auto;
    background: #f5f5f5;
    color: #24A2FF;
    text-align: center;
    line-height: 44px;
    font-size: 16px;
}

.tt_myPc_box .copyBtn {
    width: 40%;
    margin: 24px auto;
    background: #24A2FF;
    color: #fff;
    text-align: center;
    line-height: 40px;
    font-size: 12px;
    border-radius: 8px;
    cursor: pointer;
}

/* 消息 */
.tt_myMessage_box .jc_hd {
    position: relative;
}

.tt_myMessage_box .tag {
    position: absolute;
    width: 38px;
    height: 36px;
    text-align: center;
    font-size: 12px;
    left: 0;
    top: 14px;
    color: #ffffff;
    border-radius: 2px;
}

.tt_myMessage_box .tag span {
    line-height: 1.2;
    width: 2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.tt_myMessage_box .dian {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
}

.tt_myMessage_box .dian i {
    color: #ff0000;
}

.tt_myMessage_box .title {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    padding-top: 4px;
    position: relative;
    left: 44px;
    width: 100%;
    width: calc(100% - 60px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_myMessage_box .time {
    color: rgba(16, 16, 16, .5);
    font-size: 12px;
    margin-top: 2px;
    padding-bottom: 4px;
    position: relative;
    left: 44px;
    width: calc(100% - 60px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_myMessage_box .num {
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    font-weight: bold;
}

.tt_myMoney_box {
    padding-top: 16px;
    background: #ffffff;
    padding-bottom: 24px;
    width: calc(100% - 24px);
    margin: 12px auto 24px;
    border-radius: 8px;
}

.tt_myMoney_box .tt_big_title {
    color: #333;
    font-size: 17px;
    line-height: 2;
    background: #ffffff;
    padding: 0 16px;
    position: relative;
}

.tt_myMoney_box .tt_big_title span {
    color: #999;
    font-size: 12px;
}

.tt_myMoney_box .tt_big_title span:after {
    display: none;
}

.tt_myMoney_list {
    overflow: hidden;
    background: #ffffff;
    padding: 0 8px;
}

.tt_myMoney_list a {
    display: block;
    float: left;
    background-color: #f3f3f3;
    margin: 8px;
    padding: 16px 0px;
    text-align: center;
    border-radius: 4px;
    width: calc(33.3% - 16px);
    font-size: 16px;
}

.tt_myMoney_list a.on {
    background-color: #24A2FF;
    color: #ffffff !important;
}

.tt_myMoney_box .money_input {
    padding: 4px 16px 12px;
}

.tt_myMoney_box .jc_form {
    display: inline-block;
    width: 50%;
    height: 44px;
    padding: 8px 12px;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border-radius: 8px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.tt_myMoney_box .money_type {
    margin-top: 4px;
    width: 56px;
    height: 56px;
    border: 1px solid #11C12B;
    margin-left: 16px;
    position: relative;
    border-radius: 8px;
    background-color: #fff;
}

.tt_myMoney_box .money_type i.icon_weixin {
    font-size: 40px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #11C12B;
}

.tt_money_btn {
    display: block;
    width: 75%;
    margin: 0 auto;
    text-align: center;
    line-height: 44px;
    background-color: #24A2FF;
    color: #ffffff;
    border-radius: 60px;
    font-size: 14px;
    border: none;
    cursor: pointer;
}

/* 我的职称 */
.tt_myZhicheng_list {
    margin-top: 12px;
    width: calc(100% - 24px);
    margin-left: auto;
    margin-right: auto;
    background: #fff;
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 2px;
    padding-bottom: 2px;
    box-shadow: 0 0px 6px 0px rgba(0, 0, 0, 0.1);
    border-radius: 4px;

}

.tt_myZhicheng_list .jc_list {
    padding: 0;
}

.tt_myZhicheng_list .jc_hd {
    padding: 12px 0;
}

.tt_myZhicheng_list .ilbox {
    position: relative;
}

.tt_myZhicheng_list .ilbox span {
    position: relative;
    right: 44px;
    font-size: 12px;
    color: #999999;
}

.tt_myZhicheng_list .ilbox span.get {
    color: #00B01A;
}

.tt_myZhicheng_list .ilbox label {
    background-image: url(../images/tt_switch_guan.svg);
    width: 40px;
    height: 100%;
    background-size: 100% 100%;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
}

.tt_myZhicheng_list .ilbox input:checked+label {
    background-image: url(../images/tt_switch_kai.svg);
}

.tt_myZhicheng_list .tag {
    position: relative;
}

.tt_myZhicheng_list .tag::after {
    content: '';
    position: absolute;
    left: -12px;
    top: 0;
    height: 100%;
    width: 2px;
    background: #000;
}

/* 医院 */
.tt_hospital_box {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    min-width: 320px;
    max-width: 768px;
    width: 100%;
    height: 100vh;
    z-index: 998;
    background: #ffffff;
    padding-top: 8px;
    overflow: auto;
    padding-bottom: 100px;
}

.tt_hospital_box .close {
    width: 40px;
    height: 40px;
    position: relative;
    cursor: pointer;
}

.tt_hospital_box .close i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    transform: translate(-50%, -50%);
}

.tt_hospital_top {
    position: fixed;
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    top: 0;
    padding-top: 4px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
}

.tt_hospital_search {
    background: #ffffff;
    padding-left: 16px;
    padding-right: 16px;
    overflow: hidden;
    margin-top: 52px;
}

.tt_hospital_search .jc_form {
    width: calc(100% - 60px);
    float: left;
    height: 40px;
    border-radius: 50px;
    padding: 4px 16px;
}

.tt_hospital_search span {
    width: 56px;
    text-align: center;
    display: block;
    float: right;
    line-height: 40px;
    color: rgba(36, 162, 255, 1);
}

.tt_hospital_box .tt_small_title {
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    text-align: center;
    color: rgba(36, 162, 255, 1);
}

.tt_hospital_search_result,
.tt_hospital_list {
    padding: 0 16px;
}

.tt_hospital_search_result .search_list>a,
.tt_hospital_list>a {
    padding: 12px 0;
    display: block;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    cursor: pointer;
}

/* 资料库 */
.tt_databank_box {
    padding-bottom: 72px;
    overflow: hidden;
}

.tt_databankTop {
    overflow: hidden;
    background: #ffffff;
    padding: 4px 12px;
}

.tt_databankTop .info {
    float: left;
    position: relative;
    padding-left: 36px;
}

.tt_databankTop .info i {
    position: absolute;
    top: 7px;
    left: 0;
    font-size: 22px;
    line-height: 1;
}

.tt_databankTop .info .title {
    color: rgba(0, 0, 0, 1);
    font-size: 12px;
}

.tt_databankTop .info .rate {
    color: rgba(0, 0, 0, .5);
    font-size: 12px;
}

.tt_databankTop .tt_library_search {
    float: right;
}

.tt_databankTop .tt_library_search .jc_form {
    margin-top: 3px;
}

.tt_databankTab {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    background: #ffffff;
    border-top: 1px solid #eee;
    padding-left: 4px;
}

/* 隐藏滚动条 */
.tt_databankTab::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_databankTab>div {
    margin: 0 4px;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    text-align: center;
    position: relative;
    padding: 14px 10px;
    cursor: pointer;
}

.tt_databankTab .new {
    position: relative;
}

.tt_databankTab .new::before {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 1px;
    transform: translate(0, -50%);
    background: #24A2FF;
}

.tt_databankTab .on {
    color: #24A2FF;
}

.tt_databankTips {
    background-color: #FFE8B5;
    color: rgba(172, 121, 9, 1);
    font-size: 12px;
    padding: 6px 12px;
    position: relative;
}

.tt_databankTips i {
    line-height: 1;
    position: relative;
    top: 1px;
    left: 1px;
    font-size: 14px;
}

.tt_databankTips::after {
    content: " ";
    display: block;
    height: 8px;
    width: 8px;
    border-width: 2px 2px 0 0;
    border-color: rgba(172, 121, 9, 1);
    border-style: solid;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -5px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -moz-transform: rotate(45deg);
    /* Firefox */
    -webkit-transform: rotate(45deg);
    /* Safari 和 Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
}

.tt_databank_last {
    width: 100%;
    overflow-y: scroll;
    display: -webkit-box;
    overflow: -moz-scrollbars-none;
    background: #ffffff;
    padding-left: 4px;
}

.tt_databank_last::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.tt_databank_last .last_list {
    width: calc(50% - 32px);
    height: 90px;
    position: relative;
    background: #ffffff;
    border-radius: 6px;
    overflow: hidden;
    margin: 4px 8px;
    text-align: center;
    box-shadow: 0px 0px 6px -2px rgba(0, 0, 0, 0.4);
    cursor: pointer;
}

.tt_databank_last .last_list img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tt_databank_last .last_list .name {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 24px;
    line-height: 24px;
    background-color: rgba(0, 0, 0, .6);
    color: rgba(255, 255, 255, .6);
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 4px;
}

.tt_databank_use {
    width: 100%;
    background: #ffffff;
    padding-left: 4px;
    overflow: hidden;
    padding-bottom: 12px;
}

.tt_databank_use .use_list {
    float: left;
    width: 33%;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.tt_databank_use .use_list .use_img {
    width: 96px;
    height: 96px;
    margin-top: 4px;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.4);
    padding: 4px;
    background: #ffffff;
    display: inline-block;
}

.tt_databank_use .use_list .use_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.tt_databank_use .use_list .use_name {
    color: rgba(16, 16, 16, 1);
    font-size: 12px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 4px;
    width: 100px;
    display: inline-block;
    padding-top: 4px;
}

.tt_databankAdd {
    position: fixed;
    bottom: 72px;
    left: calc(50% - 25px);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #4CAF50;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    z-index: 9;
}

.tt_databankAdd i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 20px;
    z-index: 9;
}

.tt_databank_zhengzhao {
    background: #ffffff;
    overflow: hidden;
    padding-top: 12px;
}

.tt_databank_zhengzhao .zhengzhao_list {
    width: calc(100% - 24px);
    margin: 0 auto 12px;
    height: 128px;
    border-radius: 6px;
    position: relative;
    border-radius: 6px;
    overflow: hidden;
    cursor: pointer;
}

.tt_databank_zhengzhao .zhengzhao_list .title {
    position: absolute;
    top: 4px;
    left: 4px;
    font-size: 16px;
    color: #ffffff;
    z-index: 9;
}

.tt_databank_zhengzhao .zhengzhao_list .title i {
    font-size: 24px;
    line-height: 1;
    position: relative;
    top: 3px;
    padding-right: 3px;
}

.tt_databank_zhengzhao .zhengzhao_list .num_name {
    z-index: 7;
    background-color: rgba(0, 0, 0, .2);
    border: none;
    font-size: 14px;
    padding: 0px;
    text-align: center;
    line-height: 20px;
    padding: 4px 8px;
    position: absolute;
    bottom: 0;
    width: 100%;
    color: rgba(255, 255, 255, .95);
}

.tt_databank_zhengzhao .zhengzhao_list .num {
    float: left;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    position: absolute;
    left: 8px;
}

.tt_databank_zhengzhao .zhengzhao_list .black {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .2);
    z-index: 3;
}

.tt_databank_zhengzhao .zhengzhao_list .black,
.tt_databank_zhengzhao .zhengzhao_list .img {
    width: 100%;
    height: 100%;
}

.tt_databank_zhengzhao .zhengzhao_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_databank_zhengzhao_more {
    background: #ffffff;
    padding: 0px 16px;
    min-height: calc(100vh - 150px);
}

.tt_databank_zhengzhao_more .tt_big_title {
    padding: 0px;
}

.tt_databank_zhengzhao_more .tt_big_title .showHide {
    float: right;
    height: 40px;
    width: 40px;
    position: relative;
}

.tt_databank_zhengzhao_more .tt_big_title .showHide i {
    font-size: 20px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tt_databank_zhengzhao_more .zhengzhao_more_list {
    width: 100%;
    overflow: hidden;
    background: #ffffff;
    padding: 8px 0;
    border-bottom: 1px solid #f5f5f5;
    position: relative;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list:last-child {
    border-bottom: 1px solid #eee;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .img {
    width: 40px;
    height: 40px;
    float: left;
    border-radius: 4px;
    overflow: hidden;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .num {
    position: absolute;
    top: 8px;
    left: 23px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    color: #ffffff;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .text {
    float: left;
    width: calc(100% - 82px);
    padding-left: 8px;
    padding-top: 4px;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .no_img {
    width: calc(100% - 42px) !important;
    padding-left: 0px;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .no_img .num {
    display: none;
    /* position: absolute;
    top: 14px;
    left: 1px;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    font-size: 12px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    color: #ffffff; */
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .text .title {
    font-size: 14px;
    color: rgb(16, 16, 16);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .text .info {
    font-size: 12px;
    color: rgba(16, 16, 16, 0.5);
    overflow: hidden;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .text .info b {
    float: left;
    width: calc(100% - 50px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .text .info span {
    float: right;
    text-align: right;
    width: 44px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .choose {
    float: right;
    position: relative;
    top: 3px;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .choose input {
    display: none;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .choose label {
    width: 40px;
    height: 40px;
    background-image: url(../images/radio_no.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}

.tt_databank_zhengzhao_more .zhengzhao_more_list .choose input:checked+label {
    background-image: url(../images/radio_yes.svg);
    border: 0px solid #000;
}

.tt_databankChooseMore {
    width: 100%;
    min-width: inherit;
    max-width: inherit;
    position: fixed;
    bottom: 0;
    z-index: 100;
    background: #ffffff;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
}

.tt_databankChooseMore .numBox {
    width: 100%;
    font-size: 14px;
    padding: 0 16px;
    overflow: hidden;
}

.tt_databankChooseMore .numBox .num {
    float: left;
    line-height: 36px;
}

.tt_databankChooseMore .numBox .btnBox {
    float: right;
}

.tt_databankChooseMore .numBox .btnBox span {
    color: rgba(36, 162, 255, 1);
    padding: 8px 12px;
    display: inline-block;
    cursor: pointer;
}

.tt_databankChooseMore .moreBox {
    background-color: rgb(36, 162, 255);
    display: flex;
    justify-content: space-around;
    font-size: 13px;
}

.tt_databankChooseMore .moreBox .moreBox_list {
    display: inline-block;
    text-align: center;
    color: #ffffff;
    padding: 6px 0 4px;
    width: 20%;
    cursor: pointer;
}

.tt_databankChooseMore .moreBox .moreBox_list i {
    font-size: 22px;
    line-height: 1;
}

/* 上传资料 */
.tt_databankUp_box {
    padding-bottom: 100px;
}

.tt_databankUp_list_box {
    background-color: #ffffff;
}

.tt_databankUp_box .tt_big_title b {
    font-style: normal;
    font-weight: normal;
}

.tt_databankUp_list {
    overflow: hidden;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: relative;
}

.tt_databankUp_list .del {
    float: left;
    width: 48px;
    height: 48px;
    position: relative;
}

.tt_databankUp_list .del i {
    font-size: 20px;
    color: rgba(16, 16, 16, .4);
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.tt_databankUp_list .img {
    float: left;
    width: 48px;
    height: 48px;
}

.tt_databankUp_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_databankUp_list .tit_text {
    float: left;
    width: calc(100% - 100px);
    margin-left: 4px;
}

.tt_databankUp_list .title {
    height: 30px;
    line-height: 30px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: rgba(245, 245, 245, 1);
    color: rgba(136, 136, 136, 1);
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tt_databankUp_list .title .jc_form {
    height: 30px;
    padding: 0 4px;
}

.tt_databankUp_list .text {
    color: rgba(16, 16, 16, .5);
    font-size: 11px;
    padding-top: 2px;
    padding-left: 4px;
    padding-right: 4px;
}

.tt_databankUp_list .icon {
    float: left;
    position: relative;
    width: 48px;
}

.tt_databankUp_list .icon i {
    font-size: 40px;
    line-height: 1;
    position: relative;
    top: 4px;
}

.tt_databankUp_list .icon span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 21px;
    left: 6px;
    font-weight: bold;
}

.tt_databankUp_info {
    padding-bottom: 8px;
    background: #ffffff;
}

.tt_databankUp_info .tt_databankUp_info_list {
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-top: 8px;
}

.tt_databankUp_info .tt_databankUp_info_list .title {
    float: left;
    text-align: center;
}

.tt_databankUp_info .tt_databankUp_info_list .title {
    float: left;
    text-align: center;
    width: 96px;
    border: 1px solid #eee;
    line-height: 20px;
    padding: 7px;
    font-size: 14px;

}

.tt_databankUp_info .tt_databankUp_info_list .text {
    float: left;
    overflow: hidden;
    width: calc(100% - 100px);
    margin-left: 4px;
}

.classify_title {
    margin-top: 8px;
    padding: 8px 16px;
}

.classify_list {
    overflow: hidden;
    padding: 0 8px;
}

.classify_list .tag {
    float: left;
    background-color: #f2f2f2;
    border: none;
    color: rgb(106, 106, 106);
    border-radius: 15px;
    font-size: 11px;
    padding: 0px;
    text-align: center;
    line-height: 16px;
    padding: 8px 12px;
    margin: 6px;
    min-width: calc(25% - 14px);
}

.classify_all {
    overflow: hidden;
    padding: 8px 16px;
    margin-top: 8px;
}

.classify_all .classify_all_title {
    float: left;
    width: 64px;
    line-height: 42px;
}

.classify_all .classify_all_list {
    float: left;
    width: calc(100% - 64px);
}

.classify_all .classify_all_list .tag {
    float: left;
    min-width: calc(33% - 1px);
    line-height: 42px;
    border: none;
    color: rgb(36, 162, 255);
    border-radius: 4px;
    font-size: 14px;
    text-align: center;
}

/* 资料详情 */
.tt_databankInfo_box {
    padding: 0 12px;
    background: #ffffff;
}

.tt_databankInfo_box .tit_info {
    background-color: #fff;
    padding: 8px 0px;
    position: relative;
}

.tt_databankInfo_box .tit_info .title {
    line-height: 20px;
    opacity: 0.8;
    color: rgba(16, 16, 16, .8);
    font-size: 14px;
}

.tt_databankInfo_box .tit_info .text {
    line-height: 18px;
    color: rgba(16, 16, 16, .4);
    font-size: 12px;
}

.tt_databankInfo_box .tit_info .more {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 50%;
    right: 0px;
    text-align: center;
    transform: translate(0, -50%);
    cursor: pointer;
}

.tt_databankInfo_box .tit_info .more i {
    line-height: 44px;
    font-weight: bold;
}

.tt_databankInfo_box .info_box {
    background-color: #fff;
    width: 100%;
    padding-top: 8px;
    height: 100vh;
}

.tt_databankInfo_box .info_box .img {
    width: 100%;
    height: 100%;
}

.tt_databankInfo_box .info_box .img img {
    width: 100%;
}

.textSeeBox {
    margin-top: 56px;
    padding-left: 16px;
    padding-right: 16px;
}

/* 过期文件 */
.tt_databankTimeOver_box {
    background: #ffffff;
    overflow: hidden;

}

.tt_databankTimeOver_box .timeOver_list {
    background: #f3f3f3;
    color: #333333;
    width: calc(100% - 24px);
    padding: 4px;
    position: relative;
    height: 52px;
    margin: 12px;
}

.tt_databankTimeOver_box .timeOver_list .img,
.tt_databankTimeOver_box .timeOver_list .icon {
    position: absolute;
    left: 4px;
    top: 50%;
    transform: translate(0, -50%);
}

.tt_databankTimeOver_box .timeOver_list .img {
    width: 40px;
    height: 40px;
}

.tt_databankTimeOver_box .timeOver_list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_databankTimeOver_box .timeOver_list .icon i {
    font-size: 40px;
    line-height: 1;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}

.tt_databankTimeOver_box .timeOver_list .icon span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: 21px;
    left: 6px;
    font-weight: bold;
}


.tt_databankTimeOver_box .timeOver_list .title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    width: calc(100% - 180px);
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translate(0, -50%);
}

.tt_databankTimeOver_box .timeOver_list .time {
    font-size: 12px;
    color: #999999;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translate(0, -50%);
    color: #ff962f;
}

.tt_databankTimeOver_box .timeOver_list .over {
    color: rgba(255, 122, 122, 1);
}

/* 多文件转发 */
.tt_moreShare_img_box {
    background-color: #fff;
    padding-bottom: 12px;
}

.tt_moreShare_img {
    width: 100%;
    padding: 12px 12px 0;
    background-color: #fff;
    text-align: center;
}

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

.tt_moreShare_file_box .timeOver_list .title {
    width: calc(100% - 120px);
}

.tt_copyright_QRcode {
    text-align: center;
    margin-top: 36px;
}

.tt_copyright_QRcode .QRcode {
    width: 72px;
    height: 72px;
    display: inline-block;
}

.tt_copyright_QRcode .QRcode img {
    width: 100%;
    height: 100%;
}

.tt_copyright_QRcode .title {
    width: 100%;
    text-align: center;
    color: #666666;
    font-size: 12px;
    line-height: 24px;
}

.tt_databankSearch_box .timeOver_list .title {
    width: calc(100% - 55px);
}

/* 记录转发 */
.databankRecordShare_list {
    overflow: hidden;
    background: #ffffff;
    padding: 12px;
    border-bottom: 1px solid #eee;
    width: calc(100% - 20px);
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 8px;
    border-radius: 8px;
}

.databankRecordShare_list .item_box {
    overflow: hidden;
}

.databankRecordShare_list .item {
    float: left;
    background-color: rgba(245, 245, 245, 1);
    color: rgba(136, 136, 136, 1);
    font-size: 14px;
    padding: 1px 12px;
    width: 100%;
}

.databankRecordShare_list .item:first-child {
    padding-top: 8px;
}

.databankRecordShare_list .item:last-child {
    padding-bottom: 8px;
}

.databank_file_box {
    overflow: hidden;
    width: 100%;
    margin-right: -4px;
    padding-top: 4px;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}


.databank_file_box .databank_file_list {
    float: left;
    width: calc(25% - 16px);
    margin: 8px;
    position: relative;
}

.databank_file_box .databank_file_list .icon {
    position: relative;
    height: 72px;
    width: 100%;
    border-radius: 4px;
    box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.4);
    padding: 4px;
    background: #ffffff;
    overflow: hidden;
}

.databank_file_box .databank_file_list .icon i {
    font-size: 40px;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.databank_file_box .databank_file_list .icon span {
    font-size: 12px;
    color: #fff;
    position: absolute;
    top: calc(50% + 8px);
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.databank_file_box .databank_file_list .file_img {
    width: 100%;
    height: 72px;
    box-shadow: 0px 0px 8px -4px rgba(0, 0, 0, 0.4);
    padding: 4px;
    background: #ffffff;
    overflow: hidden;
    border-radius: 4px;
}

.databank_file_box .databank_file_list .file_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}

.databank_file_box .databank_file_list .file_title {
    font-size: 12px;
    color: #666666;
    text-align: center;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 38px;
    padding-top: 4px;
}

.tt_databank_use .databank_file_list {
    width: calc(33% - 16px);
    margin: 0 8px 12px;
}

.tt_databank_use .databank_file_list .icon,
.tt_databank_use .databank_file_list .file_img {
    height: 96px;
}

/* 考试流程资料 */
.tt_examInfo_box {
    background: #ffffff;
    min-height: 100vh;
}

.tt_examInfo_list {
    background: #ffffff;
    position: relative;
    padding-top: 12px;
    padding-left: 16px;
}

.tt_examInfo_list .title {
    color: #333333;
    font-size: 16px;
    line-height: 44px;
}

.tt_examInfo_list .title i {
    padding-right: 4px;
    display: none;
}

.tt_examInfo_list .get {
    color: rgba(17, 193, 43, 1);
}

.tt_examInfo_list .get i {
    color: rgba(17, 193, 43, 1);
    display: initial;
}

.tt_examInfo_list .tt_databank_last {
    /* margin-left: 52px;
    width: calc(100% - 60px); */
    overflow-y: hidden;
    display: block;
    overflow: hidden;
    padding-top: 4px;
}

.tt_examInfo_list .tt_databank_last .last_list {
    display: inline-block;
    width: calc(33% - 24px);
}

.tt_examInfo_list .examInfoUP_label {
    display: block;
    width: 72px;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 19px;
    top: 21px;
    /* background-color: rgb(241, 240, 240); */
    color: #007bff;
    /* background-color: #007bff; */
    border: 1px solid #007bff;
    border-radius: 4px;
    font-size: 24px;
    border-radius: 4px;
}

/* 创建群组 */
.tt_groupCreat_box {
    text-align: center;
    padding-top: 40px;
}

.tt_groupCreat_box .icon i {
    font-size: 80px;
    color: rgb(17, 193, 43);
    ;
}

.tt_groupCreat_box .text {
    width: calc(100% - 100px);
    margin: 0 auto;
    text-align: left;
    padding-bottom: 20px;
}

.creatGroupBox {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 105;
    min-width: inherit;
    max-width: inherit;
    display: none;
}

.koulingChange {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 105;
    min-width: inherit;
    max-width: inherit;
    display: none;
}

.creatGroupBox .creatGroupMain {
    width: 80%;
    margin: 0 auto;
    height: 200px;
    position: relative;
    /* left: 10%; */
    top: 30%;
    background-color: white;
    border-radius: 15px;
}

.creatGroupBox .crtitle {
    line-height: 50px;
    font-size: 16px;
    text-align: center;
}

.creatGroupBox .crinput {
    width: calc(100% - 36px);
    text-align: center;
    margin-left: 18px;
    margin-right: 18px;
}

.creatGroupBox .crbtn1 {
    position: absolute;
    width: 40%;
    line-height: 40px;
    text-align: center;
    left: 5%;
    color: white;
    background-color: rgb(210, 210, 210);
    bottom: 10px;
}

.creatGroupBox .crbtn2 {
    position: absolute;
    width: 40%;
    line-height: 40px;
    text-align: center;
    right: 5%;
    color: white;
    background-color: #09b;
    bottom: 10px;
}

/* 分享提示 */
.tt_share_tips_box {
    min-width: inherit;
    max-width: inherit;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 999;
    top: 0;
}

.tt_share_tips_box .share_tips_img {
    width: 120px;
    height: 150px;
    position: absolute;
    position: absolute;
    top: 8px;
    right: 20px;
}

.tt_share_tips_box .share_tips_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tt_share_tips_box .share_text {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 168px;
    font-size: 28px;
    color: #ffffff;
}

.tt_plan_question_tel {
    padding-top: 55px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    background: #fff;
}

.tt_plan_question_con {
    padding-top: 4px;
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    background: #fff;
}

.tt_plan_question_title {
    padding-bottom: 8px;
    color: #666666;
}

.tt_plan_question_con .form-control {
    display: block;
    width: 100%;
    height: 200px;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #f4f4f4;
    background-clip: padding-box;
    border: 1px solid #eee;
    border-radius: 4px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.exam-text {
    padding: 16px;
    line-height: 1.75;
    background: #ffffff;
}

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

.exam-text .title {
    font-size: 18px;
    padding-left: 13px;
    padding-right: 16px;
    padding: 8px 16px 8px 13px;
    position: relative;
    color: #fff;
    font-weight: bold;
    background: #24a2ff;
    display: inline-block;
    margin: 12px 0;
    border-radius: 0 50px 50px 0px;
}

.exam-text table {
    background: #ffffff;
    width: 100%;

}

.exam-text table td {
    border: 1px solid #bbb;
    padding: 4px 0;
}

/* 文章 */
.tt_article_box_bg {
    background-color: #345fcb;
    background-image: url(../images/tt_superviseShareBg.png);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 320px;
    max-width: 768px;
    margin: 0 auto;
}

.tt_article_box {
    min-width: inherit;
    max-width: inherit;
    margin: 0 auto;
    padding-left: 12px;
    padding-right: 12px;
}

.tt_article_box .title {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    padding-top: 44px;
    font-weight: bold;
}

.tt_article_box .writer {
    text-align: center;
    font-size: 12px;
    color: #ffffff;
    padding-top: 4px;
    padding-bottom: 8px;
}

.tt_article_box .zhaiyao,
.tt_article_box .con,
.tt_article_box .jianjie {
    background-color: rgba(255, 255, 255, .92);
    padding: 12px;
    border-radius: 8px;
}

.tt_article_box .zhaiyao {
    font-size: 12px;

}

.tt_article_box .con {
    margin-top: 12px;
}

.tt_article_box .con p {
    font-size: 14px;
    text-indent: 2em;
    margin-bottom: 8px;
    line-height: 1.5;
}

.tt_article_box .jianjie {
    margin-top: 12px;
    font-size: 13px;
}

.tt_article_box .copyright {
    text-align: center;
    width: 100%;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 24px;
}

/* 新底部 */
.tt_footer_new_box {
    overflow: hidden;
    width: 100%;
    z-index: 99;
    position: fixed;
    bottom: 0;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
    min-width: 320px;
    max-width: 768px;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
}

.tt_footer_new_box .tt_footer_list {
    float: left;
    width: 20%;
    padding: 5px 0;
    text-align: center;
    line-height: 1;
    color: #616163;
    font-size: 12px;
    display: block;
    position: relative;
}

.tt_footer_new_box .tt_footer_list i {
    font-size: 28px;
    line-height: 1;
}

.tt_footer_new_box .tt_footer_list p {
    padding-top: 2px;
}

.tt_footer_new_box .on,
.tt_footer_new_box .on i {
    color: #48b77b;
}

.neixunAd {
    width: calc(100% - 40px);
    height: auto;
    margin: 16px auto 0;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 3px 6px 4px rgba(0, 0, 0, 0.1);
}

.neixunAd img {
    width: 100%;
    height: 140px;
}

.danweiBox {
    padding: 8px 20px;
    text-align: center;
}

.danweiBox img {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%;
    margin: 0 4px;
}

.tt_neixunGroupCreatOk {
    text-align: center;
    padding-top: 40px;
}

.tt_neixunGroupCreatOk i {
    font-size: 45px;
    line-height: 1;
    color: #00B01A;
}

.tt_neixunGroupCreatOk_name {
    width: calc(100% - 40px);
    margin: 20px auto 0;
    padding: 8px 4px;
    background-color: #f3f3f3;
    text-align: center;
}

.neixunGroupCreatShare {
    width: calc(100% - 40px);
    margin: 8px auto;
    height: auto;
    text-align: center;
}

.neixunGroupCreatShare img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixunGroupCreatShare p {
    font-size: 12px;
    padding-top: 8px;
    color: rgba(255, 255, 255, .5);
}

.neixunGroupCreatAdd {
    text-align: center;
}

.neixunGroupCreatAdd .addHead {
    width: 56px;
    height: 56px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #fff;
    margin: 0 auto;
}

.neixunGroupCreatAdd .addHead img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixunGroupCreatAdd .addName {
    padding-top: 8px;
}

.neixunGroupCreatAdd .addName span {
    color: #00477B;
    padding-right: 4px;
}

.neixunGroupCreatAdd .addOld {
    padding-top: 8px;
    line-height: 30px;
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
}

.neixunGroupCreatAdd .addOld img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-right: 4px;
}

.neixunGroupCreatAdd .addNew {
    width: 60%;
    margin: 40px auto 0;
    overflow: hidden;
}

.neixunGroupCreatAdd .addNew span {
    margin-right: 4px;
}

.neixunGroupCreatAdd .addNew .jc_form {
    display: inline-block;
    width: calc(100% - 4em);
    background-color: rgba(255, 255, 255, .75);
}

.neixunGroupCreatAdd .addBtn {
    width: 60%;
    margin: 20px auto 0;
    background-color: #F08F41;
    color: #ffffff;
    border-radius: 50px;
    padding-top: 8px;
    padding-bottom: 8px;
    text-align: center;
}

.neixunChooseBox {
    position: fixed;
    top: 60px;
    background-color: #fff;
    width: 100%;
    height: calc(100% - 60px);
    z-index: 101;
    max-width: inherit;
    overflow: auto;
    padding-bottom: 150px;
}

.neixunChooseBox .neixunChoose {
    position: relative;
    overflow: hidden;
    padding: 8px;

}

.neixunChooseBox .neixunChoose .list {
    float: left;
    width: calc(50% - 16px);
    margin: 8px;
    background-color: #F5F5F5;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 8px;
    padding-right: 8px;
    overflow: hidden;
    height: 82px;
    display: flex;
    align-items: center;
}

.neixunChooseBox .neixunChoose .list .icon,
.neixunChooseBox .neixunChoose .list .con {
    float: left;
}

.neixunChooseBox .neixunChoose .list .icon {
    padding-top: 4px;
    width: 30px;
}

.neixunChooseBox .neixunChoose .list .con {
    width: calc(100% - 30px);
}

.neixunChooseBox .neixunChoose .list .icon i {
    font-size: 30px;
    line-height: 1;
    padding-right: 8px;
    color: #24A2FF;
}

.neixunChooseBox .neixunChoose .list .title {
    font-size: 14px;
    color: #333333;
}

.neixunChooseBox .neixunChoose .list .text {
    font-size: 12px;
    color: #666;
}

.neixunChooseClose {
    position: fixed;
    bottom: 100px;
    text-align: center;
    width: 100%;
}

.neixunChooseClose span {
    display: inline-block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #ff8981;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    cursor: pointer;
}

.neixunChooseClose i {
    font-size: 20px;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.neixun_nav .form-control {
    display: inline-block;
    width: auto;
    border: 0;
    padding-right: 24px;
    font-size: 16px;
}

.helpbox {
    overflow: auto;
    padding-bottom: 100px;
}

.neixun_no {
    padding-top: 30px;
}

.neixun_tab {
    position: fixed;
    top: 54px;
    z-index: 98;
    width: 100%;
    max-width: 768px;
    padding-right: 0;
}

.neixun_tab .on {
    border-bottom: 1px solid #4CAF50;
}

.neixun_yes {
    padding-bottom: 160px;
    padding-top: 42px;
}

.neixun_list {
    width: 100%;
    overflow: hidden;
    display: flex;
    padding: 12px 16px;
    border-bottom: 1px solid #f2f2f2;
}

.neixun_list .listImg {
    width: 100px;
    height: 60px;
    float: left;
    margin-right: 8px;
}

.neixun_list .listImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixun_list .listCon {
    float: left;
    width: calc(100% - 108px);
    position: relative;
}

.neixun_list .listCon .title {
    font-size: 16px;
    color: #333333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.neixun_list .listCon .title .leixing {
    font-size: 12px;
    background-color: #4caf50;
    color: #fff;
    padding: 0 4px;
    border-radius: 2px;
    font-weight: normal;
}

.neixun_list .listCon .examTime {
    font-size: 12px;
    color: #555555;
    padding-top: 4px;
}

.neixun_list .listCon .tag a {
    font-size: 12px;
    color: #666666;
    background: #f5f5f5;
    padding: 0 4px;
}

.neixun_list .listCon .footer {
    overflow: hidden;
    padding-top: 4px;
}

.neixun_list .listCon .footer .name {
    font-size: 12px;
    color: #999999;
    float: left;
}

.neixun_list .listCon .footer .zhuangtai {
    font-size: 12px;
    color: #999999;
    float: right;
}

.neixun_list .listCon .more {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.neixun_tag_box {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 4px;
    background-color: #fff;
}

.neixun_tag_box .neixun_select {
    float: left;
    padding-right: 8px;
    position: relative;
}

.neixun_tag_box .neixun_select::after {
    content: '';
    position: absolute;
    top: 20%;
    right: 0;
    width: 1px;
    height: 60%;
    background-color: #eee;
}

.neixun_tag_box .neixun_select .form-control {
    border: none;
    padding-right: 16px;
    font-size: 13px;
}


.neixun_tag_box .neixun_tag {
    float: left;
    font-size: 12px;
    padding-top: 4px;
    padding-left: 8px;
    background-color: #fff;
    width: calc(100% - 64px);
    overflow-y: scroll;
    display: -webkit-box;
}


.neixun_tag_box .neixun_tag a {
    background-color: #f2f2f2;
    padding: 4px 6px;
    display: block;
    margin-right: 8px;
}

.neixun_tag_work {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 4px;
    background-color: #fff;
}

.neixun_tag_work .neixun_work {
    float: left;
    font-size: 12px;
    padding-top: 4px;
    padding-left: 8px;
    background-color: #fff;
    width: calc(100% - 64px);
    overflow-y: scroll;
    display: -webkit-box;
}

.neixun_tag_work .neixun_work a {
    background-color: #f2f2f2;
    padding: 4px 6px;
    display: block;
    margin-right: 8px;
}

/* 隐藏滚动条 */
.neixun_tag_box .neixun_tag::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.neixun_find_icon {
    overflow: hidden;
    padding-top: 28px;
    padding-left: 12px;
    padding-right: 12px;
}

.neixun_find_icon .item {
    float: left;
    width: 25%;
    text-align: center;
}

.neixun_find_icon .item .icon {
    width: 100%;
}

.neixun_find_icon .item .icon img {
    width: 42px;
    height: 42px;

}

.neixun_find_icon .item .title {
    width: 90%;
    padding-top: 8px;
    font-size: 14px;
    margin: auto;
}

.neixun_find_new_list {
    overflow-y: scroll;
    display: -webkit-box;
}

.neixun_find_new_list::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.neixun_find_new_list .listItem {
    width: 40%;
    margin-left: 16px;
}

.neixun_find_new_list .listItem .itemImg {
    width: 100%;
    height: 90px;
}

.neixun_find_new_list .listItem .itemImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixun_find_new_list .listItem .itemTitle {
    font-size: 14px;
    color: #333333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 4px 0;
}

.neixun_find_new_list .listItem .itemText {
    font-size: 12px;
    padding: 0 2px;
}

.neixun_find_new_list .listItem .itemText .jiage {
    color: #ff0000;
    float: left;
}

.neixun_find_new_list .listItem .itemText .renshu {
    color: #999;
    float: right;
}

.neixun_find_taocan .neixun_find_new_list {
    overflow: hidden;
    display: block;
    padding: 0 12px;
}

.neixun_find_taocan .neixun_find_new_list .listItem {
    float: left;
    width: calc(50% - 16px);
    margin: 0 8px 12px;
}

.groupChooseBox {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 102;
    width: 100%;
    height: 100%;
    overflow: hidden;
    max-width: 768px;
}

.groupChooseBox .groupChoose {
    position: absolute;
    top: 56px;
    width: 60%;
    left: 20%;

    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 6px 4px rgba(0, 0, 0, 0.1);
}

.groupChooseBox .groupChoose a {
    width: 100%;
    display: block;
    padding: 12px 8px;
    border-bottom: 1px solid #eee;
    text-align: center;
    background-color: #fff;
}

.groupChooseBox .footer {
    text-align: center;
    padding: 12px;
    font-size: 14px;
    color: #666666;
    background-color: #f3f5f7;
}

.groupChooseBox .groupChoose .title {
    text-align: left;
    padding: 12px;
    font-size: 14px;
    color: #666666;
    background-color: rgba(36, 162, 255, 1);
    color: #ffffff;
    position: relative;
}

.groupChooseBox .groupChoose .title i {
    position: absolute;
    top: 10px;
    right: 14px;
}

.neixunFawen .jc_list .jc_hd:first-child {
    width: 3em;
}

.neixunFawen .jc_list .jc_hd:last-child {
    width: calc(100% - 3em)
}

.neixunFawenLeixing {
    width: 100%;
}

.neixunFawenLeixing a {
    font-size: 12px;
    background-color: #eee;
    color: #333333;
    padding: 4px 8px;
    display: inline-block;
    margin: 4px 2px;
}

.neixunFawenLeixing a.on {
    background-color: #24A2FF;
    color: #fff;
}

.neixunFawenLeixing .add {
    display: inline-block;
    border: 1px solid #24A2FF;
    background-color: #fff;
    width: 24px;
    height: 24px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
}

.neixunFawenLeixing .add i {
    color: #24A2FF;
    line-height: 1;
    position: relative;
    top: 1px;
}

.neixunFawenTips {
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
    color: #999;
}

.neixunFawenTips span {
    color: #24A2FF;
}

.caijiTitle,
.caijiCon {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
    font-size: 12px;
}

.caijiCon {
    padding-top: 8px;
}

.caijiTitle .titleNum,
.caijiTitle .titleChoose,
.caijiTitle .titleInput,
.caijiTitle .titleDel {
    float: left;
}

.caijiCon .conTitle,
.caijiCon .conInput,
.caijiCon .conMore,
.caijiCon .conAdd {
    float: left;
}

.caijiTitle .titleNum {
    width: 20px;
    line-height: 36px;
}

.caijiTitle .titleChoose {
    width: 90px;
}

.caijiTitle .titleChoose .form-control {
    background-color: #f0f0f0;
    color: #999999;
    border: none;
}

.caijiTitle .titleInput {
    width: calc(100% - 20px - 60px - 36px);
    padding-left: 8px;
}

.caijiCon .conTitle {
    width: calc(20px + 60px);
    text-align: right;
    line-height: 36px;
}

.caijiCon .conInput {
    width: calc(100% - 20px - 60px - 36px - 36px);
    padding-left: 8px;
}

.caijiTitle .titleDel,
.caijiCon .conMore,
.caijiCon .conAdd {
    width: 36px;
    height: 36px;
    position: relative;
}

.caijiTitle .titleDel i,
.caijiCon .conMore i,
.caijiCon .conAdd i {
    position: absolute;
    line-height: 1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
}

.caijiCon .conMore {
    background-color: #f0f0f0;
    color: #666666;
}

.caijiTitle .titleDel i {
    color: #FF1919;
    font-size: 15px;
}

.caijiCon .conAdd i {
    color: #24A2FF;
    font-size: 15px;
}

.caojiFooter {
    border-top: 1px solid #eee;
    overflow: hidden;
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 12px;
}

.caojiFooter div {
    float: left;
    width: 50%;
    text-align: center;
    line-height: 44px;
    color: #24A2FF;
    font-size: 14px;
    position: relative;
}

.caojiFooter div:nth-child(2)::after {
    content: '';
    position: absolute;
    left: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #eee;
}

.caijiList {
    margin-top: 8px;
    border-top: 1px solid #eee;
    padding-top: 8px;
}

.caijiList:first-child {
    margin-top: 0;
    border-top: 0px solid #eee;
}

.neixunFakaohe .jc_list {
    border-bottom: none;
}

.neixunFakaohe .jc_list .jc_hd {
    padding: 4px 0;
}

.neixunFakaohe .jc_list .jc_hd span {
    font-size: 12px;
    color: #999999;
}

.neixunFakaohe_fangshi {
    border: 1px solid #A2D8FF;
    display: inline-block;
    color: #A2D8FF;
    border-radius: 4px;
    overflow: hidden;
}

.neixunFakaohe_fangshi label {
    padding: 4px 0;
    text-align: center;
    width: 56px;
    display: inline-block;
    font-size: 12px;
}

.neixunFakaohe_fangshi input:checked+label {
    background-color: #24a2ff;
    color: #ffffff;
}

.neixunFakaohe_choose .jc_list {
    border-bottom: 0px solid #000;
}

.neixunFakaohe_choose .jc_list .jc_hd {
    padding: 4px 0;
}

.neixunFakaohe_choose .jc_list .jc_hd:first-child {
    width: 3em;
}

.neixunFakaohe_choose .jc_list .jc_hd:nth-child(2) {
    width: calc(100% - 3em);
}

.neixunFakaohe_choose .ABC a {
    width: 30px;
    line-height: 30px;
    background-color: #eeeeee;
    font-size: 12px;
    text-align: center;
    display: inline-block;
}

.neixunFakaohe_choose .ABC a.on {
    background-color: #24A2FF;
    color: #ffffff;
}

.neixunFakaohe_title {
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
}

.neixunFakaohe_title .conDel,
.neixunFakaohe_title .conNum,
.neixunFakaohe_title .conFenshu,
.neixunFakaohe_title .conFen {
    float: left;
}

.neixunFakaohe_title .conLeixing {
    float: right;
    padding-top: 4px;
}

.neixunFakaohe_title .conDel,
.neixunFakaohe_title .conNum,
.neixunFakaohe_title .conFenshu,
.neixunFakaohe_title .conFen {
    line-height: 28px;
}

.neixunFakaohe_title .conDel {
    width: 36px;
    height: 36px;
    position: relative;
}

.neixunFakaohe_title .conDel i {
    line-height: 1;
    color: #FF7A7A;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.neixunFakaohe_title .conNum {
    padding-left: 4px;
    padding-right: 12px;
    line-height: 36px;
    color: #00477B;
}

.neixunFakaohe_title .conFenshu {
    width: 60px;
}

.neixunFakaohe_title .conFen {
    line-height: 36px;
    padding-left: 4px;
}

.neixunFakaohe_con .conList {
    border-bottom: 1px solid #eee;
    padding-bottom: 8px;
}

.neixunFakaohe_con .footer {
    text-align: center;
    padding: 8px 0;
    color: #24A2FF;
}

.neixunFooterTab {
    background-color: #fff;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 77;
    width: 100%;
    max-width: 768px;
    box-shadow: 0px 8px 10px 6px rgba(0, 0, 0, 0.3);
}

.neixunFooterTab>div {
    width: calc(50% - 16px);
    margin: 8px;
    float: left;
    text-align: center;
    background-color: #eee;
    font-size: 14px;
    border-radius: 4px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.neixunFooterTab .save {
    background-color: #24A2FF;
    color: #fff;
}

.neixunPeopleManage {
    position: fixed;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1002;
    width: 100%;
    height: 100%;
    overflow: hidden;
    left: 0;
}

.neixunPeopleManage .groupChoose {
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    bottom: 40px;
    left: 20px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 6px 4px rgba(0, 0, 0, 0.1);
}

.neixunPeopleManage .groupChoose .main {
    border-radius: 0 0 8px 8px;
    overflow: hidden;
}

.neixunPeopleManage .groupChoose .list {
    width: 100%;
    display: block;
    padding: 14px 8px;
    border-bottom: 1px solid #eee;
    text-align: center;
    color: rgb(0, 118, 255);
    background-color: rgba(255, 255, 255, 0.95);
}

.neixunPeopleManage .footer {
    margin-top: 8px;
    text-align: center;
    padding: 12px;
    font-size: 14px;
    color: rgb(0, 118, 255);
    background-color: rgba(255, 255, 255, 0.95);
    border-radius: 8px;

}

.neixunPeopleManage .groupChoose .title {
    text-align: center;
    padding: 12px;
    font-size: 14px;
    color: #666666;
    background-color: rgba(255, 255, 255, 0.95);
    position: relative;
}

.neixunPeopleManage .groupChoose .title i {
    position: absolute;
    top: 10px;
    right: 14px;
}

.neixunPeopleTop {
    overflow: hidden;
    position: relative;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #eee;
}

.neixunPeopleTop .title {
    float: left;
    width: 48px;
    line-height: 48px;
    padding-left: 4px;
    padding-right: 4px;
    background-color: #24A2FF;
    text-align: center;
    color: #ffffff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 4px;
    font-size: 18px;
}

.neixunPeopleTop .con {
    width: calc(100% - 60px);
    float: left;
    padding-left: 8px;
}

.neixunPeopleTop .con .name {
    font-size: 15px;
    color: #333333;
    padding-top: 4px;
    padding-bottom: 2px;
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.neixunPeopleTop .con .kouling {
    font-size: 12px;
    color: #999999;
}

.neixunPeopleTop .change {
    position: absolute;
    right: 16px;
    bottom: 16px;
    color: #24A2FF;
    font-size: 13px;
}

.neixunPeopleHeader {
    overflow: hidden;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.neixunPeopleHeader .tongji,
.neixunPeopleHeader .choose,
.neixunPeopleHeader .daochu,
.neixunPeopleHeader .chaxun {
    float: left;
}

.neixunPeopleHeader .tongji {
    width: 40px;
    line-height: 36px;
}

.neixunPeopleHeader .daochu,
.neixunPeopleHeader .chaxun {
    width: 40px;
    line-height: 36px;
    margin-left: 10px;
    text-align: center;
    font-size: 14px;
    color: #24A2FF;
}

.neixunPeopleHeader .choose {
    width: calc(100% - 140px)
}

.neixunPeopleHeader .choose .form-control {
    background-color: #eee;
    border: none;
}

.neixunPeopleBox .tt_small_title {
    background-color: #f2f2f2;
    padding-top: 12px;
    padding-bottom: 12px;
}

.neixunPeopleBox .tt_small_title span {
    float: right;
    color: #24A2FF;
}

.neixunPeopleList .listItem {
    overflow: hidden;
    padding: 8px 12px;
    border-bottom: 1px solid #eee;
}

.neixunPeopleList .listItem .headImg {
    height: 40px;
    width: 40px;
    overflow: hidden;
    border-radius: 4px;
    float: left;
}

.neixunPeopleList .listItem .headImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixunPeopleList .con {
    width: calc(100% - 76px);
    float: left;
    padding-left: 8px;
    padding-right: 4px;
}

.neixunPeopleList .con .name {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-size: 15px;
}

.neixunPeopleList .con .name .tag {
    font-size: 12px;
    background-color: #24A2FF;
    color: #ffffff;
    padding: 0 4px;
    border-radius: 2px;
    margin-right: 4px;
}

.neixunPeopleList .con .name .bumen {
    font-size: 12px;
    color: #999999;
    padding-left: 4px;
}

.neixunPeopleList .con .tips {
    font-size: 12px;
    padding-top: 2px;
    color: #24a2ff;
}

.neixunPeopleList .more {
    float: left;
    width: 36px;
    height: 40px;
    position: relative;
}

.neixunPeopleList .more i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

/* 内训考试统计 */

.neixunExamTongji .neixunPeopleHeader .tongji {
    width: 80px;
}

.neixunExamTongji .neixunPeopleList .con .tips {
    color: #999999;
}

.neixunExamTongji .neixunPeopleHeader .choose {
    width: calc(100% - 220px);
}

.neixunExamTongjiTop {
    overflow: hidden;
    border-bottom: 1px solid #eee;
    padding: 12px;
}

.neixunExamTongjiTop .hegeTitle {
    float: left;
    width: 68px;
    padding-right: 12px;
    padding-top: 4px;
    font-size: 12px;
    color: #24A2FF;
}

.neixunExamTongjiTop .hegeTitle .quan {
    border: 1px solid #24A2FF;
    border-radius: 50%;
    width: 56px;
    height: 56px;
    line-height: 56px;
    text-align: center;
    font-size: 14px;
}

.neixunExamTongjiTop .hegeTitle .text {
    text-align: center;
    padding-top: 4px;
}

.neixunExamTongjiTop .hegeCon {
    float: left;
    font-size: 14px;
    color: #666666;
    padding-left: 12px;
    position: relative;
}

.neixunExamTongjiTop .hegeCon::before {
    content: '';
    position: absolute;
    top: 25%;
    left: 0;
    width: 1px;
    height: 50%;
    background-color: #eeeeee;
}

.neixunExamTongjiTop .hegeCon span {
    color: #333333;

}

.neixunExamTongji .neixunPeopleList .jieguo {
    float: left;
    width: 36px;
    height: 40px;
    position: relative;
    font-size: 12px;
    text-align: center;
}

.neixunExamTongji .neixunPeopleList .jieguo i {
    line-height: 1;
    font-size: 20px;
}

/* 内训考试记录 */
.neixunExamJilu .neixunPeopleList .fenshu {
    font-size: 20px;
    float: left;
    width: 56px;
    text-align: center;
    line-height: 42px;
}

.neixunExamJilu .neixunPeopleList .con {
    width: calc(100% - 56px);
    padding-left: 0;
    padding-right: 0;
}

.neixunExamJilu .neixunPeopleList .con .tips {
    color: #999999;
}

.neixunExamJilu .tonguo .tag {
    background-color: #28a745 !important;
}

.neixunExamJilu .tonguo .fenshu {
    color: #28a745 !important;
}

.neixunExamJilu .weitonguo .tag {
    background-color: #ff5555 !important
}

.neixunExamJilu .weitonguo .fenshu {
    color: #ff5555 !important;
}

.neixunExamOnline {
    padding: 20px;
    text-align: center;
}

.neixunExamOnline .title {
    text-align: center;
    font-size: 18px;
    padding: 8px 0;
}

.neixunExamOnline .con {
    background-color: #f2f2f2;
    padding: 12px 16px;
    text-align: left;
}

.neixunExamOnline .con table tr td {
    padding: 8px 0;
    color: #333333;
}

.neixunExamOnline .con table tr td:first-child {
    width: 80px;
    color: #666666;
}

.neixunExamOnline .tonguo,
.neixunExamOnline .weitonguo,
.neixunExamOnline .weikaoshi {
    padding: 32px 0;
    color: #00B01A;
}

.neixunExamOnline .weitonguo {
    color: #FF7A7A;
}

.neixunExamOnline .weikaoshi {
    color: #F08F41;
}

.neixunExamOnline .jilu span {
    border-bottom: 1px solid #24A2FF;
    color: #24A2FF;
}

.neixunExamOnline .btnYes,
.neixunExamOnline .btnNo {
    background-color: #24A2FF;
    width: 60%;
    margin: 40px auto;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    color: #ffffff;
}

.neixunExamOnline .btnNo {
    background-color: #eee;
    color: #999;
}

/* 内训发文详情 */
.neixunWenTitle {
    overflow: hidden;
    padding-left: 4px;
    padding-right: 16px;
    border-top: 1px solid #eee;
}

.neixunWenTitle .yidu,
.neixunWenTitle .weidu,
.neixunWenTitle .xxz,
.neixunWenTitle .tixing {
    float: left;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-left: 12px;
    color: #999999;

}

.neixunWenTitle .tixing {
    float: right;
    color: #24A2FF;
}

.neixunWenTitle .on {
    color: #333333;
}

.neixunWenPeople {
    overflow: hidden;
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 36px;
}

.neixunWenPeople .list {
    float: left;
    margin: 4px 2px;
}

.neixunWenPeople .list {
    float: left;
    font-size: 12px;
    text-align: center;
    width: 42px;
}

.neixunWenPeople .list .img {
    width: 36px;
    margin: 0 auto;
    height: 36px;
    border-radius: 50%;
    overflow: hidden;
}

.neixunWenPeople .list .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.neixunWenPeople .list .name {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    padding-top: 4px;
}

.neixunExamJieguo {
    padding: 16px;
    text-align: center;
}

.neixunExamJieguo .icon {
    padding-top: 40px;
    color: #F08F41;
}

.neixunExamJieguo .icon i {
    font-size: 60px;
    line-height: 1;
}

.neixunExamJieguo .jieguo {
    font-size: 16px;
    padding: 8px 0 4px;
    color: #FF7A7A;
}

.neixunExamJieguo .info {
    font-size: 12px;
    padding-bottom: 20px;
}

.neixunExamJieguo .btnYes,
.neixunExamJieguo .btnNo {
    background-color: #24A2FF;
    width: 60%;
    margin: 20px auto;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    color: #ffffff;
}

.neixunExamJieguo .btnNo {
    background-color: #eee;
    color: #666;
}

.neixunCaijiTijiao .chooseList {
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 12px;
    border-bottom: 1px solid #eee;
}

.neixunCaijiTijiao .chooseList .title {
    font-size: 15px;
}

.neixunCaijiTijiao .chooseList .tag {
    font-size: 12px;
    background-color: #eee;
    color: #555555;
    padding: 2px 4px;
}

.neixunCaijiTijiao .chooseList .con {
    width: 100%;
    padding-bottom: 16px;
}

.neixunCaijiTijiao .chooseList .jc_form {
    background-color: #fff;
    border: 1px solid #ddd;
    margin-top: 10px;
}

.neixunCaijiTijiao .chooseList input[type="radio"],
.neixunCaijiTijiao .chooseList input[type="checkbox"] {
    display: none;
}

.neixunCaijiTijiao .chooseList input[type="radio"]+label {
    display: inline-block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-image: url(../images/radio_no.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 13px;
    margin-right: 15px;
}

.neixunCaijiTijiao .chooseList input[type="radio"]:checked+label {
    background-image: url(../images/radio_yes.svg);
}

.neixunCaijiTijiao .chooseList input[type="checkbox"]+label {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 24px;
    background-image: url(../images/checkbox_no.svg);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: left 13px;
}

.neixunCaijiTijiao .chooseList input[type="checkbox"]:checked+label {
    background-image: url(../images/checkbox_yes.svg);
}

.neixunFootBtn>div {
    float: none;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.neixunCaijiTijiao .chooseList .answer {
    width: 100%;
    overflow: hidden;
    padding: 8px 0;
}

.neixunCaijiTijiao .chooseList .answer a {
    text-align: center;
    padding: 2px 4px;
    background-color: rgba(245, 245, 245, 1);
    color: rgba(0, 52, 91, 1);
    font-size: 13px;
    margin: 8px;
}

/* 考核导入 */
.neixunKaoheDaoru {
    position: fixed;
    z-index: 120;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: 768px;
    background-color: rgba(0, 0, 0, .5)
}

.neixunKaoheDaoru .con {
    background-color: #fff;
    width: 86%;
    position: absolute;
    left: 7%;
    top: 50%;
    transform: translate(0, -50%);
    padding: 12px;
    border-radius: 8px;
    text-align: center;
}

.neixunKaoheDaoru .con .title {
    padding-bottom: 8px;
    color: rgba(16, 16, 16, 1);
    font-size: 16px;
}

.neixunKaoheDaoru .con label {
    width: 80%;
    height: 34px;
    line-height: 34px;
    background-color: rgba(234, 234, 234, 1);
    color: rgba(16, 16, 16, 1);
    font-size: 14px;
    text-align: center;
}

.neixunKaoheDaoru .con .shuoming i {
    font-size: 14px;
}

/* 从题库添加 */
.fromTiku {
    width: 100%;
    max-width: 768px;
    height: 100%;
    top: 0;
    z-index: 110;
    background-color: white;
    position: fixed;
    overflow: auto
}

.fromTiku .tt_nav {
    overflow: hidden;
    height: 64px;
    border-bottom: 0 solid #eee;
    min-width: 320px;
    max-width: 768px;
    width: 100%;
    position: fixed;
    top: 49px;
    left: 50%;
    transform: translate(-50%, 0);
    padding-left: 16px;
    z-index: 99;
    background-color: #fff;
    padding-top: 8px;
}

.fromTiku .tt_hospital_top {
    position: fixed;
    width: 100%;
    min-width: 320px;
    max-width: 768px;
    top: 0;
    padding-top: 4px;
    background-color: #fff;
    border-bottom: 1px solid #eee;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 99;
}

.fromTiku .tt_hospital_top .close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    position: relative;
    top: 6px
}

.fromTikuList {
    background-color: #fff;
}

.fromTikuList .list {
    padding: 8px 0;
    border-bottom: 1px solid #eee;
}

.fromTikuList .list .title {
    padding: 4px 0;
}

.fromTikuList .list .title .tag {
    font-size: 12px;
    background-color: #24A2FF;
    color: #ffffff;
    padding: 2px 4px;
    border-radius: 2px;
    margin-right: 4px;
}

.fromTikuList .list .text {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.fromTikuList .list .text .con {
    width: calc(100% - 48px);
    float: left;
    background-color: #f3f3f3;
    font-size: 12px;
    padding: 8px;
}

.fromTikuList .list .text .con .da {
    display: inline-block;
    line-height: 17px;
    background-color: rgba(234, 234, 234, 1);
    color: rgba(0, 71, 123, 1);
    font-size: 12px;
    padding: 2px 4px;
}

.fromTikuList .list .text .icon {
    float: left;
    width: 44px;
    height: 44px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.fromTikuList .list .text .icon i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: #24A2FF;
}

.tt_footer_new_box .dian {
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
    color: #24A2FF;
}

/* 电子证书预览弹窗 */
.dzseeBox {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    max-width: inherit;
    max-height: inherit;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 19;
}

.dzseeBox .title {
    position: absolute;
    top: 100px;
    background-color: #fff;
    width: 100%;
    padding: 8px 12px 0;
    z-index: 10;
}

.dzseeBox .seeCon {
    background-color: #fff;
    position: absolute;
    width: 100%;
    top: 136px;
    left: 0;
    padding-top: 21px;
    z-index: 8;
}

.dzseeBox .seeCon img {
    width: 100%;
}

.dzseeBox .zhaopian {
    z-index: 9;
    position: absolute;
    width: 13vw;
    height: 18vw;
    left: 20vw;
    top: 32vw;
}

.dzseeBox .zhaopian img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dzseeBox .name,
.dzseeBox .sfz,
.dzseeBox .ke {
    z-index: 9;
    position: absolute;
    right: 32vw;
    top: 32vw;
    font-size: 12px;
    transform: scale(0.8);
}

.dzseeBox .sfz {
    right: 26vw;
    top: 36vw;
}

.dzseeBox .ke {
    right: 8vw;
    top: 44vw;
    font-weight: bold;
}

.dzseeBox .sNian,
.dzseeBox .sYue,
.dzseeBox .sRi {
    z-index: 9;
    position: absolute;
    right: 18vw;
    top: 36vw;
    font-size: 12px;
    transform: scale(0.6);
}

.dzseeBox .sYue {
    right: 14.5vw;
}

.dzseeBox .sRi {
    right: 10.5vw;
}

.dzseeBox .eNian,
.dzseeBox .eYue,
.dzseeBox .eRi {
    z-index: 9;
    position: absolute;
    right: 43vw;
    top: 39.5vw;
    font-size: 12px;
    transform: scale(0.6);
}

.dzseeBox .eYue {
    right: 39vw;
}

.dzseeBox .eRi {
    right: 35vw;
}

.dzseeBox .num {
    z-index: 9;
    position: absolute;
    left: 15vw;
    top: 59vw;
    font-size: 12px;
    transform: scale(0.6);
}

@media screen and (min-width:720px) {
    .dzseeBox .zhaopian {
        width: 100px;
        height: 140px;
        left: 150px;
        top: 220px
    }
}

@media screen and (min-width: 760px) {

    .dzseeBox .name,
    .dzseeBox .sfz,
    .dzseeBox .ke {
        z-index: 9;
        position: absolute;
        right: 240px;
        top: 231px;
        font-size: 16px;
        transform: scale(1);
    }

    .dzseeBox .sfz {
        right: 218px;
        top: 263px;
    }

    .dzseeBox .ke {
        right: 100px;
        top: 317px;
        font-weight: bold;
    }

    .dzseeBox .sNian,
    .dzseeBox .sYue,
    .dzseeBox .sRi {
        z-index: 9;
        position: absolute;
        right: 149px;
        top: 263px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .sYue {
        right: 116px;
    }

    .dzseeBox .sRi {
        right: 87px;
    }

    .dzseeBox .eNian,
    .dzseeBox .eYue,
    .dzseeBox .eRi {
        z-index: 9;
        position: absolute;
        right: 340px;
        top: 291px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .eYue {
        right: 305px;
    }

    .dzseeBox .eRi {
        right: 275px;
    }

    .dzseeBox .num {
        left: 137px;
        top: 435px;
        font-size: 15px;
        transform: scale(1);
    }
}

@media screen and (min-width: 720px) and (max-width:759px) {

    .dzseeBox .name,
    .dzseeBox .sfz,
    .dzseeBox .ke {
        z-index: 9;
        position: absolute;
        right: 240px;
        top: 218px;
        font-size: 16px;
        transform: scale(1);
    }

    .dzseeBox .sfz {
        right: 218px;
        top: 250px;
    }

    .dzseeBox .ke {
        right: 100px;
        top: 306px;
        font-weight: bold;
    }

    .dzseeBox .sNian,
    .dzseeBox .sYue,
    .dzseeBox .sRi {
        z-index: 9;
        position: absolute;
        right: 149px;
        top: 250px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .sYue {
        right: 116px;
    }

    .dzseeBox .sRi {
        right: 87px;
    }

    .dzseeBox .eNian,
    .dzseeBox .eYue,
    .dzseeBox .eRi {
        z-index: 9;
        position: absolute;
        right: 340px;
        top: 278px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .eYue {
        right: 305px;
    }

    .dzseeBox .eRi {
        right: 275px;
    }

    .dzseeBox .num {
        left: 137px;
        top: 414px;
        font-size: 15px;
        transform: scale(1);
    }
}

@media screen and (min-width: 660px) and (max-width:719px) {

    .dzseeBox .name,
    .dzseeBox .sfz,
    .dzseeBox .ke {
        z-index: 9;
        position: absolute;
        right: 220px;
        top: 208px;
        font-size: 16px;
        transform: scale(1);
    }

    .dzseeBox .sfz {
        right: 198px;
        top: 240px;
    }

    .dzseeBox .ke {
        right: 80px;
        top: 296px;
        font-weight: bold;
    }

    .dzseeBox .sNian,
    .dzseeBox .sYue,
    .dzseeBox .sRi {
        z-index: 9;
        position: absolute;
        right: 129px;
        top: 240px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .sYue {
        right: 96px;
    }

    .dzseeBox .sRi {
        right: 67px;
    }

    .dzseeBox .eNian,
    .dzseeBox .eYue,
    .dzseeBox .eRi {
        z-index: 9;
        position: absolute;
        right: 330px;
        top: 268px;
        font-size: 14px;
        transform: scale(1);
    }

    .dzseeBox .eYue {
        right: 285px;
    }

    .dzseeBox .eRi {
        right: 255px;
    }

    .dzseeBox .num {
        left: 123px;
        top: 384px;
        font-size: 15px;
        transform: scale(1);
    }
}

/* 申请证书 一卡通 */
.cardHead {
    width: calc(100% - 24px);
    margin: 0 auto;
    height: 100px;
    background-image: url(../images/cardBg.png);
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-top: 8px;
    padding-left: 12px;
    padding-top: 16px;
    position: relative;
}

.cardHead .head {
    float: left;
    width: 50px;
    height: 70px;
    overflow: hidden;
    border-radius: 4px;
}

.cardHead .head img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardHead .text {
    float: right;
    width: calc(100% - 58px);
    font-size: 12px;
    color: #ffffff;
}

.cardHead .text .name {
    font-size: 14px;
}

.cardHead .gai {
    position: absolute;
    font-size: 12px;
    right: 6px;
    top: 12px;
    color: rgba(255, 255, 255, 0.5);
}

.cardHead .gai i {
    font-size: 12px;
}

.cardNews {
    width: calc(100% - 24px);
    margin: 8px auto 0;
    text-align: center;
    font-size: 12px;
    color: #565656;
}

.cardNews {
    overflow: hidden;
    text-align: center;
    height: 24px;
}

.cardNews li {
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cardNews li:first-child {
    margin-top: 0;
    transition: margin-top .8s
}

.cardTab {
    width: calc(100% - 24px);
    margin: 8px auto;
    background-color: #fff;
    overflow: hidden;
    padding: 4px 6px;
    border-radius: 8px;
    font-size: 14px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.cardTab .list {
    float: left;
    width: calc(25% - 12px);
    text-align: center;
    margin: 4px 6px;
    padding: 4px 0;
    border-radius: 50px;
    background-color: #f2f4f7;
    cursor: pointer;
}

.cardTab .on {
    background-color: #1482c6;
    color: #ffffff;
}

.cardList {
    width: calc(100% - 24px);
    margin: 8px auto;
    background-color: #fff;
    padding: 12px 0px;
    border-radius: 8px;
    position: relative;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.cardList .imgTitle {
    overflow: hidden;
    padding: 0 8px;
}

.cardList .img {
    width: 100px;
    height: 70px;
    float: left;
}

.cardList .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardList .title {
    float: right;
    width: calc(100% - 108px);
    font-size: 14px;
}

.cardList .title .num,
.cardList .title .tips {
    font-size: 12px;
}

.cardList .title .tips {
    color: #999;
    margin-top: 4px;
}

.cardList .jinduBox {
    position: relative;
    background-color: #fcf8ec;
    width: calc(100% - 16px);
    font-size: 12px;
    padding: 6px 8px;
    margin-left: 8px;
    margin-top: 8px;
    overflow: hidden;
}

.cardList .jinduBox .jindu {
    padding-right: 16px;
}

.cardList .jinduBox .go {
    float: right;
    color: #d5964f;
    position: relative;
    padding-right: 8px;
    cursor: pointer;
}

.cardList .jinduBox .go::after {
    content: '';
    position: absolute;
    right: 0;
    top: calc(50% - 4px);
    width: 8px;
    height: 8px;
    border-top: 1px solid #d5964f;
    border-right: 1px solid #d5964f;
    transform: rotate(45deg);
    border-radius: 2px;
}

.cardList .btnBox {
    margin-top: 10px;
    overflow: hidden;
    padding: 0 2px;
    display: flex;
    justify-content: left;
}

.cardList .btnBox .btns {
    float: left;
    width: calc(33% - 12px);
    text-align: center;
    margin: 0px 6px;
    border: 1px solid #439bd1;
    color: #2b8ecc;
    padding: 4px 0;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}

.cardList .btnBox .no {
    background-color: #dedede;
    border: 1px solid #dedede;
    color: #999999;
}

.cardList .getCard {
    width: 72px;
    height: 72px;
    overflow: hidden;
    border-radius: 12px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.75);
}

.cardList .getCard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card_user_img {
    width: 60px;
    height: 70px;
    border: 1px solid #eaeaea;
}

.card_user_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cardYes {
    background-color: #fff;
    padding: 24px 16px;
}

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

.cardYes .icon i {
    font-size: 50px;
    line-height: 1;
    color: #03c297;
}

.cardYes .title {
    text-align: center;
    font-size: 16px;
    margin-top: 8px;
}

.cardText {
    padding: 0 16px;
    text-indent: 2em;
    line-height: 1.75;
}

.cardAd {
    width: calc(100vw - 24px);
    height: 40vw;
    max-width: 744px;
    max-height: 298px;
    margin: 8px auto 12px;
    background-color: #fff;
    border-radius: 8px;
    padding: 0;
    overflow: hidden;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
    display: block;
}

.cardAd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.imgInputLoad {
    position: absolute;
    width: 60px;
    height: 70px;
    right: 0;
    top: 8px;
    background-color: #fff;
    border: 1px solid #eee;
}

.imgInputLoad .text {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.imgInputLoad .text a {
    width: 100%;
    display: inline-block;
}

/* 模板库 */
.templateTab {
    width: calc(100% - 24px);
    margin: 8px auto 0;
    border-radius: 8px;
    overflow: hidden;
}

.templateTab .tt_databankTab>div.templateTabList {
    margin: 0 4px;
    color: rgba(0, 0, 0, 1);
    font-size: 14px;
    text-align: center;
    position: relative;
    line-height: 48px;
    padding: 0 8px;
    cursor: pointer;
}

.templateTab .on {
    font-weight: bold;
    font-size: 16px !important;
    position: relative;
    color: #2495f8 !important;
}

.templateTab .on::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 20%;
    height: 3px;
    width: 60%;
    border-radius: 40px;
    background-color: #2495f8;
}

.templateTitle {
    font-size: 12px;
    color: #868686;
    width: calc(100% - 32px);
    margin: 12px auto 0;
    border-radius: 8px;
    overflow: hidden;
}

.templateListBox {
    width: calc(100% - 24px);
    margin: 8px auto 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #ffffff;
    padding: 0 12px;
}

.templateList {
    overflow: hidden;
    padding: 14px 0;
    border-bottom: 1px solid #eee;
}

.templateListBox .templateList:last-child {
    border-bottom: 0px solid #eee;
}

.templateList .text {
    float: left;
    width: calc(100% - 100px);
    padding-right: 8px;
}

.templateList .img {
    float: left;
    width: 100px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
}

.templateList .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.templateList .text .title {
    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 44px;
}

.templateList .text .authorBox,
.templateList .text .jiageBox {
    line-height: 16px;
    font-size: 12px;
    color: #666666;
    overflow: hidden;
    padding-top: 10px;
}

.templateList .text .authorImg {
    float: left;
}

.templateList .text .authorImg,
.templateList .text .jiageImg {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2px;
}

.templateList .text .authorImg img,
.templateList .text .jiageImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.templateList .text .jiage {
    color: #ea484a;
    font-weight: bold;
    font-size: 14px;
}

.templateList .text .xuanyong {
    color: #999999;
}

/* templateMy.html */
.templateMyHead {
    width: calc(100% - 24px);
    margin: 8px auto 0;
    border-radius: 8px;
    overflow: hidden;
    background-image: url(../images/template_my_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-top: 16px;
    position: relative;
}

.templateMyHead .back {
    position: absolute;
    top: 12px;
    left: 14px;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: rgba(255, 255, 255, .5);
}

.templateMyHead .back i {
    color: #000;
    font-size: 18px;
    line-height: 1;
    position: absolute;
    left: 6px;
    top: 8px;
}

.templateMyHead .head {
    width: 72px;
    margin: 0 auto;
    height: 72px;
    border-radius: 50%;
    overflow: hidden;
}

.templateMyHead .head img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.templateMyHead .name {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    padding: 8px 12px;
}

.templateMyHead .tag {
    width: 100%;
    overflow: hidden;
    background-color: rgba(255, 255, 255, .1);
    padding: 8px 0;
}

.templateMyHead .tag .tagList {
    float: left;
    width: 33.3%;
    text-align: center;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
}

.templateMyHead .tag .tagList .num {
    font-size: 14px;
}

.templateBox {
    width: calc(100% - 24px);
    margin: 8px auto 0;
    border-radius: 8px;
    overflow: hidden;
    background-color: #fff;
}

.templateTabMore .tt_databankTab>div.templateTabList {
    margin-top: 12px;
    margin-bottom: 12px;
}

.tp_box {
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    max-width: inherit
}

.tp_con {
    background-image: url(../images/templateInfo_fabu.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    width: calc(100% - 32px);
    max-width: 400px;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-bottom: 30px;
    padding-top: 72px;
    border-radius: 20px;
    overflow: hidden
}

.tp_title {
    color: #fff;
    width: calc(100% - 44px);
    background-color: rgba(255, 0, 0, .5);
    width: 5em;
    text-align: center;
    margin-left: 26px;
    margin-bottom: 8px;
    border-radius: 4px
}

.tp_con_main {
    background-color: #fff;
    width: calc(100% - 44px);
    margin: 0 auto;
    padding: 8px;
    font-size: 14px;
    border-radius: 8px
}

.tp_btns {
    width: calc(100% - 44px);
    margin: 0 auto;
    overflow: hidden;
    text-align: center
}

.tp_btns .tp_btn {
    float: left;
    width: calc(50% - 16px);
    margin: 16px 8px 0;
    background-color: #f5db2d;
    padding: 4px 0;
    border-radius: 4px;
    color: #923612
}

.tp_btns .tp_w {
    background-color: rgba(255, 255, 255, .5)
}

/* 考试预约 begin */
.examYue-list {
    padding: 12px;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.examYue-list .main {
    position: relative;
}

.examYue-list .main .info {
    width: calc(100% - 100px);
    font-size: 16px;
}

.examYue-list .main .info .time {
    color: #24a2ff;
    font-size: 12px;
    padding-top: 8px;
}

.examYue-list .main .info .time i {
    font-size: 16px;
    line-height: 1;
    vertical-align: text-top;
}

.examYue-list .main .btn-num {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #13bc58;
    color: #fff;
    min-width: 60px;
    text-align: center;

}

.examYue-list .foot {
    position: relative;
    padding-top: 8px;
}

.examYue-list .foot .text {
    width: calc(100% - 40px);
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.examYue-list .foot .more {
    text-align: center;
    width: 32px;
    position: absolute;
    right: 0;
    top: 4px;
    color: rgba(0, 0, 0, .5);
}

.examYue-list.no .main .btn-num {
    background-color: #ccc;
    color: #fff;
}

.examYue-box2 {
    background-color: #fff;
}

.examYue-box2 .top-box {
    background-color: #fff;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.examYue-box2 .top-box .title {
    font-size: 16px;
}

.examYue-box2 .top-box .text {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.examYue-box2 .date-box {
    overflow-y: scroll;
    display: -webkit-box;
    background-color: #fff;
    padding: 12px;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
}

.examYue-box2 .date-box .date-list {
    width: 50px;
    font-size: 12px;
    text-align: center;
    margin: 4px;
    border-radius: 2px;
    padding: 4px 0;
    background-color: #f1f5f8;
}

.examYue-box2 .date-box .date-list.on {
    background-color: #13bc58;
    color: #fff;
}

.examYue-box2 .date-box .date-list.no>div:nth-child(3) {
    color: rgba(0, 0, 0, .3);
}

.examYue-box2 .date-box .date-list>div:nth-child(3) {
    color: #13bc58;
}

.examYue-box2 .date-box .date-list.on>div:nth-child(3),
.examYue-box2 .date-box .date-list.on.no>div:nth-child(3) {
    color: #fff;
}

.examYue-box2 .date-box::-webkit-scrollbar {
    background-color: transparent;
    height: 0px;
}

.examYue-box2 .time-box {
    overflow: hidden;
}

.examYue-box2 .time-list {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    padding-top: 8px;
    padding-bottom: 8px;
}

.examYue-box2 .time-list .jc_hd:nth-child(2) {
    text-align: right;
}

.examYue-box2 .time-list .time-btn {
    display: inline-block;
    font-size: 13px;
    padding: 4px 8px;
    border-radius: 4px;
    background-color: #13bc58;
    color: #fff;
    min-width: 60px;
    text-align: center;
}

.examYue-box2 .time-list.no .time-btn {
    background-color: #ccc;
}

.success-box {
    position: fixed;
    height: 100vh;
    z-index: 100;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    max-width: inherit;
}

.success-box .success-con {
    width: calc(100% - 36px);
    max-width: 500px;
    position: absolute;
    top: 20%;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #fff;
    border-radius: 8px;
}

.success-box .success-con .main {
    padding: 12px;
}

.success-box .success-con .main b {
    font-size: 16px;
}

.success-box .success-con .main>div {
    padding: 4px 0;
    font-size: 12px;
    padding-left: 20px;
    padding-right: 20px;
}

.success-box .success-con .main i {
    line-height: 1;
}

.success-box .success-con .btn-box {
    border-top: 1px solid rgba(0, 0, 0, .05);
    padding: 12px;
    text-align: center;
}

/* 考试预约 end */
/* ai按钮 */
.ai-enter-btn {
    border: 1px solid #6b70fd;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}

.ai-enter-btn-siblings {
    border: 1px solid #6b70fd;
    border-radius: 4px;
    padding: 4px;
    cursor: pointer;
}



/* ai汇总页面 */

.summary-box {
    min-width: 320px;
    max-width: 768px;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    top: 54px;
    background-color: #efefef;
    padding: 20px;
    box-sizing: border-box;
    height: calc(100vh - 54px);
    right: 0;
    z-index: 50;
    overflow-y: scroll;
    background-image: url('https://qhtsfile.oss-cn-beijing.aliyuncs.com/m3econ82m2.png');
    background-size: 50% 100%;
    background-repeat: no-repeat;
    background-position: right;

}

.summary-top-title {
    font-size: 20px;
    font-weight: 700;
}

.summary-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.summary-top-right {
    box-sizing: border-box;
    border: 1px solid rgb(138, 190, 247);
    border-radius: 10px;
    background: rgba(0, 120, 248, 0.04);
    display: flex;
    align-items: center;
    padding: 13px 15px;
    box-sizing: border-box;
}

.summary-box .small-title {
    font-size: 14px;
    color: #939292;
}

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

.summary-list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.summart-item {
    min-width: 320px;
    flex-shrink: 0;
    width: calc(100% / 4 - 10px);
    height: 105px;
    margin: 5px;
    border-radius: 10px;
    padding: 15px 15px;
    box-sizing: border-box;
    background: rgb(255, 255, 255);

    display: flex;
    align-items: center;
    justify-content: space-between;
}



.summart-item img {
    width: 50px;
    margin-right: 8px;
}

.summart-item div:nth-child(1) {
    display: flex;
    align-items: center;
}

.summart-btn {
    font-size: 12px;
    color: #fff;
    border-radius: 20px;
    background: rgb(0, 123, 255);
    white-space: nowrap;
    margin-left: 5px;
    cursor: pointer;
    padding: 5px 12px;
}

.summary-logo {
    display: flex;
    align-items: center;
    border: 1px solid rgb(154, 54, 253);
    width: fit-content;
    padding: 0px 8px;
    border-radius: 30px;
    height: 36px;
    margin-top: 9px;
}

.summary-logo img {
    width: 20px;
    height: 20px;
}

.summary-logo .zn {
    background: linear-gradient(90.00deg, rgb(54, 179, 253), rgb(154, 54, 253));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 14px;
    font-weight: 700;
    margin-left: 5px;
}

@media screen and (min-width: 768px) {
    .summary-box {
        min-width: calc(100% - 120px);
        max-width: calc(100% - 120px);
        width: calc(100% - 120px);
        margin-left: auto;
        margin-right: 12px;
        float: right;
    }


}

/* 引导弹窗 */


.guide-lod {
    position: fixed;
    top: 50%;
    left: calc(50% + 80px);
    width: 500px;
    min-height: 300px;

    background: #fff;
    transform: translate(-50%, -50%);
    padding: 15px;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 22px 7px rgba(0, 0, 0, 0.1);
}

.guide-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.guide-lc {
    font-size: 12px;
}

.guide-video {
    width: 100%;
    background-color: #acacac;
    margin-top: 15px;
    border-radius: 10px;
}

.guide-btn {
    width: fit-content;
    margin: auto;
    margin-top: 20px;
}

/* ai汇总页面结束 */

/* 底部导航 */
.navwdNum {
    position: absolute;
    left: 56%;
    top: 5px;
    background: red;
    border-radius: 50%;
    padding: 1px;
    min-width: 15px;
    min-height: 15px;
    max-width: 19px;
    max-height: 19px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* 更新日志页面  start */

.updateLogBox{
    background-color: #efefef;
    box-sizing: border-box;
    height: calc(100vh);
    overflow-y: scroll;
}
.version-log-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 32px;
}

.version-log-title {
    font-size: 24px;
    font-weight: 500;
}

.version-log-subtitle {
    color: #666;
    font-size: 14px;
}

.version-filters {
    display: flex;
    gap: 12px;
    margin-bottom: 24px;
    flex-wrap: wrap;
}

.version-filter {
    padding: 6px 16px;
    border-radius: 16px;
    background: white;
    color: #666;
    cursor: pointer;
    transition: all 0.3s;
    border: 1px solid #deedec;
    font-size: 13px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.version-filter:hover {
    border-color: #0BA29A;
    color: #0BA29A;
}

.version-filter.active {
    background: #0BA29A;
    color: white;
    border-color: #0BA29A;
}

.version-timeline {
    position: relative;
    padding-left: 32px;
}

.version-timeline:before {
    content: '';
    position: absolute;
    left: 8px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #e8e8e8;
}

.version-item {
    position: relative;
    margin-bottom: 10px;
}

.version-item:last-child {
    margin-bottom: 0;
}

.version-dot {
    position: absolute;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #0BA29A;
    left: -32px;
    top: 6px;
    z-index: 2;
    border: 3px solid white;
    box-shadow: 0 0 0 2px rgba(11, 162, 154, 0.2);
}

.version-header {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 16px;
}

.version-name {
    font-size: 18px;
    font-weight: 500;
    color: #0BA29A;
}

.version-date {
    font-size: 14px;
    color: #666;
}

.update-list {
    margin-top: 16px;
}

.update-category {
    margin-bottom: 14px;
    background: #f9f9f9;
    border-radius: 8px;
    padding: 16px;
    border: 1px solid #eee;
}

.category-title {
    font-weight: 500;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
}

.category-title i {
    font-size: 16px;
}

.feature-tag {
    display: inline-flex;
    align-items: center;
    padding: 2px 8px;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 8px;
    margin-bottom: 4px;
}

.tag-new {
    background: rgba(11, 162, 154, 0.1);
    color: #0BA29A;
}

.tag-fix {
    background: rgba(245, 34, 45, 0.1);
    color: #f5222d;
}

.tag-improve {
    background: rgba(82, 196, 26, 0.1);
    color: #52c41a;
}

.tag-optimize {
    background: rgba(250, 173, 20, 0.1);
    color: #faad14;
}

.update-items {
    list-style: none;
    margin-left: 24px;
}

.update-item {
    position: relative;
    margin-bottom: 12px;
    color: #666;
    line-height: 1.6;
}

.update-item:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #0BA29A;
    left: -16px;
    top: 8px;
}

/* 图片样式 */
.update-image {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    transition: all 0.3s;
    position: relative;
    height: 200px;
    width: auto;
    display: inline-block;
    cursor: pointer;
}

.update-image.expanded {
    width: 100%;
    height: auto;
    max-width: 100%;
    z-index: 1000;
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
}

.update-image:hover {
    box-shadow: 0 4px 16px rgba(0,0,0,0.15);
    transform: translateY(-2px);
}

.update-image img {
    height: 100%;
    width: auto;
    display: block;
    object-fit: cover;
    transition: transform 0.3s;
}

.update-image.expanded img {
    height: auto;
    width: 100%;
    transform: scale(1.02);
}

.image-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    margin: 16px 0 0px;
    width: 100%;
    max-width: 800px;
}

.image-grid .update-image {
    margin: 0;
    width: 100%;
    height: 200px;
}

.image-grid .update-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.image-caption {
    background: rgba(0, 0, 0, 0.6);
    color: white;
    padding: 8px 12px;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    transition: all 0.3s;
}

.update-image:hover .image-caption {
    opacity: 1;
}

/* 扩展阴影覆盖层 */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.overlay.active {
    display: block;
    opacity: 1;
}

/* 图片标签 */
.image-tag {
    position: absolute;
    top: 12px;
    right: 12px;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    background: #0BA29A;
    color: white;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.search-bar {
    display: flex;
    align-items: center;
    padding: 0 16px;
    height: 40px;
    background: white;
    border-radius: 8px;
    border: 1px solid #deedec;
    transition: all 0.3s;
    margin-bottom: 24px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

.search-bar:focus-within {
    border-color: #0BA29A;
    box-shadow: 0 0 0 2px rgba(11, 162, 154, 0.2);
}

.search-icon {
    color: #666;
    margin-right: 8px;
}

.search-input {
    border: none;
    outline: none;
    background: transparent;
    font-size: 14px;
    width: 100%;
}

.button {
    padding: 10px 24px;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 500;
    border: none;
    outline: none;
}

.button-primary {
    background: #0BA29A;
    color: white;
}

.button-primary:hover {
    background: #29bdb5;
}

/* 响应式布局 */
@media screen and (max-width: 768px) {
    .container {
        margin-left: 0;
        padding: 16px;
        padding-top: calc(var(--header-height) + 16px);
    }

    header {
        left: 0;
    }

    .version-filters {
        overflow-x: auto;
        padding-bottom: 8px;
        flex-wrap: nowrap;
    }

    .version-filter {
        flex-shrink: 0;
    }
    
    .image-grid {
        grid-template-columns: 1fr;
    }
    
    .dashboard {
        padding: 16px;
    }
    
    .version-timeline {
        padding-left: 24px;
    }
    
    .version-dot {
        left: -24px;
    }
}

/* 主要内容区域 */
.dashboard {
    background: white;
    padding: 24px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    min-height: calc(100vh ); /* 适配屏幕高度，减去header和padding */
    border-radius: 8px;
}

.primary-btn {
    padding: 10px 24px;
    background: #0BA29A;
    color: white;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: all 0.3s;
    margin: 0 auto;
}

.primary-btn:hover {
    background: #29bdb5;
}

/* 设置头部滚动效果 */
.header-scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

 /* 图片放大模态框样式 */
 .image-modal {
    display: none;
    position: fixed;
    z-index: 2000;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.85);
    transition: opacity 0.3s ease;
}

.image-modal.show {
    display: block;
    opacity: 1;
}

.modal-content {
    position: relative;
    margin: auto;
    padding: 0;
    text-align: center;
    max-width: 90%;
    max-height: 90vh;
}

.modal-content img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.close-modal {
    position: absolute;
    top: -40px;
    right: 0;
    color: white;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.2s;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.5);
}

.close-modal:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

.modal-caption {
    color: white;
    padding: 15px 0;
    text-align: center;
    font-size: 14px;
}