#topnav{
    width:100%;
    height:60px;
    background-color: #08cbd3;
}

.logoBox{
    width:205px;
    height:60px;
    line-height: 60px;
    float: left;
    background-color: #10bfc6;
    padding-left: 12px;
}

.logoBoxTwo{
    width:60px;
    height:60px;
    line-height: 60px;
    float: left;
    background-color: #10bfc6;
    padding-left: 12px;
    display: none;
}

#topnav.flexed .logoBoxTwo{
    display: block;
}

#topnav.flexed .logoBox{
    display: none!important;
}

.yiyiLogo{
    /* cursor: pointer; */
}

.userBox{
    float: right;
    margin-right: 20px;
    line-height: 60px;
    /*cursor: pointer;*/
    position: relative;
    cursor: pointer;
}
.changeClass{
	float: right;
    margin-right: 20px;
    line-height: 60px;
    cursor: pointer;
    position: relative;
}
.changeClass .skinSpan{
	padding:0 10px;
	color:#fff
}

.caret{
    color: #0a93c3;
    display: inline-block;
    width: 0;
    height: 0;
    margin:0 8px 0 4px;
    vertical-align: middle;
    border-top: 5px dashed;
    border-top: 5px solid\9;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.userName{
    font-size: 14px;
    color: #fff;
    display: inline-block;
    text-align: center;
}

.userImg{
    width:40px;
    height:40px;
    border-radius: 50%;
    margin:0 10px;
}

.waitRepairBox{
    float: right;
    position: relative;
    line-height: 60px;
    margin:0 12px;
    /*cursor: pointer;*/
    width:60px;
    text-align: center;
    cursor: pointer;
}

.waitRepairImg{
    width:19px;
    height:19px;
    font-size: 16px;
    color:#fff;
}

#waitRepairNum{
    height:18px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #ef416a;
    position: absolute;
    top: 6px;
    left: 40px;
    line-height: 18px;
    padding:0 4px;
}

.hospName{
    float: right;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
}

.flexNav{
    /*width: 18px;*/
    /*height: 12px;*/
    /*background: url('/images/hosp/common/sideNavIcon.png') -124px -164px;*/
    float: left;
    cursor: pointer;
    margin:18px 0 0 18px;

}
.flexNav .yiyifont{
    font-size: 24px;
    line-height: 1;
    color: #fff;

}
.flexNav .yiyifont:hover{
    color: rgba(255,255,255,0.5)
}

.waitRepairType{
    width:184px;
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 0 16px rgba(0,0,0,.16);
    top: 68px;
    left: -58px;
    display: none;
}

.waitRepairType::before{
    content:"";
    width:0px;
    height:0px;
    display:block;
    position:absolute;
    z-index:2;
    top: -16px;
    left: 82px;
    border:8px solid #FFF;
    border-color:transparent transparent #FFF transparent;
}

.waitRepairType::after{
    content:"";
    width:100%;
    height:0px;
    display:block;
    position:absolute;
    z-index:2;
    top: -16px;
    left: 0;
    border:8px solid #FFF;
    border-color:transparent transparent #FFF transparent;
    opacity: 0;
}

.waitRepairTypeInfo{
    width:100%;
    line-height: 40px;
    border-bottom: 1px solid #e9edf0;
    display: block;
    transition: background .3s;
}

.waitRepairTypeInfo:hover,.userSelectInfo:hover,.skinSelectInfo:hover{
    background-color: #f0f2f5;
}

.waitRepairTypeInfo:last-child{
    border-bottom: none;
}

.circleType{
    width:10px;
    height:10px;
    border-radius: 50%;
    float: left;
    margin:15px 8px 0 12px;
}

#gz .circleType{
    background-color: #25a7f9;
}

#dz .circleType{
    background-color: #fa7a7a;
}

#jl .circleType{
    width:8px;
    height:8px;
    background-color: #ffd800;
}

#tz .circleType{
    width:8px;
    height:8px;
    background-color: #d4ed00;
}

#zw .circleType{
    background-color: #a767f0;
}

#yh .circleType{
    background-color: #51d11a;
}

#mh .circleType{
    background-color: #cccccc;
}

#xx .circleType{
    background-color: #87CEFA;
}

#dg .circleType {
    background-color: #E8932E;
}

.waitRepairTypeName{
    float: left;
    font-size: 14px;
    color: #5d676d;
}

.waitRepairTypeNum{
     float: right;
     font-size: 12px;
     color: #bcc0c9;
    margin-right: 15px;
    text-align: right;
 }

.userSelect, .skinSelect{
    width:129px;
    /* height:204px; */
    border-radius: 4px;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 0 16px rgba(0,0,0,.16);
    top: 68px;
    left: 50%;
    margin: 0 0 0 -64px;
    display: none;
}
.skinSelect{
	height:82px;
}
.userSelect::before, .skinSelect::before{
    content:"";
    width:0px;
    height:0px;
    display:block;
    position:absolute;
    z-index:2;
    top: -16px;
    left: 56px;
    border:8px solid #FFF;
    border-color:transparent transparent #FFF transparent;
}

.userSelect::after, .skinSelect::after{
    content:"";
    width:100%;
    height:0px;
    display:block;
    position:absolute;
    z-index:2;
    top: -16px;
    left: 0;
    border:8px solid #FFF;
    border-color:transparent transparent #FFF transparent;
    opacity: 0;
}

.userSelectInfo, .skinSelectInfo{
    width:100%;
    height:20%;
    line-height: 40px;
    border-bottom: 1px solid #f0f2f5;
    display: block;
    transition: background .3s;
}
.skinSelectInfo{
	height:50%;
}
.userSelectInfo:last-child, .skinSelectInfo:last-child{
    border-bottom: none;
}

#yhzy .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/sideNavIcon.png') -10px -50px;
}

#dpzs .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/sideNavIcon.png') -48px -88px;
}
#pfy .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/skin1.png') -1px 1px;
}

#sbgl .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/sideNavIcon.png') -126px -88px;;
}
#pfe .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/skin2.png') -1px 1px;
}

#xgmm .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 18px;
    background: url('/images/hosp/common/sideNavIcon.png') -164px -85px;
}

#globalSetting .userSelectIcon{
    float: left;
    margin:0 15px 0 17px;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #637989;
    /* background: url('/images/hosp/common/sideNavIcon.png') -164px -85px; */
}

#logoutwdy .userSelectIcon{
    float: left;
    margin:11px 15px 0 17px;
    width: 18px;
    height: 17px;
    background: url('/images/hosp/common/sideNavIcon.png') -164px -10px;
}

#dataExport .userSelectIcon{
    float: left;
    margin:0 15px 0 17px;
    width: 18px;
    height: 18px;
    font-size: 18px;
    color: #637989;
}

.userSelectName{
    font-size: 14px;
    color: #5d676d;
}

#logoutwdy .userSelectName{
    color: #08cad2;
}

@keyframes dropdown{
    from {top:54px; opacity: 0}
    to {top:68px; opacity: 1}
}