html,
body {
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100%;
    height: 100%;
    border: none;
    background-color: rgb(254, 254, 254) !important;

    overflow-x: hidden !important;
    overflow-y: auto !important;

    box-sizing: border-box;
    font-family: Arial, sans-serif;

    /* 禁用双击缩放 */
    touch-action: manipulation;
    /* Safari */
    -webkit-user-select: none;
    /* IE10+/Edge */
    -ms-user-select: none;
    /* Standard syntax */
    user-select: none;
    /* iOS点击高亮 */
    -webkit-tap-highlight-color: transparent;

    touch-action: pan-y;


}

/* @media(min-width: 640px){
    html,body {
        width: 640px !important;;
        max-width: 640px !important;
        border: 1px solid #ccc;
       left: 50%;
       top: 0;
    }
} */

a {
    outline: none;
    text-decoration: none;
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: #da017c;
    border-radius: 0px;

}

::-webkit-scrollbar-track {
    background-color: #57005343;
    border-radius: 0px;
}

::-webkit-scrollbar-corner {
    background-color: #c10303;

}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-text-fill-color: #000000 !important;
    -webkit-background-clip: text !important;
    caret-color: #000000 !important;
    transition: background-color 5000s ease-in-out 0s !important;
}

img {
    -webkit-user-drag: none;
    -moz-user-drag: none;
    -ms-user-drag: none;
    user-drag: none;
}

button {
    outline: none;
}

input {
    outline: none;
}

select {
    outline: none;
}

* {
    touch-action: manipulation;
}

textarea {
    white-space: pre-wrap !important;
}

@font-face {
    font-family: 'iconfont';
    src: url('/love/extend/fonts/homefont/homefont.woff') format('woff'),
        url('/love/extend/fonts/homefont/homefont.ttf') format('truetype'),
        url('/love/extend/fonts/homefont/homefont.otf') format('opentype');
}

font-icon {
    font-family: "iconfont" !important;
    font-style: normal;
    /* 标准的CSS属性 */
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    /* Firefox on Mac OS X */
    -webkit-font-smoothing: antialiased;
    /* Chrome, Safari, Edge */
    -moz-font-smoothing: antialiased;
    /* Firefox */
    -o-font-smoothing: antialiased;
    /* Opera */
    -ms-font-smoothing: antialiased;
        /* 垂直对齐 */
        display: inline-block;
        vertical-align: middle;
        /* 字体大小 */
        font-size: 24px;
        /* 字体颜色 */
        color: #000000;
        /* 字体位置 */
        padding-left: 1px;
}

/*
    class FontIcon extends HTMLElement {
        connectedCallback() {
            // 应用样式
            this.style.fontFamily = "iconfont !important";
            this.style.fontSize = "18px";
            this.style.fontStyle = "normal";
            this.style.webkitFontSmoothing = "antialiased";
            this.style.mozOsxFontSmoothing = "grayscale";
            this.style.height = "20px";
            this.style.color = "rgba(102, 100, 100, 0.779)";
        }
    }

    customElements.define('font-icon', FontIcon);
*/


.top-title-box {
    position: fixed;
    z-index: 1024;
    width: 100%;
    top: 0;
    left: 0;
    height: 24px;
    padding: 10px 10px;

    /* background-color: red; */
    background-color: rgb(255, 255, 255);

}
.top-title-box font-icon{
    font-size: 32px;
}

.top-title-box-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

    font-size: 18px;
    font-weight: bold;
}