@charset "UTF-8";
/**
author:王文超
未经许可不可将部分或全部代码用于其他项目 */
@import url("../assets/font/bahnschrift/bahnschrift.css");
@import url("../assets/font/futurademic/futurademic.css");
@import url("../assets/font/BEBAS/BEBAS.css");
@import url("../assets/font/lovelo/lovelo.css");
@import url("../assets/font/Avian/Avian.css");
@import url("../assets/font/mifont/mifont.css");
body { margin: 0 auto; width: 100%; font: 14px/1.5 arial,'Microsoft YaHei',Arial,"Helvetica Neue",Helvetica,sans-serif; color: #333333; padding: 0; box-sizing: border-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

input { vertical-align: middle; }

textarea { resize: none; }

/*input placeholder 样式 */
::-webkit-input-placeholder { color: #999999; }

:-moz-placeholder { color: #999999; }

::-moz-placeholder { color: #999999; }

:-ms-input-placeholder { color: #999999; }

/*修改滚动条*/
::-webkit-scrollbar { width: 6px; height: 6px; }

::-webkit-scrollbar-track { box-shadow: inset 0 0 6px transparent; background: #f8f8f8; border-radius: 6px; }

::-webkit-scrollbar-thumb { border-radius: 6px; background: #bbb; }

.w-100 { width: 100%; }

.h-100 { height: 100%; }

.pl-0 { padding-left: 0 !important; }

.pr-0 { padding-right: 0 !important; }

.pl-20 { padding-left: 20px !important; }

.mt-0 { margin-top: 0px !important; }

.mt-20 { margin-top: 20px !important; }

.mr-20 { margin-right: 20px !important; }

.ml-20 { margin-left: 20px !important; }

.mb-20 { margin-bottom: 20px !important; }

.m-auto { margin: 0 auto !important; }

body { --theme-txt-color: #17c0a3; --theme-color: #17c0a3; --theme-red: #cb1f24; --theme-blue:#0052d9; }

.blue { color: var(--theme-blue) !important; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

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

h1, h2, h3, h4, h5, h6, ul, li, dl, dt, dd, form, img, p { margin: 0; padding: 0; border: none; list-style-type: none; }

* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.wrap { margin: 0 auto; width: 100%; position: relative; overflow: hidden; }

.table td, .table th { padding: 5px; }

/*重置svg图标*/
.icon { width: 1rem; height: 1rem; vertical-align: -0.15em; fill: currentColor; overflow: hidden; }

.f_l, .fleft, .pull-left { float: left !important; }

.f_r, .fright, .pull-right { float: right !important; }

.d-block { display: block; }

.d-inline { display: inline; }

.d-none { display: none; }

.d-inline-block { display: inline-block !important; }

a { text-decoration: none; color: #666; transition: all .2s linear 0s; }

a:hover { color: var(--theme-color); }

a:focus { outline: none; }

a, a:link, a:active, a:visited, a:hover { text-decoration: none; }

.text-uppercase { text-transform: uppercase; }

.row { --gutter-x: 12px; --gutter-y: 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: calc(var(--gutter-y)*-1); margin-right: calc(var(--gutter-x)/-2); margin-left: calc(var(--gutter-x)/-2); }
.row.gy-0 { --gutter-y: 0; }
.row.g-0 { --gutter-x:0; --gutter-y: 0; }

.d-flex { display: -ms-flexbox !important; display: flex !important; }

.d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; }

.flex-row { -ms-flex-direction: row !important; flex-direction: row !important; }

.flex-column { -ms-flex-direction: column !important; flex-direction: column !important; }

.flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; }

.flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; }

.flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; }

.flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; }

.flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; }

.flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; }

.flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; }

.flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; }

.flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; }

.flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; }

.justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; }

.justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; }

.justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; }

.justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; }

.justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; }

.align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; }

.align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; }

.align-items-center { -ms-flex-align: center !important; align-items: center !important; }

.align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; }

.align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; }

.align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; }

.align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; }

.align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; }

.align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; }

.align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; }

.align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; }

.align-self-auto { -ms-flex-item-align: auto !important; align-self: auto !important; }

.align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; }

.align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; }

.align-self-center { -ms-flex-item-align: center !important; align-self: center !important; }

.align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; }

.align-self-stretch { -ms-flex-item-align: stretch !important; align-self: stretch !important; }

.row > * { -ms-flex-negative: 0; flex-shrink: 0; width: 100%; max-width: 100%; padding-right: calc(var(--gutter-x)/2); padding-left: calc(var(--gutter-x)/2); margin-top: var(--gutter-y); }

.col { flex: 1 0 0%; }

