body{
	background-color:#F5F7FD;
}
/* 布局样式 */
.layhtml{
    width: 100%; height: 100%; background-color:#fff; 
}
/* 页体样式 */
.layhtml .laybody{
    width: 100%; height: 94.08%;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: center;
}
.layhtml .laybody .laycontent{
    width: 89.58%; background-color: #ffffff; border-radius: 1.33rem;
}
.laybody .laycontent form{
    height: 10.09%;
}
.laybody .laycontent .cnt-row-header{
    height: 100%; box-shadow: 0px 5px 25px 2px rgba(51, 51, 51, 0.03);
    display: flex; display: -webkit-flex; flex-direction: row; align-items: flex-end;padding-left: 2.67%;
}
.laycontent .cnt-row-header div{
    display: inline-block;  border: 1px solid #E9ECF7; height: 44.44%; border-radius: .5rem; margin-bottom: 1.25rem;
}
.cnt-row-header .header-select{
    width: 17.44%; position: relative;
}
.cnt-row-header .header-select .select-text{
    width: 90%; height: 100%; font-size: 1.16rem; border: none; border-radius: .5rem; color: #999;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center;
    margin-left: 5%;cursor: pointer;
    overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; white-space: nowrap;
}
.cnt-row-header .header-select .select-text i{
    flex: 1; font-size: 1.16rem; font-style: normal; position: relative; max-width: 95%; 
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cnt-row-header .header-select .select-text img{
    width: .83rem; height: .5rem; transition:all .2s; -webkit-transition: all .2s; margin: 0px;
    position: absolute; right: 5%;
}
.cnt-row-header .header-select .select-text img.rotate{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}
.cnt-row-header .header-select ul{
    position: absolute; width: 100%; top: 101%; border-radius: 0px 0px 3px 3px; z-index: -1;
    box-shadow: 10px 0px 20px 15px rgba(240, 240, 240,0.5);background-color: #fff;
    transition: height 200ms; -webkit-transition: height 200ms;
    overflow: hidden; height: 0px;
}
.cnt-row-header .header-select ul>li{
    font-size: 1.16rem; height: 3.5rem; line-height: 3.5rem; color: #333; padding: 0rem 1.66rem;
    overflow: hidden; text-overflow: ellipsis; overflow-wrap: normal; white-space: nowrap;
}
.cnt-row-header .header-select ul>li:hover,.header-select ul>li.selected{
    background-color: #efefef; cursor: pointer;
}
.cnt-row-header .header-select ul.show{
    z-index: 10; height: 200px; overflow-y: auto;
}
.cnt-row-header .header-input{
    width: 17.44%; margin-left: 1.5rem;
}
.cnt-row-header .header-input input{
    width: 90%; height: 100%; font-size: 1.16rem; line-height: 100%; border: none;
    margin-left: 5%;
}
.cnt-row-header .header-button{
    width:4.18%; margin-left: 1.66rem;
}
.cnt-row-header .header-button input{
    width: 100%; height: 100%; font-size: 1.16rem; line-height: 100%; text-align: center; color: #ffffff;
    background-color: #385CEB; border: none; border-radius: .5rem;
}
.laybody .laycontent .cnt-row-body{
    height: 89.91%; width: 100%;
    display: flex; display: -webkit-flex; flex-direction: column; align-items: center;
}
.cnt-row-body .body-header{
    height: 4.23%; width: 88.95%; margin-top: 1.96%;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: space-between;
}
.body-header .device-tags{
    height: 100%; display: flex; display: -webkit-flex; flex-direction: row; align-items: center;
}
.body-header .device-tags a{
    height: 100%; width:10rem; background-color: #fff; border: 1px solid #EBEBEB; color: #999999;
    font-size: 1.16rem; text-align: center; border-radius: 1.41rem; margin-right: 1.66rem;
    display: flex; display: -webkit-flex; align-items: center; justify-content: center;
}
.body-header .device-tags a.checked{
    background-color: #385CED; color: #ffffff; border: none;
}
.body-header .page-controller{
    height: 100%;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center;
}
.body-header .page-controller img{
    height: 100%; width: auto; cursor: pointer;
}
.body-header .page-controller img:last-child{
    margin-left: .83rem;
}
.cnt-row-body .body-content{
    height: 86.53%; width: 88.95%;
}
.cnt-row-body .body-content .content-item{
    width: 23.529%; height: 45.67%; background-color: #ffffff;
    margin-top: 1.96%; margin-right: 1.96%;
    float: left; display: flex; display: -webkit-flex; flex-direction: column; align-items: center;
    box-shadow: 0px 5px 14px 2px rgba(0, 0, 0, 0.04); border-radius: 0.66rem;
}
.cnt-row-body .body-content a:nth-child(4n){
    margin-right: 0px;
}
.body-content .content-item img{
    width: 100%; height: 63.09%;  border-top-left-radius:  0.66rem; border-top-right-radius:  0.66rem;
}
.body-content .content-item h1{
    font-size: 1.33rem; font-weight: bold; color: #333; margin-top: 4%;
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
    width: 86.66%;
}
.body-content .content-item h2{
    font-size: 1.16rem; color: #999; margin-top: 3.5%;
    overflow:hidden; text-overflow: ellipsis; white-space: nowrap;
    width: 86.66%;
}
.body-content .content-item .other{
    font-size: 1.16rem; color: #333; margin-top: 3.5%; width: 86.66%;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: space-between;
}
.body-content .content-item .other i{
    display: inline-block; width: .83rem; height: .83rem; border-radius: 50%; margin-right: .83rem;
}
.body-content .content-item .other .is-diagnosis{
    color: #385CEB;
}
.content-item .other .is-diagnosis i{
    background-color: #385CEB;
}
.body-content .content-item .other .no-diagnosis{
    color: #FD5023;
}
.content-item .other .no-diagnosis i{
    background-color:#FD5023;
}


/* 页脚样式 */
.layhtml .layfooter{
    height: 5.92%;  background-color: #38425A;
    display: flex; display: -webkit-flex; flex-direction: row; align-items: center; justify-content: center;
}
.layhtml .layfooter span{
    font-size: 1.16rem; color: #ffffff;
}
.layhtml .layfooter span em{
    font-style: normal; margin-left: 0.66rem;
}