@charset "utf-8";
/* CSS Document */

html{color:#000;background:#FFF;overflow: scroll;}
body{min-width:1420px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,
fieldset,input,textarea,p,blockquote,th,td,button {
margin:0 auto;
padding:0; font-family:arial,verdana,"\5FAE\8F6F\96C5\9ED1"; font-size:12px;
outline:none;
}
::-ms-clear, ::-ms-reveal{display: none;}
/*字符编码：宋体：\5B8B\4F53 微软雅黑：\5FAE\8F6F\96C5\9ED1*/
table {
border-collapse:collapse;
border-spacing:0;
}
img {
border:0;
}
fieldset{
    border:1px solid #d5d5d5;
    padding:15px 0 0 10px;
}
address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content;
}
abbr,acronym{border:0;}
html{background-color:#f5f4f4;}
p{word-wrap:break-word;}
.clearfix { *zoom: 1; } 
.clearfix:before, 
.clearfix:after { display: table;line-height: 0;content: "";}
.clearfix:after { clear: both; } 
input.error{
    border-color:red;
}
input.phcolor{
    color:#999;
}
input::-webkit-input-placeholder {
    color:#999!important;
}
input:-moz-placeholder {
    color:#999!important;
}
::-moz-placeholder {
    color:#999!important;
}
:-ms-input-placeholder {
    color:#999!important;
}
/*通用样式*/
html,body{background-color:#f1f1f1;overflow-x:auto;}
a{text-decoration:none;}
.hide{display: none;}
.float-lt{float:left;}
.float-rt{float:right;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f18{font-size:18px;}
.f20{font-size:18px;}
.gray{color:#666;}
.blue{color:#172393;}
.red{color:#ff1d1a;}
.mt-30{margin-top:30px;}
.mt-3{margin-top:3px;}
.mb-0{margin-bottom:0;}
.mb-10{margin-bottom:10px!important}
.mb-20{margin-bottom:20px!important}
.mb-30{margin-bottom:30px;}
.pointer{cursor:pointer;}
.required{color:red;font-size:20px;}
#alerts{position:fixed;left:0;right:0;top:0;bottom:0;margin:auto;display:inline-block;width:600px;height:40px;padding:30px 50px;text-align:center;color:#66ccdb;border:3px solid #66ccdb;background:#fff;font-size:30px;z-index:1050;display: none}
#alerts.btn{
    height: 80px;
}
#alerts_close{position:absolute;right:10px;top:0;color:#66ccdb;font-size:36px;cursor:pointer;}
.btn-alert{
    float: right;
    margin:14px auto 0;
    display: block;
    width: 120px;
    height: 35px;
    line-height:35px;
    font-size:18px;
    text-align: center;
    color:#fff;
    background-color:#66ccdb;
}
#confirm{position:fixed;left:0;right:0;top:0;bottom:0;margin:300px auto 0;display:inline-block;width:450px;height:100px;padding:20px 50px;text-align:center;color:#66ccdb;border:3px solid #66ccdb;background:#fff;font-size:30px;z-index:20;display: none}
#confirm_close{position:absolute;right:10px;top:0;color:#66ccdb;font-size:36px;cursor:pointer;}
#confirm .btn{margin:20px 10px;display: inline-block;border:1px solid #66ccdb;padding:2px 20px;border:1px solid #66ccdb;color:#66ccdb;font-size:16px;line-height:28px;cursor: pointer;background:#fff;}
/*基础框架*/
.head{
    width:100%;
    background:#66ccdb;
}
.wrap{
    width:1200px;
    margin:0 auto;
    overflow:hidden;
}

/* 医生头像姓名 */

    .head .logo{
        float:left;
        margin-top:12px;
        width:244px;
        height:84px;
        background:url(../images/logo.png) no-repeat;
        text-indent:-999px;
    }
    .head .user-info{
        float:right;
        position:relative;
        padding:14px 0 0 70px;
        height:80px;
    }
    .head .user-photo{
        position:absolute;
        top:20px;
        left:0;
        width:52px;
        height:52px;
        border:2px solid #138194;
        border-radius:50%;
        overflow: hidden;
    }
    .head .user-photo img{
        float:left;
        display: block;
    }
    .head .user-name{
        height:62px;
        line-height:62px;
        font-size:24px;
        color:#fff;
    }
    .head .user-name a:link,.head .user-name a:visited{
        color:#fff;
    }
/* 导航栏按钮 */
    a.btn{
        position:relative;
        float:right;
        display: block;
        margin:25px 0 0 28px;
        padding:0 5px;
        width:130px;
        height: 45px;
        color:#fff;
        font-size:24px;
        line-height:40px;
        background:#138194;
        border-radius:3px;
        text-align: center;
        text-decoration:none;
    }
    a.btn i.new-msg{
        position:absolute;
        right:-6px;
        top:-6px;
        display: block;
        width:12px;
        height:12px;
        background:#fe8348;
        border-radius:50%;
    }

/* 主体开始 左侧菜单+右侧内容 */
.content{
    position:relative;
    margin:0 auto;
    padding-left:182px;
    width:1018px;
    overflow: hidden;
}
.menu{
    position:absolute;
    top:0;
    left:0;
    padding-bottom:20px;
    width:172px;
    background:#fff;
    border:1px solid #e9e9e9;
    border-top:none;
    box-shadow:0px 2px 4px #d2d2d2;
}
    .menu-dl{
        margin-bottom:22px;
        text-align: center;
    }
    .menu-dl dt{
        margin:15px 0 5px;
        height:45px;
        line-height:45px;
        font-size:26px;
        color:#666;
    }
    .menu-dl a{
        display: block;
        height:38px;
        line-height:38px;
        font-size:18px;
        color:#666;
    }
    .menu-dl a.active{
        color:#fff;
        background-color:#66ccdb;
    }
    .menu-dl a:hover{
        color:#fff;
        background-color:#66ccdb;
    }
.main{
    margin:8px 0 50px;
    padding:20px 16px 100px;
    width:984px;
    overflow: hidden;
    border:1px solid #b9b9b9;
    min-height:760px;
    background:#fff;
}
.main-title{
    margin-bottom:20px;
    padding-bottom:20px;
    color:#66ccdb;
    font-size:18px;
    border-bottom:2px solid #b9b9b9;
}
/* 图表 */
#full_screen{
    position:fixed;
    top:50%;
    left:50%;
    margin:-190px 0 0 -650px;
    width:1300px;
    box-shadow:0 0 10px #888;
    background:#fff;
    z-index: 580;
}
.wrap-data{
    position:relative;
    margin-bottom:30px;
    text-align: center;
    border:1px solid #b9b9b9;
    overflow: hidden;
}
.wrap-data-description,.wrap-data-description-x{
    position:absolute;
    width:100px;
    top:70px;
    left:15px;
    z-index:500;
    text-align: center;
    line-height:14px
}
.wrap-data-description-x{
    top:auto;left:auto;right:0px;bottom:38px;
}
.wrap-data-head{
    padding:10px 15px;
    border-bottom:1px solid #b9b9b9;
    overflow: hidden;
}
.wrap-title{
    position:absolute;
    top:8px;
    left:0;
    right:0;
    margin:0 auto;
    width: 40%;
    text-align: center;
}
    .share{
        float:left;
        margin-top:-2px;
        font-size:18px;
    }
    .share-img,.pop-echarts,.more-echarts{
        cursor:pointer;
    }
.more-echarts a:link{
    color:#666;
}
.more-echarts a:visited{
    color:#666;
}
.canvasImgShow{
    display: none
}
.shareText{
    float:left;
    font-size:16px;
    line-height:35px;
}