:root {
    /*常用到的搭配色彩*/
    --main-drak:#ff0081;
    --the-main: rgba(255, 111, 162);
    --main-two:#ffb0cb;
    --drak:#FFC1C1;
    --dark-two:#FFE4E1;
    --drak-light:#FFF0F5;
    --bglight-two:#fff4fa;
    --bglight:#fffbfd;
    --light-best:#ffffff;
    --dark-primary:#35a1ef;
    --primary-two:#abdcff;
    --primary-three:#5fb9f6;
    --primary-light:#f0faff;
    --dark-success:#43CD80;
    --success-two:#4dd865;
    --success-light: #edfff3;
    --text-dark: #000000;
    --text-dark3:#333333;
    --text-dark5:#656565;
    --text-dark9:#999999;
    --text-dark1:#bebebe;
    --drak-red:#ff0000;
    /*红包使用的颜色*/
    --dark-waring:#fc7402;
    --drak-red2:#f45e4d;
    --main-three:#ffff00;
    --dark-yd:#FFD700;
    --drak-ylight:#FFA73A;
    /*紫色*/
    --purple-main:#aa00ff;
    --purple-two:#e040fb;
    --purple-light:#f3e5f5;
}
/*定义混动条效果 开始*/
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar
{
    width: 12px;
    height: 12px;
    background-color: var(--main-two);
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px var(--main-two);
    border-radius: 10px;
    background-color:var(--bglight);
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px var(--the-main);
    background-color:var(--drak-light);
}
/*定义混动条效果 结束*/
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/*全局，鼠标箭头问题*/
body {
    cursor: default;
    margin: 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    /*color: #212529;*/
    text-align: left;
    /*background-color: #fff;*/
}

[tabindex="-1"]:focus {
    outline: 0 !important;
}
/*直接继承父业*/
input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

/*取消a标签在移动端和PC端点击时的蓝色边框  正确版，测试过*/
a,a:visited:focus,a:active:focus,a:link:focus{
    -webkit-tap-highlight-color:transparent;
    outline:none;
    /*background: none; 加上这个之后，鼠标点击后，菜单消失*/
    /*background: none;*/
    text-decoration: none;
    box-shadow:none;
}
/*取消a标签在移动端和PC端点击时的蓝色边框  结束*/

ol,
ul,
dl {
    list-style: none;
    margin-top: 0;
    margin-bottom: 1rem;
}

ul li {
    margin-bottom: 0;
}
i {
    font-style: normal;
}
/*媒体查询 开始*/
/*0-480手机*/
/*手机 隐藏右侧用户列表信息 */
@media only screen and (max-width:480px) {

}
/*480-960平板，手机横屏*/
/*手机平板 隐藏右侧用户列表信息 */
@media only screen and (min-width: 480px) and (max-width: 960px) {

}
/*960PC屏幕*/
@media only screen and (min-width:960px) {

}
/*媒体查询 结束*/