/* 鍒濆鍖栨牱寮 */
html, body {
width: 100%;
height: 100%;
}
input::-ms-clear, input::-ms-reveal {
display: none;
}
*, *::before, *::after {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-family: "syht"!important;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
display: block;
}
input[type=text] {
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;
outline: 0;
margin: 0;
padding: 0;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
margin: 0;
font-family: "syht"!important;
font-size: 14px;
font-variant: tabular-nums;
color: #333;
font-weight: 400;
background-color: #fff;
}
[tabindex="-1"]:focus {
outline: none !important;
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
margin-bottom: .5em;
color: #333;
font-weight: 500;
}
abbr[title], abbr[data-original-title] {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
address {
margin-bottom: 1em;
font-style: normal;
line-height: inherit;
}
input[type="text"], input[type="password"], input[type="number"], textarea {
-webkit-appearance: none;
}
ol, ul, dl {
list-style: none;
}
ol ol, ul ul, ol ul, ul ol {
margin-bottom: 0;
}
dt {
font-weight: 500;
}
dd {
margin-bottom: .5em;
margin-left: 0;
}
blockquote {
margin: 0 0 1em;
}
dfn {
font-style: italic;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
sub, sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
a {
color: #333;
background-color: transparent;
text-decoration: none;
outline: none;
cursor: pointer;
-webkit-transition: color .3s;
transition: color .3s;
-webkit-text-decoration-skip: objects;
}
a:focus {
text-decoration: underline;
-webkit-text-decoration-skip: ink;
text-decoration-skip: ink;
}
a:hover {
color: #c1a689;
text-decoration: underline;
}
a:active {
color: #c1a689;
}
a:focus, a:active, a:hover {
outline: 0;
text-decoration: none;
}
a[disabled] {
color: rgba(0, 0, 0, 0.25);
cursor: not-allowed;
pointer-events: none;
}
img {
border-style: none;
max-width: 100%;
}
svg:not(:root) {
overflow: hidden;
}
a, area, button, [role="button"], input:not([type=range]), label, select, summary, textarea {
-ms-touch-action: manipulation;
touch-action: manipulation;
}
table {
border-collapse: collapse;
}
caption {
padding-top: .75em;
padding-bottom: .3em;
color: rgba(0, 0, 0, 0.45);
text-align: left;
caption-side: bottom;
}
th {
text-align: inherit;
}
input, button, select, optgroup, textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
color: inherit;
}
button, input {
overflow: visible;
outline: none;
}
button, select {
text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
-webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
padding: 0;
border-style: none;
}
input[type="radio"], input[type="checkbox"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] {
-webkit-appearance: listbox;
}
textarea {
overflow: auto;
resize: vertical;
}
progress {
vertical-align: baseline;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
[hidden] {
display: none !important;
}
::-moz-selection {
background: #1890ff;
color: #fff;
}
::selection {
background: #1890ff;
color: #fff;
}
body::-webkit-scrollbar {
display: none;
}
html {
-ms-overflow-style: none;
/* 闅愯棌婊氬姩鏉★紝褰揑E涓嬫孩鍑猴紝浠嶇劧鍙互婊氬姩*/
overflow: -moz-scrollbars-none;
/* 鐏嫄涓嬮殣钘忔粴鍔ㄦ潯 */
}
/*Chrome涓嬮殣钘忔粴鍔ㄦ潯锛屾孩鍑哄彲浠ラ€忔槑婊氬姩*/
html::-webkit-scrollbar {
width: 0px
}
[v-cloak] {
display: none
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #999999;
font-size: 12px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
color: #999999;
font-size: 12px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
color: #999999;
font-size: 12px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #999999;
font-size: 12px;
}
/*鑳屾櫙鑹?/
.bg9 {
background-color: #999999;
}
.bgf9 {
background-color: #f9f9f9;
}
.bgf5 {
background-color: #F5F5F5;
}
.bgf {
background-color: #ffffff;
}
.bgf5f6f8 {
background-color: #f5f6f8;
}
.bgf6f7f9 {
background-color: #f6f7f9;
}
.bgf7f7f7 {
background-color: #f7f7f7;
}
.bgfbfbfc {
background-color: #fbfbfc;
}
.bgfcfcfc {
background-color: #fcfcfc;
}
.bgfbfbfb {
background-color: #fbfbfb;
}
/*閫氱敤鑳屾櫙鑹?/
/*鑳屾櫙鍥?/
.bg-img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
/*杈规*/
/*搴曢儴杈规 */
/*娓呴櫎娴姩*/
.clear-float {
zoom: 1;
}
.clear-float:after {
content: '';
display: table;
clear: both;
}
/*鐪佺暐鍙?/
.wts {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wts2 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-overflow: ellipsis;
}
.wts3 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
text-overflow: ellipsis;
}
.wts4 {
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
text-overflow: ellipsis;
}
/*宸﹀彸娴姩*/
.fl {
float: left;
}
.fr {
float: right;
}
/*琛岀骇鍧楃骇*/
.block {
display: block;
}
.inline-block {
display: inline-block;
}
.none {
display: none;
}
/*闅愯棌*/
.overflow-hide {
overflow: hidden;
}
/*table瀵归綈*/
.table {
display: table;
table-layout: fixed;
}
.table-cell {
vertical-align: middle;
display: table-cell;
}
/*鐩稿瀹氫綅*/
.relative {
position: relative;
}
/*缁濆瀹氫綅*/
.absolute {
position: absolute;
}
/*鍥剧墖淇濆瓨姣斾緥灞呬腑*/
.img-tc img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
/*瀹屽叏灞呬腑*/
.center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.completely-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*灏忔墜鎺?/
.cp {
cursor: pointer;
}
/*瀛椾綋灞呬腑*/
.tc {
text-align: center;
text-align-last: center;
}
/*涓ょ瀵归綈--闂磋窛鐩哥瓑*/
.text-justify {
text-align: justify;
text-align-last: justify;
text-justify: inter-ideograph;
}
/*灞呬腑*/
.auto {
margin: 0 auto;
}
/*鍙冲榻?/
.tc-right {
text-align: right;
text-align-last: right;
}
/*宸﹀榻?/
.tc-left {
text-align: left;
text-align-last: left;
}
/*缂╄繘*/
.ti30 {
text-indent: 30px;
}
/*瀹藉害*/
.w100 {
width: 100%;
}
.w90 {
width: 90%;
}
.w80 {
width: 80%;
}
.w70 {
width: 70%;
}
.w60 {
width: 60%;
}
.w50 {
width: 50%;
}
.w40 {
width: 40%;
}
.w30 {
width: 30%;
}
.w20 {
width: 20%;
}
.w10 {
width: 10%;
}
/*涓嶆崲琛?/
.word-wrap {
word-wrap: normal;
white-space: nowrap;
}
/*浼被*/
.after:after {
content: "";
display: block;
position: absolute;
}
.before:before {
content: "";
display: block;
position: absolute;
}
/*瀛椾綋*/
.fs0 {
font-size: 0;
}
.fs12 {
font-size: 12px;
}
.fs14 {
font-size: 14px;
}
.fs15 {
font-size: 15px;
}
.fs16 {
font-size: 16px;
}
.fs18 {
font-size: 18px;
}
.fs19 {
font-size: 19px;
}
.fs20 {
font-size: 20px;
}
.fs21 {
font-size: 21px;
}
.fs22 {
font-size: 22px;
}
.fs23 {
font-size: 23px;
}
.fs24 {
font-size: 24px;
}
.fs25 {
font-size: 25px;
}
.fs26 {
font-size: 26px;
}
.fs29 {
font-size: 29px;
}
.fs30 {
font-size: 30px;
}
.fs34 {
font-size: 34px;
}
.fs36 {
font-size: 36px;
}
.fs39 {
font-size: 39px;
}
.fs44 {
font-size: 44px;
}
.fs52 {
font-size: 52px;
}
.fs60 {
font-size: 60px;
}
.fs61 {
font-size: 61px;
}
/*鍨傜洿灞呬腑*/
.va {
vertical-align: middle;
}
/*鍨傜洿灞呬腑寰皟*/
.va1 {
vertical-align: 1px;
}
.va2 {
vertical-align: 2px;
}
.va3 {
vertical-align: 3px;
}
/*琛岄珮*/
.lh0 {
line-height: 0;
}
.lh20 {
line-height: 20px;
}
.lh25 {
line-height: 25px;
}
.lh26 {
line-height: 26px;
}
.lh30 {
line-height: 30px;
}
.lh35 {
line-height: 35px;
}
.lh40 {
line-height: 40px;
}
.lh46 {
line-height: 46px;
}
.lh50 {
line-height: 50px;
}
.lh65 {
line-height: 65px;
}
/*瀛椾綋鍔犵矖*/
.fw {
font-weight: bold;
}
.fw500 {
font-weight: 500;
}
.fw600 {
font-weight: 600;
}
.mask{
position: fixed;
width: 100vw;
height: 100vh;
z-index: 999;
background-color: #fff;
bottom: 0;
left: 0;
transition: all .3s linear;
overflow: hidden;
}
.mask .logo{
position: absolute;
top: 15px;
left: 45%;
transform: translateX(-50%);
height: 60px;
}
.mask .loading{
height: 202px;
}