html {
    font-size: 62.5%;
    /* 10÷16=62.5% */
}

body {
    width: 100%;
    position: relative;
    cursor: default;
    /* overflow-x: hidden; */
    overflow-y: auto;
    /* min-width: 1440px; */
    /* min-height: 290px; */
    font-size: 17px;
    font-size: 1.7rem;
    letter-spacing: 1px;
    /* //制文本时速度优先，会禁用字距调整和连字 */
    /* text-rendering: optimizeSpeed; */
    /* //绘制文本时易读性优先，会启用字距调整和连字 */
    text-rendering: optimizeLegibility;
    /* iOS 惯性滚动 防止卡顿 */
    -webkit-overflow-scrolling: touch;
    /* Status bar height on iOS 11+ */
    /* padding-bottom: constant(safe-area-inset-bottom) !important; */
}

/* a */

a {
    color: unset;
}

a:active,
a:hover,
a:link,
a:visited {
    text-decoration: none;
}

/* selection */

::selection {}

::-moz-selection {}

::-webkit-selection {}

/* 滚动条 start */

::-webkit-scrollbar {
    width: 0;
}

/* align center */

.align-table {
    width: 100% !important;
    height: 100% !important;
    position: relative !important;
    display: table !important;
}

.align-col {
    width: 100% !important;
    display: table-cell !important;
    vertical-align: middle !important;
}

.align-row {
    width: 100% !important;
    display: inline-block !important;
}

.align-center {
    top: 50%;
    left: 50%;
    max-width: 100%;
    max-height: 100%;
    transform: translate(-50%, -50%);
    /*  */
    display: flex;
    justify-content: center;
    align-items: center;
}

/* img svg */

img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    object-fit: contain;
}

svg {
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    vertical-align: top;
    fill: currentColor;
}

/* input */

input {
    padding: 0 5px;
    box-sizing: border-box;
}

input:-moz-placeholder {
    color: #7f7f7f;
}

input:-ms-input-placeholder {
    color: #7f7f7f;
}

input::-webkit-input-placeholder {
    color: #7f7f7f;
}

textarea:-moz-placeholder {
    color: #7f7f7f;
}

textarea:-ms-input-placeholder {
    color: #7f7f7f;
}

textarea::-webkit-input-placeholder {
    color: #7f7f7f;
}

/* <textarea name="" id="textarea" maxlength="200" onchange="this.value=this.value.substring(0, 200)" onkeydown="this.value=this.value.substring(0, 200)" onkeyup="this.value=this.value.substring(0, 200)" placeholder="请填写1～200字之间的评价～"></textarea> */

/* label line */

.label {
    position: relative;
    width: 100%;
}

.label-right {
    background-size: 31px 13px;
    background-position: 100%;
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAANCAYAAAEmt4U/AAAAAXNSR0IArs4c6QAAANVJREFUOBFjYACChoaGcyCaBADUMgurcpwSINVkWITFkpaWFml0YSZ0AerwQQ4GYhaKTQMaMpcsQyhyQWNjYyyxtmKEIAsLyx6g7XOINQBDHSjggPgChgQpAkADbpGiHqyWbJtbW1slgZrJ8zMpoc1IyE9NTU3a//792wpUNwfoohZC6kmRJ2g5zDCgxTxA9iogZuLk5AwtLy//DJMjlybacmQLgA6pAvIzmJiYvOvq6i4jy5HCxkjkxGhmZGT8T4w6QmqI9jktgp1gEYaW4LwI+YYUeQBH3kh5NmbCvQAAAABJRU5ErkJggg==');
}

