* {
    padding: 0;
    margin: 0;
    list-style-type: none;
    letter-spacing: 0.5px;
    font-family: "Microsoft YaHei", "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","微软雅黑",Arial,sans-serif;
}

body {
    background-color: #eee;
}

    body img {
        border: none;
    }

p {
    margin: 0;
    padding: 0;
}

span {
    /*user-select: none;*/
}

.sp-nosel {
    user-select: none;
}

br {
    clear: both;
}

a, a:link, a:active, a:visited {
    text-decoration: none;
    color: #666;
}

/*font-size*/
.fz-12 {
    font-size: 12px;
}

.fz-14 {
    font-size: 14px;
}

.fz-16 {
    font-size: 16px;
}

.fz-18 {
    font-size: 18px;
}

.fz-20 {
    font-size: 20px;
}

.fz-22 {
    font-size: 22px;
}

.fz-24 {
    font-size: 24px;
}

.fz-26 {
    font-size: 26px;
}

.fz-28 {
    font-size: 28px;
}

.fz-30 {
    font-size: 30px;
}

.fz-32 {
    font-size: 32px;
}

.fz-34 {
    font-size: 34px;
}

.fz-36 {
    font-size: 36px;
}
/*font-weight*/
.fw-5 {
    font-weight: 500;
}

.fw-6 {
    font-weight: 600;
}


/*text-align*/
.txt-ac {
    text-align: center;
}

.txt-al {
    text-align: left;
}

.txt-ar {
    text-align: right;
}

/* color */
.sp-33 {
    color: #333;
}

.sp-44 {
    color: #444;
}

.sp-66 {
    color: #666;
}

.sp-77 {
    color: #777;
}

.sp-88 {
    color: #888;
}

.sp-99 {
    color: #999;
}

.sp-aa {
    color: #aaa;
}

.sp-bb {
    color: #bbb;
}

.sp-cc {
    color: #ccc;
}

.sp-dd {
    color: #ddd;
}

.sp-ee {
    color: #eee;
}

.sp-ff {
    color: #fff;
}

.sp-red {
    color: red;
}

.sp-success {
    color: #67C23A;
}

.sp-primary {
    color: #409EFF;
}

.sp-warning {
    color: #ff6600;
}

.sp-danger {
    color: #F56C6C;
}

.sp-Info {
    color: #909399;
}

.sp-price {
    color: #ff6a00;
}

.sp-orange {
    color: #ff6600;
}

.sp-blue {
    color: #2196F3;
}


.sp-green {
    color: #328605;
}

.sp-a {
    cursor: pointer;
}

.sp-us-sel {
    user-select: none;
}

/* sp width */
.sp-ld05 {
    margin-left: 5px;
}

.sp-ld10 {
    margin-left: 10px;
}

.sp-ld20 {
    margin-left: 20px;
}

.sp-ld30 {
    margin-left: 30px;
}

.sp-ld40 {
    margin-left: 40px;
}

.sp-rd05 {
    margin-right: 5px;
}

.sp-rd10 {
    margin-right: 10px;
}

.sp-rd20 {
    margin-right: 20px;
}

.sp-rd30 {
    margin-right: 30px;
}

.sp-rd40 {
    margin-right: 40px;
}

.sp-wd10 {
    margin: 5px;
}

.sp-wd20 {
    margin: 5px 10px;
}

.sp-wd30 {
    margin: 5px 15px;
}

.sp-wd40 {
    margin: 5px 20px;
}

.sp-hd10 {
    margin: 5px;
}

.sp-hd20 {
    margin: 10px 5px;
}

.sp-hd30 {
    margin: 15px 5px;
}

.sp-hd40 {
    margin: 20px 5px;
}

.sp-bg-cc {
    background-color: #ccc;
}

.sp-bg-ff {
    background-color: #fff;
}

.sp-bg-f5 {
    background-color: #F5F5F5;
}

.sp-bg-blue {
    background-color: #2196F3;
}

/* span act */
.sp-act-blue {
    background-color: #409EFF;
    color: #fff;
}

.sp-act-blue-line {
    border-bottom: 2px solid #2196F3;
    color: #2196F3;
}

/* div hr */
.div-hr01 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 0px;
    clear: both;
    border-bottom: 1px solid #ccc;
}

.div-hr01x {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 0px;
    clear: both;
    border-bottom: 1px dotted #ccc;
}

.div-hr02 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 2px;
    clear: both;
    background-color: #ccc;
}

.div-hr02x {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 0;
    clear: both;
    border-bottom: 2px dotted #ccc;
}
/* div 分隔带 */
.div-h05 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 5px;
}

.div-h10 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 10px;
}

.div-h15 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 15px;
}

.div-h20 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 20px;
}

.div-h30 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 30px;
}

.div-h40 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 40px;
}

.div-h50 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 50px;
}

.div-h60 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 60px;
}

.div-h80 {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    height: 80px;
}

.bg-fff {
    background-color: #fff;
    padding: 15px 0;
}

.bg-eee {
    background-color: #eee;
    padding: 15px 0;
}

.bg-e2 {
    background-color: #e2e2e2;
}


/* 按钮 */
.sp-btn-danger {
    background-color: #F56C6C;
    border: 1px solid #F56C6C;
    color: #fff;
    padding: 2px 8px;
}

.sp-btn-warning {
    background-color: #E6A23C;
    border: 1px solid #E6A23C;
    color: #fff;
    padding: 2px 8px;
}

.sp-btn-success {
    background-color: #67C23A;
    border: 1px solid #67C23A;
    color: #fff;
    padding: 2px 8px;
}

.sp-btn-primary {
    background-color: #409EFF;
    border: 1px solid #409EFF;
    color: #fff;
    padding: 2px 8px;
}

.sp-btn-Info {
    background-color: #909399;
    border: 1px solid #909399;
    color: #fff;
    padding: 2px 8px;
}
/*按钮 简版*/
.sp-btn-danger-p {
    border: 1px solid #F56C6C;
    color: #F56C6C;
    padding: 2px 8px;
}

.sp-btn-warning-p {
    border: 1px solid #E6A23C;
    color: #E6A23C;
    padding: 2px 8px;
}

.sp-btn-success-p {
    border: 1px solid #67C23A;
    color: #67C23A;
    padding: 2px 8px;
}

.sp-btn-primary-p {
    border: 1px solid #409EFF;
    color: #409EFF;
    padding: 2px 8px;
}

.sp-btn-Info-p {
    border: 1px solid #909399;
    color: #909399;
    padding: 2px 8px;
}


.act-blue {
    background-color: #2196F3;
    color: #fff !important;
}

.act-red {
    background-color: #F04844;
    color: #fff;
}

.act-999 {
    background-color: #999;
    color: #fff;
}


/* p btn act */
.p-act-blue {
    background-color: #409EFF;
    color: #fff;
}
/* 添加*/
.sp-wei-n {
    font-weight: normal
}

.sp-success-border {
    border: 0.5px solid #67C23A;
}

.sp-warning-border {
    border: 0.5px solid #ff6600;
}

/*搜索框默认文字颜色*/
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #999 !important;
}

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

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