html,body,div,p,form,label,ul,li,dl,dt,dd,ol,img,button,b,em,strong,small,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;list-style:none;font-style:normal;}
body{font-family:SimHei,'Helvetica Neue',Arial,'Droid Sans',sans-serif;font-size:14px;color:#333;background:#F3F3F3;padding: 0;min-width: 300px; margin: 0 auto;}
a, a.link{color:#666;text-decoration:none;font-weight:normal;}
a, a.link:hover{color:#666;}
.left-menu::-webkit-scrollbar {width: 0px;}
.main{overflow:hidden;}
.left-menu{
  box-shadow: 0px 10px 5px 0px rgba(0, 0, 0, 0.1);
  width:25%;margin-right: 2%;float:left;background-color:#FFFFFF;position:relative;overflow-y:scroll;height: calc(100vh - 48px); /* 减去50px的高度 */}
.left-menu ul{ padding-top: 10px;}
.left-menu ul li{line-height:50px;font-size:14px; height: 50px;overflow: hidden; cursor:pointer; padding:3px 0;color:#999;border-bottom:1px solid #f3f3f3;margin-left: 5px;margin-right: 5px; text-align: center;}  
/* .left-menu ul li.active{ background: url(../img/jiantou.jpg) right center no-repeat; background-size: 10%;} */
.left-menu ul li a{color:#999;} 
.left-menu ul li.active{border-bottom:1px solid #f0f0f0;}
.left-menu ul li.active a{color:#000;}  
.right-con{width:72%;float:left;position:relative;}
.right-con li{position:relative;height:80px; border-bottom:1px solid #e7eaeb;background:#fff;border-top:1px solid #fff;/*! padding-bottom:5px; */margin-bottom:10px; -webkit-border-radius: 6px;-o-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px; overflow:hidden;}  
.right-con li .menu-img{position:absolute;left:10px;top:10px;border-radius:3px;cursor:pointer;}  
.right-con li .menu-img img{height:60px;width:60px;vertical-align:middle;border:0;}  
.right-con li .menu-txt{position:absolute;left:75px;top:10px;}
.right-con li .menu-txt .list0{font-size: 14px;color: #333333;letter-spacing: 0;height:40px; line-height:20px; overflow: hidden; padding-right: 10px;} 
.right-con li .menu-txt .list1{font-size: 12px;color: #999999;letter-spacing: 0;line-height:17px;height:20px;}
.right-con .line{width:15%; float: left;background: #ccc;height: 1px; margin-top: 18px;}
.right-con .title{width:70%; float: left;text-align:center;}
.box_img{width:100%; margin:0 auto;background: #ffffff; padding-top: 20px;padding-bottom: 10px;box-shadow: inset 0 0 0 0 #CCCCCC; text-indent: 0; text-align: center;}
.box_img img{height:65px; width:75px;}
.bannerslide {width: 100%; height:auto;position: relative; display: block;margin-top: 8px;}
.bannerslide img{width:100%;height:auto; border-radius: 5px;}
.menuTitle{height:40px; line-height:35px;color:#666666;}
.proList{overflow-y:scroll;height: calc(100vh - 48px); /* 减去50px的高度 */-webkit-overflow-scrolling: touch;}
/*定义滚动条高宽及背景
 高宽分别对应横竖滚动条的尺寸*/
 ::-webkit-scrollbar {
    width: 3px;
    height: 3px;
    background-color: transparent;
  }
  :hover::-webkit-scrollbar {
    background-color:#cdeded;
  }
  
  /*定义滚动条轨道
  内阴影+圆角*/
  ::-webkit-scrollbar-track {
    -webkit-box-shadow:inset 0 0 6px transparent;
    border-radius:10px;
    background-color: transparent;
  }
  /*定义滑块
   内阴影+圆角*/
  ::-webkit-scrollbar-thumb {
    border-radius:10px;
    -webkit-box-shadow:inset 0 0 6px #e7eaeb;
    background-color: transparent;
  }
  :hover::-webkit-scrollbar-thumb {
    background-color:#fff;
  }

  .fade-out {
    animation: fadeOut 3s forwards; /* 3秒后开始，且保持结束状态 */
  }

  @keyframes fadeOut {
    from {
      opacity: 1; /* 完全不透明 */
    }
    to {
      opacity: 0; /* 完全透明 */
      display: none;
    }
  }

  .fade-in {
    animation: fadein 3s forwards; /* 3秒后开始，且保持结束状态 */
  }

  @keyframes fadein {
    from {
      opacity: 0.2; 
    }
    to {
      opacity: 1; 
    }
  }

  .four{
    width:100%;
    position: fixed;
    bottom: 0;

  }
  .four .top{
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
    border: 1px solid #F3F3F3;
    margin-bottom: 0.4rem;
    margin-left: 1.15rem;
    background-color: #fff;
    box-shadow: 10px 0px 5px 0px rgba(0, 0, 0, 0.2);
  }
  .four .bottom{
    position: absolute;
    left: 0;
    bottom:0;
    width:100%;
    height:3rem;
    border-top: 1px solid #F3F3F3;
    background: #fff;
  }
  .bottom .last{
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: red;
    color: #fff;
    margin-top: -3.5rem;
    margin-left: 2rem;
    font-size: 0.8rem;
    line-height: 1rem;
  }
  .four .four1{
    float: left;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 2.5rem;
    border: 0.5rem solid #fff;
    margin-left: 1rem;
    margin-top: -0.5rem;
    background: #f00000;
    text-align: center;
    line-height: 3rem;
  }
  .four .iconfont img{
    width: 2.2rem;
    height: 1.8rem;
    margin-top: 0.4rem;
    margin-left: 0.1rem;
  }
  .four .four2{
    float: right;
    font-size: 0.8rem;
    margin-top: 0.5rem;
    margin-left: 0rem;
    line-height: 1rem;
    text-align: right;
    margin-right: 1rem;
  }
  .four2 .p6 span{
    color: red;
    font-size: 1rem;
  }
  .four2 .p5{
    font-size: 0.7rem;color:#999;
  }
  .four .four3{
    float: right;
    width:7rem;
    height: 3rem;
    background: #f00000;
    right: 0;
    font-size: 1.2rem;
    color: #fff	;
    text-align: center;
    line-height: 3rem;
  }
  .loge{visibility: hidden;}
  /*toast框*/
.toast-box {
  position: fixed;
  z-index: 999;
  bottom: -100%;
  width: 100%;
  text-align: center;
}
.toast {
  display: inline-block;
  padding: 10px;
  border-radius: 6px;
  font-size: 12px;
  max-width: 90%;
  max-height: 35px;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
  color: white;
  background-color: rgba(0, 0, 0, 0.6);
  background-color: black\0;
}