.layout {
    max-width: 1200px;
    margin: 0 auto;
    width: 98%;
}

* {
    padding: 0;
    margin: 0;
}

@media screen and (max-width:1200px) {}

.p3 {
    padding: 3rem;
}

.l {
    float: left;
}

.r {
    float: right;
}

.oh {
    overflow: hidden;
}

.flex_sb {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flex_cen {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex_s {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

* {
    transition: all linear .2s;
    box-sizing: border-box;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #999;
}

input,
select,
textarea {
    outline: 0;
}