@keyframes changeright{       
    0%{transform:rotate(0deg);}
    25%{transform:rotate(90deg);}
    50%{transform:rotate(180deg);}
    75%{transform:rotate(270deg);}
    100%{transform:rotate(360deg);}
}

@keyframes changeleft{
    0%{transform:rotate(0deg);}
    25%{transform:rotate(-90deg);}
    50%{transform:rotate(-180deg);}
    75%{transform:rotate(-270deg);}
    100%{transform:rotate(-360deg);}
}


/**********滚动条重绘 BEGIN**********/
/*
    --scroll_color:rgba(255,255,255,0.6);
    --scroll_background_color:rgba(0,0,0,0.6); 
*/

/* 滚动条整体 */
.scroll_bar_x::-webkit-scrollbar {
    height:var(--scroll_height);/*滑轨宽度*/
}
/* 滑块样式 */
.scroll_bar_x::-webkit-scrollbar-thumb {
    border-radius:calc(var(--scroll_height) / 2);
    background:var(--scroll_color);/*滑块颜色*/
}
/* 轨道样式 */
.scroll_bar_x::-webkit-scrollbar-track {
    border-radius:calc(var(--scroll_height) / 2);
    background:var(--scroll_background_color);/*滑块颜色*/
}
/**********滚动条重绘 END**********/



/**********滚动条重绘 BEGIN**********/
/* 滚动条整体 */
.scroll_bar_y::-webkit-scrollbar {
    width:var(--scroll_width);/*滑轨宽度*/
}
/* 滑块样式 */
.scroll_bar_y::-webkit-scrollbar-thumb {
    border-radius:calc(var(--scroll_width) / 2);
    background:var(--scroll_color);/*滑块颜色*/
}
/* 轨道样式 */
.scroll_bar_y::-webkit-scrollbar-track {
    border-radius:calc(var(--scroll_width) / 2);
    background:var(--scroll_background_color);/*滑块颜色*/
}
/**********滚动条重绘 END**********/


/**********弹窗样式 BEGIN**********/
/* 弹窗样式 */
.message-popup-list {
  position: fixed;
  top: 50%;
  left: 50%;
  display: none;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border-radius: 6px;
  padding: 15px 50px;
  
  animation: popup 0.5s ease-in-out;
}
.message-success{
    background-color: #f0f9eb;
    color: #67c23a;
}
.message-error{
    background-color: #fef0f0;
    color: #f56c6c;
}
/* 关闭按钮样式 */
.message-popup-list .close-btn {
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
}
/* 消息内容样式 */
.message-popup-list .message-content {
  font-size: 12px;
  font-weight: bold;
}

/* 按钮样式 */
.message-popup-list .btn {
  padding: 5px 10px;
  background-color: #ccc;
  border: none;
  color: #fff;
  cursor: pointer;
}

/* 按钮悬停样式 */
.message-popup-list .btn:hover {
  background-color: #999;
}
/**********弹窗样式 END**********/