/* reset start */
* { word-wrap: break-word; margin: 0; padding: 0; }
*, html, body { position: static; }
html, body { font-size: 62.5%; min-width: 930px; overflow-x: auto; }
body { line-height: 1.6; }
ul, ol, dl { list-style-type: none; }
address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: 400; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
input, button { overflow: visible; vertical-align: middle; outline: none; line-height: normal; }
button { border: none; }
a, area { outline: none; blur: expression(this.onFocus=this.blur()); }
a { text-decoration: none; cursor: pointer; color: black; }
a:hover, a:active, a:focus { text-decoration: none; outline: none; }
a img, img { -ms-interpolation-mode: bicubic; }
img { border: 0; vertical-align: middle; width: 100%; height: auto; }
*html { overflow: -moz-scrollbars-vertical; zoom:expression(function(ele) { ele.style.zoom="1"; document.execCommand("BackgroundImageCache", false, true )} (this)); }
header, footer, section, aside, details, menu, article, section, nav, address, hgroup, figure, figcaption, legend { display: block; margin: 0; padding: 0; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
svg:not(:root) { overflow: hidden; }
time { display: inline; }
input { -webkit-appearance: textfield; box-sizing: content-box; appearance: none; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; outline: none; outline-style: none; background: none; }
textarea { resize: none; }
/* reset end */



/* common start */

/* common-变量 */
:root{

}
/* common-字体 */
* { font-family: "PingFang", "SourceHanSansCN", "Microsoft Yahei", "Helvetica Neue", "Helvetica", "arial", sans-serif; letter-spacing: 0; color: #fff;}

/* common-滚动条 */
*::-webkit-scrollbar { width: 8px; height: 8px; background-color: transparent; }
*::-webkit-scrollbar-thumb { background: #CCCCCC; border-radius: 4px; }
*::-webkit-scrollbar-thumb:window-inactive { background: #CCCCCC; border-radius: 4px; }

/* common-input */
input[type=checkbox] { width: 16px; height: 16px; vertical-align: inherit; }

/* common-btn */
.btn { display: block; width: 200px; height: 48px; line-height: 48px; text-align: center; border-radius: 8px; font-size: 24px; padding:0px; border: none; transition: all 0.4s; }
.btn-blue { background-image: linear-gradient(90deg, #2DEDFF 0%, #3EA9FF 100%); color: #010D26; }
.btn-blue:hover { background-image: linear-gradient(90deg, #94F6FF 0%, #68BCFF 100%); color: #010D26; }

/* common-wrap宽度 */
.wrap-1440 { width: 90%; max-width: 1440px; margin: 0 auto; }
.wrap-1280 { width: 90%; max-width: 1280px; margin: 0 auto; }
.wrap-1240 { width: 90%; max-width: 1240px; margin: 0 auto; }
.wrap-1140 { width: 90%; max-width: 1140px; margin: 0 auto; }
.wrap-1020 { width: 90%; max-width: 1020px; margin: 0 auto; }
.wrap-972 { width: 90%; max-width: 972px; margin: 0 auto; }
.wrap-940 { width: 90%; max-width: 940px; margin: 0 auto; }
.wrap-856 { width: 90%; max-width: 856px; margin: 0 auto; }
.wrap-840 { width: 90%; max-width: 840px; margin: 0 auto; }
.wrap-480 { width: 90%; max-width: 480px; margin: 0 auto; }

/* common-宽度 */
.width-120px { width: 120px; }
.width-60px { width: 60px; }

/* common-间距 */
/* margin-上 */
.mt-72 { margin-top: 72px; }
.mt-48 { margin-top: 48px; }
.mt-40 { margin-top: 40px; }
.mt-32 { margin-top: 32px; }
.mt-28 { margin-top: 28px; }
.mt-24 { margin-top: 24px; }
.mt-20 { margin-top: 20px; }
.mt-16 { margin-top: 16px; }
.mt-12 { margin-top: 12px; }
.mt-8 { margin-top: 8px; }
.mt-0 { margin-top: 0px; }
/* margin-右 */
.mr-65 { margin-right: 65px; }
.mr-56 { margin-right: 56px; }
.mr-30 { margin-right: 30px; }
.mr-24 { margin-right: 24px; }
.mr-20 { margin-right: 20px; }
.mr-12 { margin-right: 12px; }
.mr-10 { margin-right: 10px; }
.mr-4 { margin-right: 4px; }
/* margin-下 */
.mb-40 { margin-bottom: 40px; }
.mb-32 { margin-bottom: 32px; }
.mb-20 { margin-bottom: 20px; }
.mb-16 { margin-bottom: 16px; }
.mb-12 { margin-bottom: 12px; }
.mb-10 { margin-bottom: 10px; }
.mb-8 { margin-bottom: 8px; }
.mb-6 { margin-bottom: 6px; }
.mb-4 { margin-bottom: 4px; }
.mb-2 { margin-bottom: 2px; }
/* margin-左 */
.ml-20 { margin-left: 20px; }
.ml-16 { margin-left: 16px; }
.ml-12 { margin-left: 12px; }
.ml-8 { margin-left: 8px; }
.ml-0 { margin-left: 0px; }
/* padding-上 */
.pt-80 { padding-top: 80px; }
.pt-40 { padding-top: 40px; }
.pt-32 { padding-top: 32px; }
.pt-24 { padding-top: 24px; }
.pt-20 { padding-top: 20px; }
.pt-10 { padding-top: 10px; }
.pt-8 { padding-top: 8px; }
/* padding-右 */
.pr-20 { padding-right: 20px; }
.pr-16 { padding-right: 16px; }
/* padding-下 */
.pb-62 { padding-bottom: 62px; }
.pb-40 { padding-bottom: 40px; }
.pb-24 { padding-bottom: 24px; }
.pb-20 { padding-bottom: 20px; }
.pb-16 { padding-bottom: 16px; }
.pb-10 { padding-bottom: 10px; }
/* padding-左 */
.pl-20 { padding-left: 20px; }
.pl-16 { padding-left: 16px; }
.pl-12 { padding-left: 12px; }

/* common-字体大小 */
.fs-40 { font-size: 40px; }
.fs-32 { font-size: 32px; }
.fs-24 { font-size: 24px; }
.fs-20 { font-size: 20px; }
.fs-18 { font-size: 18px; }
.fs-16 { font-size: 16px; }
.fs-14 { font-size: 14px; }
.fs-12 { font-size: 12px; }

/* common-行高 */
.lh-60 { line-height: 60px; }
.lh-50 { line-height: 50px; }
.lh-24 { line-height: 24px; }
.lh-20 { line-height: 20px; }

/* common-字体颜色 */
.color-fff { color: #ffffff; }
.color-333 { color: #333333; }
.color-666 { color: #666666; }
.color-999 { color: #999999; }
.color-ccc { color: #cccccc; }
.color-818 { color: #81879B; }
.color-383 { color: #383B40; }
.color-757 { color: #757A82; }
.color-547 { color: #5476FF; }
.color-ff9 { color: #FF9700; }
.color-ff4 { color: #FF4040; }
.color-004 { color: #004A8E; }

/* common-字重 */
.fw-bold { font-weight: bold; }
.fw-700 { font-weight: 700; }
.fw-600 { font-weight: 600; }
.fw-500 { font-weight: 500; }
.fw-400 { font-weight: 400; }
.fw-300 { font-weight: 300; }
.fw-200 { font-weight: 200; }
.fw-100 { font-weight: 100; }

/* common-字体位置 */
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }

/* 单行文本溢出... */
.text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* 背景色 */
.bg-fff { background-color: #ffffff; }
.bg-f4f { background-color: #F4F4F4; }
.bg-f6f { background-color: #F6F6F6; }
.bg-ff9 { background-color: #FF9700; }

/* 圆角 */
.br-32 { border-radius: 32px; }
.br-30 { border-radius: 30px; }
.br-16 { border-radius: 16px; }
.br-4 { border-radius: 4px; }

/* common-display */
.block { display: block; }
.flex { display: flex; }
.flex-col { flex-direction: column; }
.flex-wrap { flex-wrap: wrap; }
.flex-1 { flex: 1; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-end { justify-content: flex-end; }
.gap-68 { gap: 68px; }
.gap-64 { gap: 64px; }
.gap-60 { gap: 60px; }
.gap-42 { gap: 42px; }
.gap-50 { gap: 50px; }
.gap-40 { gap: 40px; }
.gap-20 { gap: 20px; }
.gap-10 { gap: 10px; }
.gap-8 { gap: 8px; }
.gap-4 { gap: 4px; }

/* 定位 */
.relative{ position: relative; }
.absolute{ position: absolute; }

/* 鼠标悬停 */
.pointer { cursor: pointer; }

/* 动画 */
.transition{
	transition: all 0.4s;
}

/* common-btn end */



/* ipad */
@media screen and (min-width: 768px) and (max-width: 1024px) {
	/* common */
	.wrap-1440, .wrap-1280, .wrap-1140, .wrap-972, .wrap-940, .wrap-800, .wrap-480 {
		width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;
	}
	.p-block {
		display: block;
	}
}



/* iphone */
@media screen and (min-width: 320px) and (max-width: 767px) {
	/* common */
	.wrap-1440, .wrap-1280, .wrap-1140, .wrap-972, .wrap-940, .wrap-800, .wrap-480 {
		width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box;
	}
	.m-block {
		display: block;
	}
}