/* 
ume 1.2 (build 20191229)
Github: https://github.com/mixice/ume
Project: http://www.ume.ee
Author: http://www.mixice.com
*/

/*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;font-family:Microsoft YaHei, '\9ed1\4f53';color: #333;}
html, body {height: 100%;}
body {font-size: 16px;}
html {-webkit-font-smoothing: antialiased;}
div, a, button, input, select, span, img, i, cite, tt, em, li s u {transition:all .4s;border-color: #eee;border-style: solid;}
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;}
a, button {cursor: pointer;}
a {-webkit-tap-highlight-color:rgba(0,0,0,0);}
::-webkit-scrollbar {background: transparent;width: 5px;}
::-webkit-scrollbar-thumb {background: #eee;}

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

/*frame*/
frame {border: 0;}
.main {width: 100%;max-width: 1400px;margin: auto;position: relative;}
.position {position: absolute;left: auto;top: auto;right: auto;bottom: auto;margin: auto;}
.block {width: 100%;overflow: hidden;position: relative;}
.flex {display: flex;}
.flex-column {display: flex;flex-direction: column;}
.hide {display:none !important;}
.show {display:block !important;}
.clear {clear:both;}
.fleft {float: left !important;}
.fright {float: right !important;}
.full {width: 100% !important;height: 100% !important;}
.full-device {width: 100vw !important;height: 100vh !important;}
.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;}

/*typeface*/
.ff-yahei {font-family:Microsoft YaHei, '\9ed1\4f53';}
.ff-jhenghei {font-family:Microsoft JhengHei, '\9ed1\4f53';}
.ff-nSim {font-family:NSimSun, '\65B0\5B8B\4F53';}
.ff-segoe {font-family:Segoe UI;}
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;}	
}

/*media*/
img {border:0;vertical-align: middle;-ms-interpolation-mode: bicubic;}
audio, canvas, progress, video {display: inline-block;vertical-align: baseline;}
audio:not([controls]) {display: none;height: 0;}
video {object-fit: fill;}

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

/*color*/
.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;}
.mix-hue {mix-blend-mode: hue;}
.mix-multiply {mix-blend-mode: multiply;}
.mix-screen {mix-blend-mode: screen;}
.mix-luminosity {mix-blend-mode: luminosity;}

.co-white {color: white !important;}
.co-black {color: #222 !important;}
.co-brown {color: #8d1313 !important;}
.co-red {color: #ff3b52 !important;}
.co-pink {color: #ff3ea6 !important;}
.co-purple {color: #d844d8 !important;}
.co-sapphire {color: #4e35ea !important;}
.co-blue {color: #2e6efd !important;}
.co-cyan {color: #0df0f0 !important;}
.co-green {color: #47DCA1 !important;}
.co-yellow {color: #ffeb00 !important;}
.co-orange {color: #ff9d00 !important;}

.bc-white {background-color: white !important;}
.bc-black {background-color: #222 !important;}
.bc-brown {background-color: #8d1313 !important;}
.bc-red {background-color: #ff3b52 !important;}
.bc-pink {background-color: #ff3ea6 !important;}
.bc-purple {background-color: #d844d8 !important;}
.bc-sapphire {background-color: #4e35ea !important;}
.bc-blue {background-color: #2e6efd !important;}
.bc-cyan {background-color: #0df0f0 !important;}
.bc-green {background-color: #47DCA1 !important;}
.bc-yellow {background-color: #ffeb00 !important;}
.bc-orange {background-color: #ff9d00 !important;}

.bo-eee {border-color: eee !important;}
.bo-white {border-color: white !important;}
.bo-black {border-color: #222 !important;}
.bo-brown {border-color: #8d1313 !important;}
.bo-red {border-color: #ff3b52 !important;}
.bo-pink {border-color: #ff3ea6 !important;}
.bo-purple {border-color: #d844d8 !important;}
.bo-sapphire {border-color: #4e35ea !important;}
.bo-blue {border-color: #2e6efd !important;}
.bo-cyan {border-color: #0df0f0 !important;}
.bo-green {border-color: #47DCA1 !important;}
.bo-yellow {border-color: #ffeb00 !important;}
.bo-orange {border-color: #ff9d00 !important;}

/*icon*/
@font-face {font-family: 'Material Icons';font-style: normal;font-weight: 400;
  src: url(https://www.7572.com/www/Home/styles/iconfont/MaterialIcons-Regular.eot);
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url(../font/MaterialIcons-Regular.woff2) format('woff2'),
       url(https://www.7572.com/www/Home/styles/iconfont/MaterialIcons-Regular.woff) format('woff'),
       url(https://www.7572.com/www/Home/styles/iconfont/MaterialIcons-Regular.svg) format('svg'),
       url(https://www.7572.com/www/Home/styles/iconfont/MaterialIcons-Regular.ttf) format('truetype');}
.material-icons {font-family: 'Material Icons';font-weight: normal;font-style: normal;font-size: 30px;display: inline-block;line-height: 1;text-transform: none;letter-spacing: normal;word-wrap: normal;white-space: nowrap;direction: ltr;text-align: center;vertical-align: middle;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;-moz-osx-font-smoothing: grayscale;font-feature-settings: 'liga';}

@media(max-width:640px) {
	.material-icons {font-size: .3rem;}
}

/*special*/
.triangle {width: 0;height: 0;border-style: solid;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;}

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

/*pop*/
.pop {width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,.8);z-index: 3;display: none;}
.pop-center {width: 100%;height: 100%;
	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;}
.pop-main {width: 90%;max-width: 720px;overflow: hidden;}
.pop-title {background: white;border-bottom: 1px #eee solid;overflow: hidden;position: relative;}
.pop-title h3 {width: 100%;line-height: 60px;padding: 0 20px;}
.pop-title a {line-height: 60px;width: 60px;height: 60px;font-size: 30px;position: absolute;right: 0;top: 0;}
.pop-cont {background: white;}

@media(max-width:640px) {
	.pop-main {border-radius: .1rem;}
	.pop-title h3 {line-height: .8rem;padding: 0 .2rem;}
	.pop-title a {line-height: .8rem;width: .8rem;height: .8rem;font-size: .4rem;}
}

/*btn*/
.btn {width: 100%;text-align: center;display: block;height: 50px;line-height: 50px;position: relative;z-index: 1;cursor: pointer;}
.btn:hover {transform: translateY(5px);}

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

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

@media(max-width:640px) {
	.bar {height: .9rem;}
}

/*menu*/
.menu {}

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

/*title*/
.title {}

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

/*form*/
button, input, optgroup, select, textarea {margin: 0;padding: 0;font: inherit;color: inherit;outline:none;border-radius: 0;border: none;box-sizing: border-box;}
textarea {resize: none;}
input[type="button"],
input[type="submit"],
input[type="reset"],
select, textarea { -webkit-appearance: none;}
::selection {background:#333;color:#999;text-shadow:none;}
::-webkit-input-placeholder {color:#ccc;}
::-moz-placeholder {color:#ccc;}
::-ms-input-placeholder {color:#ccc;}
.form {}

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

/*page*/
.page {}

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

/*notice*/
.notice {}

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

/*foot*/
.foot {}

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

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

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

/*table*/
.table {}
.table table {width: 100%;}
.table table td {vertical-align: middle;text-align: center;}

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

/*list*/
.list {}

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

/*crumb*/
.crumb {}

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

/*swiper*/
.swiper {}
.swiper-container {width: 100%;height: 100%;}
.swiper-slide {width: 100%;height: 100%;}