.flex{
    display: flex;
    margin:30px auto;
    flex-wrap: wrap;
    border:1px solid #eee;
    border-radius: 5px;
    padding:25px;
    max-width: 1240px;
}
.flex-left{
    width:30%;
}
.flex-right{
    width:70%;
    position: relative;
}
.cover {
    padding:15px;
    border:1px solid #eee;
}
.cover img{
    display: block;
    max-width: 100%;
}

.myform{
    width:100%;
    border-radius: 5px;
    overflow: hidden;
}
.myform .title{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 15px;
    color:#fff;
    padding:10px 20px;
    background-color: var(--theme_active);
}
.myform .form{
    max-width: 700px;
}
.myform .defVal{
    height: 38px;
    display: flex;
    align-items: center;
}
.myform .defVal a{
    display: block;
    margin-left:15px;
    color: #f60;
}
.myform .defVal a .iconfont{
    font-size:13px;
}
.myform .defVal a:hover{
    text-decoration: underline;
}
.myform .layui-btn{
    background-color:#f60;
}

.tip{
    padding:20px;
    border-radius: 5px;
    border:1px solid #eee;
    width:100%;
    box-sizing: border-box;
}
.tip .title{
    font-weight: 700;
    margin-bottom: 5px;
    font-size:16px;
}
.tip p{
    color:red;
    margin-top:5px;
}


.flex-right-footer{
    display: flex;
    align-items: center;
    padding-top:30px;
}

.xcxEwm{
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #eee;
    margin-left:15px;
    flex-shrink: 0;
    display: none;
}
.xcxEwm img{
    display: block;
    width:120px;
    height: 120px;
}
.xcxEwm .name{
    text-align: center;
    padding-top:5px;
}