html,body{
  margin:0;
  padding:0;
  width:100%;
  height:100%;
  overflow:hidden;
}
a:visited,a {
  color:rgb(13, 110, 253);
}
a:hover {
  color : #d63384;
}
blockquote {
  margin-left : 15px;
}
li {
  margin-top:10px;
}

@keyframes kf_icon_menu_min {
  from {left : 270px;}
  to   {left : 3px;}
}
@keyframes kf_icon_menu_max {
  from {left : 3px;}
  to   {left : 270px;}
}
@keyframes kf_menu_min {
  from {left : 0px;}
  to   {left : -305px;}
}
@keyframes kf_menu_max {
  from {left : -305px;}
  to   {left : 0px;}
}
@keyframes waitTurnZ {
  0%{transform:rotateZ(0deg);}
  50%{transform:rotateZ(180deg);}
  100%{transform:rotateZ(360deg);}
}
@keyframes waitFadeIn {
  0%{opacity:0;}
  50%{opacity:0.5;}
  100%{opacity:1;}
}
@keyframes waitFadeOut {
  0%{opacity:1;}
  50%{opacity:0.5;}
  100%{opacity:0;}
}
@keyframes pageMainLeftFadeIn {
  0%   {
    opacity : .3;
    left    : 160px;
  }
  50%  {
    opacity : .6;
    left    : 80px;
  }
  100% {
    opacity : 1;
    left    : 0px;
  }
}
@keyframes pageMainRightFadeIn {
  0%   {
    opacity : .3;
    right    : 160px;
  }
  50%  {
    opacity : .6;
    right    : 80px;
  }
  100% {
    opacity : 1;
    right    : 0px;
  }
}

.main_div {
  width   : 100%;
  height  : calc(100% - 30px);
  background-color:#FFF;
}
.page_left {
  padding-top : 10px;
  width    : 300px;
  height   : 100%;
  overflow : auto;
  padding-left : 5px;
  background-color:#EEE;
  position: absolute;
  top : 0px;
  left : 0px;
  z-index : 50;
}
.menu_area {
  width : 295px;
  height : calc(100% - 20px);
  margin-top:20px;
  overflow : auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size:12px;
}
.page_main {
  height      : calc(100% - 5px);
  width       : calc(100% - 20px);
  overflow    : hidden;
  margin-left : 10px;
  margin-top  : 30px;
  position    : relative;
}
.page_ele {
  height   : 100%;
  width    : 100%;
  overflow : auto;
  position : absolute;
  top      : 0px;
  opacity  : 0;
  background-color : #FFF;
}
.page_bottom {
  height :30px;
  width : 100%;
  text-align : center;
  font-size  : 12px;
  padding-top:10px;
  color:#000000;
}
.beian_info {
  margin-left:10px;
  color:#000000;
  font-family:'Montserrat', sans-serif;
}
.icon_menu {
  color    : #AAA;
  width    : 24px;
  height   : 24px;
  cursor   : pointer;
  position : absolute;
  top      : 5px;
  left     : 270px;
  z-index  : 20;
}
.icon_menu:hover{
  color : #000;
}
.icon_menu_min {
  animation: kf_icon_menu_min .3s ease-out 1;
  animation-fill-mode:forwards;
}
.icon_menu_max {
  animation: kf_icon_menu_max .3s ease-in 1;
  animation-fill-mode:forwards;
}
.menu_min {
  animation: kf_menu_min .3s ease-out 1;
  animation-fill-mode:forwards;
}
.menu_max {
  animation: kf_menu_max .3s ease-in 1;
  animation-fill-mode:forwards;
}
.page_ele_left_in {
  animation: pageMainLeftFadeIn .3s linear 1;
  animation-fill-mode:forwards;
}
.page_ele_right_in {
  animation: pageMainRightFadeIn .3s linear 1;
  animation-fill-mode:forwards;
}
.show_wait_area {
  position : absolute;
  left     : 0px;
  top      : 0px;
  width    : 100%;
  height   : 100%;
  z-index  : 10;
  opacity  : 0;
  pointer-events: none;
}
.show_wait_area .show_wait_icon {
  position   : absolute;
  left       : 0px;
  top        : 0px;
  bottom     : 0px;
  right      : 0px;
  margin     : auto;
  z-index    : 2;
  width      : 50pt;
  height     : 50pt;
  text-align : center;
}
.show_wait_area_fadeIn {
  animation : waitFadeIn .5s ease-in 1;
  animation-fill-mode:forwards;
}
.show_wait_area_fadeOut {
  animation : waitFadeOut .5s ease-out 1;
  animation-fill-mode:forwards;
}
.show_wait_area .wait_icon:before {
  font-size : 50pt;
  color     : #555;
  animation : waitTurnZ 2s linear infinite;
}
.show_wait_area .wait_background {
  background-color : #FFF;
  opacity          : 0.7;
  width            : 100%;
  height           : 100%;
  z-index          : 1;
  position         : absolute;
}