/* 
----------------------------------------------------------------------------------------------------------
ume 1.6 (build 20201025)
Project: http://www.ume.ee
Author: http://www.mixice.com
Github: https://github.com/mixice/ume
----------------------------------------------------------------------------------------------------------
*/

/*basic*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
big, small, strong, sub, sup, var,
b, i, a, s, u, cite,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent center no-repeat;background-size: contain;box-sizing: border-box;color: var(--333);font-family: hei;}
html, body {height: 100%;}
body {font-size: 14px;}
html {-webkit-font-smoothing: antialiased;}
section, div, a, button, input, select, textarea, span, img, i, cite, tt, em, li, s, u, tr, td, th {border-color: var(--eee);border-style: solid;transition: .3s all;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
a, a:hover, b, i, em, s, u, cite {text-decoration:none;outline: 0;font-style: normal;}
b, strong {font-weight: bold;}
p {margin: 0;line-height: 200%;text-align: justify;}
ul, li {margin: 0;padding: 0;list-style: none;}
ul {overflow: hidden;}
a, button {cursor: pointer;}
li,a {-webkit-tap-highlight-color: transparent;}
::-webkit-scrollbar {background: transparent;width: 10px;}
::-webkit-scrollbar-thumb {background: var(--eee);}

@media(max-width:640px) {
	body {font-size: .18rem;}
	::-webkit-scrollbar {width: .03rem;}
    body::-webkit-scrollbar {width: 0;}
}

/*frame*/
frame,iframe {border: 0;}
.smooth {}
.return {}
.main,
.mobile {width: 100%;margin: auto;position: relative;}
.main {max-width: 1300px;}
.mobile {max-width: 640px;}
.block {width: 100%;overflow: hidden;position: relative;}
.clear {clear:both;}
.flex {display: flex;}
.flex-column {display: flex;flex-direction: column;}
.hide {display:none !important;}
.show {display:block !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.full {width: 100% !important;height: 100% !important;}
.full-device {width: 100vw !important;height: 100vh !important;}
.fullscreen:after {content: 'fullscreen';}
.fullscreen.active:after {content: 'fullscreen_exit';}
.center {display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;
	-webkit-box-pack: center;-ms-flex-pack: center;
	-webkit-justify-content: center;justify-content: center;
	-webkit-box-align: center;-ms-flex-align: center;
	-webkit-align-items: center;align-items: center;}
.absolute,.absolute-left,.absolute-right,.absolute-top,.absolute-bottom,
.absolute-top-left,.absolute-top-right,.absolute-bottom-left,.absolute-bottom-right
{position: absolute;margin: auto;}
.fixed,.fixed-left,.fixed-right,.fixed-top,.fixed-bottom,
.fixed-top-left,.fixed-top-right,.fixed-bottom-left,.fixed-bottom-right {position: fixed;margin: auto;}
.absolute-left,.absolute-top-left,.absolute-bottom-left,
.fixed-left,.fixed-top-left,.fixed-bottom-left {left: 0;}
.absolute-right,.absolute-top-right,.absolute-bottom-right,
.fixed-right,.fixed-top-right,.fixed-bottom-right {right: 0;}
.absolute-top,.absolute-top-left,.absolute-top-right,
.fixed-top,.fixed-top-left,.fixed-top-right {top: 0;}
.absolute-bottom,.absolute-bottom-left,.absolute-bottom-right,
.fixed-bottom,.fixed-bottom-left,.fixed-bottom-right {bottom: 0;}

@media(max-width:640px) {
	.main {padding: 0 .1rem;}
}

/*color*/
:root {
    --fff: #fff;
    --f7:#f7f7f7;
    --eee:#eee;
    --ddd: #ddd;
    --ccc: #ccc;
    --999: #999;
    --666: #666;
    --333: #333;
    --222: #222;
    --111: #111;
    --000: #000;
    
    --brown: #8d1313;
    --red: #ff3b52;
    --pink: #ff3ea6;
    --purple: #d844d8;
    --sapphire: #4e35ea;
    --blue: #2e6efd;
    --cyan: #0df0f0;
    --green: #47DCA1;
    --lime: #a2ff00;
    --yellow: #ffeb00;
    --orange: #ffba00;
    --tomato: #f60;
    
    --fff-1: rgba(255,255,255,.1);
    --fff-2: rgba(255,255,255,.2);
    --fff-3: rgba(255,255,255,.3);
    --fff-4: rgba(255,255,255,.4);
    --fff-5: rgba(255,255,255,.5);
    --fff-6: rgba(255,255,255,.6);
    --fff-7: rgba(255,255,255,.7);
    --fff-8: rgba(255,255,255,.8);
    --fff-9: rgba(255,255,255,.9);
    
    --000-1: rgba(0,0,0,.1);
    --000-2: rgba(0,0,0,.2);
    --000-3: rgba(0,0,0,.3);
    --000-4: rgba(0,0,0,.4);
    --000-5: rgba(0,0,0,.5);
    --000-6: rgba(0,0,0,.6);
    --000-7: rgba(0,0,0,.7);
    --000-8: rgba(0,0,0,.8);
    --000-9: rgba(0,0,0,.9);
}

.co-fff {color: var(--fff) !important;}
.co-f7 {color: var(--f7) !important;}
.co-eee {color: var(--eee) !important;}
.co-ddd {color: var(--ddd) !important;}
.co-ccc {color: var(--ccc) !important;}
.co-999 {color: var(--999) !important;}
.co-666 {color: var(--666) !important;}
.co-333 {color: var(--333) !important;}
.co-222 {color: var(--222) !important;}
.co-111 {color: var(--111) !important;}
.co-000 {color: var(--000) !important;}
.co-brown {color: var(--brown) !important;}
.co-red {color: var(--red) !important;}
.co-pink {color: var(--pink) !important;}
.co-purple {color: var(--purple) !important;}
.co-sapphire {color: var(--sapphire) !important;}
.co-blue {color: var(--blue) !important;}
.co-cyan {color: var(--cyan) !important;}
.co-green {color: var(--green) !important;}
.co-lime {color: var(--lime) !important;}
.co-yellow {color: var(--yellow) !important;}
.co-orange {color: var(--orange) !important;}
.co-tomato {color: var(--tomato) !important;}

.bg-fff {background-color: var(--fff) !important;}
.bg-f7 {background-color: var(--f7) !important;}
.bg-eee {background-color: var(--eee) !important;}
.bg-ddd {background-color: var(--ddd) !important;}
.bg-ccc {background-color: var(--ccc) !important;}
.bg-999 {background-color: var(--999) !important;}
.bg-666 {background-color: var(--666) !important;}
.bg-333 {background-color: var(--333) !important;}
.bg-222 {background-color: var(--222) !important;}
.bg-111 {background-color: var(--111) !important;}
.bg-000 {background-color: var(--000) !important;}
.bg-brown {background-color: var(--brown) !important;}
.bg-red {background-color: var(--red) !important;}
.bg-pink {background-color: var(--pink) !important;}
.bg-purple {background-color: var(--purple) !important;}
.bg-sapphire {background-color: var(--sapphire) !important;}
.bg-blue {background-color: var(--blue) !important;}
.bg-cyan {background-color: var(--cyan) !important;}
.bg-green {background-color: var(--green) !important;}
.bg-lime {background-color: var(--lime) !important;}
.bg-yellow {background-color: var(--yellow) !important;}
.bg-orange {background-color: var(--orange) !important;}
.bg-tomato {background-color: var(--tomato) !important;}

.mono, .mono-click {-webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray;}
.mono-click:hover {-webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  filter: grayscale(0%);
  filter:none;}
.abrazine {backdrop-filter: blur(10px);}
.mix-hue {mix-blend-mode: hue;}
.mix-multiply {mix-blend-mode: multiply;}
.mix-screen {mix-blend-mode: screen;}
.mix-luminosity {mix-blend-mode: luminosity;}
.mix-difference {mix-blend-mode: difference;}

@media(max-width:640px) {
	.frosted {backdrop-filter: blur(.1rem);}
}

/*media*/
img {vertical-align: middle;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
video {object-fit: fill;}
canvas{-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
a[title="到百度地图查看此区域"] {display: none;}

@media(max-width:640px) {
    img {width: 100%;height: auto;}
}

/*touch*/
.touch {}
.touch-up {}
.touch-down {}
.touch-left {}
.touch-right {}
.touch-all {}

/*scrollreveal*/
.scrollreveal {}
.scroll-top {}
.scroll-bottom {}
.scroll-left {}
.scroll-right {}
.scroll-scale {}
.scroll-opacity {}
.scroll-rotate {}

/*calculation*/
.calc {}
.calc-add {}
.calc-reduce {}
.calc-answer {}

/*typeface*/
@font-face {font-family: hei;src: local('PingFang SC'), local("Microsoft Yahei");}
@font-face {font-family: yahei;src: local("Microsoft Yahei");}
@font-face {font-family: jhenghei;src: local("Microsoft JhengHei");}

.font-hei {font-family: hei;}
.font-yahei {font-family: yahei;}
.font-jhenghei {font-family: jhenghei;}
.font-nsimsun {font-family: nsimsun;}
.font-kaiti {font-family: kaiti;}
.font-lisu {font-family: lisu;}
.font-youyuan {font-family: youyuan;}
.font-fangsong {font-family: fangsong;}
.font-xingkai {font-family: STXingkai;}
.font-Xinwei {font-family: STXinwei;}
.font-arial {font-family: arial;}
.font-helvetica {font-family: helvetica;}
.font-tahoma {font-family: tahoma;}

h1, h2, h3, h4, h5, h6 {font-weight:bold;text-transform: capitalize;}
h1 {font-size: 26px;}
h2 {font-size: 24px;}
h3 {font-size: 22px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}

@media(max-width:640px) {
	h1 {font-size: .3rem;}
	h2 {font-size: .28rem;}
	h3 {font-size: .26rem;}
	h4 {font-size: .24rem;}
	h5 {font-size: .22rem;}
	h6 {font-size: .2rem;}	
}

/*iconfont*/
@font-face {font-family: 'Material Icons';src: url(iconfont/material-icons.woff) format('woff');}
@font-face {font-family: 'Material Icons Outlined';src: url(iconfont/material-icons-outlined.woff) format('woff');}
@font-face {font-family: 'Material Icons Round';src: url(iconfont/material-icons-round.woff) format('woff');}
@font-face {font-family: 'Material Icons Sharp';src: url(iconfont/material-icons-sharp.woff) format('woff');}
@font-face {font-family: 'Material Icons Two Tone';src: url(iconfont/material-icons-two-tone.woff) format('woff');}
.icons,
.icons-outlined,
.icons-round,
.icons-sharp,
.icons-twotone {font-size: 24px;font-weight: normal;font-style: normal;
    text-align: center;vertical-align: middle;justify-content: center;margin: auto;
    line-height: 1;text-transform: none;display: inline-block;direction: ltr;
    letter-spacing: normal;word-wrap: normal;white-space: nowrap;
    -webkit-font-feature-settings: 'liga';font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;}

.icons {font-family: 'Material Icons';}
.icons-outlined {font-family: 'Material Icons Outlined';}
.icons-round {font-family: 'Material Icons Round';}
.icons-sharp {font-family: 'Material Icons Sharp';}
.icons-twotone {font-family: 'Material Icons Two Tone';}

@media(max-width:640px) {
	.icons,
    .icons-outlined,
    .icons-round,
    .icons-sharp,
    .icons-twotone {font-size: .32rem;}
}

/*ico*/
.ico-lang-ar {background-image: url(../images/ico/language/ar.svg);}
.ico-lang-br {background-image: url(../images/ico/language/br.svg);}
.ico-lang-de {background-image: url(../images/ico/language/de.svg);}
.ico-lang-en {background-image: url(../images/ico/language/en.svg);}
.ico-lang-es {background-image: url(../images/ico/language/es.svg);}
.ico-lang-fr {background-image: url(../images/ico/language/fr.svg);}
.ico-lang-hk {background-image: url(../images/ico/language/hk.svg);}
.ico-lang-id {background-image: url(../images/ico/language/id.svg);}
.ico-lang-idn {background-image: url(../images/ico/language/idn.svg);}
.ico-lang-jp {background-image: url(../images/ico/language/jp.svg);}
.ico-lang-kh {background-image: url(../images/ico/language/kh.svg);}
.ico-lang-ko {background-image: url(../images/ico/language/ko.svg);}
.ico-lang-pt {background-image: url(../images/ico/language/pt.svg);}
.ico-lang-ru {background-image: url(../images/ico/language/ru.svg);}
.ico-lang-th {background-image: url(../images/ico/language/th.svg);}
.ico-lang-vn {background-image: url(../images/ico/language/vn.svg);}
.ico-lang-zh {background-image: url(../images/ico/language/zh.svg);}

.ico-organ-android {background-image: url(../images/ico/organization/android.svg);}
.ico-organ-apple {background-image: url(../images/ico/organization/apple.svg);}
.ico-organ-government {background-image: url(../images/ico/organization/government.svg);}
.ico-organ-institutions {background-image: url(../images/ico/organization/institutions.svg);}
.ico-organ-qq {background-image: url(../images/ico/organization/qq.svg);}
.ico-organ-taobao {background-image: url(../images/ico/organization/taobao.svg);}
.ico-organ-wechat {background-image: url(../images/ico/organization/wechat.svg);}
.ico-organ-weibo {background-image: url(../images/ico/organization/weibo.svg);}
.ico-organ-windows {background-image: url(../images/ico/organization/windows.svg);}

.ico-pay-alipy {background-image: url(../images/ico/pay/alipy.svg);}
.ico-pay-mastercard {background-image: url(../images/ico/pay/mastercard.svg);}
.ico-pay-paypal {background-image: url(../images/ico/pay/paypal.svg);}
.ico-pay-unionpay {background-image: url(../images/ico/pay/unionpay.svg);}
.ico-pay-visa {background-image: url(../images/ico/pay/visa.svg);}
.ico-pay-wepay {background-image: url(../images/ico/pay/wepay.svg);}

/*special*/
.triangle {width: 0;height: 0;border-width: 0 0 0 0;border-color: transparent transparent transparent transparent;position: absolute;margin: auto;}
.shadow {width: 90%;height: 20px;border-radius: 10px;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;z-index: -1;opacity: .7;}

@media(max-width:640px) {
	.shadow {height: .2rem;border-radius: .1rem;}
}

/*pop*/
.pop,
.pop x {width: 100%;height: 100%;left: 0;top: 0;}
.pop {position: fixed;background: var(--000-8);z-index: 3;display: none;}
.pop x {position: absolute;}
.pop .zoomIn,
.pop .fadeInLeft,
.pop .fadeInRight,
.pop .fadeInUp {animation-duration: .5s;}
.pop-main {width: 90%;max-width: 720px;overflow: hidden;animation-delay: .3s;}
.pop-title {background: white;border-bottom-width: 1px;overflow: hidden;display: flex;}
.pop-title h3 {width: 100%;line-height: 60px;padding: 0 20px;flex: 1;}
.pop-title h3:nth-child(2) {padding: 0;}
.pop-title .icons {line-height: 60px;width: 60px;height: 60px;}
.pop-title .close:after {content: 'close';}
.pop-cont {background: white;}
.pop-control {display: flex;}
.pop-control .btn {width: 100%;border-radius: 0;box-shadow: none;}
.pop-control .btn:hover {transform: translate(0);}

.pop-choice,
.pop-sider {animation-delay: .3s;position: absolute;}
.pop-choice {bottom: 0;width: 100%;}
.pop-sider {top: 0;width: 300px;height: 100%;background: white;}

@media(max-width:640px) {
	.pop-title h3 {line-height: .8rem;padding: 0 .2rem;}
	.pop-title .icons {line-height: .8rem;width: .8rem;height: .8rem;}
    .pop-sider {width: 5rem;}
}

/*btn*/
.btn {width: 100%;text-align: center;display: block;height: 50px;line-height: 50px;position: relative;z-index: 1;cursor: pointer;text-transform: capitalize;background-color: var(--333);color: white;}
.btn:hover {transform: translateY(5px);}
.btn-flex {display: flex;justify-content: center;}

@media(max-width:640px) {
	.btn {height: .7rem;line-height: .7rem;}
	.btn:hover {transform: translateY(0);}
}

/*bar*/
.bar {width: 100%;display: flex;border-top-width: 1px;position: fixed;left: 0;bottom: 0;z-index: 3;padding: 5px;background-color: white;}
.bar li {width: 100%;}
.bar li a {display: block;padding: 10px 0;}
.bar li i {display: block;margin: 0 auto 5px;}
.bar li span {display: block;text-align: center;line-height: 100%;text-transform: capitalize;}
.bar li .shadow {width: 70%;}

@media(max-width:640px) {
    .space {height: 1.4rem;}
	.bar {height: .9rem;padding: .1rem;}
    .bar li a {padding: .08rem 0;}
    .bar li i {margin: 0 auto .05rem;}
    .bar li span {font-size: .18rem;}
}

/*menu*/
.menu {text-transform: capitalize;}
.menu cite {display: none;cursor: pointer;float: right;}
.menu-cont {text-align: center;}
.menu-cont li {cursor: pointer;position: relative;display: inline-block;}
.menu-cont li:hover .menu-group {display: block;}
.menu-cont li a {display: block;line-height: 50px;}
.menu-group {position: absolute;left: 0;display: none;}
.menu-list h6 {line-height: 50px;}

@media(max-width:640px) {
    .menu cite {display: block;width: .8rem;height: .8rem;line-height: .8rem;font-size: .48rem;}
    .menu-cont {position: absolute;left:0;top: .8rem;background: var(--000-9);width: 100vw;display: none;}
    .menu-cont li {width: 100%;height: auto;border-bottom: 1px var(--333) solid;}
    .menu-cont li:last-child {border: 0;}
    .menu-cont li,
    .menu-cont li a {color: white;}
    .menu-cont li a {line-height: .8rem;text-align: center;}
    .menu-cont li:hover .menu-group {display: none;}
    .menu-group {width: 100%;background: var(--333);padding: .1rem .2rem;position:static;overflow: hidden;}
    .menu-group a {color: white;}
    .menu-list h6 {color: white;line-height: .8rem;}
}

/*title*/
.title {text-align: center;}
.title h3,
.title em {display: inline-block;vertical-align: middle;}
.title span {text-transform: capitalize;display: block;}

@media(max-width:640px) {}

/*switch*/
.radio,
.checkbox,
.checkbox-circle,
.checkbox-cancel,
.collect,
.star,
.visibility,
.toggle {font-family: 'Material Icons';font-size: 24px;padding: 0 5px;
    font-weight: normal;font-style: normal;
    text-align: center;vertical-align: middle;justify-content: center;margin: auto;
    line-height: 1;text-transform: none;display: inline-block;direction: ltr;
    letter-spacing: normal;word-wrap: normal;white-space: nowrap;
    -webkit-font-feature-settings: 'liga';font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;}
.radio:after {content: 'radio_button_unchecked';}
.radio.active:after {content: 'radio_button_checked';}
.checkbox:after {content: 'check_box_outline_blank';}
.checkbox.active:after {content: 'check_box';}
.checkbox-circle:after {content: 'radio_button_unchecked';}
.checkbox-circle.active:after {content: 'check_circle';}
.checkbox-cancel:after {content: 'radio_button_unchecked';}
.checkbox-cancel.active:after {content: 'cancel';}
.checkbox-all {}
.collect:after {content: 'favorite_border';}
.collect.active:after {content: 'favorite';}
.star:after {content: 'star_border';}
.star.active:after {content: 'star';}
.visibility:after {content: 'visibility';}
.visibility.active:after {content: 'visibility_off';}
.toggle {font-size: 60px;}
.toggle:after {content: 'toggle_off';}
.toggle.active:after {content: 'toggle_on';}

@media(max-width:640px) {
    .radio,
    .checkbox,
    .checkbox-circle,
    .checkbox-cancel,
    .collect,
    .star,
    .visibility,
    .toggle {font-size: .32rem;padding: 0 .05rem;margin: 0;}
    .toggle {font-size: 1rem;}
}

/*form*/
button, input, optgroup, select, textarea {margin: 0;padding: 0;font: inherit;color: inherit;outline:none;border-radius: 0;box-sizing: border-box;border-width: 0;}
textarea {resize: none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select, textarea { -webkit-appearance: none;}
::selection {background:var(--333);color:var(--ccc);text-shadow:none;}
::-webkit-input-placeholder {color:var(--ccc);}
::-moz-placeholder {color:var(--ccc);}
::-ms-input-placeholder {color:var(--ccc);}
button {background-color: transparent;height: 50px;line-height: 50px;}
input,
select,
textarea,
.form li .code,
.select,
.input {width: 100%;height: 50px;float: left;}
.select,
.input,
textarea {position: relative;background-color: var(--eee);}
.select select,
.form .input input {width: 100%;position: relative;background-color: transparent;}
.select i,
.input i {width: 50px;height: 50px;line-height: 50px;position: absolute;top: 0;right: 0;}
textarea {padding: 10px;height: 100px;}

.form {padding: 20px;overflow: hidden;}
.form span,
.form cite,
.form li,
.form li .code {line-height: 50px;}
.form li {margin: 10px 0;width: 100%;float: left;display: block;}
.form li.resolve {padding-left: 100px;}
.form input {padding: 0 10px;background-color: var(--eee);}
.form select {padding: 0 0 0 10px;}
.form li .code {margin: 0 0 0 10px;text-align: center;width: 150px;}
.form span {text-transform: capitalize;display: block;float: left;padding: 0 10px;}
.form li span:first-child {width: 100px;}
.form cite {padding: 0 10px;}
.form button {width: 200px;margin: 10px 10px 10px 0;float: left;}
.form .min {width: 15%;}
.form .sml {width: 30%;}
.form .med {width: 45%;}
.form .lag {width: 60%;}
.form .max {width: 75%;}

.form .radio,
.form .checkbox {line-height: 50px;}

.upload {width: 100%;flex: 1;}
.upload-group {width: 100px;height: 100px;position: relative;display: flex;background-size: cover;background-color: var(--eee);float: left;margin: 0 10px 10px 0;}
.upload-group input[type="file"] {width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;}
.upload-group i,
.upload-group a {position: absolute;}
.upload-group i {width: 50px;height: 50px;top: 0;right: 0;left: 0;bottom: 0;margin: auto;font-size: 50px;opacity: .2;}
.upload-group a {top: -8px;right: -8px;background-color: var(--red);color: white;border-radius: 100%;width: 30px;height: 30px;line-height: 30px;}

@media(max-width:640px) {
    button {height: .7rem;line-height: .7rem;}
    input,
    select,
    textarea,
    .form li .code,
    .select,
    .input {width: 100%;flex: 1;height: .7rem;}
    .select i,
    .input i {width: .5rem;height: .7rem;line-height: .7rem;}
    textarea {padding: .1rem;height: 1.4rem;}
    
    .form input,
    .form select,
    .select,
    .input,
    textarea {background: none;}
    
    .form {padding: .1rem;}
    .form span,
    .form cite,
    .form li,
    .form li {display: flex;line-height: .7rem;}
    .form li {margin: 0;padding: .1rem 0;border-bottom-width: 1px;}
    .form li:last-child {border: 0;}
    .form li.resolve {padding-left: 0;border: 0;}
    .form input {padding: 0 .1rem;}
    .form select {padding: 0 0 0 .1rem;}
    .form li .code {margin: 0 0 0 .1rem;width: 1.8rem;flex: none;line-height: .7rem;}
    .form span {padding: 0 .1rem;}
    .form li span:first-child {width: 1.3rem;}
    .form cite {display: none;}
    .form button {width: 100%;margin: .1rem .1rem .1rem 0;}
    .form button:last-child {margin: .1rem 0;}
    
    .form .radio,
    .form .checkbox {line-height: .7rem;}
    
    .upload-group {width: 1rem;height: 1rem;margin: 0 .1rem .1rem 0;}
    .upload-group i {width: .4rem;height: .4rem;font-size: .4rem;}
    .upload-group a {top: -.08rem;right: -.08rem;width: .35rem;height: .35rem;line-height: .35rem;}
}

/*page*/
.page {text-align: center;}
.page a,
.page span,
.page input {height: 50px;display: inline-block;text-align: center;vertical-align: middle;float: none;}
.page a,
.page span {line-height: 50px;}
.page a {background: var(--eee);width: 50px;}
.page a.icons {font-size: 24px;}
.page span {min-width: 50px;}
.page input {border-width: 1px;width: 80px;}
.page a:hover,
.page a.active {background: var(--333);color: white;}

@media(max-width:640px) {
    .page a,
    .page span,
    .page input {height: .7rem;}
    .page a,
    .page span {line-height: .7rem;}
    .page a {width: .7rem;display: none;}
    .page a.icons {display: inline-block;}
    .page span {min-width: .7rem;}
    .page input {width: .7rem;}
}

/*tab*/
.tab-list {display: flex;}
.tab-list li {width: 100%;display: block;text-align: center;}
.tab-list li a {display: block;font-weight: bold;}
.tab-group {display:none;}
.tab-group.active {display:block;}

@media(max-width:640px) {}

/*table*/
table {width: 100%;border-collapse:separate;border-spacing:0;}
table th,
table td {vertical-align: middle;text-align: center;height: 50px;}
table th {background-color: var(--000-1);text-transform: capitalize;}
table thead th,
table thead td {font-weight: bold;color: white;text-transform: capitalize;}
table thead tr {background: var(--333);}
table tbody tr:nth-child(2n) {background: var(--f7);}
table tbody tr:hover {background: var(--eee);}
table tfoot tr {background: var(--eee);}
table tfoot tr:first-child td,
table tfoot tr:first-child th {border-top: 1px var(--666) solid;}

@media(max-width:640px) {
    table th,
    table td {height: .7rem;}
}

/*swiper*/
.swiper {}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {width: 100%;height: 100%;background-size: cover;}
.swiper-tab-btn {margin: auto;text-align: center;}
.swiper-tab-btn a {display: inline-block;}
.swiper-button-prev.icons:after {content: 'chevron_left';font-family: 'Material Icons';}
.swiper-button-next.icons:after {content: 'chevron_right';font-family: 'Material Icons';}
.swiper-button-next.icons,.swiper-button-prev.icons {width: 50px;height: 50px;font-size: 48px;}
:root {--swiper-navigation-size: 40px !important;}
.swiper-button-next.icons {right: 0;}
.swiper-button-prev.icons {left: 0;}

@media(max-width:640px) {
    :root {--swiper-navigation-size: .5rem !important;}
    .swiper-button-next.icons,.swiper-button-prev.icons {width: .5rem;height: .5rem;font-size: .48rem;}
}

/*name*/
.name {display: flex;background: var(--eee);height: 80px;}
.name h2 {width: 100%;text-align: center;flex: 1;line-height: 80px;}
.name a {display: block;width: 80px;line-height: 80px;}
.name .icons,
.name .icons-outlined,
.name .icons-round,
.name .icons-sharp,
.name .icons-twotone{font-size: 42px;}

@media(max-width:640px) {
    .name {height: .8rem;}
    .name h2 {line-height: .8rem;}
    .name a {width: .8rem;height: .8rem;line-height: .8rem;}
    .name .icons,
    .name .icons-outlined,
    .name .icons-round,
    .name .icons-sharp,
    .name .icons-twotone{font-size: .42rem;}
}

/*load*/
.load {width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 999;background-color: white;}
.load i {width: 100px;height: 100px;background-image: url(../images/loading.svg);display: block;opacity: .3;}

@media(max-width:640px) {
    .load i {width: 1.2rem;height: 1.2rem;}
}

/*anew*/
.anew {position: absolute;right: 30px;}

@media(max-width:640px) {
    .anew {right: .2rem;}
}

/*list*/
.list {}
.list li {border-bottom-width: 1px;}
.list li:last-child {border: 0;}

@media(max-width:640px) {}

/*calendar*/
.calendar {}
.calendar-single {z-index: 9;display: block;position: relative;width: 300px;padding: 10px;background: white;}
.calendar-single.is-hidden {display: none;}
.calendar-single.is-bound {position: absolute;box-shadow: 0 5px 15px -5px var(--000-2);}
.calendar-single table {border-collapse:separate;border-spacing:0px;}
.calendar-title {position: relative;text-align: center;}
.calendar-label {display: inline-block;position: relative;z-index: 9;overflow: hidden;padding: 0 5px;font-weight: bold;line-height: 30px;}
.calendar-title select {cursor: pointer;position: absolute;z-index: 8;left: 0;top: 0;opacity: 0;}
.calendar-prev,
.calendar-next {display: block;cursor: pointer;position: relative;width: 30px;height: 30px;}
.calendar-prev:hover,
.calendar-next:hover {background: var(--eee);}

.calendar-prev,
.is-rtl .calendar-next {float: left;}
.calendar-next,
.is-rtl .calendar-prev {float: right;}
.calendar-select {display: inline-block;}
.calendar-title select {height: 35px;}
.calendar-table {width: 100%;}
.calendar-table th,
.calendar-table td {width: 14.28%;}
.calendar-table td button {height: 40px;line-height: 40px;}
.calendar-table th {text-align: center;background: var(--333);font-weight: normal;}
.calendar-table th span {color: white;line-height: 40px;}
.calendar-button {cursor: pointer;display: block;width: 100%;text-align: center;background: var(--eee);}

.is-today .calendar-button {color: white;background: var(--blue);}
.is-selected .calendar-button {color: white;background: var(--orange);}
.is-disabled .calendar-button {pointer-events: none;cursor: default;color: var(--999);opacity: .3;}
.calendar-button:hover {color: white;background: var(--orange);}

@media(max-width:640px) {
    .calendar-single {width: 100%;padding: .1rem;}
    .calendar-single.is-bound {box-shadow: 0 .1rem .2rem -.1rem var(--000-2);position: fixed;left: 0 !important;bottom: 0 !important;top: auto !important;}
    .calendar-label {padding: 0 .1rem;line-height: .5rem;}
    .calendar-prev,
    .calendar-next {width: .5rem;height: .5rem;}
    .calendar-title select {height: .55rem;}
    .calendar-table td button {height: .5rem;line-height: .5rem;}
    .calendar-table th span {line-height: .5rem;}
}