/**
 *  Author:  Kyrie'
 *  Date:   2020.10.19
 *  Time:   09:00
 *  Desc:   网站框架公共样式表
**/

/************       Common       ************/

* {
    margin: 0;
    padding: 0;
}

html,

a {
    text-decoration: none;
    color: #333;
}
input[type="checkbox"]{
    -webkit-appearance: checkbox;
}

.f-666 {
    color: #666;
}

ul,
ol {
    list-style-type: none;
}

img {
    max-width: 100%;
    border: none;
    vertical-align: middle;
    object-fit: contain;
}

button,
input {
    /* font-style: inherit; */
    font-family: inherit;
    font-weight: inherit;
    border: none;
    outline: none;
}
textarea{
    border: none;
    outline: none;
    font-family: "微软雅黑";
    text-indent: .725em;
}

i,
cite,
em,
var,
address,
dfn {
    font-style: normal;
}

select,
textarea {
    resize: none;
    outline: none;
}

input {
    outline: medium;
    -webkit-appearance: none;
}

input[type='button'] {
    cursor: pointer;
}

input[type='submit'] {
    cursor: pointer;
}

input[type='text'] {
    text-indent: .725em;
}

:-moz-placeholder {
    color: #ccc;
}

/* Mozilla Firefox 4 to 18 */

::-moz-placeholder {
    color: #ccc;
}

/* Mozilla Firefox 19+ */

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

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

/************       Common       ************/

/************       Pages        ************/

/************       Pages        ************/

/************       Position     ************/

.center {
    margin-left: auto;
    margin-right: auto;
}

.pos-r {
    position: relative;
}

.pos-a {
    position: absolute;
}

.pos-f {
    position: fixed;
}

.left {
    float: left;
}

.right {
    float: right;
}

.return {
    display: block;
}

/************       Position     ************/

/************       Margin       ************/
#mag-0,
.mag-0 {
    margin: 0 !important;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px;
}

.mt-15 {
    margin-top: 15px;
}

.mb-15 {
    margin-bottom: 15px;
}

.ml-15 {
    margin-left: 15px;
}

.mr-15 {
    margin-right: 15px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.ml-20 {
    margin-left: 20px;
}

.mr-20 {
    margin-right: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.ml-30 {
    margin-left: 30px;
}

.mr-30 {
    margin-right: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.ml-40 {
    margin-left: 40px;
}

.mr-40 {
    margin-right: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.ml-50 {
    margin-left: 50px;
}

.mr-50 {
    margin-right: 50px;
}