/*
 * @Description: 样式基础配置文件 不在这个页面写样式，只写基础配置
 * @fileName: base.css
 * @Author: LiSuwan
 * @Date: 2020-01-09 11:54:14
 * @LastEditors: caochen
 * @LastEditTime: 2020-05-06 08:56:05
 */

@charset "utf-8";
* {
    margin: 0;
    padding: 0;
}

html {
    font: normal 14px "微软雅黑", Arial;
}

body {
    padding: 0px;
    margin: 0px auto;
    color: #666;
    width: 100%;
    /*min-width: 1200px;*/
    /*width: expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" );*/
    zoom: 1;
}

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

select,
input,
textarea {
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #666;
    background: none;
    border: none;
    resize:none
}

input:focus {
    outline: none;
}

input,
button,
select,
textarea {
    outline: none;
    /* -webkit-appearance:none; */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    /*强制去除表单自带的样式*/
    font: normal 14px "微软雅黑", Arial;
}

textarea {
    resize: none;
    /*-webkit-appearance:none;*/
    /*强制去除textarea自带的样式*/
}

article,
aside,
footer,
header,
nav,
section,
figure,
figcaption {
    display: block;
}

/*html5设置*/

figure,
figcaption {
    margin: 0px;
    padding: 0px;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

img {
    border: none;
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}

a,
a:hover,
a:focus {
    outline: none;
    -moz-outline: none;
    text-decoration: none;
}

.clear {
    display: block;
    clear: both;
    height: 0px;
    overflow: hidden;
}

/* 设置placeholder默认文字颜色样式 start*/
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #b8b8b8;
}

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

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #b8b8b8;
}
/* 设置placeholder默认文字颜色样式 end*/

.cursor {
    cursor: pointer;
}


/* 解决手机微信公众号中的网页文字无法复制到剪切板问题 */
*{
    -webkit-user-select:text;
    -moz-user-select:text;
    -ms-user-select:text;
    user-select:text;

 }

 button,a{
     cursor: pointer;
 }


.text_overflow_1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}

.text_overflow_2,
.text_overflow_3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}

.text_overflow_2 {
    -webkit-line-clamp: 2;
}

.text_overflow_3 {
    -webkit-line-clamp: 3;
}

.flex_spaceAround{
    display: flex;
    align-items: center;
    justify-content: space-around;
}
.flex_spaceBetween{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.flex_center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_end{
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;;
}


.flex_baseline {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
}

.flex_spaceBetweenStart {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.flex_column {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.flex_columnSpaceAround {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
}
.flex_columnEnd{
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}


.flex_columnStart {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
.flex_columnStartSpaceBetween {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.flex_center{
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex_start{
    display: flex;
    align-items: center;
    justify-content: flex-start;

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

/* ====== 优化滚动条样式 start ====== */
.scrollbar::-webkit-scrollbar {
    width: 4px;
    height: 10px;
}

.scrollbar::-webkit-scrollbar-track {
    background: #f7f7f7;
    border-radius: 4px;
}

.scrollbar::-webkit-scrollbar-thumb {
    width: 4px;
    height: 10px;
    background-color: #e5e5e5;
    border-radius: 4px;
}

.scrollbarX::-webkit-scrollbar {
    width: 4px;/* 滚动条宽度 */
    height: 4px;/* 滚动条高度 */
}

.scrollbarX::-webkit-scrollbar-track {
    background: #f7f7f7; /* 轨道颜色 */
    border-radius: 4px;
}

.scrollbarX::-webkit-scrollbar-thumb {
    width: 4px;
    height: 4px;
    background-color: #1a79ff;/* 滑块颜色 */
    border-radius: 4px;
    cursor: pointer;
}

.scrollbarChart::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.scrollbarChart::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 4px;
}

.scrollbarChart::-webkit-scrollbar-thumb {
    width: 0px;
    height: 0px;
    background-color: transparent;
    border-radius: 4px;
}


/* ====== 优化滚动条样式 end ====== */