/* 默认有边距，都要清除 */
* {
    margin: 0;
    padding: 0;
}
html{
    font-size: 16px;
    /*--primary-color: #2376B7;*/
    --primary-color: #2477b8;
    --primary-he-color: #288ede;
}

body {
    /*background: #000000;*/
    background: #F7F7F6;
}

div, a, p {
    font-size: 14px;
    /*color: #404040;*/
    color: #333333;
}

input, img {
    width: 100%;
    border: 0 none;
    outline-style: none;
    vertical-align: middle;
}

a:hover,
a:hover .color-main,
a:hover .color-tips
{
    /*text-decoration: none;*/
    color: #333;
}

form button:focus{
    box-shadow: none;
}

/*pointer*/
.pointer, .cursor-pointer {
    cursor: pointer;
}

/*pre-line*/
.pre-line{
    white-space: pre-line;
}

/*container*/
.container-xl{
    max-width: 1700px !important;
}
.container {
    /*max-width: 1200px !important;*/
    max-width: 1280px !important;
}


/*badge-primary*/

/*bg*/
.bg-page{
    background: #E4EAF0;
}
.bg-primary{
    background: var(--primary-color);
}
.bg-primary-he{
    background: var(--primary-he-color);
}

/*radius*/
.radius-base{
    border-radius: 18px;
}
.radius-big{
    border-radius: 30px;
}

.border, .border-top, .border-right, .border-bottom, .border-left{
    border-color: #f3f3f3!important;
}


/*btn-primary*/
.btn-primary{
    transition: all 0.3s;
    background: var(--primary-color);
    border-color: transparent!important;
}
.btn-outline-secondary, .btn-outline-secondary:visited, .btn-outline-secondary:focus{
    border-color: #E0E0E0;
    color: #666666;
    box-shadow: none;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-outline-secondary:hover{
    background: var(--primary-color);
    border-color: transparent!important;
    color: #ffffff!important;
    box-shadow: none;
}
.btn-primary.btn:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus,
.btn-light:focus
{
    box-shadow: none;
}

/*color*/
.color-primary{
    color: var(--primary-color)!important;
}
.color-primary-he{
    color: var(--primary-he-color)!important;
}
.color-red{
    color: #d81b00!important;
}
.color-main{
    color: #333333!important;
}
.color-content{
    color: #888888!important;
}
.color-tips{
    color: #999999!important;
}
.color-white-30{
    color: rgba(255, 255, 255, 0.3)!important;
}
.color-white-50{
    color: rgba(255, 255, 255, 0.5)!important;
}
.color-white-80{
    color: rgba(255, 255, 255, 0.8)!important;
}

/*font-weight*/
.font-weight-500{
    font-weight: 500;
}
.font-weight-600{
    font-weight: 600;
}

/*text-indent-0*/
.text-indent-0{
    text-indent: 0!important;
}

/*font-size 12*/
.font-size-sm{
    font-size: 12px;
}

/*font-size 16*/
.font-size-16{
    font-size: 16px;
}

/*h5d5->18 h4d5->22*/
.h5d5{
    font-size: 1.125rem;
}
.h4d5{
    font-size: 1.375rem;
}

/*line-height*/
.line-height-h6{
    line-height: 1.4;
}
.line-height-h5{
    line-height: 1.6;
}
.line-height-h4{
    line-height: 1.8;
}
.line-height-h3{
    line-height: 2;
}

/*p-4d5*/
.p-4d5{
    padding: 2.0rem!important;
}
.py-4d5{
    padding-top: 2.0rem!important;
    padding-bottom: 2.0rem!important;
}
.px-4d5{
    padding-left: 2.0rem!important;
    padding-right: 2.0rem!important;
}
.pt-4d5{
    padding-top: 2.0rem!important;
}
.pr-4d5{
    padding-right: 2.0rem!important;
}
.pb-4d5{
    padding-bottom: 2.0rem!important;
}
.pl-4d5{
    padding-left: 2.0rem!important;
}


input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
input[type="number"] {
    -moz-appearance: textfield;
}

.ellipsis-1{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

/*加载中*/
#ym_progress{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 11;margin-top: 40px;color: #888;font-size: 13px;}
    @keyframes layui-rotate{
        from{transform: translate(-50%,-50%) rotate(0)}
        to{transform: translate(-50%,-50%) rotate(360deg)}
    }
    .ym_loading{position: relative;min-height: 200px;}
    .ym_loading:before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, .9);z-index: 10;}
    .ym_loading:after{content: '';z-index: 11;width: 36px;height: 36px;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNjc5MTUxOTg4ODQ2IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1MDYzIiB3aWR0aD0iNjQiIGhlaWdodD0iNjQiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNMTQ0LjIwNSAyMDIuNDk2YTEzNi42NzggMTM2LjY3OCAwIDEgMCAyNzMuMzU3IDAgMTM2LjY3OCAxMzYuNjc4IDAgMSAwLTI3My4zNTcgMHpNNDEuNzI4IDQ5Mi45MDJhMTE5LjU3OCAxMTkuNTc4IDAgMSAwIDIzOS4xNTUgMCAxMTkuNTc4IDExOS41NzggMCAxIDAtMjM5LjE1NSAwek0xNDQuMjMgNzQ5LjE1OGExMDIuNTAyIDEwMi41MDIgMCAxIDAgMjA1LjAwNSAwIDEwMi41MDIgMTAyLjUwMiAwIDEgMC0yMDUuMDA1IDB6TTQzNS4yIDg2MS45MjZhODkuNiA4OS42IDAgMSAwIDE3OS4yIDAgODkuNiA4OS42IDAgMSAwLTE3OS4yIDB6IG0yODkuODQzLTk1LjY2NmE4NS40MjcgODUuNDI3IDAgMSAwIDE3MC44NTUgMCA4NS40MjcgODUuNDI3IDAgMSAwLTE3MC44NTUgMHogbTEzNi43MDQtMjkwLjQzM2E2OC4zMjYgNjguMzI2IDAgMSAwIDEzNi42NTMgMCA2OC4zMjYgNjguMzI2IDAgMSAwLTEzNi42NTMgMHpNNzU5LjIyIDIxOS41NzFhNTEuMjUxIDUxLjI1MSAwIDEgMCAxMDIuNTAyIDAgNTEuMjUxIDUxLjI1MSAwIDEgMC0xMDIuNTAzIDB6TTUxMiA4NS4zNzZhMzQuMTc2IDM0LjE3NiAwIDEgMCA2OC4zNTIgMCAzNC4xNzYgMzQuMTc2IDAgMSAwLTY4LjM1MiAweiIgcC1pZD0iMTUwNjQiIGZpbGw9IiM5OTk5OTkiPjwvcGF0aD48L3N2Zz4=) center no-repeat;background-size: auto 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);animation: layui-rotate 1s linear infinite;}


.layui-layer-hui .layui-layer-content{
    color: #ffffff;
}