.row-cols-auto > * { flex: 0 0 auto; width: auto; }

.row-cols-1 > * { flex: 0 0 auto; width: 100%; }

.row-cols-2 > * { flex: 0 0 auto; width: 50%; }

.row-cols-3 > * { flex: 0 0 auto; width: 33.3333333333%; }

.row-cols-4 > * { flex: 0 0 auto; width: 25%; }

.row-cols-5 > * { flex: 0 0 auto; width: 20%; }

.row-cols-6 > * { flex: 0 0 auto; width: 16.6666666667%; }

.col-1 { width: calc(100% / 1); }

.col-2 { width: calc(100% / 2); }

.col-3 { width: calc(100% / 3); }

.col-4 { width: calc(100% / 4); }

.col-5 { width: calc(100% / 5); }

.col-6 { width: calc(100% / 6); }

.ratio { position: relative; width: 100%; }
.ratio > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ratio:before { display: block; padding-top: var(--aspect-ratio); content: ""; }

.ratio-4x3 { --aspect-ratio: calc(3 / 4 * 100%); }

.ratio-3x4 { --aspect-ratio: calc(4 / 3 * 100%); }

.ratio-16x9 { --aspect-ratio: calc(9 / 16 * 100%); }

.ratio-21x9 { --aspect-ratio: calc(9 / 21 * 100%); }

.ratio-2x3 { --aspect-ratio: calc(2 / 3 * 100%); }

.ratio-1x1 { --aspect-ratio: 100%; }

.ratio-9x7 { --aspect-ratio: calc(7 / 9 * 100%); }

.w-980 { width: 980px; }

.w-420 { width: 420px; }

.position-relative { position: relative !important; }

.position-static { position: static !important; }

.position-absolute { position: absolute !important; }

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

.over-line-2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.over-line-3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }

.text-justify { text-align: justify !important; text-align-last: justify; }

.object-fit-cover { -o-object-fit: cover; object-fit: cover; }

.object-fit-contain { -o-object-fit: contain; object-fit: contain; }

.object-fit-scaleDown { -o-object-fit: scale-down; object-fit: scale-down; }

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

.iconfont { font-size: inherit; }

.img-fluid { display: block; max-width: 100%; }

.wrapper, .container-fluid { width: 100%; overflow: hidden; }

.container { margin: 0 auto; }