.label-edit {
    background-size: 20px 20px;
    background-position: calc(100% - 15px);
    background-repeat: no-repeat;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAFN++nkAAAABGdBTUEAALGPC/xhBQAABB9JREFUaAXtW91OFDEUprtgFAxZnsH4DHqnN6BXPoFoVhOJAQK7D7L8CFcqROITmJgYiTeaGPUV9B3ARCKRyHi+Yc/Q6XQ70247OyvbZGg755x+5+uZdtruIDqdZydjSmq3lydwa3Pz9fQYKUSKPK6urW29jws6hUQIDVUhJVQVVCGMazFO90+rtTQn11FOKahC1IXqg6oEhVQ/cB/EiuTUS9UC9YxzrAQBtSAyjrEAiimhLMgI0RQ3nRHKApSNXLtC8UOI6LNqyfVWa/khl5EjJlEUzY6jIsTYR1J4jLIpsRHFK/Y9NjYZQKYasb7RuJcRjNGtPY0hZPcYSc1TQZKFakxkGZd7GrOCKc88kqpyrVZ7sbq6+FS9jzo4j1Oo9nRC3BPi9JsqQ38IIfYzI1ZVVOswRBRw34ozI/KgLmysGhZG1hkWMu5lmGtsMoSsJ2eTIVCRtMbr69sPEEfu1TPV7F/twKAnao9UcRmTFtloIQkHZ2ycHSUPtcW+jKUWn9Pk8USqa4s8rU1NXWokkaKw7lBYc2dfbYs5NxmQpnqaHsT+wsLCzwQ4x9ZJrALKz2sQYBMgM/AKXATQK7ANoBdgF0BMbAB36moXQGbKuRWwD0AnYAyHjY3tuysri++4AdfcesL1AQpnrYFdGap2Fw/Y19tJ7cnceu5KNbcFUqBXYrzpzNPd3d293Gw2j6GHGGMs93uhLWMC6MHBr980F3yBYjKBmJbYxhYLCBkUqvROvoF6Aqzu0Qq0V0hFBoXBzMzVK+juoMOpFygcCAZsAg0GnAcaBLgIqHfgoqBegW1AvQHbgnoBdgHtG9gVFMDJzIWKTXIBpXl6j6bMedrGnDhNIC6gKilrYB+gcMIK2BeoFbBPUCvg7srhFEb8akPZNVl1NS1x6v2A0hOdHANbAYMdr5lcmNIwSn4DsAZ2AdTZjIB1vRLk3qirg3SrrtHktciHIjolX/dwssdpYDEe2DaVmUt5oYNYSd9YxEvt8PDoDSlNT05O3MH5KQySEButh0jIRGlHPMtuHx39OaRV19d6vTGXIRzy1JodCJHriDIOTsgbjal7zeb94wxhVhqWvBjRs0MXcBpawrZEOYBDR9iV6NAR7pfo0BD2RbTyhH0TrSzhUEQrRzg00coQLovowAmXQZSWk49ox3KTydL3Tn9Lfw+XQZQJUn6brnmuE/mT0giXTJQ5ZvLghKtClJkHI1w1okEJ40MJ2o++JZDUycb5Nu1898KOhMjlM1puP0iEux9o1DudLfpYN9ohoh/O9qPlEGVyhEucz8+VcD8IYQZst5deURlXZVLqkauMVwEdGREO2LmVaHoU4UqEIaATowgH7NxKNJ35qYU+V/tO//vxqRLe9e1EdIvWHde4GVqIZHdLpHCdVkd0/Z/pwo3hfwfrykZszVg8AAAAAElFTkSuQmCC');
}

.label .line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #d9d9d9;
}

.label .line-l15 {
    position: absolute;
    bottom: 0;
    width: calc(100% - 15px);
    right: 0;
    height: 1px;
    background-color: #d9d9d9;
}

.label .padding {
    max-height: 100%;
    padding: 0 15px;
}

.label-right .padding {
    padding: 0 31px 0 15px;
}

.label .ic {
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    top: -1px;
}

.label .name {
    max-width: calc(100% - 28px);
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*  */

/* other */

.text-omit {
    /* word-break: break-all;
    white-space: nowrap; */
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -moz-box;
    -moz-line-clamp: 2;
    -moz-box-orient: vertical;
}

@supports (-webkit-backdrop-filter: none) {}

@supports not (-webkit-backdrop-filter: none) {}

/*  */

/* padding */

.padding-page-lr {
    padding-left: 7%;
    padding-right: 7%;
}

.padding-page-tb {
    padding-top: 50px;
    padding-bottom: 50px;
}

.page {
    position: relative;
}

div {
    position: relative;
}

/* media */

@media screen and (max-width: 1024px) {
    .padding-page-lr {
        padding-left: 4.88% !important;
        padding-right: 4.88% !important;
    }
}

@media screen and (max-width: 693px) {
    .padding-page-lr {
        padding-left: 4% !important;
        padding-right: 4% !important;
    }
}

@media screen and (max-width: 373px) {
    body {
        font-size: 1.4rem;
    }
}