.nav a:hover,
.navon.active a {
    /* background: url(../images/iae_navon.png) center bottom no-repeat; */
}

.navon:hover,
.navon.active {
    background-color: #016eb3;
}

.main .title {
    border-bottom: solid 2px #016eb3;
    color: #666;
}

.main .title h2 {
    border-bottom: solid 6px #016eb3;
    color: #316aaf;
}

.ill-introduce {
    overflow: hidden;
    margin-bottom: 32px;
}

.L-logo {
    margin-right: 40px;
    float: left;
}

.R-des {
    width: 774px;
    float: left;
    font-size: 22px;
    font-family: "SourceHanSansCN";
    color: rgb(102, 102, 102);
    line-height: 1.6;
    text-indent: 44px;
}

.bottom-text {
    text-align: right;
}

.cases-list {
    margin-top: 20px;
    overflow: hidden;
    margin-bottom: 30px;
}

.item-li-harf {
    width: 50%;
    float: left;
}

.item-li-harf ul li {
    position: relative;
    padding-left: 10px;
    font-size: 18px;
    font-family: "SourceHanSansCN";
    line-height: 1.667;
}

.item-li-harf ul li::before {
    position: absolute;
    content: '*';
    top: 70%;
    transform: translate(0, -50%);
    left: 0;
    color: #316aaf
}

.Up-Modules {
    margin-top: 10px;
    margin-bottom: 100px;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
}

.item-li {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    cursor: pointer;
}

.Click-upload {
    height: 45px;
    background-color: #016eb3;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    padding: 0 90px;
    margin-right: 60px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    font-size: 22px;
}

.Case-template {
    height: 45px;
    background-color: #016eb3;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    padding: 0 90px;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    font-size: 22px;
}

.cheak-view {
    margin-top: 10px;
    width: 260px;
    text-align: center;
}

.layer {
    position: absolute;
    top: 55%;
    left: 50%;
    background: url(../images/layer-bg.png) no-repeat;
    width: 800px;
    height: 1100px;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
}

.the-whole-line {
    position: relative;
}

.layer-title {
    text-align: center;
    margin: 92px 0 30px 0;
    color: #016eb3;
    font-size: 30px;
}

.middle-content {
    padding: 0 136px;
}

.from-list {
    margin-bottom: 76px;
}

.from-list-li {
    width: 100%;
    height: 50px;
    border: 2px solid #016eb3;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 16px;
}

.from-list-li input {
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    padding: 0 20px;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #016eb3;
}

input:-ms-input-placeholder {
    /* IE 10+ */
    color: #016eb3;
}

input:-moz-placeholder {
    /* Firefox 18- */
    color: #016eb3;
    opacity: 1;
}

input::-moz-placeholder {
    /* Firefox 19+ */
    color: #016eb3;
    opacity: 1;
}

input::placeholder {
    color: #016eb3;
    opacity: 1;
}

input:-ms-input-placeholder {
    /* IE 10+ */
    color: #016eb3;
}

.from-list-textarea {
    width: 100%;
    border: 2px solid #016eb3;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 16px;
}

.from-list-textarea textarea {
    width: 100%;
    height: 100%;
    outline: none;
    border: 0;
    padding: 10px 20px;
    box-sizing: border-box;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0;
    resize: none;
}

.upload {
    width: 320px;
    height: 45px;
    background-color: #016eb3;
    line-height: 45px;
    text-align: center;
    color: #ffffff;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    cursor: pointer;
    font-size: 22px;
    margin: 0 auto;
    margin-bottom: 20px;
}

.layer {
    display: none;
}

.closepage {
    position: absolute;
    right: 20px;
    top: 20px;
    cursor: pointer;
}

.layer-agree {
    position: absolute;
    top: 55%;
    left: 50%;
    background: url(../images/layer-bg.png) no-repeat;
    width: 800px;
    height: 1100px;
    transform: translate(-50%, -50%);
    background-size: 100% 100%;
    display: none;
}

