*{

    box-sizing: border-box;

}



body{

    /* background-image: url(/public/images/bg.jpg); */

    background-color: #fafafa;

    background-size:cover;

    /* background:gold */

    padding-top: 40px;

    

    /* background: url(../qkw/backmask.png) no-repeat; */

    background-size:100% 100%

    

}

html,body{

    height: 100%;width: 100%;

    max-width: 640px;margin:0 auto;

}

main{

    height: calc(100vh - 45px);overflow: auto;font-size: 15px;

    color:#333

}

header{

    justify-content: space-between;height: 40px;line-height: 40px;font-size: 16px;text-align: center;

    

    background: #142E4F;

    /* background: transparent; */

    padding: 0 15px 0 10px;

    /* background: #6D1648;color:black; */

    /* background-color: #fff; */

    color:#000;

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

}

header .title{

    font-weight: 700;

    color:#fff;

}

.flex{

    display: flex;

    color:#000;

}

.flex1{

    flex:1

}

.flex1_5{

    flex:1.5

}

.flex2{

    flex:2;

}

.logo{

    width: 120px;

    /* height:60px; */

    display: block;

    margin:20px auto 0;

}

.input-group{

    width: 80%;

    margin: 0 auto;color:#333;

}

.layui-input{

    /* background: rgba(0,0,0,.5);

    color: wheat;*/

    border:none;

    border-bottom: 1px solid #eee;

    margin: 20px 0;

    

}

h3{

    font-size: 17px;

}

.layui-input::placeholder{

    color:#999

}

.layui-btn.login,.layui-btn{

    background:#142E4F;

    border-radius: 5px;

    width: 100%;margin: 20px 0;    margin: 20px 0;

    /* box-shadow: 0px 0px 1px 1px rgb(56,93,138); */

}

.userEdit{

    justify-content: space-between;

    color:white;

    margin-top: 30px;

}

.jus-bet{

    justify-content: space-between;align-items: center;

}

.userEdit a{

    /* color:white */

}

img{

    vertical-align: middle

}

.layui-container a{

    /* color:white; */

}

.tr{

    text-align: right

}

.tl{

    text-align:left;

}

img.icon{

    width: 30px;    margin-right: 9px;

}

footer img.icon{

    width: 20px;  margin:0  ;  margin-bottom: 0px; min-height: auto;

}

.safeSet{

    color:#000;

    font-size: 14px;

}

footer{
    position: fixed!important;
    bottom: 0;
    width: 100%;

    text-align: center;
    height: 45px;

    /* line-height: 45px; */

    /* box-shadow: 1px -1px 8px 0px #eee; */

    background-color: #fff;
    font-size: 15px; line-height:10px;
    color: #97a4b7;
    padding-top: 3px!important;

}

footer a{letter-spacing:0px!important; text-align:center!important; padding:0!important; margin-top:0!important;}

footer a.active{

    /* color:#eeee00; */

}



.input-radius{

    width: 70%;

    border:1px solid #b9adad;

    border-radius: 50px;

    margin: auto;

    height: 1.5rem;

}

.input-radius input{

    border: none;

    outline: none;

    background: transparent;

    height: 100%;

    color: #777777;

} 

.back{

    color:#000;

}

.back>i{

    /* color:#000 !important; */

    color:#fff !important;



}

.layui-input, .layui-select, .layui-textarea{

    height: 45px;

}



.layui-form-label{

    line-height: 30px;

}



.hideList{

    text-align: center;    background:#00bafe;

            color:#fff;

    margin: 1px 10px 10px;

    padding: 10px;display: none;

}

.layui-layer-title,.layui-layer-setwin{

    display: none;

}

.layui-form-select dl{

    max-height: 200px;

}

.layui-layer-btn{

    text-align: center!important;

}

.grey{

    color:#999

}

@font-face{

    font-family: 'ss'; 

    src:url('../font/时尚中黑简体.woff') format('woff'),

        url('../font/时尚中黑简体.ttf') format('truetype'),

        url('../font/时尚中黑简体.svg') format('svg');

}

input[type=text],input[type=password],input[type=number]{

    background-color: transparent;

    /* color:#fff; */

}

.layui-layer , .layui-layer-dialog{

    color:#000 !important;

}



.font-browse{

    color:#ff8c42!important;

    font-weight: 700;

    font-size: 17px!important;

}

.flex-col{

    flex-direction: column;

    justify-content: space-between;

}

.red{

    color: red;

}

.green{

    color: #14b186;    

}

.blue{

    color: #45aaf2;

}

.layui-layer-hui .layui-layer-content{

    color: #fff;

}

.nomore{

    text-align: center;

    padding: 10px;

    color: #999;    font-size: 13px;

}