#app {
    background: #F9F9F9;
}

.bg-img {
    width: 100%;
    height: 2.5rem;
    background: url(/images/common/kjg-bg.png) no-repeat 100% / cover;
    background-position: center;
    overflow: hidden;
}

.tabs {
    display: flex;
    font-size: .18rem;
    color: #333333;
}

.tabs .tabs-item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: .6rem;
    background-color: #F9F9F9;
    cursor: pointer;
}

.tabs .tabs-item:after {
    content: "";
    width: 0;
    position: absolute;
    bottom: -2px;
    left: 0;
    background: #2184FF;
    height: 3px;
    transition: all .5s ease;
}

.tabs .tabs-item:hover {
    color: #2184FF;
    background-color: #FFFFFF;
}

.tabs .tabs-item:hover:after {
    width: 100%;
}

.tabs .tabs-item-temp {
    color: #2184FF;
    background-color: #FFFFFF;
}

.tabs .tabs-item-temp:after {
    width: 100%;
}

.main .main-top {
    position: relative;
    padding-top: .83rem;
    width: 100%;
    background-color: #FFFFFF;
}

.head-pic {
    display: flex;
    position: absolute;
    top: -.55rem;
    left: 50%;
    margin-left: -.55rem;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, .278);
    background-color: #FFFFFF;
    box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .3);
}

.head-pic img {
    width: 1.1rem;
    height: 1.1rem;
    border-radius: 50%;
}

.main-top p {
    margin-bottom: .8rem;
    text-align: center;
    font-size: .2rem;
    color: #000000;
}

.tabs_box {
    display: flex;
    /* justify-content: space-between; */
}

.zyz {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: .36rem;
    font-size: .18rem;
    color: #FFFFFF;
    background-color: #65AEFF;
    border: 1px solid #66ADFF;
    border-radius: 6px;
    cursor: pointer;
}

.zyz img {
    margin-right: .06rem;
    width: .21rem;
    height: .18rem;
}

.temp-margin-top {
    margin-top: .78rem !important;
}

.main-bottom {
    position: relative;
    margin: .31rem 0 1.22rem 0;
    padding: .25rem .5rem;
    background-color: #FFFFFF;
}

.main-bottom .btn-box {
    display: flex;
    margin-bottom: .18rem;
}

.main-bottom .btn-box .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .19rem;
    width: .9rem;
    height: .36rem;
    font-size: .16rem;
    color: #66AEFF;
    border: 1px solid #66ADFF;
    background-color: #FFFFFF;
    border-radius: 6px;
    cursor: pointer;
}

.main-bottom .btn-box .btn:hover {
    color: #FFFFFF !important;
    background-color: #66ADFF !important;
}

.main-bottom .btn-box .temp-btn {
    color: #FFFFFF !important;
    background-color: #66ADFF !important;
}

.r-footer {
    box-sizing: border-box;
    padding-top: .4rem;
    text-align: end;
}

.qr-code {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .68rem;
    height: .26rem;
    color: #65ADFF;
    font-size: .14rem;
    border: 1px solid #65ADFF;
    border-radius: 6px;
    cursor: pointer;
}

.btn-message-box {
    display: flex;
    justify-content: flex-end;
    margin-bottom: .23rem;
    width: 100%;
}

.btn-message-box .btn-text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.4rem;
    height: .36rem;
    font-size: .18rem;
    color: #FFFFFF;
    background: #65ADFF;
    border: 1px solid #65ADFF;
    border-radius: 6px;
    cursor: pointer;
}

.my-message-box {
    margin-bottom: .3rem;
    padding: .3rem .5rem;
    font-size: .16rem;
    letter-spacing: .25em;
    color: #555555;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 0px 5px 15px 0px rgba(14, 4, 7, 0.05);
    border-radius: 6px 6px 6px 6px;
}

.my-messaget-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .26rem;
    font-size: .14rem;
    color: #999999;
}

.my-messaget-top .left {
    display: flex;
    align-items: center;
}

.my-messaget-top .left img {
    margin-right: .1rem;
    width: .22rem;
    height: .2rem;
    border-radius: 50%;
}

.my-messaget-top .left .name {
    color: #6290E2;
}

