body{
    padding: 0;
    margin: 0 !important;
    background-color: #F6F7FC; 
    font-family: 'fontm'
}  .pagetitle
img,p{
    margin: 0px;
    padding: 0px;
}  
a{
    list-style: none;
    text-decoration: none;
    color: #ffffff;
    -webkit-tap-highlight-color:rgba(0,0,0,0);  
}
ul,li{
    list-style: none;
    padding: 0px;
    margin: 0px;
}   
@font-face {
	font-family: 'fontl';
	src: url(../font/karla-v22-latin-200.ttf);
} 
@font-face {
	font-family: 'fontm';
	src: url(../font/Karla-Regular.woff.ttf);
}
@font-face {
	font-family: 'fontb';
	src: url(../font/Karla-Medium.ttf);
} 
.fontl{
    font-family: 'fontl';
}
.fontm{
    font-family: 'fontm';
}
.fontb{
    font-family: 'fontb';
} 
.flex_be{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.flex_sta{
    display: flex;
    justify-content: flex-start;
}
.flex_re{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row-reverse;
}
.flex_ar{
    display: flex;
    justify-content: space-around;
}
.flex_cl{
    display: flex;
    justify-content: flex-start;
    flex-direction: column-reverse;
}
.flex_cm{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.flex_cen{
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex_clcenter{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.marigntop1{
    margin-top: 8px;
}
.marigntop2{
    margin-top: 20px !important;
}
.marginbottom1{
    margin-bottom: 20px !important;
}
.marginbottom4{
    margin-bottom: 40px !important;
}
.centeritem{
    width: 90%;
    height: auto;
    margin: auto;
}
input:focus{
    outline:0;
}
.footer{
    width: 100%;
    height: 75px;
    background-color: #ffffff;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 9;
    box-shadow: 0px 2px 15px 2px #dddddd;
    box-sizing: border-box;
    padding: 0 22px;
}
.footer a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    color: #8E8E93;
    height: 100%;
    width: 50px;
}
.footer a img{
    width: 27px;
    height: auto;
    display: block; 
}
.footer a p{
    transform: scale(0.95);
    margin-top: 2px;
}
.onpage{
    color: #3253DC !important;
}
 
/* 通知 */  
.box{     
    width: 80%;
    height: 50px;
    background-color: #ffffff;
    align-items: center;
    color: #092543;
    font-family: 'fontm';
    font-size: 14px;
    box-sizing: border-box;
    padding: 0 20px;overflow:hidden;
    border-radius: 25px;
    margin: 15px auto 25px;
    /*margin-top: 20px;*/
    /*margin-bottom: 25px;*/
}
.t_news{
    height:34px;  
    color:#092543;  
    margin:8px 0; 
    overflow:hidden; 
    position:relative;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap; 
   
}
.laba{
    width: 24px;
    height: 24px;
    margin-right: 10px;
    margin-top: 5px;
}
/* .t_news b{ line-height:19px; font-weight:bold; display:inline-block;} */
.news_li,.swap{ 
    line-height:34px; 
    display:inline-block; 
    position:absolute; 
    top:0; 
    left:40px;

}
.news_li{
    width: calc(100% - 40px);
}
.news_li a,.swap a{ 
    display: block;
    color:#818181;
    width: 100%;
    height: 34px;
    box-sizing: border-box; 
    overflow: hidden;
    text-overflow: ellipsis;
    white-space:nowrap
}
.swap{
    top:34px;
}
.coverbg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(5);
    z-index: 15;
    display: none;
}
/* tishi */
.tips{
    width: 100%;
    height: 42px;
    background: #E7635E;
    text-align: center;
    line-height: 42px;
    position: fixed;
    top: 0;
    left: 0px;
    color: #ffffff;
    display: none;
}
/* 头部 */
.publictop{
    width: 100%;
    height: auto;
    border-bottom-left-radius: 30px;
    background-image: linear-gradient(to bottom,red ,red);
    box-sizing: border-box;
    padding: 0px   30px 20px 30px;
    color: #ffffff;
}
.share{
    position: absolute;
    top: 16px;
    right: 22px;
    width: 32px;
    height: 32px;
}
.pagetitle{
    text-align: center;
    /* height: 80px;
    line-height: 80px; */
    font-size: 20px;
    font-family: 'fontb';
    position: relative;
    color: #ffffff;
    position: sticky;
    top: 0;
    width: 100%;
    height: 40px;
    padding-top: 20px;
    background:red;
    z-index: 10;
     
}
.bonus .hello{
    font-size: 17px;
    margin-top: 10px;
    /*margin-bottom: 6px;*/ /*调整团队收益调整*/
}
.bonus .userid{
    /*font-size: 28px;*//* 字体显示过大，调整团队收益调整*/
    font-size: 25px;
    font-family: 'fontb';
    /*margin-top: 10px;*/ /*调整团队收益调整*/
    margin-bottom: 12px;
}
.hello{
    font-size: 17px;
    margin-top: 10px;
    /*margin-bottom: 6px;*/ /*缩小间距*/
}
.userid{
    font-size: 28px;
    font-size: 25px;
    font-family: 'fontb';
    /*margin-top: 10px;*//*缩小间距*/
    /*margin-bottom: 12px;*/
}
.banlance{
    font-size: 18px;
}
.publictop .box{
    width: 100%;
}
.left_user_info{
    flex: 1;
    /* margin-top: 25px; */
}
.right_user_img{
    width: 70px;
    height: 75px;
    margin-top: 25px;
}
.right_user_img .userimg{
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}
.uploaduserimg{
    width: 25px;
    height: 25px;
    display: block;
    margin: auto;
    margin-top: -13px;
}
.backpage {
    width: 21px;
    height: auto;
    display: block;
    position: absolute;
    top: 27px;
    left: 30px;
}
  .logotop{
    padding-top: 0px !important;
  }
  .staick{
    position: sticky;
    top: 0;
    z-index: 10;
    width: 100%;
    height: 50px; 
    padding-top: 20px;
    background: #F6F7FC;
  }
  .ib{
      display: inline-block;
  }
.w31{width: 31% !important;}
.w33{width: 33% !important;}
.w34{width: 34% !important;}
.w49{width: 49% !important;}
.w50{width: 50% !important;}
.w60{width: 60% !important;}
.w65{width: 65% !important;}
.w66{width: 66% !important;}
.w100{width: 100% !important;}
  .bold{
      font-weight: bold;
  }
  .right{
      float: right;
      text-align: right;
  }
  .red{
      color: #E7635E;
  }
  .text-center{
      text-align: center;
  }
.text-right{
    text-align: right;
}
  .one-line{
      overflow:hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
  }
  .green{color: #4CAF50 !important;}
  .blue{color: #3253DC !important;}
  .color222{color: #222 !important;}
  .purple{color: #3D3D74 !important;}
  .font12{font-size: 12px !important;}
  .font14{font-size: 14px !important;}
  .font18{font-size: 18px !important;}
  .ml25{margin-left: 25px}
  .fw400{font-weight: 400 !important;}