| | |
| | | * { |
| | | margin: 0%; |
| | | padding: 0; |
| | | box-sizing: border-box; |
| | | } |
| | | * { |
| | | margin: 0%; |
| | | padding: 0; |
| | | box-sizing: border-box; |
| | | } |
| | | |
| | | html { |
| | | font-size: calc(100 * 100vw / 1440) !important; |
| | | /* font-size: 10px; */ |
| | | } |
| | | html { |
| | | font-size: calc(100vw / 1440 * 96) !important; |
| | | /* font-size: 10px; */ |
| | | } |
| | | |
| | | body { |
| | | font-size: .16rem !important; |
| | | } |
| | | body { |
| | | font-size: 0.16rem !important; |
| | | } |
| | | |
| | | .flex { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | .flex { |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: space-between; |
| | | } |
| | | |
| | | .flex-column { |
| | | flex-direction: column; |
| | | } |
| | | .flex-column { |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .flex-wrap { |
| | | flex-wrap: wrap; |
| | | } |
| | | .flex-wrap { |
| | | flex-wrap: wrap; |
| | | } |
| | | |
| | | .flex-center { |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | .flex-center { |
| | | align-items: center; |
| | | justify-content: center; |
| | | } |
| | | |
| | | .flex-grow { |
| | | flex-grow: 1; |
| | | } |
| | | .flex-grow { |
| | | flex-grow: 1; |
| | | } |
| | | |
| | | .flex-column { |
| | | flex-direction: column; |
| | | } |
| | | .flex-column { |
| | | flex-direction: column; |
| | | } |
| | | |
| | | .flex-shrink { |
| | | flex-shrink: 0; |
| | | } |
| | | .flex-shrink { |
| | | flex-shrink: 0; |
| | | } |
| | | |
| | | .flex-start { |
| | | justify-content: flex-start |
| | | } |
| | | .flex-start { |
| | | justify-content: flex-start; |
| | | } |
| | | |
| | | .flex-content { |
| | | justify-content: space-around; |
| | | } |
| | | .flex-content { |
| | | justify-content: space-around; |
| | | } |
| | | |
| | | .flex-items-start { |
| | | align-items: flex-start; |
| | | } |
| | | .flex-items-start { |
| | | align-items: flex-start; |
| | | } |
| | | |
| | | .relative { |
| | | position: relative; |
| | | /* z-index: 99999 !important; */ |
| | | z-index: 1; |
| | | } |
| | | .relative { |
| | | position: relative; |
| | | /* z-index: 99999 !important; */ |
| | | z-index: 1; |
| | | } |
| | | |
| | | /* 字体宋体 */ |
| | | .font-family { |
| | | font-family: 宋体; |
| | | } |
| | | .fontFamily{ |
| | | font-family:"simsun","宋体",serif; |
| | | font-weight: bolder; |
| | | } |
| | | /* 字体宋体 */ |
| | | .font-family { |
| | | font-family: 宋体; |
| | | } |
| | | .fontFamily { |
| | | font-family: "simsun", "宋体", serif; |
| | | font-weight: bolder; |
| | | } |
| | | |
| | | /* 超出隐藏1 */ |
| | | .BeyondHiding1 { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | /* 超出隐藏2 */ |
| | | .BeyondHiding2 { |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | /* 设置要显示的行数 */ |
| | | -webkit-box-orient: vertical; |
| | | /* 设置显示方式为垂直方向 */ |
| | | overflow: hidden; |
| | | /* 隐藏超出的内容 */ |
| | | } |
| | | /* 超出隐藏3 */ |
| | | .BeyondHiding3 { |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 3; |
| | | /* 设置要显示的行数 */ |
| | | -webkit-box-orient: vertical; |
| | | /* 设置显示方式为垂直方向 */ |
| | | overflow: hidden; |
| | | /* 隐藏超出的内容 */ |
| | | } |
| | | /* 手势 */ |
| | | .cursor{ |
| | | cursor: pointer; |
| | | } |
| | | ul { |
| | | list-style: none; |
| | | } |
| | | /* 超出隐藏1 */ |
| | | .BeyondHiding1 { |
| | | white-space: nowrap; |
| | | overflow: hidden; |
| | | text-overflow: ellipsis; |
| | | } |
| | | /* 超出隐藏2 */ |
| | | .BeyondHiding2 { |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 2; |
| | | /* 设置要显示的行数 */ |
| | | -webkit-box-orient: vertical; |
| | | /* 设置显示方式为垂直方向 */ |
| | | overflow: hidden; |
| | | /* 隐藏超出的内容 */ |
| | | } |
| | | /* 超出隐藏3 */ |
| | | .BeyondHiding3 { |
| | | display: -webkit-box; |
| | | -webkit-line-clamp: 3; |
| | | /* 设置要显示的行数 */ |
| | | -webkit-box-orient: vertical; |
| | | /* 设置显示方式为垂直方向 */ |
| | | overflow: hidden; |
| | | /* 隐藏超出的内容 */ |
| | | } |
| | | /* 手势 */ |
| | | .cursor { |
| | | cursor: pointer; |
| | | } |
| | | ul { |
| | | list-style: none; |
| | | } |
| | | |
| | | html { |
| | | color: #fff; |
| | | background-color: #fff; |
| | | } |
| | | html { |
| | | color: #fff; |
| | | background-color: #fff; |
| | | } |
| | | |
| | | img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |
| | | img { |
| | | width: 100%; |
| | | height: 100%; |
| | | } |