@charset "utf-8";

@font-face {
    font-family: "SourceHanSansCN-Regular";
    src: url(../fonts/SourceHanSansCN-Regular.otf);
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: "SourceHanSansCN-Regular" !important;
}


/* 公共样式  start*/

.hdbox {
    display: flex;
    justify-content: space-between;
   /* padding: 0 0 .25rem 0;*/
}

.logo a {
    display: block;
}

.logo a img {
    display: block;
    max-width: 100%;
    height: 0.56rem;
}

/* 顶部角色 */
.role {
    display: flex;
    align-items: center;
}

.role li {
    position: relative;
    margin-left: .1rem;
    padding-left: .1rem;
}

.role li:nth-child(1) {
    margin-left: 0;
    padding-left: 0;
}


.role li::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    border-left: 1px solid #DAE0F2;
    height: 0.14rem;
}

.role li:nth-child(1):after {
    display: none;
}
.role li:nth-child(1) a{
    padding-left:0;
}

.role li a {
    display: block;
    position: relative;
    z-index: 9;
    padding: 0 .3rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .41rem;
    color: #3A3F63;
    display: flex;
    align-items: center;
}

.role li a input{
    margin-right:0.05rem;
    width: .13rem;
    display: block;
}

.role li a::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.21rem;
    opacity: 1;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.role li a:hover {
    color: #0397FB;
}

.role li.on::before {
    display: none;
}

.role li.on a::before {
    border: 1px solid #81A5FD;
}

.role li.on a {
    color: #0397FB;
}


.userstatus {
    display: flex;
    align-items: center;
}

.userstatus .userimg {
    width: .4rem;
    height: 0.4rem;
    border-radius: 50%;
    overflow: hidden;
}

.userstatus .userimg .pic {
    padding-top: 100%;
}

.userstatus .username {
    margin: 0 .1rem;
}

.userstatus .username p {
    font-size: .18rem;
    line-height: .3rem;
    color: #333;
}

.userstatus .userout a {
    display: block;
    height: 0.3rem;
    background: url(../images/out.png) no-repeat;
    background-position: left center;
    background-size: .2rem auto;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    padding-left: .28rem;
    margin-left: .3rem;
}


.userstatus .userout a:hover {
    background: url(../images/out-h.png) no-repeat;
    background-position: left center;
    background-size: .2rem auto;
}


.userstatus .go_index{
    position:relative;
    margin-left.25rem;
    padding-left:.25rem;
    margin-left: .25rem;
}

.userstatus .go_index:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    transform:translateY(-50%);
    width:1px ;
    height:.14rem;
    background:#C8D2EF;
}
.userstatus .go_index a{
    display: flex;
    align-items: center;
    padding-left: .25rem;
    background: url(../images/gohome.png) no-repeat;
    background-position: left center;
    background-size: .2rem auto;
}
.userstatus .go_index a:hover {
    background: url(../images/gohome-h.png) no-repeat;
    background-position: left center;
    background-size: .2rem auto;
}

/* 表单样式 */

.form-box {
    width: 100%;
}

.input-block {
    margin-top: .15rem;
}

.home-js .input-block {
    margin-top: 0.26rem;
}

.input-block.input-block-ntop {
    margin-top: 0;
}

.input-block:nth-child(1) {
    margin-top: 0;
}

.input-item-tit {
    display: flex;
    align-items: flex-start;
    margin-bottom: .1rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .2rem;
}

.home-js .input-item-tit {
    flex-wrap: wrap;
}

.home-js .input-item-tit>p {
    width: 100%;
    font-size: 0.12rem;
    font-weight: 400;
    margin-top: 0.05rem;
    color: #3A3F63;
}

.input-item-tit span {
    color: #3A3F63;
}

.input-item-tit sup {
    color: #DE1010;
}

.input-item-block {
    position: relative;
    /* z-index: 1; */
}

.input-item-block::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 0.06rem;
    border: 1px solid #DAE0F2;
    z-index: 0;
    transition: all 0.5s;
    pointer-events: none;
}

.input-item-block:hover::before {
    border: 1px solid #0397FB;
}

.input-item-block input {
    display: block;
    width: 100%;
    padding: 0 .2rem;
    position: relative;
    z-index: 9;
    font-size: .16rem;
    line-height: .54rem;
    height: 0.54rem;
    color: #3A3F63;
    background: none;
    border: none;
}

.input-item-block input::placeholder {
    color: rgb(51, 51, 51, .4);
}

.input-item-group {
    display: flex;
    align-items: center;
}

.input-item-group .input-item-block {
    flex: 1;
    min-width: 0;
}

.input-item-yzm {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: .2rem;
    width: 1.08rem;
    height: 0.54rem;
}

.input-item-yzm::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #DAE0F2;
    border-radius: 0.06rem;
    z-index: 1;
}

.input-item-yzm img {
    max-width: 90%;
    max-height: 90%;
}

.input-item-update {
    margin-left: .2rem;
}

.input-item-update a {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .54rem;
    color: #3A3F63;
}

