*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-size: 14px;
}

.flexE{
    display: flex;
    justify-content: flex-end;
}
.flexS{
    display: flex;
    justify-content: flex-start;
}
.flexC{
    display: flex;
    justify-content: center;
}
.flexB{
    display: flex;
    justify-content: space-between;
    /*padding-bottom: 10px;*/
    /*padding-top: 5px;*/
}
.row1{
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	overflow:hidden;
	/*padding-top: 10px;*/
	font-size: 14px;
    font-weight: 600;
}

button{cursor:pointer;}
.gohome{cursor:pointer}



.loginBg{background: url('img/loginBg.png') no-repeat;width: 100%;height: 100%;background-size: cover;align-items: center;}
.loginBox{width: 800px;height: 476px;background: url('img/loginBox.png') no-repeat;background-size: cover;align-items: center;padding-right: 80px;}
.loginBg .homeHead{background: none;}
.loginBg .homeHead .logo{background-size:auto 80%;background-repeat: no-repeat;background-position: 40px center;}
.loginBg .homeHead .logo font{display: none;}
.loginFrame{align-items: center;height: calc(100% - 280px);}
.formBox{width: 220px;}
.label{
    font-size: 14px;line-height: 35px;
}
.input input{
    height: 30px;line-height: 30px;border: 1px solid #eeeeee;text-indent: 2em;width: 100%;
}
.input .password{
    background: url('img/password.png') no-repeat 5px center;
    background-size: auto 60%;
}
.input .code{
    background: url('img/password.png') no-repeat 5px center;
    background-size: auto 60%;
    width: 60%;
    border-right:0 ;
}
.input .send{width: 40%;font-size: 14px;line-height: 28px;text-align: center;border-top: 1px solid #eeeeee;border-right: 1px solid #eeeeee;border-bottom: 1px solid #eeeeee;}

.input .phone{
    background: url('img/phone.png') no-repeat 5px center;
    background-size: auto 60%;
}
.loginBtn{
    background: #3994ff;border: 0;color: #fff;width: 100%;padding: 8px;text-align: center;margin-top: 20px;
}
.loginType div{cursor: pointer;}
.loginType .xian{padding: 0 10px;}
.loginType .act{font-weight: bold;color: #3994ff;}



.homeHead{height: 80px;background: #3994ff;}
.homeHead .logo{height: 100%;padding:0 20px;align-items: center;}
.homeHead .logo img{height: 80%;}
.homeHead .tuichuBox{align-items: center;padding: 0 20px;height: 100%;cursor:pointer;}
.homeHead .tuichuBox .tuichu{border-radius: 4px;border: 1px solid #fff;padding: 4px 8px;color: #fff;font-size: 12px;margin-left:10px;}
.homeHead .tuichuBox .iconfont{color:#fff;text-align:center;margin-left:10px;}
.homeHead .tuichuBox .iconfont font{font-size:22px;}
.homeHead .title{color: #fff;display: none;font-size: 16px;}

.homeContent{height:calc(100% - 80px);background: #f5f9ff;}
.homeContent .left{width: 300px;height: 100%;background: #fff;}
.homeContent .left .leftL{width: 100%;height: 100%;}
.homeContent .left .leftR{width: 0;height: 100%;background: #aaaaaa;}
.homeContent .left .userInfo{padding: 10px 15px;color: #aaaaaa;}
.homeContent .left .userInfo font{color: #51a2ff;padding-right: 5px;}
.homeContent .left .collect{color: #51a2ff;padding: 10px 15px;cursor:pointer;}
.homeContent .left .collectAct{padding: 10px 15px;}
.homeContent .left .collect font{color: #51a2ff;padding-right: 5px;font-size: 20px;font-weight: bold;}

.homeContent .left .cate{width: 100%;line-height: 35px;height: 35px;padding: 0px 15px;cursor:pointer}
.homeContent .left .son{display: none;cursor:pointer}
.homeContent .left .sonAct{background: #f5f9ff;display: flex;}
.homeContent .left .parAct{background: #e0efff;color: #51a2ff;font-weight: bold;}
.homeContent .left .sonChecked{color: #51a2ff;}

.homeContent .right{width: calc(100% - 300px);height: 100%;padding:10px;}
.homeContent .right .searchBox{background: #fff;padding: 10px;}
.homeContent .right .searchBox .title{width: 80px;flex-shrink: 0;text-align: justify;text-align-last: justify;}
.homeContent .right .searchBox .tuichu2{display: none;}
.homeContent .right .searchBox div{line-height: 30px;}
.homeContent .right .searchBox input{line-height: 30px;border: 1px solid #dbdbdd;width: 350px;padding-left: 5px;}
.homeContent .right .searchBox button{line-height: 30px;padding:0 15px;background: #4098ff;color: #fff;border: 0;cursor:pointer;}

.homeContent .right .searchKey{background: #fff;padding: 10px 10px 0 10px;margin-top: 10px;}
.homeContent .right .searchKey .title{line-height: 30px;width: 80px;flex-shrink: 0;text-align: justify;text-align-last: justify;}
.homeContent .right .searchKey .key{flex-wrap: wrap;}
.homeContent .right .searchKey .key div{padding:0 10px;color: #acacad;border: 1px solid #acacad;line-height: 30px;margin:0 10px 10px 0;cursor:pointer;border-radius: 5px;}
.homeContent .right .searchKey .key .act{background: #3994ff;color: #fff;}

.homeContent .right .keyTrait{background: #fff;margin-top: 10px;}
.homeContent .right .keyTrait .title{line-height: 30px;width: 80px;flex-shrink: 0;text-align: justify;text-align-last: justify;}
.homeContent .right .keyTrait .key{flex-wrap: wrap;}
.homeContent .right .keyTrait .key div{padding:0 10px;color: #acacad;border: 1px solid #acacad;line-height: 30px;margin:0 10px 10px 0;cursor:pointer;border-radius: 5px;}
.homeContent .right .keyTrait .key .act{background: #3994ff;color: #fff;border: 0;}

.homeContent .right .caseBox{padding: 10px 0;flex-wrap: wrap;}
.homeContent .right .caseBox .case{
    width: 15%;height: 11vw;border-radius: 5%;margin: 0 .8% 10px .8%;overflow: hidden;position: relative;background-size: contain;background-position: center;box-shadow:0 5px 15px -10px #acacad;background-repeat:no-repeat;cursor: pointer;background-color: #fff;
}
.homeContent .right .caseBox .case .caseBg{
     position:absolute;left: 0;top: 0;width: 100%;height: calc(100% - 60px);background-repeat:no-repeat;background-size: contain;background-position: center;
}
.homeContent .right .caseBox .case .title *{font-size:12px;}
.homeContent .right .caseBox .case .title{
    position:absolute;left: 0;bottom: 0;background: #fff;line-height: 18px;width: 100%;padding: 10px;font-size: 12px;
}



.homeContent .right .pageBox{flex-wrap: wrap;}
.homeContent .right .pageBox div{cursor:pointer;}
.homeContent .right .pageBox .page{padding: 3px 8px;border: 1px solid #acacad;color: #000;margin: 5px;border-radius: 3px;background: #fff;}
.homeContent .right .pageBox .act{background: #3994ff;color: #fff;border: 1px solid #3994ff;}




.caseInfo{width: 1200px;margin: 0px auto 30px auto;}
.caseInfo .patientInfoBox{margin-top: 10px;background: #fff;box-shadow: 0px 2px 10px 0px #acacad;border-radius: 5px;padding: 10px;}
.caseInfo .patientInfoBox .titleBox div{background: #3994ff;color: #fff;font-size: 20px;padding: 8px 16px;border-radius: 6px;}
.caseInfo .patientInfoBox .patientInfo{padding: 15px 10px;}
.caseInfo .patientInfoBox .patientInfo .col{padding:0 10px;}
.caseInfo .patientInfoBox .patientInfo .col div{padding: 5px 0;}
.caseInfo .patientInfoBox .patientInfo .info{color: #a0a0a1;font-size: 14px;flex-shrink: 0;padding-left: 83px;}
.caseInfo .patientInfoBox .patientInfo .info font{color: #000;}

.caseInfo .patientInfoBox .patientInfo .xian{width: 1px;height: 80px;background: #a0a0a1;flex-shrink: 0;}

.caseInfo .patientInfoBox .patientInfo .liucheng{font-size: 14px;text-align: center;flex-shrink: 0;width:70%;}
.caseInfo .patientInfoBox .patientInfo .liucheng .item{padding:0 5px;}
.caseInfo .patientInfoBox .patientInfo .liucheng .date{color:#c8c7cb;padding-top: 40px;}
.caseInfo .patientInfoBox .patientInfo .liucheng .iconfont{color:#77b5fd;}
.caseInfo .patientInfoBox .patientInfo .liucheng .title{background: #77b5fd;color: #fff;}
.caseInfo .patientInfoBox .patientInfo .liucheng .lcBox .lcTitle{color: #a0a0a1;font-weight: bold;}
.caseInfo .patientInfoBox .patientInfo .liucheng .lcBox{white-space: pre-line;padding:0 10px;text-align:left;line-height:29px;width:30%;}
.caseInfo .patientInfoBox .patientInfo .liucheng .lcBox .abc{height:70px;overflow:scroll;overflow-x: hidden;}

.caseInfo .patientInfoBox .caseNavBox{background: #77b5fd;font-size: 14px;border-radius: 5px;}
.caseInfo .patientInfoBox .caseNavBox .col{width: 50%;color: #fff;line-height: 40px;}
.caseInfo .patientInfoBox .caseNavBox .caseMore{overflow-x: auto; scrollbar-width: none;-ms-overflow-style: none;}
/*::-webkit-scrollbar {*/
/*    display: none;*/
/*}*/
.caseInfo .patientInfoBox .caseNavBox .item{padding: 10px 15px;border-radius: 5px 0 0 5px;}
.caseInfo .patientInfoBox .caseNavBox .item2{padding: 10px 15px;border-radius:0;cursor: pointer;}
.caseInfo .patientInfoBox .caseNavBox .act{background: #4098ff;}
.caseInfo .patientInfoBox .caseNavBox .col font{font-size: 18px;}
.caseInfo .patientInfoBox .caseNavBox .col span{padding:0 3px;}
.caseInfo .patientInfoBox .caseNavBox .col .iconfont{padding-right:5px;}


.caseInfo .contentBox{border-radius: 5px;margin-top: 10px;box-shadow:0 2px 10px 0px #acacad;background: #fff;padding: 4px;}
.caseInfo .contentBox .title{font-size: 32px;font-weight: bold;color: #3994ff;}
.caseInfo .contentBox .xian{height: 3px;background: #f1f1f1;width: 100%;}
.caseInfo .contentBox .artXian{height: 100%;background: #3994ff;width: 50px;margin-top: 10px;}

.caseInfo .contentBox .contrastBox{width: 100%;padding: 4px;}
.caseInfo .contentBox .contrast2Box{background: #f6f6f6;}
.caseInfo .contentBox .contrastBox .date{padding: 15px 0;color: #707071;}
.caseInfo .contentBox .contrastBox .imgsItem{padding: 0px 10px;width: 20%;}
.caseInfo .contentBox .contrastBox .imgs{height: 70px;width: 100%;padding: 0px 0;cursor: pointer;}
.caseInfo .contentBox .contrastBox .imgTitle{padding-bottom: 5px;font-size:12px;}
.caseInfo .contentBox .contrastBox .imgsArt{border: 1px solid #4098ff;}
.caseInfo .contentBox .contrastBox .bg{background-image: url(img/loginBg.png);width: 100%;height: 100%;background-size: contain;background-position: center;background-repeat:no-repeat;}

.caseInfo .contentBox .contrastBox .imgBox{background-image: url(img/loginBg.png);width: 100%;height: 400px;background-size: contain;background-repeat:no-repeat;background-position: center;margin-top: 10px;background-repeat:no-repeat;}

.parameter{padding-top: 10px;}
.parameter table{width: 100%;text-align: center;}
.parameter table thead{background: #f5f9ff;line-height: 30px;}
.parameter table tbody{line-height: 30px;color: #929fb2;}
.parameter .plural{background: #f8f8f8;}

.parameter2{display: flex;justify-content: space-between;flex-wrap:wrap;background:#fff}
.parameter2 div{width: 50%;line-height:30px;padding-left:10px}


.ability{position: fixed;right: 0;top:50%;}
.ability .item .iconfont{font-size: 30px;}
.ability .item{padding:5px;background: #3994ff;color: #fff;text-align: center;border: 1px solid #fff;cursor: pointer;}

.showimg{width: auto;}
.showimg img{width: 70%;height: auto;max-height: 60%;}


.fanhui{font-size:26px !important;color:#fff;padding-top:35px;cursor: pointer;}








@media screen and (max-width: 740px){
    .caseInfo .patientInfoBox .patientInfo .liucheng .lcBox{white-space: pre-line;padding:0 5px 0 5px;text-align:left;line-height:22px;width:33%;}
    .fanhui{display:none}
    *{font-size: 12px;}
    .caseInfo .patientInfoBox .patientInfo .col{padding:0 5px;}
    .loginBg .homeHead{background: #3994ff;height: 50px;}
    .loginBg .homeHead .logo{background-position: 10px center;}
    .loginBg .homeHead .logo font{display: inline;font-size: 16px;color: #fff;}
    .loginBox{background: none;padding-right: 0;width: 100%;justify-content:center}
    .formBox{width:70%;background: #fff;padding:50px 30px;border-radius: 15px;}



    .index .homeHead{height: 50px;position: fixed;left: 0;top: 0;z-index: 1000;width: 100%;}
    .index .homeHead .title{display: inline;line-height: 50px;}
    .index .homeHead .tuichuBox .tuichu{display: none;}
    .index .homeHead .tuichuBox .iconfont{display: inline;text-align: center;color: #fff;font-size: 12px;padding:2px 5px;background: #77b5fd;border-radius: 5px;margin-left: 5px;word-break: keep-all;word-wrap: break-word;}
    .index .homeHead .tuichuBox .iconfont font{font-size: 18px;}


    .homeContent{margin-top: 50px;}
    .homeContent .left .leftL{width: 70%;float: left;background: #fff;}
    .homeContent .left .leftR{width: 30%;float: right;background: rgba(233, 235, 236, 0.3);}
    .homeContent .left{width: 100%;position: fixed;left: 0;top: 50px;height: calc(100% - 50px);z-index: 100;display: none;background: none;}
    .homeContent .left .userInfo{display: none;}
    .homeContent .left .collect{display: none;}

    .homeContent .right{width: 100%;padding: 0;}
    .homeContent .right .searchBox{display: block;}
    .homeContent .right .searchBox .title{display: none;}
    .homeContent .right .searchBox input{width: 70%;}
    .homeContent .right .searchBox .inputBox{display: flex;justify-content: center;width: 100%;}
    .homeContent .right .searchBox .inputBox button{padding: 0 10px;width: 20%;border-radius: 0 16px 16px 0;}
    .homeContent .right .searchBox input{padding: 0 10px;width: 70%;border-radius: 16px 0 0 16px;text-indent: 2em;background-image: url('img/search.png') ;background-size:auto 60%;background-position: 10px center;background-repeat: no-repeat;background-color: #f6f6f6;}
    .homeContent .right .searchBox .tuichu2{display: block;background: none;padding:0;color: #cac9cd;line-height: normal;font-size: 12px;font-weight: bold;padding-bottom: 10px;}
    .homeContent .right .searchBox .tuichu2 .iconfont{font-size: 12px;}    

    .homeContent .right .searchKey{margin-top: 0;}

    .homeContent .right .searchKey .key div{line-height: 22px;padding: 0 5px;}
    .homeContent .right .searchKey .title{line-height: 22px;width: 65px;}
    .homeContent .right .keyTrait .title{width: 65px;}
    .homeContent .right .keyTrait{margin-top: 0;}

    .homeContent .right .caseBox .case{width: 48%;height: 45vw;border-radius: 5px;box-shadow: none;background-color: #fff;}
    .homeContent .right .caseBox{justify-content: space-between;padding: 10px;}

    .homeContent .right .pageBox .page{font-size: 12px;margin: 2px;padding: 3px 5px;}
    


    .caseInfo{width: 95%;margin: 60px auto 30px auto;}
    /* .caseInfo .patientInfoBox{width: 100% !important;} */
    .caseInfo .patientInfoBox .titleBox div{display: none;}
    .caseInfo .patientInfoBox .patientInfo .info{width: 100%;}
    .caseInfo .patientInfoBox .patientInfo .liucheng{width: 100%;padding-top: 10px;}
    .caseInfo .patientInfoBox .patientInfo{display: block;padding: 10px 0;}
    .caseInfo .patientInfoBox .patientInfo .xian{display: none;}
    .caseInfo .patientInfoBox .patientInfo .liucheng .date{padding-top: 10px;}


    .caseInfo .patientInfoBox .caseNavBox .col font{font-size: 12px;}
    /* .caseInfo .patientInfoBox .caseNavBox .col font{display: none;} */
    .caseInfo .patientInfoBox .caseNavBox .item{padding:5px;}
    .caseInfo .patientInfoBox .caseNavBox .item2{padding:5px;}
    .caseInfo .patientInfoBox .caseNavBox .col{line-height: 40px;}

    .imgsNav{display: inline;}
    .caseInfo .contentBox .imgsNav .contrastBox{width: 100%;}
    .caseInfo .contentBox .contrastBox .imgsItem{padding: 0 2px;}
    .caseInfo .contentBox .contrastBox .imgs{height: 35px;}
    .caseInfo .contentBox .contrastBox .imgBox{height:40vw}

    .caseInfo .contentBox .contrastBox{width: 50%;}
    .parameter{overflow-x: scroll;}
    .parameter table{word-break: keep-all;word-wrap:break-word;}

    .layui-layer-phimg{padding: 5px;background: #fff;}
    .caseInfo .h5patientInfoBox{margin-top: 50px !important;}
}