body {
    font-family: "Microsoft Yahei";
}
#bar{
    background: #56597a;
    height: 1px;
    text-align: center;
    color: #FFF;
    width: 100%;
    box-shadow:0px 0px 8px 1px rgba(0,198,255,0.4);
}
ol, ul {
    list-style-type: none;
}

.bg {
    background: url(../../img/bg.jpg) no-repeat;
    background-size: cover;
}

.pad50 {
    padding: 0 20px;
}

.paWrap {
    padding: 30px 20px 0;
}

.borbtm {
    border-bottom: 1px solid #56597a;
}

.title_left {
    display: inline-block;
    float: left;
}

.titleTop {
    height: 70px;
    line-height: 68px;
}

.logo {
    width: 104px;
    height: 50px;
    margin-top: -12px;
}

.titleWord {
    font-size: 28px;
    color: #fff;
}

.line {
    display: inline-block;
    height: 36px;
    margin: 0px 12px 0;
    width: 1px;
    background: #56597a;
    vertical-align: middle;
    margin-top: -7px;
}

.chooseSome {
    display: inline-block;
    float: right;
    width: 200px;
    height: 24px;
    line-height:24px;
    background: #224d85 url(../../img/icon_drop.png) no-repeat 95%;
    margin-top: 23px;
    border: none;
    padding: 0 30px 0 22px;
    box-sizing: border-box;
    border-radius: 30px;
    outline: none;
    cursor: pointer;
    color: #fff;
    -webkit-appearance: none;
}
.fatherYou{
    position: relative;
    float: right;
    width: 300px;
    height: 36px;
    margin-right: 60px;
}
.small-div {
    position: absolute;
    background: #273c7d;
    left: 1px;
    top: 59px;
    border-radius: 3px;
    z-index: 1000;
    display: none;
}
.small-div-content {
    width: 360px;
    height: 147px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
    padding: 16px 18px 0px;
    margin-bottom: 0;
    background: #224d85;
    overflow: auto;
}
.small-div-content li {
    float: left;
    padding: 0 10px;
    margin-bottom: 15px;
    border: 1px solid #7682aa;
    margin-right: 20px;
    box-sizing: border-box;
    border-radius: 2px;
    cursor: pointer;
    height: 25px;
    line-height: 24px;
    color: #fff;
}
.small-div-content li:hover {
    color: #41c3f7;
    border-color:#41c3f7;
}
.small-div-content li.active{
    color: #41c3f7;
    border-color:#41c3f7;
}
input::-webkit-input-placeholder { /* WebKit browsers*/
    color: #fff;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18*/
    color: #fff;
}

input::-moz-placeholder { /* Mozilla Firefox 19+*/
    color: #fff;
}

input:-ms-input-placeholder { /* Internet Explorer 10+*/
    color: #fff;
}

.wrapTitle {
    height: 18px;
    border-left: 3px solid #a4f0fe;
    color: #c3ccd7;
    font-size: 20px;
    line-height: 17px;
    text-indent: 7px;
}

.patientList {
    margin-top: 24px;
    padding-left: 0;
}

    .patientList > li {
        margin-bottom: 0px;
    }

        .patientList > li > div {
            float: left;
        }

.Pname{
    color: #fff;
    width: 25%;
    float: left;
}
.Pvalue{
    width: 45%;
    color:#8dcdff ;
    float: left;
}
.Ptime{
    width: 30%;
    color:#8dcdff ;
    float: left;
}

.topV {
    color: #f47e78;
}

.dowmV {
    color: #fdca15;
}



.centerTitle > li {
    width: 25%;
    float: left;
    border-right: 1px solid #56597a;
}

    .centerTitle > li:last-child {
        border: none;
    }

.go-wrap{
    color:#40c3f9;
    font-size: 56px;
    font-family: "Digital";
}
@font-face {
    font-family: Digital;
    font-weight: bold;
    src: url(../Common/53b17ba99c110.otf);
}

.dan {
    color: #e3e9f1;
    font-size: 16px;
}

.allPatientNo {
    display: block;
    text-align: center;
}

.spanLabel {
    display: block;
    font-size: 20px;
    text-align: center;
    color: #c3ccd7;
}

.testColor {
    color: #f47e78;
}

.TodaytestColor {
    color: #51fdfe;
}

.TodayAbnormalColor {
    color: #aaedcd;
}

.pieOne > li {
    width: 33.3%;
    float: left;
}

.partW {
    width: 116px;
    margin: auto;
}

.pieOne {
    margin-top: 40px;
    margin-bottom: 40px;
}

.dataScore {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    -webkit-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    line-height: 0.8;
}

#circle_blood_sugar_count .dataScore {
    color: #fdca15;
}

#circle_blood_sugar_max .dataScore {
    color: #f17e79;
}

#circle_blood_sugar_low .dataScore {
    color: #40c3f9;
}

.circle-count {
    position: relative;
    width: 116px;
    margin: 20px auto 0;
    height: 116px;
}

.percentage {
    font-size: 12px;
}

#container {
    height: 629px;
    margin-top: 10px;
}

.listOne {
    height: 400px;
    width: 100%;
    margin: 0px 0 100px;
}

.cake {
    margin-top: 40px;
    /*height: 200px;*/
}
.expand {
    height:1px;
    margin:2px 0;
    background:#2187e7;
    width: 100%;
    box-shadow:0px 0px 10px 1px rgba(0,198,255,0.4);
}
/*.flip {
    height:38px;
    overflow:hidden;
    width: 100%;
}
.flip > div > div {
    color:#fff;
    height:38px;
    margin-bottom:38px;
    display:inline-block;
    width: 100%;
}
.flip>div:first-child {
    animation: show 30s  infinite;
}*/
@keyframes show {
    0% {margin-top:-228px;}
    5% {margin-top:-152px;}
    33% {margin-top:-152px;}
    38% {margin-top:-76px;}
    66% {margin-top:-76px;}
    71% {margin-top:0px;}
    99.99% {margin-top:0px;}
    100% {margin-top:-228px;}
}
@keyframes bounce-wave {
    /*from {*/
        /*transform: translateY(0)*/
    /*}*/
    /*to {*/
        /*transform: translateY(-10px)*/
    /*}*/
    90% {
    transform: translateY(0)
    }
    100% {
    transform: translateY(-10px)
    }
}
.txtwav.bounce span {
    display: inline-block;
    animation-duration: 2s;
    animation-name: bounce-wave;
    animation-iteration-count: infinite;
    animation-direction: alternate
}
.tb-border {
        top: -20px;
        border-color: transparent transparent #224d85 transparent;
}
.triangle-border {
        position: absolute;
        left: 30px;
        overflow: hidden;
        width: 0;
        height: 0;
        border-width: 10px;
        border-style: solid dashed dashed dashed;
}

.tb-background {
        top: -19px;
        border-color: transparent transparent #224d85 transparent;
        z-index: 99999;
}