* {
    	margin: 0;
    	padding: 0;
    	box-sizing: border-box;
    }

    @font-face {
    	font-family: 'SanFranciscoDisplay-Medium';
    	src: url('font/SF-Pro-Display-Medium.otf');
    	font-display: swap;
    }

    @font-face {
    	font-family: 'SanFranciscoDisplay-Regular';
    	src: url('font/SF-Pro-Display-Regular.otf');
    	font-display: swap;
    }

    html,
    body {
    	font-family: 'SanFranciscoDisplay-Regular';
    	background: var(--theme-bg);
    	/* -moz-user-select: none; */
    	/* Firefox私有属性 */
    	/* -webkit-user-select: none; */
    	/* WebKit内核私有属性 */
    	/* -ms-user-select: none; */
    	/* IE私有属性(IE10及以后) */
    	/* -khtml-user-select: none; */
    	/* KHTML内核私有属性 */
    	/* -o-user-select: none; */
    	/* Opera私有属性 */
    	/* user-select: none; */
    	/* CSS3属性 */
    }

    ul,
    ol,
    li {
    	list-style: none;
    	margin: 0;
    	padding: 0;
    }

    img {
    	vertical-align: top;
    	border: none
    }

    ul,
    ol {
    	list-style: none;
    }

    a {
    	text-decoration: none;
    }

    a:hover {
    	text-decoration: none;
    }

    abbr[title],
    acronym[title] {
    	/* 注：1.ie6 不支持 abbr; 2.这里用了属性选择符，ie6 下无效果 */
    	border-bottom: 1px dotted;
    	cursor: help;
    }

    q:before,
    q:after {
    	content: '';
    }

    legend {
    	color: #000;
    }

    /* for ie6 */

    fieldset,
    img {
    	border: none;
    }

    /* img 搭车：让链接里的 img 无边框 */
    /* 注：optgroup 无法扶正 */

    button,
    input,
    select,
    textarea {
    	font-size: 100%;
    	/* 使得表单元素在 ie 下能继承字体大小 */
    }

    input:-webkit-autofill {
    	-webkit-box-shadow: 0 0 0px 1000px transparent inset;
    	transition: background-color 5000s ease-in-out !important;
    }

    input {
    	/* -webkit-text-fill-color: var(--theme-input-text-color); */
    }

    input[type="password"]::-ms-reveal {
    	display: none;
    }

    .bg {
    	width: 100vw;
    	height: 100vh;
    	/* background: url("../images/bg_night.png?imageMogr2/format/webp") center center no-repeat; */
    	/* background-size: 100% 100%; */
    	position: fixed;
    	top: 0;
    	left: 0;
    	z-index: -1;
    	background-color: var(--theme-bg);
    }

    .main_page {
    	min-height: 100vh;
    	max-width: 100vw;
    	box-sizing: border-box;
    	overflow-x: hidden;
    	color: var(--theme-color);
    	position: relative;
    	/* display: flex; */
    	/* flex-direction: column; */
    }

    .main_content {
    	width: 100vw;
    	min-height: 100vh;
    	padding-bottom: 100px;
    }

    .product_wrap {
    	height: 100%;
    	width: 80%;
    	margin: 0 auto;
    }

    .pageTitle {
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    	padding: 0.4rem 0;
    }

    .pageTitle span {
    	display: block;
    	font-size: 0.26rem;
    	font-weight: bold;
    }

    .pageTitle .button {
    	font-size: 0.26rem;
    	border-radius: 4px;
    	padding: 6px 12px;
    	color: var(--theme-buy-btn-color);
    	background-color: var(--theme-buy-btn-bg);
    	cursor: pointer;
    }

    .theme_btn {
    	background: var(--theme-btn-bg);
    	color: var(--theme-btn-color);
    	cursor: pointer;
    }

    .theme_btn:hover {
    	color: var(--theme-btn-highlight);
    }

    #adContainer {
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 100%;
    	/* height: 500px; */
    }

    @media screen and (max-width:1024px) {
    	.product_wrap {
    		width: 100%;
    		padding: 0 0.4rem;
    	}

    	.pageTitle {
    		padding: 0.4rem 0;
    	}

    	.pageTitle span {
    		font-size: 0.4rem;
    	}

    	.pageTitle .button {
    		font-size: 14px;
    	}
    }

    @media screen and (max-width:750px) {
    	.product_wrap {
    		width: 100%;
    		padding: 0 0.2rem;
    	}

    	.pageTitle {
    		padding: 0.2rem 0;
    	}

    	.pageTitle span {
    		font-size: 0.4rem;
    	}

    	.pageTitle .button {
    		font-size: 14px;
    	}
    }

    .is-ellipsis {
    	text-overflow: ellipsis;
    	overflow: hidden;
    	white-space: nowrap;
    }

    .alert {
    	width: 50vw;
    	padding: .16rem;
    	text-align: center;
    	position: fixed;
    	top: 2vh;
    	left: 0;
    	right: 0;
    	font-size: 0.2rem;
    	border-radius: 0.3rem;
    	margin: auto;
    	display: none;
    	z-index: 99;
    }

    .is-success {
    	color: #67c23a;
    	background: #f0f9eb;
    }

    .is-warning {
    	color: #e6a23c;
    	background: #fdf6ec;
    }

    .is-error {
    	color: #f56c6c;
    	background: #fef0f0;
    }

    .tabs {
    	display: flex;
    	margin: 0.36rem 0;
    }

    .tabs .tabs-item {
    	flex: 1;
    	text-align: center;
    	height: 100%;
    	padding: 0.16rem 0;
    	border-bottom: 0.02rem solid var(--theme-color);
    	font-size: 0.24rem;
    }

    .tabs .active {
    	border-bottom: 0.02rem solid var(--theme-btn-highlight);
    }