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

body {
    width: 100%;
    position: relative;
    overflow-y: auto;
    min-width: 1280px;
    /* 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: rgba(0, 0, 0, 0);
}

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


/* box sizing */

* {
    box-sizing: border-box;
}


/* selection */
/* 
::selection {}

::-moz-selection {}

::-webkit-selection {} */



/* 滚动条 start */

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

/* 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%);
}


/* table */

table tr,
table tr td {
    padding: 0;
    margin: 0;
}


/* 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;
}

.overflow {
    -ms-scroll-chaining: chained;
    -ms-overflow-style: none;
    -ms-content-zooming: zoom;
    -ms-scroll-rails: none;
    -ms-content-zoom-limit-min: 100%;
    -ms-content-zoom-limit-max: 500%;
    -ms-scroll-snap-type: proximity;
    -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%);
    -ms-overflow-style: none;
    overflow-y: scroll;
}

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

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

.page {
    position: relative;
}

div {
    position: relative;
}


.flex-wrap{
  flex-wrap: wrap;
}
.flex{
	display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */  
	display: -moz-box; /* Firefox 17- */  
	display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */  
	display: -moz-flex; /* Firefox 18+ */  
	display: -ms-flexbox; /* IE 10 */  
	display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */  
}
.flex-center{
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.flex-end{
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.space-between{
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.flex-start{
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
}
.align-items_flex-end{
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.align-items_center{
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.align-items_baseline{
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
}


/* media */

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