*{ 
  margin:0;padding:0;
  outline: 0;
  vertical-align: baseline; 
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}
html,body{ 
  color:#000; 
  background:#fff; 
  font-family: "Microsoft YaHei";
  font-size: 15px;
  /* font:12px/22px MicrosoftYaHei,Arial,sans-serif,"Times New Roman";  */
  overflow-x: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
input,select,button{
   font-size:100%;
   outline:0;
   vertical-align:middle;
   -webkit-appearance: none;
}
button{
  border: 0;
  background-clip: padding-box;
}
table {
  border-collapse:collapse;
  border-spacing:0;
}
ol,ul,li { list-style:none; }

/* 定义图片边框，当图片作为链接内容被填充时，会有默认边框出现，重定义掉 */
img{
   border:none;
   vertical-align:baseline;
}
a, a:link, a:visited{
   color:#000;
   text-decoration:none;
}

a:hover{ 
  color:#000; 
  text-decoration:underline;
}
a {
  text-decoration: none;
}
 
.router-link-active {
  text-decoration: none;
}
/* 标签属性，textarea,input 强制输入时内容超出时换行，打断 */
textarea,input{ 
  word-wrap:break-word; 
  word-break:break-all; 
} 
span,p,div{ 
  word-wrap:break-word;
}
/* 和模型宽度 */
.box_width{
  width: 1200px;
  box-sizing: border-box;
}

/* 外层布局 */
.layout{
  width:100vw;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

/**
 * 列布局
 */

/* 列 - 居中对齐 - 子项居中对齐 */
.column_center{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.shop_page .el-pagination button:disabled, .el-pager li, .el-pagination .btn-next, .el-pagination .btn-prev{
  background: none !important;
}
/* 列 - 起点对齐 - 子项起点对齐 */
.column_start_start{
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items: flex-start;
}
/* 列 - 起点对齐 - 子项起点对齐 */
.column_start_center{
  display: flex;
  flex-direction:column;
  justify-content:flex-start;
  align-items: center;
}

/* 列 - 两端对齐 - 子项居中对齐 */
.column_between_center{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}

/* 列 - 两端对齐 - 子项居中对齐 */
.column_between_start{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}

/* 列 - 分散对齐 - 子项居中对齐 */
.column_around_center{
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  align-items: center;
}

/* 列 - 分散对齐 - 子项居中对齐 */
.column_around_start{
  display: flex;
  flex-direction: column;
  justify-content:space-around;
  align-items: flex-start;
}

/**
 * 行 布局
 */
/* 行 - 居中对齐 - 子项居中对齐 */
.row_center{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

/* 行 - 两端对齐 - 子项居中对齐 */
.row_between_center{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: center;
}

/* 行 - 两端对齐 - 子项居中对齐 */
.row_between_start{
  display: flex;
  flex-direction: row;
  justify-content:space-between;
  align-items: flex-start;
}

/* 行 - 两端对齐 - 子项居中对齐 - 换行 */
.row_between_center_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:space-between;
  align-items: center;
}
/* 行 - 分散对齐 - 子项居中对齐 */
.row_around_center{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  align-items: center;
}
/* 行 - 分散对齐 - 子项居中对齐 */
.row_around_center_nowrap{
  display: flex;
  flex-direction: row;
  justify-content:space-around;
  flex-wrap: nowrap;
  align-items: center;
}

/* 行 - 起点对齐 - 子项起点对齐 */
.row_start_start{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items: flex-start;
}

/* 行 - 起点对齐 - 子项居中对齐 */
.row_start_center{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content:flex-start;
  align-items: center;
}
.row_start_center_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items: center;
}
.row_start_start_wrap{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items:flex-start;
}
/* 行 - 起点对齐 - 子项居中对齐 */
.row_end_center{
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content:flex-end;
  align-items: center;
}

/*文字超出部分使用省略号显示*/
.uts {
  overflow:hidden;
  word-break:keep-all;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.cursor{
  cursor: pointer;
}

.link{
  text-decoration:none;
}

a {
  text-decoration: none;
}
 
.router-link-active {
  text-decoration: none;
}
.bg{
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}


/*::-webkit-scrollbar {
  width: 14px;
  height: 14px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb {
  border-radius: 999px;
  border: 5px solid transparent;
}

::-webkit-scrollbar-track {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2) inset;
}

::-webkit-scrollbar-thumb {
  min-height: 20px;
  background-clip: content-box;
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.2) inset;
}

::-webkit-scrollbar-corner {
  background: transparent;
}*/
/*个人中心按钮*/
.account_font {
  width: 150px !important;
  height: 40px !important;
  line-height: 22px !important;
  background: #1C7CCE !important;
  border: 1px solid #1C7CCE !important;
  border-radius: 5px !important;
  font-size: 18px !important;
}
/*分页器*/