*{ 
  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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* 外层布局 */
.layout{
  width:100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/**
 * 列布局
 */

/* 列 - 居中对齐 - 子项居中对齐 */
.column_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: 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: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
/* 列 - 起点对齐 - 子项起点对齐 */
.column_start_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 列 - 两端对齐 - 子项居中对齐 */
.column_between_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 列 - 两端对齐 - 子项居中对齐 */
.column_between_start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* 列 - 分散对齐 - 子项居中对齐 */
.column_around_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack:distribute;
      justify-content:space-around;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 列 - 分散对齐 - 子项居中对齐 */
.column_around_start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-pack:distribute;
      justify-content:space-around;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/**
 * 行 布局
 */
/* 行 - 居中对齐 - 子项居中对齐 */
.row_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 行 - 两端对齐 - 子项居中对齐 */
.row_between_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* 行 - 两端对齐 - 子项居中对齐 */
.row_between_start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack:justify;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

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

/* 行 - 起点对齐 - 子项起点对齐 */
.row_start_start{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

/* 行 - 起点对齐 - 子项居中对齐 */
.row_start_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row_start_center_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.row_start_start_wrap{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack:start;
      -ms-flex-pack:start;
          justify-content:flex-start;
  -webkit-box-align:start;
      -ms-flex-align:start;
          align-items:flex-start;
}
/* 行 - 起点对齐 - 子项居中对齐 */
.row_end_center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack:end;
      -ms-flex-pack:end;
          justify-content:flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          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;
}
/*分页器*/


.shop_cart_pay[data-v-20cada58] {
  height: 377px;
  background: #ffffff;
}
.down_orders[data-v-20cada58] {
  width: 144px;
  height: 144px;
  background: url(../../static/img/zhifu-img.a79a8abf.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center center;
}
.order_info[data-v-20cada58] {
  margin-top: 49px;
  color: #1c7cce;
  font-size: 30px;
}
.button_box[data-v-20cada58] {
  margin-top: 49px;
}
.button_btn[data-v-20cada58] {
  display:block;
  width: 160px;
  height: 40px;
  line-height: 40px;
  border-radius: 10px;
  margin-left: 50px;
  background: #1c7cce;
  font-size: 20px;
  color: #ffffff;
  margin-right: 50px;
  cursor: pointer;
  text-decoration: none;
}