/**
    全局通用样式定义. 如居中 动画等
**/
html
{
    font-family: 'Microsoft YaHei','微软雅黑','Helvetica Neue',Helvetica,'PingFang SC','Hiragino Sans GB',Arial,sans-serif;
}
::-webkit-scrollbar
{
    width: 15px;
    height: 15px;
    background-color: transparent;
}
::-webkit-scrollbar-track, ::-webkit-scrollbar-thumb
{
    border-radius: 8px;
    border: 10px solid transparent;
    background-clip: padding-box;
}
::-webkit-scrollbar-track
{
    background-color: transparent;
}
::-webkit-scrollbar-thumb
{
    background-color: #ccd4d9;
    border: 5px solid rgba(255,255,255,0);
}
::-webkit-scrollbar-thumb:hover
{
    background-color: #bac1c6;
    border-width: 4px;
}
@media screen and (max-width: 1080px)
{
    html, body
    {
        min-width: 1080px;
    }
}
*
{
    box-sizing: border-box;
}
body h1
{
    font-size: 0;
}
ul, ol, p
{
    margin: 0;
    padding: 0;
}
ul, ol
{
    list-style-type: none;
}
a
{
    color: inherit;
    text-decoration: none;
}
.display-flex
{
    display: flex!important;
}
.display-none
{
    display: none!important;
}
.display-block
{
    display: block!important;
}
.flex
{
    display: flex;
}
.isGrey-f8f9f9
{
    background-color: #f8f9f9;
}
.isGrey-F3F5F5
{
    background-color: #f3f5f5;
}
.isWhite-fff
{
    background-color: #fff;
}
.isBlack-3B3F3E
{
    background-color: #3b3f3e;
}/* input 表单重写 */
.collect-input-item input, .collect-input-item textarea
{
    padding: .16rem .24rem;
    width: 100%;
    color: #fff;
    font-size: .18rem;
    box-shadow: 0 .11rem .2rem 0 rgba(96,112,94,.24);
    border-radius: .06rem;
    border: 1px solid rgba(255,255,255,.6);
    background-color: rgba(255,255,255,.1);
    backdrop-filter: saturate(100%) blur(10px);
    outline: none;
}
.collect-input-item input:hover, .collect-input-item textarea:hover
{
    border: 1px solid rgba(255,255,255,1);
}
.collect-input-item input:focus, .collect-input-item textarea:focus
{
    border: 1px solid #06b880;
}
.textarea
{
    resize: none;
}
@keyframes opacityChange
{
    0%
    {
        opacity: 0;
    }
    100%
    {
        opacity: 1;
    }
}/* global toast样式 */
.global-toast-warp
{
    display: flex;
    align-items: center;
    position: fixed;
    padding: .15rem;
    min-width: 3rem;
    top: .2rem;
    left: calc(50% - 1.5rem);
    box-sizing: border-box;
    border-radius: .04rem;
    border: 1px solid #e1f3d8;
    background-color: #f0f9eb;
    color: rgba(6,184,128,.6);
    font-size: .15rem;
    z-index: 2008;
    animation: opacityChange .8s;
    overflow: hidden;
}