
.statuslist{
    width: 100%;
    display: flex;
    text-align: center;
}
.statuslist .statusitem img{
    height: 100px;
}
.statuslist .statusitem{
    width: 100%;
    position: relative;
}
.statuslist .statusitem.item1::after,.statuslist .statusitem.item2::before,.statuslist .statusitem.item3::after{
    content: '';
    position: absolute;
    width: 38%;
    height: 5px;
    top: 45%;
    right: 0;
    transform: translateY(-50%);
    background-color: #cccccc;
}
.statuslist .statusitem.item2::after,.statuslist .statusitem.item3::before,.statuslist .statusitem.item4::after{
    content: '';
    position: absolute;
    width: 38%;
    height: 5px;
    top: 45%;
    left: 0;
    transform: translateY(-50%);
    background-color: #cccccc;
}
.statuslist .statusitem.item1.active::after,.statuslist .statusitem.item2.active::before,.statuslist .statusitem.item3.active::after,
.statuslist .statusitem.item2.active::after,.statuslist .statusitem.item3.active::before,.statuslist .statusitem.item4.active::after{
    background-color: #1f00a1;
}
.statuslist .statusitem.active p{
    color: #1f00a1;
}

.statuslist .statusitem p{
    font-weight: bold;
}
.status_msg{
    text-align: center;
    color: #1f00a1;
}
.content{
    text-align: center;
}
.shoptype{
    display: inline-block;
    margin: 2rem auto;
    text-align: center;
}
.shoptype .title{
    margin: 1rem 0;
    font-size: 1.5rem;
    color: #000;
}
.shoptype .typeitem{
    display: flex;
    align-items: center;
    width: auto;
    padding: 0rem 0.5rem;
    height: 3rem;
    line-height: 3rem;
    cursor: pointer;
}
.shoptype .typeitem span{
    display: inline-block;
    width: 1.3rem;
    height: 1.3rem;
    border-radius: 50%;
    margin: 0;
    border: 1px solid #ccc;
    margin-right: 0.3rem;
}
.shoptype .typeitem font{
    font-size: 1rem;
    color: #000;
    height: 3rem;
    line-height: 3rem;
}
.shoptype .typeitem.active span{
    background: url('/static/images/common/yes.png') no-repeat center center;
    background-size: 100%;
}
.shoptype .butn{
    cursor: pointer;
    margin: 1.3rem 0;
    background-color: #1f00a1;
    color: #fff;
    font-size: 1.2rem;
    padding: 1.2rem 0;
    border-radius: 5px;
    font-weight: bold;
}
.contentform{
    width: 80%;
    margin: 3rem auto;
}
.contentform .title{
    width: 100%;
    padding: 0.5rem 0.5rem;
    margin: 0.3rem 0;
    background-color: #e6e6e6;
    font-size: 1.2rem;
}
.sehnfenz{
    display: flex;
}
.sehnfenz>div{
    width: 33%;
}
/*
.statuslist .statusitem.item1,.statuslist .statusitem.item2,.statuslist .statusitem.item3{
    width: 28%;
} */

.layui-layout-admin .layui-header {
    background-color: #fff;
}

.layui-layout-admin .layui-body {
    position: inherit;
}

.layui-container {
    margin-top: 64px;
}

.layui-container img {
    width: 800px;
}