.input-links {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.input-links-end {
    justify-content: flex-end;
}

.input-links a {
    display: block;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .2rem;
    color: #3A3F63;
}

.input-links a:hover {
    color: #0397FB;
}

.input-item-btn {
    margin-top: .45rem;
}

.input-item-btn-ntop {
    margin-top: 0;
}

.input-item-btn input {
    display: block;
    border-radius: 0.27rem;
    opacity: 1;
    background: linear-gradient(90deg, #0E9EE6 1%, #1A89D5 100%);
    box-shadow: 0px 0.02rem 0.25rem 0px rgba(3, 151, 251, 0.2278);
    width: 2.4rem;
    height: 0.54rem;
    font-size: 0.18rem;
    font-weight: normal;
    line-height: normal;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.5s;
}

.input-item-btn input:hover {
    opacity: .85;
    box-shadow: .1rem 0.15rem 0.25rem 0px rgba(3, 151, 251, 0.3278);
}


.input-items {
    display: flex;
    justify-content: space-between;
}

.input-items>.input-item {
    width: 48%;
    margin-top: 0;
}

.input-item-sendyzm {
    margin-left: .2rem;
}

.input-item-sendyzm input {
    min-width: 2.5rem;
    padding: 0 .2rem;
    height: 0.54rem;
    border-radius: 0.06rem;
    background: rgba(3, 151, 251, .5986);
    transition: all 0.5s;
    cursor: pointer;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: normal;
    color: #FFFEFE;
}

.input-item-sendyzm input:hover {
    background: rgba(3, 151, 251, .7986);
}

.upload-file {
    padding: .1rem .2rem .2rem .2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 9;
}

.upload-file img{max-width:100%;}

.upload-file button {
    border-radius: 0.02rem;
    opacity: 1;
    background: #EFEFEF;
    min-width: 1.05rem;
    height: 0.4rem;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: normal;
    text-align: center;
    color: #000000;
    margin-right: .2rem;
}

.upload-file button:hover {
    color: #0E9EE6;
}

.upload-file p {
    flex: 1;
    min-width: 0;
    font-size: 0.16rem;
    font-weight: normal;
    line-height: .24rem;
    color: rgba(51, 51, 51, .4);
}

.upload-file h6 {
    width: 100%;
    font-size: 0.14rem;
    font-weight: normal;
    line-height: .2rem;
    color: #0397FB;
    margin-top: .1rem;
}

.input-small .input-item-block input {
    line-height: .39rem;
    height: 0.39rem;
}

.input-small .input-item-sendyzm input {
    min-width: 1.38rem;
    font-size: .14rem;
    height: .39rem;
}

.input-small .input-item-block .layui-form-select dl {
    top: .39rem;
}

.input-small .input-item-block .layui-form-selectup dl {
    top: auto;
    bottom: .39rem;
}

.input-small .input-item-block .layui-form-select dl dd,
.input-small .input-item-block .layui-form-select dl dt {
    font-size: .14rem;
    line-height: .3rem;
}

/* layui 样式更新 */
.input-item-block .layui-form-select dl {
    top: .54rem;
}

.input-item-block .layui-form-selectup dl {
    top: auto;
    bottom: .54rem;
}

.input-item-block .layui-form-select dl dd,
.input-item-block .layui-form-select dl dt {
    line-height: .36rem;
    font-size: .16rem;
}

.input-item-block .layui-form-select .layui-input {
    padding-right: .3rem;
}

.input-item-block .layui-input.layui-date {
    padding-right: .3rem;
    background: url(../images/icon-date.png) no-repeat;
    background-position: calc(100% - .1rem) center;
    background-size: .2rem;
}

.input-item-block .layui-textarea {
    position: relative;
    z-index: 9;
    border: none;
    background: none;
    font-size: .16rem;
    line-height: .26rem;
    resize: none;
    padding: .1rem .2rem;
}

.input-item-block .layui-textarea::placeholder {
    color: rgb(51, 51, 51, .4);
    line-height: .26rem;
}

.input-item-block .fxk {
    padding: 0.2rem;
    position: relative;
    z-index: 2;
}

.input-item-block .fxk p {
    margin-top: 0.1rem;
}

.input-item-block .fxk p:first-child {
    margin-top: 0;
}

.input-item-block .layui-form-checkbox[lay-skin=primary] span {
    font-size: 0.16rem;
    color: rgb(51, 51, 51, .4);
    white-space: pre-wrap;
}


@media screen and (max-width: 1024px) {
    .role li a {
        padding: 0 .2rem;
        line-height: .32rem;
    }

    .input-item-block input {
        line-height: .39rem;
        height: 0.39rem;
    }

    .home-js .input-item-tit>p {
        font-size: 12px;
    }

    .userstatus{
        flex-wrap:wrap;
        justify-content:flex-end;
    }
    .userstatus .username{
    margin-right: 0;
    }
    .userout,.go_index{
        /* width:100%; */
        display:flex;
        justify-content:flex-end;
        margin-left: 0 !important;
    }
    .userstatus .go_index:before{
        display:none;
    }
    .userstatus .userout a{
        margin-left:0.1rem;
    }
}

@media screen and (max-width: 768px) {
    .hdbox {
        /* display: block; */
        padding: .15rem 0;
    }

    .logo {
        /* margin-bottom: .2rem; */
    }

    .role {
        justify-content: space-between;
    }

    .role li {
        margin-left: .1rem;
        padding-left: 0;
    }

    .role li::after {
        content: none;
    }

    .role li a {
        padding: 0;
    }

    .role li.on a {
        padding: 0 .2rem;
    }

    .input-item-yzm {
        width: 1rem;
        height: 0.39rem;
        margin-left: .1rem;
    }

    .input-item-update {
        margin-left: .1rem;
    }

    .input-item-update a {
        line-height: .39rem;
    }


    .input-items {
        display: block;
    }

    .input-items>.input-item {
        width: auto;
    }

    .input-items>.input-item+.input-item {
        margin-top: .15rem;
    }

    .input-item-btn {
        margin-top: .25rem;
    }

    .input-item-btn input {
        width: 100%;
        height: .45rem;
    }

    .input-item-btn-ntop {
        margin-top: .25rem;
    }

}