.my-messaget-top .right {
    display: flex;
    justify-content: center;
    align-items: center;
    width: .5rem;
    height: .32rem;
    font-size: .12rem;
    color: #959595;
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-shadow: 3px 4px 15px 0px rgba(0, 0, 0, 0.05);
    border-radius: 6px;
    cursor: pointer;
}

.my-messaget-text {
    text-indent: 2em;
    line-height: .2rem;
    text-align: justify;
    word-wrap: break-word !important;
    word-break: normal;
    font-family: SimSun;
}

.release {
    display: flex;
    justify-content: center;
    margin: .8rem 0 2.5rem 0;
    width: 100%;
}

.release div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.6rem;
    height: .5rem;
    font-size: .18rem;
    color: #FFFFFF;
    background: #6290E2;
    border-radius: 6px;
    cursor: pointer;
}

.vip-title {
    position: absolute;
    top: -.3rem;
    right: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: -1.46rem;
    width: 2.92rem;
    height: .6rem;
    font-size: .2rem;
    color: #2184FF;
    background: url(/images/common/vipbg.png) no-repeat 100% / cover;
    background-position: center;
}

.line {
    height: .03rem;
    margin: .77rem 0 .82rem 0;
    background: #2184FF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
}

.info-main {
    font-size: .18rem;
    color: #555555;
}

.info-main .title {
    display: flex;
    align-items: center;
}

.info-main .title .num {
    margin-right: .2rem;
    width: .24rem;
    height: .24rem;
    text-align: center;
    font-size: .2rem;
    font-family: YouSheBiaoTiHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: .24rem;
    background: #0C9DF6;
}

.info-main .title h3 {
    font-size: .2rem;
    color: #555555;
    font-weight: bold;
}

.info-main .row-margin {
    margin-top: .5rem;
}

.info-main .row1 {
    display: flex;
    align-items: center;
}

.info-main .row1 .item {
    flex: 1;
    display: flex;
    align-items: center;
    margin-right: .3rem;
    font-size: .18rem;
    color: #555555;
}


/* .row1 .item .el-range-editor.el-input__inner{
    width: 4.1rem !important;
} */

.info-main .row1 .item span {
    white-space: nowrap;
}

.info-main .row1 .item .el-select {
    width: 100%;
}

.my_lable {
    display: flex;
}

@media (max-width: 850px) {
    .info-main .row1 {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .info-main .row1 .item {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: .15rem;
    }
    .my_lable {
        width: 1.5rem;
    }
    .info-main .row1 .item .el-input {
        width: calc(100% - 1.5rem);
    }
    .info-main .row1 .item .el-select {
        width: calc(100% - 1.5rem);
    }
    .el-select .el-input {
        width: 100% !important;
    }
}

.info-main .log {
    margin-right: .02rem;
    color: #f33b45;
}

.submit-box {
    display: flex;
    justify-content: center;
    margin-top: 1.46rem;
}

.submit-box div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: .56rem;
    font-size: .24rem;
    color: #FFFFFF;
    background: #2184FF;
    border-radius: 6px;
    cursor: pointer;
}

.hide {
    display: block;
}

.hide /deep/ .el-upload--picture-card {
    display: none;
}

.hide .el-upload--picture-card {
    display: none !important;
}

.header-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .14rem;
    color: #fff;
}

.login-info {
    font-size: .18rem;
}

.logout {
    margin-left: .05rem;
    font-size: .18rem;
    color: #04bdf5;
    cursor: pointer;
}

.el-time-panel__footer {
    display: flex;
    justify-content: flex-end;
}

.el-table__header-wrapper table {
    width: 100% !important;
}

.el-table__body-wrapper table {
    width: 100% !important;
}

.code_box .el-dialog {
    /* width: 4.8rem !important; */
    width: 380px !important;
    height: 480px !important;
    /* background: url(/images/common/codebg.png) no-repeat 100% / cover; */
    background-image: url(/images/common/codebg.png);
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}


/* .el-dialog__header {
    padding: 0 !important;
} */

.code_text {
    /* padding: 10px 0 20px 0;
    text-align: center;
    font-size: .28rem; */
    margin-top: 92px;
    margin-bottom: 19px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #333333;
}


/* .download_code {
    padding: .18rem 0;
} */

.download_code_btn {
    padding: 12px 0;
    cursor: pointer;
    color: #5A96E3;
    -webkit-appearance: none;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: .1s;
    transition: .1s;
    font-weight: 500;
    font-size: 16px;
}