.flex_sta{
    display: flex;
    justify-content: flex-start;
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: space-start;
    -ms-flex-pack: space-start;
    flex-wrap: wrap;
    font-size: 1.25rem;
}
body{
    width: 100%;
    height: 100%;
    /*background:#002046;*/
    /* background:#292929; */
    /* background:#3c3c3c; */
    background: #FFFFFF;
    padding: 0px;
    margin: 0 auto;
    font-size: 14px;
}
.flex_be{
    
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-pack: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -o-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;

}
.flex_ar{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: space-around;
     -webkit-box-pack: space-around;
     -ms-flex-pack: space-around;
    font-size: 14px;
}
.flex_cen{
    display: flex;
     display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
    font-size: 14px;
}
.center_box{
    width: 96%;
    height: auto;
    margin: auto;
    font-size: 14px;
}
.forget{
    display: block;
    width: 100%;
    height: 20px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    margin-top: 30px;
 }
 ul,li{
     list-style: none;
     padding: 0px;
     margin: 0px;
     font-size: 14px;
 }
.topheader1{
    width: 100%;
    height: 40px;
    font-size: 16px;
    font-family: 'fontb';
    background-image: linear-gradient(to bottom, #1F528E , #0D2656);
    border-top: 1px solid #3969A3;
    border-bottom: 1px solid #1E3D75;
    text-align: center;
    line-height: 40px;
    color: #ffffff;
    font-weight:bold;
}
.topheader{
    width: 100%;
    height: auto;
    position: relative;
    font-size: 14px;
}
.topheader .bg{
    width: 100%;
    height: 52px;
    display: block;
    margin: 0px;
    font-size: 14px;
}
.headercontent{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 16px;
}

.pagetitle{
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    color: #1877f2;
    font-size: 16px;
    font-weight: bold;
    font-family: 'fonta';
    display: flex;
    align-items: center;
    align-content:center;
    justify-content:center;
    border-bottom: 2px solid #e4e4e4;
}
.back{
    width: 10px;
    height: 16px;
    position: absolute;
    top: 20px;
     left: 30px;
     font-size: 14px;
}
.footer{
    width: 100%;
    height: 70px;
    border-top: 2px solid #1877f2;
    position: fixed;
    bottom: 0px;
    left: 0px;
    font-size: 14px;
    z-index: 10;
    background:#FFF;
    

}
.footer li p{
    margin-top: -5px;
    font-size: 13px;
    color: #A2DFFF;
    text-align: center;
    transform:  scale(0.9);
    margin-top: -4px;
}
.footer li{
    width: 25%;
    height: 70px;
    box-sizing: border-box;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    position: relative;
}
.footer li img{
    width: 24px;
    height: auto;
    margin-top: 18px;
    font-size: 14px;
}
.footer a{
    text-decoration: none;
    color: #ffffff;
    display: block;
    width: 100%;
    height: 100%;
    list-style: none;
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    font-size: 16px;
    font-family: 'fontb';
   position: relative;
}
a{
    text-decoration: none;
    list-style: none;
    -webkit-tap-highlight-color:rgba(255,0,0,0);
    font-size: 14px;
}
@font-face {
    font-family: 'fonta';
    src: url('../../img/LVNMBD.TTF');
}
@font-face {
    font-family: 'fontb';
    src: url('../../img/LVNM.TTF');
}
.titlehome{
    font-family: 'fonta';
    font-size: 18px;
    color: #ffffff;
}

input {-webkit-appearance:none; }   


.mask {
    width: 100%;
    height: 100%;
    background: #242931;
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    z-index: 998;
}

.Totas-link {
    width: 86%;
    position: fixed;
    top: 45%;
    left: 50%;
    z-index: 999;
    transform: translate(-50%, -50%);
    font-size: 0;
    display: none;
    
}

.Totas-link>img {
    width: 100%;
    height: auto;
    /* position:absolute; */

}

.Tota-link-message {
    background: #FFFFFF;
    border-radius: 0 0 16px 16px;
    padding: 15px 20px;
}

.Tota-guanyuwenzi {
    margin: 20px 5%;
    font-size: 17px;
    color: #242931;
    font-family: 'Metric-Medium';
}

.Totas-btn {
    /* width: 90%; */
    background: #009A98;
    height: 47px;
    border-radius: 8px;
    color: #FFFFFF;
    margin: 0 auto;
    font-size: 19px;
    font-family: 'Metric-SemiBold';
    text-align: center;
    line-height: 47px;
}
#copy{
   background: #009A98;
   height: 47px;
   border-radius: 8px;
   color: #FFFFFF;
   margin: 0 auto;
   font-size: 19px;
   font-family: 'Metric-SemiBold';
   text-align: center;
   line-height: 47px;
}
.Tota-btnwenzi {
    text-align: center;
    font-weight: bold;
    font-size: 21px;
    font-family: 'Metric-SemiBold';
    margin-bottom: 15px;
    color: #455161;

}