html, body {width: 100%; margin: 0; font-family: PingFangSC-Regular, Microsoft YaHei, sans-serif; cursor: default;}
html {font-size: 620%;}
body {font-size: .16rem; background-color: #f5f5f5;}
main {display: block;}
/* 除了footer都包在这个container里面，为了解决footer一直在底部 */
.content-container {width: 100%; position: relative;min-height: 80vh; }
/* @media screen and (min-width: 1280px) and (max-width: 1366px){
    html {
        font-size: 412% !important;
        overflow-x: clip;
    }
}

@media screen and (min-width: 1366px) and (max-width: 1440px) {
    html {
        font-size: 440% !important;
        overflow-x: clip;
    }
}

@media screen and (min-width: 1440px) and (max-width: 1920px) {
    html {
        font-size: 465% !important;
        overflow-x: clip;
    }
}

@media screen and (min-width: 1920px) and (max-width: 2560px) {
    html {
        font-size: 620% !important;
        overflow-x: clip;
    }
}

@media screen and (min-width: 2560px) and (max-width: 3840px){
    html {
        font-size: 830% !important;
        overflow-x: clip;
    }
}

@media screen and (min-width: 3840px) and (max-width: 3840px) {
    html {
        font-size: 1248% !important;
        overflow-x: clip;
    }
} */

.font-ulight {font-family: PingFangSC-Ultralight, Microsoft YaHei, sans-serif;}
.font-medium {font-family: PingFangSC-Medium, Microsoft YaHei, sans-serif;}
.font-bold {font-family: PingFangSC-Semibold, Microsoft YaHei, sans-serif;}

p {margin: 0; padding: 0;}
ul {list-style-type: none; margin: 0; padding: 0;}
a {text-decoration: none; color: inherit; cursor: pointer;}

.hidden {visibility: hidden;}
.remove {display: none;}

input.common-edit {border-color: transparent transparent black; border-style: solid; border-width: 1px; outline: none; background: none;}
input.common-edit:focus {border-color: transparent transparent #4EA9FC;}
input.common-edit:disabled {border: none; color: black;}

.full-screen {width: 100%; height: 100%; position: fixed; left: 0; right: 0; top: 0; bottom: 0;}

.center-vh {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.center-v {position: absolute; top: 0; bottom: 0; margin: auto 0;}
.center-h {margin: 0 auto;}

.rotate-180 {transform: rotate(180deg); transform-origin: center;}

.button {text-align: center; cursor: pointer;}
.button * {cursor: pointer;}
.button:hover {opacity: 0.8;}
.button:active {opacity: 0.3;}

.h-row {width: 100%; clear: both;}
.h-clearfix-b {clear: both;}
.h-clearfix-l {clear: left;}
.h-clearfix-r {clear: right;}

.button {
	moz-user-select: -moz-none;
	-moz-user-select: none;
	-o-user-select:none;
	-khtml-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.width-priority {width: 100%; height: auto;}
.height-priority {width: auto; height: 100%;}