.x-photo {
            border-radius: 4px;
            color: #f7ab00;
            margin-bottom: 10px;
            height: 50px;
            line-height: 18px;
            width: 92%;
            margin-left: 4%;
            font-size: 14px;
        }

        .x-p-icon {
            width: 18px;
            vertical-align: top;
            margin-right: 6px;
        }

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

        .loading_icon {
            position: absolute;
            margin-left: -20px;
            margin-top: 15px;
            width: 12px;
            height: 12px;
            border: 2px solid #26b7bc;
            border-radius: 50%;
            -webkit-animation: roll 1s linear infinite;
            animation: roll 1s linear infinite;
            clip: rect(0, 15px, 18px, 0);
            line-height: 35px;
            text-align: center;
        }

        @-webkit-keyframes roll {
            0% {
                -webkit-transform: rotate(0deg);
            }

            100% {
                -webkit-transform: rotate(360deg);
            }
        }

        @keyframes roll {
            0% {
                transform: rotate(0deg);
            }

            100% {
                transform: rotate(360deg);
            }
        }

        .loading_text {
            color: #888;
            font-size: 12px;
        }

        .ab-img-ewm {
        }

            .ab-img-ewm img {
                width: 25%;
                position: absolute;
                left: 19%;
                margin-top: 6%;
            }
        /*   经典推荐更新*/

        .jdtj-new {
            padding-bottom: 10px;
            margin-top: 0px;
        }

        .zd-four-new {
            display: block;
            list-style: none;
            padding: 0 10px;
            margin-top: 1px;
        }

            .zd-four-new li img {
                width: 100%;
                margin-bottom: 5px;
            }

            .zd-four-new li {
                width: 50%;
                float: left;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                border: 5px solid #fff;
            }

                .zd-four-new li:nth-of-type(2) {
                    /*border-left: 5px solid #fff;*/
                }

        .zd-four-ti {
            display: block;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #343434;
        }

        .zd-four-ti2 {
            display: block;
            font-size: 12px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #9b9b9b;
            margin-top: -1px;
        }

        .heightcm {
            background: #fff;
            border-radius: 4px;
            -webkit-border-radius: 4px;
            /* border: 1px solid #ccc; */
            color: #ff0000;
            transform: scale(2);
            -webkit-transform: scale(2);
            display: block;
            position: absolute;
            right: 24px;
            bottom: 13px;
            opacity: 1;
            z-index: 9;
            text-align: center;
            animation: myfirstcm 1s;
            -webkit-animation: myfirstcm 1s;
        }

        @keyframes myfirstcm {
            0% {
                transform: scale(1);
                -webkit-transform: scale(1);
            }

            100% {
                transform: scale(2);
                -webkit-transform: scale(2);
            }
        }

        @-webkit-keyframes myfirstcm
        /* Safari 和 Chrome */
        {
            0% {
                transform: scale(1);
                -webkit-transform: scale(1);
            }

            100% {
                transform: scale(2);
                -webkit-transform: scale(2);
            }
        }



        #indexdirdiag img {
            width: 82%;
            margin-left: 9%;
            pointer-events: none;
        }

        input#indexdircancel {
            position: absolute;
            right: 9%;
            z-index: 983;
            margin-top: 33px;
            opacity: 0;
            width: 36px;
        }

        .popup {
            position: absolute;
            top: 10%;
        }

        input#indexdirok {
            position: absolute;
            /* right: 9%; */
            /* top: 69%; */
            z-index: 983;
            opacity: 0;
            /* width: 36px; */
            bottom: 6%;
            line-height: 28px;
            right: 16%;
            width: 69%;
        }

        .zd-head {
            background: #00bdcb;
            background: linear-gradient(135deg, #0ad7d9, #009eb9);
            #0ad7d9, #009eb9);
            margin-bottom: 10px;
        }

        .zd-head-ti {
            width: 90%;
            margin: 0 auto;
            font-size: 14px;
            color: #fff;
            padding-top: 15px;
        }

        .zd-head-qs {
            display: block;
            float: right;
        }

            .zd-head-qs img {
                width: 20px;
            }

        .circle {
            width: 200px;
            /* margin: 20em auto; */
            position: relative;
            margin: 0px auto;
            text-align: center;
        }

        .circle-bg {
            width: 191px;
            margin-top: 6px;
        }

        canvas {
            display: block;
            margin: 0;
            position: absolute;
            /*background: white;*/
            left: 10px;
            top: 0;
        }

        #canvas_1 {
            z-index: 1;
            /*	box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);*/
            border-radius: 100%;
            opacity: 1;
            transform: rotate(50deg);
            -webkit-transform: rotate(50deg);
        }

        #canvas_2 {
            z-index: 2;
            background: transparent;
            transform: rotate(135deg);
            -webkit-transform: rotate(135deg);
            opacity: 1;
        }

        .bg-rircle {
            width: 7px;
            height: 13px;
            background: #e9feff;
            position: absolute;
            top: 85%;
            left: 23%;
            z-index: 8;
            transform: rotate(44deg);
            -webkit-transform: rotate(44deg);
        }

        .bg-rircle1 {
            width: 0;
            height: 0;
            border-bottom: 10px solid #fff;
            border-right: 10px solid transparent;
            position: absolute;
            right: 22%;
            top: 86%;
            box-shadow: -4px 4px 8px -3px rgba(0, 0, 0, 0.1);
            z-index: 9;
            transform: rotate(3deg);
            -webkit-transform: rotate(3deg);
        }

        .circle-val {
            color: #fff;
            font-size: 18px;
            position: relative;
            top: 54px;
        }

        .Tar-h {
            color: #fff;
            font-size: 12px;
            position: relative;
            margin-top: 118px;
            right: 0px;
        }

        .mui-zd-hos-x {
            color: #fff;
            font-size: 50px;
            position: absolute;
            top: 0px;
            margin-top: 88px;
            margin-left: 30%;
            font-family: Arial;
        }

        .zd-com {
            position: absolute;
            bottom: -10px;
            left: 55px;
            font-size: 21px;
        }

        .zd-flex-2 {
            width: 90%;
            margin: 0 auto;
            border-bottom: 1px dashed #82d9e2;
        }

        .demo-flex3 {
            padding-top: 10px;
            display: -webkit-flex;
            padding-bottom: 10px;
        }

        .demo-flex-3 {
            -webkit-flex: 1;
            flex: 1;
            color: #fff;
            text-align: center;
        }

            .demo-flex-3 span:nth-of-type(2) {
                font-size: 12px;
            }

            .demo-flex-3 span {
                display: block;
            }

                .demo-flex-3 span:nth-of-type(1) {
                    font-size: 25px;
                    padding-top: 4px;
                    display: block;
                    height: 26px;
                }

                .demo-flex-3 span i {
                    font-style: normal;
                    font-size: 12px;
                }

        .zd-th-val {
            color: #fff;
            width: 78%;
            /* margin: -2px auto; */
            padding-top: 12px;
            font-size: 12px;
            line-height: 18px;
            margin-left: 9%;
            letter-spacing: 1px;
        }

            .zd-th-val .zd-th-val-b {
                width: 20px;
                position: absolute;
                right: 30px;
                /* top: 9px; */
                margin-top: -31px;
                width: 10px;
                -webkit-transform-origin: center top;
                -webkit-transform: rotate(-15deg);
                -webkit-animation: sway 2.2s infinite alternate ease-in-out;
            }

        @-webkit-keyframes sway {
            to {
                -webkit-transform: rotate(15deg);
            }
        }

        .zd-fir-bottom {
            margin-top: 1%;
        }

            .zd-fir-bottom img {
                width: 100%;
            }

        .scrolling-m2 {
            margin-top: -7px;
            background: #fff;
            padding: 7px 25px;
        }

            .scrolling-m2 .zd-img-l {
                vertical-align: top;
                width: 35px;
                margin-right: 10px;
                padding-bottom: 10px;
            }

            .scrolling-m2 .zd-img-r {
                width: 9px;
                vertical-align: middle;
                position: absolute;
                margin-top: 14px;
                right: 25px;
            }

            .scrolling-m2 span:nth-of-type(1) {
                display: inline-block;
                color: #fff;
                font-size: 12px;
                line-height: 10px;
                width: 75%;
                line-height: 18px;
                margin-top: 14px;
            }

            .scrolling-m2 span a {
                color: #333;
            }

        .red-month {
            position: absolute;
            width: 45px;
            line-height: 45px;
            /* margin: 0 auto; */
            color: #FFF;
            /* margin-left: 14px; */
            font-size: 30px;
            text-align: center;
            background: #FECD66;
            border-radius: 50%;
            height: 45px;
            float: left;
            margin-right: 10px;
            margin-top: 5px;
        }

        .specialdiv img {
            width: 100%;
            vertical-align: middle;
            z-index: 3;
            POSITION: RELATIVE;
        }

        .specialdiv2 img {
            width: 100%;
            position: fixed;
            z-index: 14;
            top: 0;
        }

        .specialdiv3{
            width: 100%;
            vertical-align: middle;
            z-index: 99;
            POSITION: fixed;
            top: 0;
            padding-bottom: 3px;
            background: #fff;
            height: 48px;
        }

        .specialdiv3 img {
            width: 100%;
            vertical-align: middle;
            z-index: 3;
            POSITION: fixed;
            top: 0;
        }

        .doc-anwser-i {
            line-height: 35px;
            max-width: 35px;
            height: 35px;
            margin-right: 14px;
        }

        .doc-an-q {
            margin: 0 17px;
            padding-top: 10px;
            font-size: 12px;
            padding-bottom: 10px;
            color: #333;
        }

        .doc-an-a {
            font-weight: bolder;
            margin-bottom: 10px;
        }

            .doc-an-a i {
                font-style: normal;
                color: #00aebb;
            }

        .doc-an-d {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
        }

            .doc-an-d i {
                font-style: normal;
                color: #00aebb;
            }

        .doc-an-c {
            text-align: center;
            margin-top: 6px;
        }

            .doc-an-c img {
                width: 20px;
            }

        .doc-an-n {
            font-size: 14px;
            color: #333;
        }

        .doc-an-dt {
            white-space: normal;
            height: 22px;
            overflow: hidden;
            line-height: 22px;
            text-overflow: ellipsis;
            font-size: 12px;
            color: #999;
        }

        .doc-an-r {
            position: absolute;
            top: 28px;
            right: 15px;
            color: #ff0000;
            font-size: 15px;
        }

        .docRepliedhead {
            position: inherit;
        }

        .mui-scroll-wrapper4 {
            z-index: 2;
            margin-top: 10px;
            bottom: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
        }

        .pulldownimg {
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .doc-an-d2 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
        }

            .doc-an-d2 i {
                font-style: normal;
                color: #00aebb;
            }

        .doc-an-d3 {
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            color: #aaa;
        }

        .doc-an-j {
            border: 1px solid #ccc;
            background: #f9f9f9;
            height: 120px;
            padding: 10px 15px;
            font-size: 12px;
        }

        .zd-zhuce button {
            height: 45px;
            line-height: 10px;
            border-radius: 30px;
        }

        .zd-fir-banner {
            margin-top: 10px;
            margin-bottom: 5px;
        }

            .zd-fir-banner img {
                width: 100%;
            }

        .zz-new-report {
            border: 1px solid #00aebb;
            text-align: center;
            width: 40%;
            border-radius: 30px;
            color: #00aebb;
            font-size: 12px;
            line-height: 20px;
            margin-left: 15px;
            margin-bottom: 14px;
        }

        .mui-checkbox.mui-left label,
        .mui-radio.mui-left label {
            padding-right: 15px;
            padding-left: 26px;
        }

        .mui-checkbox input[type=checkbox]:before,
        .mui-radio input[type=radio]:before {
            font-family: Muiicons;
            font-size: 21px;
            font-weight: 400;
            /* line-height: 0; */
            text-decoration: none;
            color: #aaa;
            border-radius: 0;
            background: 0 0;
            -webkit-font-smoothing: antialiased;
        }

        .mui-checkbox.mui-left input[type=checkbox],
        .mui-radio.mui-left input[type=radio] {
            left: 0px;
        }

        .mui-checkbox input[type=checkbox]:checked:before,
        .mui-radio input[type=radio]:checked:before {
            color: #00aebb;
        }

        .zd-check {
            width: 90%;
            margin: 0 auto;
            font-size: 12px;
        }

        .mui-checkbox input[type=checkbox],
        .mui-radio input[type=radio] {
            position: absolute;
            top: 5px;
            right: 20px;
            display: inline-block;
            width: 28px;
            height: 26px;
            border: 0;
            outline: 0 !important;
            background-color: transparent;
            -webkit-appearance: none;
        }

        .zx-tip-sb {
            font-size: 12px;
            color: #666;
            margin-top: 24px;
        }

        .zx-tip-sb2 i {
            color: #f7ab00;
            font-style: normal;
        }

        /*医答功能样式*/

        .yd-head-i {
            border-radius: 50%;
            position: relative;
        }

        .yd-show-icon {
            background: #00AEBB;
            width: 20px;
            color: #fff;
            position: absolute;
            text-align: center;
            border-radius: 4px;
            font-size: 12px;
        }

        .yd-an-qus {
            margin-top: 4px;
            display: block;
            font-size: 14px;
            font-weight: bold;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            color: #343434;
        }


        .yd-an-qus2 {
            white-space: normal;
            height: 22px;
            overflow: hidden;
            line-height: 22px;
            text-overflow: ellipsis;
            display: inline-block;
            color: #a4a4a4;
            width: 80%;
        }

        .yd-fr-all {
            width: 100%;
            display: -webkit-flex;
            margin-top: 3px;
            font-size: 12px;
        }

        .yd-an-per {
            width: 10%;
            -webkit-flex: 1;
            color: #A4A4A4;
        }

            .yd-an-per img {
                width: 15px;
                margin-right: 6px;
            }

        .yd-mor-que {
            color: #00AEBB;
            text-align: center;
            font-size: 12px;
        }

        .yd2-table-view-cell {
            -webkit-transform-style: preserve-3d;
            transform-style: preserve-3d;
        }

            .yd2-table-view-cell:after {
                position: absolute;
                right: 16px;
                bottom: 0;
                left: 16px;
                height: 0px;
                content: '';
                -webkit-transform: scaleY(.5);
                transform: scaleY(.5);
                background-color: #fff;
                border-bottom: 1px dashed #ccc;
            }

        .yd2-table-view-cell {
            position: relative;
            overflow: hidden;
            padding: 11px 15px;
            -webkit-touch-callout: none;
        }

            .yd2-table-view-cell:last-child:after, .mui-table-view-cell:last-child:before {
                height: 0;
                border-bottom: 0px dashed #ccc;
            }

            .yd2-table-view-cell > a:not(.mui-btn) {
                position: relative;
                display: block;
                overflow: hidden;
                margin: -5px -14px;
                padding: inherit;
                white-space: nowrap;
                text-overflow: ellipsis;
                color: inherit;
            }

        .mui-scroll-wrapper6 {
            z-index: 2;
            margin-top: 52px;
            bottom: 0;
            left: 0;
            overflow: hidden;
            width: 100%;
        }

        .indexpagedoc {
        }

        .indexpagequestion {
        }

        .boneagetipc {
            width: 100%;
            margin: 0px auto 12px;
            background: #fffde8;
            padding: 2px 30px;
            font-size: 12px;
            color: #f6ac0b;
            text-align:center;
        }

         .label_button {
            width: 34px;
            position: absolute;
            right: -3px;
            top: 0;
            z-index: 9;
        }

        .label_button_div {
            position: relative;
            border-right: 5px solid #fecd66;
        }

         .article_list {
            padding: 0 15px;
            background-color: #fff;
        }