.bg-white { background-color: #ffffff !important; }

.bg-grey { background-color: #f7f8fa !important; }

.bg-light { background-color: #f8f8f8 !important; }

.bg { background-color: #f6f8fb !important; }

.p-20 { padding: 20px !important; }

.pt-20 { padding-top: 20px !important; }

.overhidden { overflow: hidden; }

.w-next, .w-prev { cursor: pointer; position: absolute; z-index: 2; width: 40px; height: 40px; margin: auto; top: 0; bottom: 0; background-color: rgba(0, 104, 183, 0.5); border-radius: 50%; }
.w-next svg, .w-prev svg { width: 50%; height: 50%; margin: auto; top: 0; bottom: 0; left: 0; right: 0; position: absolute; }
.w-next svg path, .w-prev svg path { fill: #ffffff; }
.w-next.swiper-button-disabled, .w-prev.swiper-button-disabled { opacity: .5; cursor: not-allowed; }

.w-next { right: 0; }

.w-prev { left: 0; }

.f12 { font-size: 12px; }

.f14 { font-size: 14px; }

.f16 { font-size: 16px; }

/*分页样式*/
.w-page .page-inner { padding: 1.5rem 0; display: flex; align-items: center; justify-content: center; }
.w-page .page-inner a { position: relative; display: block; padding: .5rem .75rem; line-height: 1.25; color: #666; background-color: #e2e2e2; margin: 2px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.w-page .page-inner a:hover, .w-page .page-inner a.active { background-color: var(--theme-color); color: #fff; }
.w-page .page-inner a.prev::after { content: '<'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.w-page .page-inner a.next::after { content: '>'; font-family: "宋体",SimSun; color: CurrentColor; font-weight: bold; }
.w-page .page-inner span, .w-page .page-inner input, .w-page .page-inner a.page-btn { display: none; }

.verifyImg { height: 38px; width: 150px; }

.w-form .layui-input:focus, .w-form .layui-textarea:focus { border-color: var(--theme-color) !important; }

.form-submit { background-color: #0068b7; cursor: pointer; color: #ffffff; width: 150px; height: 42px; text-align: center; line-height: 42px; border-radius: 3px; -webkit-transition: background-color .3s; -moz-transition: background-color .3s; -ms-transition: background-color .3s; -o-transition: background-color .3s; transition: background-color .3s; border: none; }
.form-submit:hover { background-color: #0085ea; }

.w-btn { font-size: 14px; padding: 0 16px; line-height: 27px; display: inline-block; border-radius: 3px; -webkit-transition: opacity .3s; -moz-transition: opacity .3s; -ms-transition: opacity .3s; -o-transition: opacity .3s; transition: opacity .3s; }
.w-btn:hover { opacity: .8; }
.w-btn.w-border-blue { border: 1px solid var(--theme-blue); color: var(--theme-blue); }
.w-btn.w-btn-normal { border: 1px solid var(--theme-blue); background-color: var(--theme-blue); color: #ffffff; }

.header { height: 46px; }
.header .header-wrap { position: fixed; z-index: 10; width: 100%; top: 0; left: 0; padding: 0 12px; height: 46px; background-color: white; border-bottom: 1px solid #EEEEEE; }
.header .header-wrap .h-back { position: absolute; margin: auto; width: 50px; left: 12px; text-align: center; }
.header .header-wrap .h-back svg, .header .header-wrap .h-back span { display: inline-block; vertical-align: middle; line-height: 1; }
.header .header-wrap .h-back svg path { fill: var(--theme-color); }
.header .header-wrap .h-middle { color: #2b2b2b; font-size: 18px; text-align: center; padding: 0 15px; position: absolute; margin: auto; width: 60%; left: 0; right: 0; }
.header .header-wrap .h-middle img { height: 25px; display: block; margin: 0 auto; }
.header .header-wrap .h-right { position: absolute; margin: auto; right: 12px; width: 30px; text-align: center; }
.header .header-wrap .h-right svg path { fill: var(--theme-color); }
.header .header-wrap .dropmenu { display: none; }
.header .header-wrap .dropmenu.show { display: block; }
.header .header-wrap .dropmenu .dropmenu-wrapper { background-color: white; box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.05); position: absolute; right: 10px; top: calc(100% + 5px); text-align: center; background: rgba(255, 255, 255, 0.95); backdrop-filter: blur(2px); padding: 10px 17px; border-radius: 5px; padding-left: 8px; }
.header .header-wrap .dropmenu .dropmenu-wrapper::before { content: ''; position: absolute; border: 5px solid transparent; border-bottom-color: #ffffff; margin: auto; right: 13px; top: -10px; width: 0; height: 0; }
.header .header-wrap .dropmenu .dropmenu-wrapper ul li a { display: flex; align-items: center; font-size: 15px; line-height: 1.8; color: #333333; padding: 3px 0px; }
.header .header-wrap .dropmenu .dropmenu-wrapper ul li a .nav-icon { display: inline-block; vertical-align: middle; width: 24px; height: 24px; position: relative; margin-right: 5px; }
.header .header-wrap .dropmenu .dropmenu-wrapper ul li a .nav-icon img { display: block; margin: auto; position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 70%; height: auto; }

.login-page { height: 100%; width: 100%; height: 100vh; padding-bottom: 100px; }
.login-page .container { width: 100%; overflow: hidden; padding: 0 15px; }
.login-page .login-form .form-title { font-size: 24px; text-align: center; line-height: 80px; }
.login-page .login-form .form-item { border: 1px solid #eaeaea; padding: 5px 10px; border-radius: 4px; background-color: #fff; margin-bottom: 10px; }
.login-page .login-form .form-item .item-label { position: relative; }
.login-page .login-form .form-item .item-label svg { width: 20px; height: 20px; vertical-align: middle; display: block; }
.login-page .login-form .form-item .item-label svg path { fill: #17c0a3; }
.login-page .login-form .form-item .item-con .input-txt { display: block; width: 100%; height: 36px; line-height: 34px; padding-left: 10px; border: none; }
.login-page .login-form .form-item .item-con .verify-img { cursor: pointer; height: 36px; }
.login-page .login-form .form-quick-link { padding: 10px; color: #999999; font-size: 16px; }
.login-page .login-form .form-quick-link a { line-height: 48px; color: #767676; font-size: 16px; }
.login-page .login-form .form-quick-link a:hover { color: var(--theme-color); }
.login-page .login-form .smscode-btn { cursor: pointer; padding: 0 15px; line-height: 34px; text-align: center; border: 1px solid #bcbcbc; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.login-page .login-form .smscode-btn:hover { color: var(--theme-color); border-color: var(--theme-color); }
.login-page .login-form .submit-btn { display: block; width: 100%; margin-top: 25px; height: 46px; line-height: 46px; text-align: center; background-color: var(--theme-color); font-size: 16px; color: #ffffff; border-radius: 5px; }
.login-page.login { background: url("../Image/login-bg.png") bottom center/contain no-repeat #f5f5f5; }