body{
    padding: 0;
    margin: 0 !important;
    background: #E1EAFF;
    color: #253746;   
    font-family: 'fontm'; 
}  
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: 'fontm';
	src: url(../font/ReadexPro-Medium.ttf);
} 
@font-face {
	font-family: 'fontb';
	src: url(../font/ReadexPro-Bold.ttf);
}
@font-face {
	font-family: 'fontl';
	src: url(../font/ReadexPro-Regular.ttf);
}
@font-face {
	font-family: 'fontsl';
	src: url(../font/ReadexPro-Light.ttf);
}
@font-face {
	font-family: 'fontnum';
	src: url(../font/number.ttf);
}
.fontm{
    font-family: 'fontm';
}
.fontb{
    font-family: 'fontb';
}
.fontl{
    font-family: 'fontl';
}
.fontsl{
    font-family: 'fontsl';
}
.fontnum{
    font-family: 'fontnum';
}
.flex_be{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.flex_sta{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.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;
}
.flex_cen{
    display: flex;
    justify-content: center;
} 
.flex_clbe{
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.flex_clcenter{
    display: flex;
    justify-content: center;
    flex-direction: column;
}
.marigntop1{
    margin-top: 12px;
}
.marigntop2{
    margin-top: 20px;
}
.marginbottom1{
    margin-bottom: 20px !important;
} 
.centeritem{
    width: 92%;
    height: auto; 
    margin: 0 auto;
}
.detaillist {
    width: 100%;
    height: auto;
    display: block;
    background: #FFFFFF;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    box-sizing: border-box;
    padding: 18px 16px;
    padding-bottom: 120px;
}
/* 底部导航 */
.footer{
    width: 100%;
    height: 84px;
    position: fixed;
    bottom: 0px;
    left: 0px;
    background: #FFFFFF;  
    box-sizing: border-box;
    padding: 0 38px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    z-index: 10;
    box-shadow: 0 0 10px 2px rgba(228, 228, 228, 0.55);
}
.footer>a{
    width: 58px;
    height: 77px; 
    border-radius: 18px;  
    color: #6B7280;
    text-align: center;
    font-size: 14px;
    position: relative;
    box-sizing: border-box;
    padding-top: 16px;
    font-family: 'fontl';
}
.footer img{
    width: 20px;
    height: 20px;
    display: block;
    margin: 0 auto; 
}    
.footer .on{
    color: #1B3B83;
    font-family: 'fontm';
}
.nothing img{
   width: 102px;
   height: 102px;
   display: block;
   margin: 0 auto;
   margin-bottom: 15px;
}
.nothing{ 
    text-align: center;
    font-size: 13px;
    color: #6B7280;
    font-family: 'fontl';
    margin-top: 40px;
}
.coverbg{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0; 
    background: rgba(0, 0, 0, 0.55); 
    z-index: 15;
    display: none;
}  
 .back{
  width: 20px;
  height: 20px; 
  margin-right: 16px;
 }
 .pagetitle{
    color: #172554;
    font-size: 16px;
    text-align: center;
   height: 50px;
   line-height: 50px;
   font-family: 'fontm'; 
}
 .headerbg{
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 10px 18px;
  align-items: center;
}
.headerbg .icons img{
    width: 40px;
    height: 40px;
    margin-left: 12px;
}
.logo{
    width: 162px;
    height: auto;
    display: block;
    margin: 15px auto; 
  }
.kfimg{
    width: 90px;
    height: 90px;
    position: fixed;
    bottom: 78px;
    right: 0;
}
.kfimg img{
    width: 56px;
    height: 56px;
}
.modaltitle{
    color: #030712;
    font-size: 16px;
}
.detailbox{
    width: 100%;
    height: auto;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    background: #FFFFFF;
    box-sizing: border-box;
    padding: 20px;
    padding-bottom: 120px;
    margin-top: 20px;
  }
 .fixbottom{
    height: 100%;
 } 
/* ----- */
.tips{
    /*display: none;*/
}
.outertips{   
    width: 80%;  
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 30;
    display: flex;
    justify-content: center;
    align-items: center;
  } 
  .innertips{  
    padding: 18px 30px; 
    border-radius: 12px;
    background: rgba(0, 0, 0, 0.52);
    color: #ffffff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    max-width:260px;   
    display: inline-block !important;
    display: inline;  
    text-align: center; 
    font-size: 12px;
  } 
  .innertips img{
    width: 24px;
    height: 24px;
    margin-right: 9px;
    display: block;  
}
.errobg{
    background: #F5EBE8;
    color: #DA7D3A !important;
}
.successbg{
    background: #E8F5E9;
    color: #1B5E21 !important;
} 
.windbox{
    width: 90%;
    height: auto;
    background: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 12px;
    box-sizing: border-box;
    /* padding: 24px; */
    z-index: 15;
    font-size: 12px;
    color: #5A5A5A;
}
.bottomborder{
    border-bottom: 1px solid #DEDEDE;
    box-sizing: border-box;
    width: 90%;
    margin: 0 auto;
}
.windbox h4{
    text-align: center;
    color: #030712;
    font-size: 15px;
    margin: 15px 0;
}
.windbox p{
    box-sizing: border-box;
    padding: 20px;
    color: #4B5563;
}
.closeimg{
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}
.okbtn{
    width: 100%;
    height: 56px;
    border-top: 1px solid #DEDEDE;
    color: #2563EB; 
    text-align: center;
    line-height: 56px;
    font-size: 14px; 
}
.kfimg img{
    width: 56px;
    height: 56px;
    position: fixed;
    bottom: 100px;
    right: 20px;

}
/*  */
.linkbottomcontent{
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    position: fixed;
    z-index: 16;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    padding: 10px 16px 20px;
    display: none;
 }
 .barline{
    width: 36px;
    height: 4px;
    background: #5B616E;
    border-radius: 4px;
    display: block;
    margin: 0 auto; 
    margin-bottom: 15px;
 }
 .closeimg{
    width: 24px;
    height: 24px;
 }
 .linkbg{
    width: 100%;
    height: auto;
    background: linear-gradient(135deg,#F1E3A7,#F3CF59);
    border-radius: 16px;
    box-sizing: border-box;
    padding: 15px;
    margin-top: 15px;
 }
 .linkbg h5{
    color: #1A1A1A;
    font-size: 16px;
    text-align: center;
    margin: 0;
 }
 .linkinputbox{
    color: #4D4D4D;
    width: 100%;
    height: 31px;
    background: #EFEFEF;
    border-radius: 16px;
    align-items: center;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 12px;
 }
 .linkinputbox img{
    width: 13px;
    height: 13px;
    margin-right: 5px;
 }
 .righttext span{
   color: #74B023;
   font-size: 12px;
   font-family: 'fontb';
 }
 .righttext p{
    color: #191919;
    font-size: 12px;
    font-family: 'fontm';
 }
 .linkimg{
    width: 42%;
    height: auto;
 }
 .righttext{
    width: 55%;
    height: auto;
 }
 .copybtutton{
    width: 100%;
    height: 48px;
    background: #74B023;
    border-radius: 24px;
    text-align: center;
    line-height: 48px; 
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 13px;
 }





 html{
    height: 100%;
 }


 body{
    height: 100%;
    display: flex;
    flex-direction: column;
 }


 .detaillist{
    flex: 1;
 }


 .DetailP p span{
    text-wrap: wrap !important;
 }