/* @media screen and (min-width:320px) { html{font-size:10px}}
@media screen and (min-width:360px) { html{font-size:11px}} 
@media screen and (min-width:375px) { html{font-size:12px}} 
@media screen and (min-width:414px) { html{font-size:12.5px}}
@media screen and (min-width:480px) and (max-width:539px){ html{font-size:14px}} 
@media screen and (min-width:540px) and (max-width:599px){ html{font-size:16px}}
@media screen and (min-width:600px) and (max-width:639px){ html{font-size:17px}}  
@media screen and (min-width:640px) and (max-width:719px){ html{font-size:20px}} 
@media screen and (min-width:720px) and (max-width:767px){ html{font-size:22px}} 
@media screen and (min-width:768px) and (max-width:799px){ html{font-size:24px}} 
@media screen and (min-width:800px) and (max-width:959px){ html{font-size:26px}} 
@media screen and (min-width:960px) and (max-width:1023px){ html{font-size:28px}} 
@media screen and (min-width:1024px) and (max-width:1199px){ html{font-size:32px}} 
@media screen and (min-width:1200px){ html{font-size:36px}}  */

body,
html {
    width: 100%;
    /* background-color: #f2f2f2; */
    /* font-family: "PingFang SC", "Helvetica Neue", Arial, "Hiragino Sans GB", "PingFang SC", "Heiti SC", "Microsoft YaHei UI", "Microsoft YaHei", "Source Han Sans", sans-serif; */
}

* {
    margin: 0;
    padding: 0;
    border: 0;
}

div,
img {
    vertical-align: top;
}

input {
    outline: none;
    border: 0;
}

input::-webkit-input-placeholder {
    /* placeholder颜色  */
    color: #ababab;
}


/*
 * toast提示框的样式设置
 */

#toastMessage {
    position: fixed;
    z-index: 99;
    background-color: black;
    color: white;
    bottom: 400px;
    padding: 15px 50px;
    font-size: 16px;
    text-align: center;
    border-radius: .1rem;
}


/*
 * loading框的样式设置
 */

.loading-Range {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 998;
}

.loading-Range div {
    width: 50px;
    height: 50px;
    background-color: #000;
    border-radius: .9rem;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

.loading-Range div img {
    width: 30px;
    height: 30px;
    margin-top: 10px;
    margin-left: 10px;
}

a {
    color: #ffffff;
}