body{background-color: #ededed; }
/*.pannel > div{padding: 0 0.56rem;overflow: hidden;}*/
.iconfont{font-size: 2rem;}
.pannel > .top{height: 3.4rem;line-height: 3.4rem;text-align: center;}
.pannel > .top span{font-size: 1.5rem;}
.pannel > .top a{float: right;text-decoration: none;color: #484848;}
.pannel > .main > .seachbox{height: 2.77rem;background-color: #fff;
            position: relative;font-size: 1.3rem;letter-spacing: 0.2rem;border-radius: 0.5rem;
                     color: #ababab;margin: 1rem 0;}
.pannel > .main > .seachbox::before{position: absolute;top: 0;
     left: calc( ( 100% - 4.3rem ) / 2);   display: block;line-height: 2.77rem;}

.pannel > .main > .seachbox input[type=text]{height: 2.77rem;line-height: 2.77rem;width: 100%;
   outline-style: none;border: #e9e9e9 solid 1px;border-radius: 0.5rem;}


.pannel > .main > .listbox{border-top:#d3d3d3 solid 1px ;width: 100vw;margin-left: -0.615rem;height: calc( 100% - 2rem - 2.77rem );}
.pannel > .main > .listbox .item{height: 5.5rem;;background-color: #f8f8f8;
       padding-left: 1.23rem;background-color: #fff;}
.pannel > .main > .listbox .item > div{height: 5.5rem;float: left;background-color: #fff;}
.pannel > .main > .listbox .item .b{width: 3.7rem;display: flex;justify-content: center;
                               align-items: center;;}
   .pannel > .main > .listbox .item .b img{width: 100%;}
   .pannel > .main > .listbox .item .c{width:calc( 100% - 4.7rem );float: right;
   border-bottom: #d3d3d3  solid 1px;  height: calc( 5.5rem - 1px - 1.8rem );padding: 0.9rem 0;position: relative;}
   .pannel > .main > .listbox .item .c > div.title{height: 2rem; line-height: 2rem; font-size: 1.3rem;
   color: #626b89;font-weight: 600;overflow: hidden;white-space: nowrap;/*设置不换行*/
overflow: hidden; /*设置隐藏*/
text-overflow: ellipsis; /*设置隐藏部分为省略号*/  }
   .pannel > .main > .listbox .item .c > div.content{height: 1.7rem;font-size: 1rem;line-height: 1.7rem;
   color: #bcbebe;}
   .pannel > .main > .listbox .item .c > div.date{position: absolute;top: 0.8rem;right: 0;padding: 0 1rem 0 1rem;
   background-color: #fff;line-height: 2rem;color: #cacaca;font-size: 0.9rem;}
    

.pannel > .main{height: calc( 100vh - 6.3rem );overflow: scroll;}
.pannel > .tabbar{display: flex;height: 4.3rem;overflow: hidden;}
.pannel > .tabbar a.active{color: green;}
.pannel > .tabbar a{ flex-direction: column;justify-content: center;align-items: center;display: flex;
          width: calc( 100% / 4 );color: #191d20;text-decoration: none;}
.pannel > .tabbar span{font-size: 1rem;}
.pannel > .main iframe{height: calc(100% + 0.5rem );width: 79vw;margin-left: -0.6rem;}

body {
    margin:0
}