:root{
    --color-default:33, 37, 46;
    --color-black:0, 0, 0;
    --color-gray:129, 132, 150;
    --color-bg-gray:235, 235, 235;
    --color-dot-gray:216, 216, 216;
    --color-white:255,255,255;
    --color-blue:22, 119, 254;
    --color-green:65, 161, 99;
    --color-warning:230, 162, 60;
    --gap-2:2px;
    --gap-4:4px;
    --gap-5:5px;
    --gap-6:6px;
    --gap-8:8px;
    --gap-10:10px;
    --gap-12:12px;
    --gap-15:15px;
    --gap-16:16px;
    --gap-20:20px;
    --gap-24:24px;
    --gap-32:32px;
    --gap-40:40px;
    --border-radius-2:2px;
    --border-radius-4:4px;
    --border-radius-6:6px;
    --border-radius-8:8px;
    --border-radius-12:12px;
    --border-radius-16:16px;
    --border-radius-24:24px;
    --font-size-12:12px;
    --font-size-14:14px;
    --font-size-16:16px;
    --font-size-18:18px;
    --font-size-20:20px;
    --font-size-24:24px;
    --font-size-28:28px;
    --font-size-32:32px;
    --font-size-36:36px;
}
/*引入字体包*/
@font-face {
    font-family: SourceHanSansCN;
    src: url('./fonts/SourceHanSansCN-Regular.otf');
    font-weight: 400;
}
@font-face {
    font-family: SourceHanSansCN;
    src: url('./fonts/SourceHanSansCN-Medium.otf');
    font-weight: 500;
}
@font-face {
    font-family: SourceHanSansCN;
    src: url('./fonts/SourceHanSansCN-Light.otf');
    font-weight: 300;
}
@font-face {
    font-family: SourceHanSansCN;
    src: url('./fonts/SourceHanSansCN-Bold.otf');
    font-weight: 600;
}
@font-face {
    font-family: YouSheBiaoTiHei;
    src: url('./fonts/YouSheBiaoTiHei-2.ttf');
}
.wrap {
    max-width: 1330px;
    margin: 0 auto;
}
html {
    font-family: SourceHanSansCN,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,
    Roboto, 'Helvetica Neue', Arial, sans-serif;
    font-size: var(--font-size-14);
    font-weight: 400;
    line-height: 1.5714285714285714;
    word-spacing: 1px;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    box-sizing: border-box;
    color: rgba(var(--color-default),1);
}
#app{
    width: 100%;
    height: 100%;
}
*,
*::before,
*::after {
    box-sizing: border-box;
    margin: 0;
}
a{
    text-decoration: none;
}
input{
    outline: none;
    appearance: none;
}

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ellipsis{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.ellipsis-2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
.list-btn-action .el-link {
    font-size: var(--font-size-14);
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
}
input[type='number'] {
    -moz-appearance: textfield;
}

.ihh-action-btn > * {
    margin-left: 10px;
}
.ihh-action-btn > *:first-child{
    margin-left: 0;
}
.ihh-width-auto{
    width: auto !important;
}
.master-page-body,.page-container{
    background-color: rgba(var(--color-bg-gray), 0.7)
}



.list-right-box{
    width: 350px;
    margin-left: 20px;
}
.list-right-box .box-img{
    display: block;
    width: 100%;
    margin-bottom: var(--gap-10);
    cursor: pointer;
}
.list-right-box .box-img img{
    width: 100%;
}
.list-right-box  .box-body{
    padding: var(--gap-10);
    background-color: #ffffff;
    border-radius: var(--border-radius-8);
}
.list-right-box .box-content{
    border-top: 1px solid #DBDBDB;
    margin-top: var(--gap-10);
    padding-bottom: var(--gap-10);
}
.list-right-box .box-refresh{
    text-align: center;
    color: #1677FE;
    cursor: pointer;
}

.el-row {
    display: flex;
    flex-wrap: wrap;
}