.order-category {
    padding: 20px;
    width: 70%;
}
.order-page {
    padding: 20px;
}
.page-head {
    padding-bottom: 20px;
    font-size: 14px;
    color: #4d4d4d;
    border-bottom: 1px solid #e7e6eb;
    margin-top: 40px;
}
.steps {
    margin: 50px 30px;
    display: inline-block;
    counter-reset: step;
}
.steps .item.active {
    color: #418bc9;
}
.steps .item, .steps .item:before {
    display: inline-block;
    color: #989898;
    font-size: 16px;
}
.order-category .category-list .item {
    border-top-width: 4px;
    color: #4d4d4d;
    padding: 0 30px;
    width: 400px;
    min-height: 127px;
}
.category-list .item {
    float: left;
    border: 1px solid #e7e7eb;
    margin-left: 30px;
    margin-bottom: 30px;
    padding: 20px;
    background-color: #fff;
    width: calc(50% - 30px);
    text-decoration:none;
}
.btn-category {
    margin-top: 30px;
    border-radius: 16px;
    padding: 10px 30px;
    color: #fff;
    font-size: 14px;
    background-color: #418bc9;
    display: inline-block;
    text-decoration:none;
}
.category {
    text-align: left;
    margin-top: 20px;
}
.content-l{
    width: 800px;
    margin-top: 50px;
    margin-left: 100px;
}
.span-sign{
    color: #c13030;
    font-size: 14px;
    margin-right: 10px;
}
.page-head span{
    color: #989898;
    margin-left: 10px;
}
.picture-frame{
    width: 800px;
    height:300px;
    border: 1px solid #ddd;
}

.photo-size{
    width: 800px;
    height:300px;
}

.btn-box{
    margin:40px 200px;
}