@charset "UTF-8";
::-webkit-scrollbar {
  /*滚动条整体样式*/
  width: 6px;
  /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px; }

::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  background: #333; }

::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  background: #333; }

.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center; }

input[type="checkbox"], input[type="radio"] {
  display: none; }
  input[type="checkbox"]:checked + label, input[type="radio"]:checked + label {
    background-color: #333; }
    input[type="checkbox"]:checked + label:after, input[type="radio"]:checked + label:after {
      font-family: "Font Awesome 5 Pro";
      content: "\f00c"; }
  input[type="checkbox"]:disabled + label, input[type="radio"]:disabled + label {
    cursor: default;
    background-color: #efefef; }
  input[type="checkbox"] + label, input[type="radio"] + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border: 1px solid #333;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    border-radius: 3px; }

/* 
    箭头
    @include arrow(direction,size,color);
**/
/*
    超出省略号
    @include ell();
 * */
/*
    inline-block
    @include inline_block();
 * */
/*
    font-size of REM
    @include font_size(fz);
 * */
.index_pop__body {
    position: fixed;
    z-index: 9900;
    top: 50%;
    left: 1%;
    transform: translate(-1%, -50%);
    width: 160px;
}
  .index_pop__body a.close_btn {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    background-color: #BF3030;
    text-decoration: none;
    text-align: center;
    right: -20px;
    top: -20px; }
    .index_pop__body a.close_btn:hover span {
      transform: rotate(135deg); }
    .index_pop__body a.close_btn span {
      color: #fff;
      font-size: 30px;
      transform: rotate(45deg);
      display: block;
      width: 40px;
      height: 40px;
      line-height: 40px;
      transition: all ease .3s; }
  .index_pop__body .content {
    box-sizing: border-box;
    background-color: #fff;
	box-shadow: 0px 3px 6px 2px rgba(238, 238, 238, 0.8);
    border-radius: 30px; }
    .index_pop__body .content p {
      font-size: 16px;
      line-height: 26px;
      font-weight: 700;
      color: #333; }
      .index_pop__body .content p a {
        color: #23a691; }