.from-list-p {
    text-indent: 44px;
    font-size: 22px;
    font-family: "Adobe Heiti Std";
    color: rgb(102, 102, 102);
    line-height: 1.818;
    text-align: justifyLeft;
    text-indent: 44px;
}

.agree-upload {
    width: 320px;
    margin: 0 auto;
    text-align: center;
    position: relative;
    margin-bottom: 10px;
    cursor: pointer;
}

.Checkbox {
    position: absolute;
    left: 12px;
    top: 9px;
    opacity: 0;
    cursor: pointer;
}

.Checkbox+label {
    position: absolute;
    width: 15px;
    height: 15px;
    border: 1px solid #016eb3;
    border-radius: 50%;
    background-color: #ffffff;
    left: 9px;
    z-index: -1;
    top: 6px;
    cursor: pointer;
}

.Checkbox:checked+label:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 2px;
    width: 9px;
    height: 4px;
    border: 2px solid #016eb3;
    border-top-color: transparent;
    border-right-color: transparent;
    transform: rotate(-45deg);
    -ms-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
}

.left-img {
    width: 160px;
    height: 160px;
    margin-right: 20px;
    float: left;
}

.left-img img {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.item-li-item .right-des {
    width: 332px;
    float: left;
    box-sizing: border-box;
}

.metting-title {
    font-size: 26px;
    color: rgb(51, 51, 51);
    line-height: 1.154;
    margin-bottom: 18px;
    text-align: justify;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}

.digest {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    /*超出3行部分显示省略号，去掉该属性 显示全部*/
    -webkit-box-orient: vertical;
}

.item-li-harf .item-li-item {
    overflow: hidden;
}

.item-li-item .right-des {
    width: 272px;
    float: left;
    padding-right: 60px!important;
    box-sizing: border-box;
}

.item-li-item .right-des:nth-child(2n) {
    width: 272px;
    float: left;
    padding-right: 0px!important;
    box-sizing: border-box;
}

.item-li-item {
    overflow: hidden;
    margin-bottom: 20px;
}

.item-li-harf-item {
    overflow: hidden;
    width: 470px;
    display: inline-block;
}

.cases-list-list {
    margin-top: 29px;
}

.item-li-item:nth-child(2n) {
    overflow: hidden;
    box-sizing: border-box;
}

.item-li-harf-item:nth-child(2n) {
    margin-left: 78px !important;
}

@media only screen and (max-width:450px) {
    html,
    body {
        height: 100%
    }
    .page {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 2000
    }
    .content {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
    .page,
    .page-group {
        box-sizing: border-box;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        display: none;
        overflow: hidden;
    }
    .page.page-current,
    .page-group.page-current,
    .page.page-visible,
    .page-group.page-visible,
    .page.page-from-center-to-left,
    .page-group.page-from-center-to-left,
    .page.page-from-center-to-right,
    .page-group.page-from-center-to-right,
    .page.page-from-right-to-center,
    .page-group.page-from-right-to-center,
    .page.page-from-left-to-center,
    .page-group.page-from-left-to-center {
        display: block;
    }
    .page.page-current,
    .page-group.page-current {
        overflow: hidden;
    }
    .page-group {
        display: block
    }
    .index {
        width: 100%
    }
    .contentblock {
        width: 90%
    }
    .navon,
    .nav {
        height: .6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .28rem
    }
    .nav a {
        padding: .25rem 0
    }
    .main {
        margin: .4rem auto
    }
    .main .title h2 {
        font-size: .32rem
    }
    .con .desc .desctitle {
        height: auto;
        font-size: .28rem
    }
    .con .itemlist,
    .livecon .itemlist {
        display: block;
        width: 100%
    }
    .con .itemlist:nth-child(even) {
        margin: 0
    }
    .livecon .thumb {
        height: 3.5rem
    }
    .livecon .thumb img {
        width: 100%;
        height: 100%
    }
    .livecon .playbtn {
        font-size: .35rem
    }
    .livecon .playbtn img {
        width: auto;
        height: auto
    }
    .livecon .intro .text {
        font-size: .25rem
    }
    .livecon .intro {
        display: flex;
        justify-content: space-between;
    }
    .livecon .intro .text {
        width: 80%
    }
    .pbanner {
        display: none
    }
    .mbanner {
        display: block
    }
    .livecon .intro {
        padding: .25rem
    }
    .con .thumb {
        width: 2.2rem
    }
    .con .desc {
        margin-left: 2.3rem;
        margin-right: .1rem;
        font-size: .25rem
    }
    .con .desc p {
        margin: .1rem 0
    }
    .con {
        margin: .4rem auto
    }
    .layui-layer-dialog {
        width: 85%;
    }
    .livecon .intro .ewm {
        width: 40%;
    }
    /* //实践病例 */
    .ill-introduce {
        display: flex;
    }
    .L-logo {
        width: 1.46rem;
        height: 1.46rem;
        margin-right: .2rem !important;
    }
    .L-logo .mbanner {
        height: 100%;
        display: block;
    }
    .R-des {
        width: 80% !important;
        text-indent: 0 !important;
    }
    .R-des .des-p {
        font-size: .24rem;
        font-family: "SourceHanSansCN";
        color: rgb(102, 102, 102);
    }
    .bottom-text {
        font-size: .24rem;
        font-family: "SourceHanSansCN";
        color: rgb(102, 102, 102);
    }
    .item-li-harf {
        width: 100% !important;
    }
    .item-li-harf ul li {
        position: relative;
        font-size: .24rem !important;
        font-family: "Adobe Heiti Std";
        color: rgb(102, 102, 102);
        text-align: left;
    }
    .item-li-harf ul li::before {
        position: absolute;
        content: '*';
        top: 50% !important;
        transform: translate(0, -50%);
        left: 0;
        color: #316aaf;
    }
    .Click-upload {
        width: 2rem;
        line-height: inherit !important;
        height: inherit !important;
        background-color: #016eb3;
        text-align: center;
        color: #ffffff;
        margin-right: inherit !important;
        padding: 0 .2rem !important;
        border-top-left-radius: .1rem !important;
        border-bottom-right-radius: .1rem !important;
        cursor: pointer;
        font-size: .22rem !important;
    }
    .Case-template {
        line-height: inherit !important;
        height: inherit !important;
        background-color: #016eb3;
        text-align: center;
        color: #ffffff;
        margin-right: inherit !important;
        padding: 0 .2rem !important;
        border-top-left-radius: .1rem !important;
        border-bottom-right-radius: .1rem !important;
        cursor: pointer;
        font-size: .22rem !important;
        width: 2rem
    }
    .cheak-view {
        font-size: .22rem;
        margin-top: .1rem;
        width: inherit!important;
        text-align: center;
    }
    .Up-Modules {
        margin-bottom: .3rem;
        display: -webkit-flex;
        display: flex;
        justify-content: space-around;
        -webkit-justify-content: space-around;
        justify-content: space-around;
    }
    .item-li-item {
        overflow: hidden;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .item-li-harf-item {
        float: inherit;
        overflow: hidden;
        width: inherit;
        display: block;
    }
    .item-li-harf-item:nth-child(2n) {
        margin-left: 0 !important;
        float: inherit;
        padding-right: inherit;
    }
    .item-li-item .right-des:nth-child(2n) {
        float: right;
        width: 73% !important;
        flex: 1;
    }
    .left-img {
        width: 1.4rem;
        height: 1.4rem;
        margin-right: 0.2rem;
    }
    .right-des {
        float: right;
        width: 73% !important;
        flex: 1;
    }
    .metting-title {
        font-size: 0.28rem;
        font-family: "Adobe Heiti Std";
        color: rgb(51, 51, 51);
        margin-bottom: 0.18rem;
        font-weight: 700;
    }
    .digest {
        font-size: .28rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }
    .layer-agree {
        position: absolute;
        top: 55%;
        left: 50%;
        background: url(../images/layer-bg.png) no-repeat;
        width: 90%;
        height: 9.28rem;
        transform: translate(-50%, -50%);
        background-size: 100% 100%;
        display: none;
        overflow: auto;
    }
    .layer-title {
        margin: .4rem 0 .3rem 0;
        font-size: .28rem;
        font-family: "SourceHanSansCN";
        color: rgb(1, 110, 179);
    }
    .middle-content {
        padding: 0 .5rem;
    }
    .from-list-p {
        text-indent: .44rem;
        font-size: .22rem;
        font-family: "SourceHanSansCN";
        color: rgb(102, 102, 102);
    }
    .agree-upload {
        width: inherit;
        margin: 0 auto;
        position: relative;
        margin-bottom: 0.1rem;
        cursor: pointer;
        font-size: .22rem;
        padding-left: 0.5rem;
        margin-left: 1rem;
        text-align: inherit;
    }
    .Checkbox {
        position: absolute;
        left: 1px;
        top: 2px;
        opacity: 0;
        cursor: pointer;
    }
    .Checkbox+label {
        position: absolute;
        width: 15px;
        height: 15px;
        border: 1px solid #016eb3;
        border-radius: 50%;
        background-color: #ffffff;
        left: 0;
        z-index: -1;
        top: 0px;
        cursor: pointer;
    }
    .upload {
        height: inherit;
        line-height: inherit;
        width: inherit;
        background-color: #016eb3;
        text-align: center;
        color: #ffffff;
        border-top-left-radius: .1rem;
        border-bottom-right-radius: .1rem;
        cursor: pointer;
        font-size: .22rem;
        margin: 0 auto;
        margin-bottom: .2rem;
    }
    .from-list {
        margin-bottom: .2rem;
    }
    .layer {
        position: absolute;
        top: 55%;
        left: 50%;
        background: url(../images/layer-bg.png) no-repeat;
        width: 90%;
        height: 9.28rem;
        transform: translate(-50%, -50%);
        background-size: 100% 100%;
        display: none;
        overflow: auto;
    }
    .from-list-li {
        width: 100%;
        height: .6rem;
        border: .02rem solid #016eb3;
        box-sizing: border-box;
        border-top-left-radius: .1rem;
        border-bottom-right-radius: .1rem;
        margin-bottom: .16rem;
        box-sizing: border-box;
        font-size: .32rem;
    }
    .from-list-li input {
        width: 100%;
        height: 100%;
        outline: none;
        border: 0;
        padding: 0 .2rem;
        box-sizing: border-box;
        border-top-left-radius: .1rem;
        border-bottom-right-radius: .1rem;
        font-size: .32rem;
    }
    .from-list-textarea {
        width: 100%;
        border: .02rem solid #016eb3;
        box-sizing: border-box;
        border-top-left-radius: .01rem;
        border-bottom-right-radius: .01rem;
        margin-bottom: .16rem;
        font-size: .32rem;
    }
    .from-list-textarea textarea {
        width: 100%;
        height: 100%;
        outline: none;
        border: 0;
        padding: .1rem .2rem;
        box-sizing: border-box;
        border-top-left-radius: .01rem;
        border-bottom-right-radius: .01rem;
        margin: 0;
        resize: none;
        font-size: .32rem;
    }
}

@media (device-height:568px) and (-webkit-min-device-pixel-ratio:2) {
    /* 兼容iphone5 */
    .agree-upload {
        margin-left: 0.5rem;
    }
    .closepage {
        position: absolute;
        right: 6px;
        top: 20px;
        cursor: pointer;
    }
}