/* 
* @Author: Marte
* @Date:   2019-08-22 14:40:37
* @Last Modified by:   Marte
* @Last Modified time: 2019-08-22 17:14:37
*/

* {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

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

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

.clear_both {
    clear: both;
}

.clearfix:after {
    /*自设class名。一般约定俗成的是清除浮动。*/
    visibility: hidden;
    display: block;
    content: " ";
    clear: both;
    height: 0;
}

.clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: normal;
}

body,
html {
    /*-webkit-text-size-adjust: none;
  禁用Webkit内核浏览器的文字大小调整功能。*/
    font-size: 16px;
    width: 100%;
    /*overflow-x: hidden;*/
}

a,
a:active,
a:link,
a:visited,
a:hover {
    text-decoration: none;
}

input {
    outline: medium none;
    border-style: none;
}


/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

select::-ms-expand {
    display: none;
}

option {
    border: 0;
}

input,
select {
    border: none;
    padding: 0;
}

body,
html {
    width: 100%;
    background: #F8F8F8;
}

.parent {
    text-align: center;
}

.parent:after {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.parent .child {
    display: inline-block;
    vertical-align: middle;
}

.justify-container {
    text-align: justify;
    /*两端对齐*/
}

.justify-container:after {
    width: 100%;
    display: inline-block;
    content: "";
}

.justify-container .justify-item {
    display: inline-block;
    vertical-align: bottom;
}

a {
    color: #999;
}

:focus {
    outline: none;
}

body {
    font-family: 'Microsoft YaHei', "微软雅黑", Tahoma, Helvetica, Arial, '新宋体', '宋体', sans-serif;
    -webkit-font-smoothing: antialiased;
    /*文字抗锯齿*/
}

input[type="button"],
input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.L {
    float: left;
}

.R {
    float: right;
}


/*1行省略*/

.elli1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.elli2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.elli3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.elli4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-align: justify;
}

.elli5 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    text-align: justify;
}


/*display: flex;*/

.df {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}


/*主轴方向两端分布*/

.jcsb {
    justify-content: space-between;
}


/*主轴方向均匀分布*/

.jcsa {
    justify-content: space-around;
}


/*主轴方向居中分布*/

.jcc {
    justify-content: center;
}


/*交叉轴方向居中*/

.aic {
    align-items: center;
}


/*交叉轴方向居起始*/

.ais {
    align-items: flex-start;
}


/*交叉轴方向居末端*/

.aie {
    align-items: flex-end;
}


/*横轴为主轴*/

.fr {
    flex-direction: row;
}


/*纵轴为主轴*/

.fd {
    flex-direction: column;
}


/*可缩放*/

.f1 {
    flex: 1;
}


/*不可缩放*/

.f0 {
    flex: 0;
}


/*可换行*/

.fw {
    flex-wrap: wrap;
}


/*美化滑动条*/

.scrollbar {
    overflow-y: auto;
}

.scrollbar::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 4px;
    border-radius: 100px;
    background-color: #ff5d00;
}

.scrollbar::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 100px;
    background-color: #ff5d00;
    /*background-color: rgba(217,217,217,0.3); */
    /*border-radius: 6px; */
}

.scrollbar::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    /*-webkit-box-shadow: inset 0 0 6px rgba(134,0,0,0.9); */
    /*border-radius: 6px; */
    background-color: #f1f1f1;
}