:root{
	--blue: #3093ef;
	--blue-active: hsla(209,86%,56%,0.6);
	--dark-blue: #2b83ba;
	--cyan: #21b9d4;
	--cyan-active: #0da7c2;
  --webkit-cyan-gradient: -webkit-linear-gradient(0deg, #3fb7ce, #17b9d6);
	--cyan-gradient: linear-gradient(90deg, #3fb7ce, #17b9d6);
  --warn: #ff4746;
	--wh: #fff;
	--wh-active: hsla(0,0%,100%,0.6);
	--c3: hsla(0,0%,20%,1);
	--c3-active: hsla(0,0%,20%,0.6);
	--c6: hsla(0,0%,40%,1);
	--c6-active: hsla(0,0%,40%,0.6);
	--c8: hsla(0,0%,53%,1);
	--c8-active: hsla(0,0%,53%,0.6);
	--c9: hsla(0,0%,60%,1);
	--c9-active: hsla(0,0%,60%,0.6);
	--bg-active: rgba(0,0,0,.05);
	--bd: 1px solid #efefef;
	--p: 0 0.24rem;
}

*{margin:0; padding:0; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}
html{font-size: 5.2083333vw; font-family: 'AIAEverest-Medium',"Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif;
}
.ifame-html{position: relative; width: 100%; height: 100%; font-size: 7.1942446vw;}
.ifame-html body{position: relative; height: 100%;}
/* 40px/7.5px => 5.33333vw => 17.28 => 0.6em */
/*表单字体*/
input,select,button,textarea{font-family: 'AIAEverest-Medium',"Helvetica Neue", Helvetica, STHeiTi, "Microsoft YaHei", Arial, sans-serif; }


body{margin: 0 auto; min-width:320px; line-height: 1.5; font-size: 0.24em; color:#666; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-text-size-adjust: 100%!important; -ms-text-size-adjust: 100%!important; text-size-adjust: 100%!important;
}
html, body{scroll-behavior: smooth;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary{display: block;}
audio, canvas, progress, video{display: inline-block; vertical-align: baseline;}
audio:not([controls]){display: none; height: 0;}
[hidden], template{display: none;}
svg:not(:root){overflow: hidden;}
mark{background: #ff0; color: #000;}
small{font-size: 80%;}
sub, sup{font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup{top: -0.5em;}
sub{bottom: -0.25em;}

table{border-collapse:collapse;}
ul{ list-style:none;}
img{border: 0; max-width: 100%;}
a img{vertical-align: bottom;}
a{text-decoration: none; color:#666; background-color: transparent; -webkit-tap-highlight-color: transparent;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0; text-decoration:none;}
h1,h2,h3,h4,h5{font-weight: normal; font-size: 1.2em;}

::-webkit-scrollbar{display: none;}

.fl{float: left}
.fr{float: right}
.al{text-align: left;}
.ac{text-align: center;}
.ar{text-align: right;}
.hide{display: none}
.overhide{overflow: hidden;}

.clear, .clr{display: block; clear: both; height: 0; line-height: 0; font-size: 0; overflow: hidden;}
.clearfix2::before,.clearfix2::after{content:""; display: table;}
.clearfix2::after{clear: both;}
.clearfix2, .clearfix{*zoom:1;}
.clearfix:after{display: block; content: ""; clear: both; height: 0; visibility: hidden;}


.whbg{background-color: #fff;}

.mask{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.5); opacity: 0; visibility: hidden; -webkit-transition-duration: .3s; transition-duration: .3s;}

.block-img{display: block; width: 100%;}
.cover-img{position: absolute; top: 0; left: 0; display: block; min-width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover;}
.text-hide{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hide-el{position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.nodata{display: block; text-align: center; padding: 0 0.24rem; font-size: 0.13rem; color: #ccc;}

.wbox, .wpbox{margin-bottom: 0.16rem; background-color: #fff; overflow: hidden;}
.wpbox{padding: 0 0.24rem;}


.wb, .flex-row{display: -webkit-box; display: flex;}
.wbc{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.align-center{-webkit-box-align: center; align-items: center;}
.wbw, .flex-cnt{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.flex-cnt + .flex-cnt{margin-left: 0.2rem;}
.flex-side{margin-left: 0.2rem; position: relative; display: block; text-align: right;}
.self-top{-webkit-align-self: flex-start; align-self: flex-start;}
.self-center{-webkit-align-self: center; align-self: center;}
.self-end{-webkit-align-self: flex-end; align-self: flex-end;}


ins, .ins{text-decoration: none;}
ins + del{margin-left: 0.1rem;}


::-webkit-input-placeholder{color: #bdcde2;}
:focus::-webkit-input-placeholder{color: rgba(189,205,226,0.6);}
::-moz-placeholder{color: #bdcde2;}
:-ms-input-placeholder{color: #bdcde2;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none!important; margin: 0;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
input[type="number"]{appearance: none; -moz-appearance: none; -webkit-appearance: none;}

.setint, .textint{display: block; text-align: left; text-indent: 0; padding: 0.2rem 0; width: 100%; line-height: 0.5rem; font-size: 0.3rem; color: #333; background-color: transparent; border: none; border-radius: 0; outline: 0; box-shadow: none; appearance: none; -webkit-appearance: none;}
.setint{height: 0.9rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.textint{height: auto; min-height: 1.9rem; resize: vertical;}



/*距离*/
.mt0, .my0, .m0{margin-top: 0!important;}.m0,.mb0,.my0{margin-bottom:0!important}.m0,.mx0,.ml0{margin-left:0!important}.m0,.mx0,.mr0{margin-right:0!important}.m10,.mt10,.my10{margin-top:0.1rem!important}.m10,.mb10,.my10{margin-bottom:0.1rem!important}.m10,.mx10,.ml10{margin-left:0.1rem!important}.m10,.mx10,.mr10{margin-right:0.1rem!important}.m20,.mt20,.my20{margin-top:0.2rem!important}.m20,.mb20,.my20{margin-bottom:0.2rem!important}.m20,.mx20,.ml20{margin-left:0.2rem!important}.m20,.mx20,.mr20{margin-right:0.2rem!important}.m30,.mt30,.my30{margin-top:0.3rem!important}.m30,.mb30,.my30{margin-bottom:0.3rem!important}.m30,.mx30,.ml30{margin-left:0.3rem!important}.m30,.mx30,.mr30{margin-right:0.3rem!important}.m40,.mt40,.my40{margin-top:0.4rem!important}.m40,.mb40,.my40{margin-bottom:0.4rem!important}.m40,.mx40,.ml40{margin-left:0.4rem!important}.m40,.mx40,.mr40{margin-right:0.4rem!important}.p0,.pt0,.py0{padding-top:0!important}.p0,.pb0,.py0{padding-bottom:0!important}.p0,.px0,.pl0{padding-left:0!important}.p0,.px0,.pr0{padding-right:0!important}.p10,.pt10,.py10{padding-top:0.1rem!important}.p10,.pb10,.py10{padding-bottom:0.1rem!important}.p10,.px10,.pl10{padding-left:0.1rem!important}.p10,.px10,.pr10{padding-right:0.1rem!important}.p20,.pt20,.py20{padding-top:0.2rem!important}.p20,.pb20,.py20{padding-bottom:0.2rem!important}.p20,.px20,.pl20{padding-left:0.2rem!important}.p20,.px20,.pr20{padding-right:0.2rem!important}.p30,.pt30,.py30{padding-top:0.3rem!important}.p30,.pb30,.py30{padding-bottom:0.3rem!important}.p30,.px30,.pl30{padding-left:0.3rem!important}.p30,.px30,.pr30{padding-right:0.3rem!important}.p40,.pt40,.py40{padding-top:0.4rem!important}.p40,.pb40,.py40{padding-bottom:0.4rem!important}.p40,.px40,.pl40{padding-left:0.4rem!important}.p40,.px40,.pr40{padding-right:0.4rem!important}.m24,.mt24,.my24{margin-top:0.24rem!important}.m24,.mb24,.my24{margin-bottom:0.24rem!important}.m24,.mx24,.ml24{margin-left:0.24rem!important}.m24,.mx24,.mr24{margin-right:0.24rem!important}.p24,.pt24,.py24{padding-top:0.24rem!important}.p24,.pb24,.py24{padding-bottom:0.24rem!important}.p24,.px24,.pl24{padding-left:0.24rem!important}.p24,.px24,.pr24{padding-right:0.24rem!important}

/*-------------------------结束公用样式--------------------------*/




.link-arrow,
.select-arrow{position: relative; display: inline-block; width: 0.75em; height: 1em; font-size: 0.24rem; vertical-align: top;}
.link-arrow::before,
.select-arrow::before{position: absolute; top: 50%; left: 50%; display: block; content: "";  -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: #333; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.link-arrow::before{margin: -0.16em 0 0 -0.16em; width: 0.32em; height: 0.32em; border-width: 0.03rem 0.03rem 0 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.select-arrow:not(.solid)::before{margin: -0.24em 0 0 -0.18em; width: 0.32em; height: 0.32em; border-width: 0.03rem 0.03rem 0 0; -webkit-transform: rotate(135deg) skew(5deg); transform: rotate(135deg) skew(5deg);}
.solid.select-arrow::before{margin: -0.1em 0 0 -0.2em; width: 0.4em; height: 0.4em; border: 0.2em solid rgba(0,0,0,0); border-top-color: #333;}
.wh.select-arrow:not(.solid)::before{border-color: #fff;}
.solid.wh.select-arrow::before{border-top-color: #fff;}





[class*="btn"]:not(.disabledbtn):active>[class*="ico"],
[class*="button"]:not(.disabled-button):active>[class*="ico"]{opacity: 0.6;}



.close-sicon{position: relative; display: inline-block; width: 1em; height: 1em; font-size: 0.24rem; vertical-align: top;}
.close-sicon::before,
.close-sicon::after{position: absolute; top: 50%; left: 0; margin-top: -0.025rem; display: block; content: ""; width: 100%; height: 0.05rem; line-height: 0; font-size: 0; border-radius: 0.025rem;}
.close-sicon::before{background-color: #fff; transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.close-sicon::after{background-color: rgba(255,255,255,0.7); transform: rotate(-45deg); -webkit-transform: rotate(-45deg);}


.sico{margin-right: 0.1rem; display: inline-block; width: 1em; height: 1em; font-size: 0.24rem; background-image: url(../images/icon/sico.png); background-repeat: no-repeat; background-size: 1em auto; vertical-align: top;}
.right-arrow-sico{background-position: 0 0;}
.search-sico{background-position: 0 -1em;}
.back-sico{background-position: 0 -2em;}
.warn-sico{background-position: 0 -3em;}
.print-sico{background-position: 0 -4em;}
.scan-sico{background-position: 0 -5em;}
.wh-photo-sico{background-position: 0 -6em;}


.mico{margin-right: 0.1rem; display: inline-block; width: 1em; height: 1em; font-size: 0.4rem; background-image: url(../images/icon/mico.png); background-repeat: no-repeat; background-size: 1em auto; vertical-align: top;}
.deal-sico{background-position: 0 0;}
.user-mico{background-position: 0 -1em;}
.pw-mico{background-position: 0 -2em;}
.wh-del-mico{background-position: 0 -3em;}
.wh-enter-mico{background-position: 0 -4em;}



/* main */
.main{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; padding: 0.1rem 0.6rem; height: 100vh; background: #15509e url(../images/bg/bg.jpg) 50% 100% no-repeat; background-size: cover; overflow: hidden;}

.main-center{margin-bottom: 0.4rem; position: relative; display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0; overflow: hidden;}
.y.main-center{-webkit-box-orient: vertical; flex-direction: column; height: 100%; -webkit-justify-content: center; justify-content: center;}
.main-left,
.main-content-core,
.main-center-y-core{position: relative; display: block; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.main-center-y-core{max-height: 100%;}

.main-left{margin-right: 0.5rem; padding: 0.35rem 0.25rem; width: 3.2rem;}
.main-container{position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; height: 100%; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0;}
.white-bg.main-container{background-color: rgba(255,255,255,0.8); border-radius: 0.08rem;}
.main-content{position: relative; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; height: 100%;}
.main-content-core{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0;}
.center.main-content-core{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: center; justify-content: center;}
.custom-scrollbar::-webkit-scrollbar{display: block;}
.custom-scrollbar::-webkit-scrollbar{width:4px;height:4px;}
.custom-scrollbar::-webkit-scrollbar-button{height:0;width:0;}
.custom-scrollbar::-webkit-scrollbar-track{background-color: rgba(255,255,255,0); border-radius: 2px;}
.custom-scrollbar::-webkit-scrollbar-thumb{background:rgba(199,216,233,1); border-radius: 2px;}



.header{margin-top: 0.4rem; margin-bottom: 0.4rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between;}
.header-title{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.header-logo,
.header-title-text{display: block; height: 1.1rem; font-size: 0; background-repeat: no-repeat; background-size: cover;}
.header-logo{margin-right: 0.2rem; width: 1.1rem; background-image: url(../images/icon/header-logo.png);}
.header-title-text{width: 9.4rem; background-image: url(../images/icon/header-title.png);}


.enter-nav{margin-right: 0.5rem; position: relative; display: block; width: 3.6rem; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden;}
.enter-nav-item{margin-bottom: 0.21rem; display: block; text-align: left; padding: 0.12rem 0.1rem 0.12rem 0.25rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 0.84rem; line-height: 0.6rem; font-size: 0.38rem;font-weight: bold; color: var(--wh); background-color: #4096e5; box-shadow: 0 0.08rem 0 #5cacf1; border-radius: 0.08rem;}
.enter-nav-item:last-of-type{margin-bottom: 0.08rem;}
.on.enter-nav-item,
.enter-nav-item:active{background-image: var(--webkit-cyan-gradient); background-image: var(--cyan-gradient); box-shadow: 0 0.08rem 0 var(--dark-blue);}
.enter-nav-item::before{margin-right: 0.25rem; display: inline-block; content: ""; width: 1em; height: 1em; font-size: 0.6rem; background-image: url(../images/icon/enter-nav.png); background-repeat: no-repeat; background-size: 1em auto; vertical-align: top;}
.fore01.enter-nav-item::before{background-position: 0 0;}
.fore02.enter-nav-item::before{background-position: 0 -1em;}
.fore03.enter-nav-item::before{background-position: 0 -2em;}
.fore04.enter-nav-item::before{background-position: 0 -3em;}
.fore05.enter-nav-item::before{background-position: 0 -4em;}
.fore06.enter-nav-item::before{background-position: 0 -5em;}
.fore07.enter-nav-item::before{background-position: 0 -6em;}
.fore08.enter-nav-item::before{background-position: 0 -7em;}

.main-container-ifame{position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; height: 100%;}

.main-hd{margin-top: 0.1rem; margin-bottom: 0.33rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 0.7rem; border-bottom: 0.02rem solid var(--blue);}
.main-hd-title{margin-left: 0.18rem; margin-right: 0.36rem; line-height: 0.5rem; font-size: 0.34rem; color: var(--blue); font-weight: 600; max-width: 80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.main-hd-core{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
.main-tabnav{display: -webkit-box; display: flex;}
.main-tabnav-item{position: relative; display: block; padding: 0.2rem 0.3rem; height: 0.7rem; line-height: 0.3rem; font-size: 0.28rem; color: var(--c3); font-weight: 600; overflow: hidden;}
.main-tabnav-item + .main-tabnav-item{margin-left: 0.3rem;}
.main-tabnav-item:visited{color: var(--c3);}
.on.main-tabnav-item{color: var(--blue);}
.main-tabnav-item::before{position: absolute; bottom: -0.14rem; left: 50%; margin-left: -0.07rem; display: block; content: ""; width: 0.14rem; height: 0.14rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.07rem solid rgba(255,255,255,0); border-bottom-color: var(--blue); -webkit-transition: 0.3s; transition: 0.3s;}
.on.main-tabnav-item::before{bottom: 0;}

.m-search{display: inline-block; vertical-align: middle;}
.m-search-main{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: 0.44rem; line-height: 0.24rem; font-size: 0.2rem; background-color: #fff; border-radius: 0.06rem; overflow: hidden;}
.m-search-main::before{position: absolute; top: -50%; left: -50%; display: block; content: ""; width: 200%; height: 200%; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid var(--blue); border-radius: 0.12rem; -webkit-transform: scale(0.5); transform: scale(0.5);}
.m-search-core{position: relative; z-index: 3; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-left: 0.2rem; padding-right: 0.2rem;}
.m-search-input,
.m-search-button{display: block; line-height: 0.24rem; font-size: 0.2rem; border: none; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.m-search-input{padding: 0.1rem 0; width: 2.2rem; height: 0.44rem; background-color: rgba(255,255,255,0); -webkit-transition: 0.3s; transition: 0.3s;}
.m-search-input:focus{width: 2.4rem;}

.m-search-button{position: relative; z-index: 3; text-align: center; padding: 0.1rem; min-width: 0.82rem; height: 0.44rem; color: var(--wh); background-color: var(--blue); cursor: pointer;}
.m-search-button:hover{background-color: var(--dark-blue);}


.warn-row{line-height: 0.24rem; font-size: 0.2rem; color: var(--warn);}


.boxmt{margin-top: 0.2rem; margin-bottom: 0.2rem; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; min-height: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: var(--c8);}
.boxmt-title{position: relative; font-weight: bold; height: 0.4rem; line-height: 0.4rem; font-size: 0.28rem; color: var(--blue); font-weight: 600;}
.boxmt-caret{margin-right: 0.12rem; display: block; width: 0.08rem; height: 0.24rem; line-height: 0; font-size: 0; background-color: var(--blue);}

.check-spans{margin-left: -0.4rem; position: relative; line-height: 0.3rem; vertical-align: top;}
.check-span{margin-left: 0.4rem; margin-top: 0.05rem; margin-bottom: 0.05rem; display: inline-block; line-height: 0.3rem; font-size: 0.24rem; color: var(--c3); vertical-align: top;}
.check-span [type="radio"]{display: none;}
.check-span-text::before{margin-right: 0.15rem; display: inline-block; content: ""; width: 1em; height: 1em; font-size: 0.3rem; background: url(../images/icon/che.png) 0 0 no-repeat; background-size: 2em auto; vertical-align: top;}
.check-span :checked ~ .check-span-text::before{background-position: -1em 0;}

.pbnews-list{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pbnews-item{margin-top: 0.14rem; margin-right: 0.3rem; display: block; width: calc((100% - 0.6rem) / 3);}
.pbnews-item:nth-of-type(1),
.pbnews-item:nth-of-type(2),
.pbnews-item:nth-of-type(3){margin-top: 0;}
.pbnews-item:nth-of-type(3n){margin-right: 0;}
.pbnews-produce{position: relative; display: block; text-align: left; padding: 0.15rem 0.1rem 0.15rem 0.4rem; height: 0.54rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 0.24rem; font-size: 0.22rem; color: #2e3e4e; background-color: #c7d8e9;}
.pbnews-produce:active{color: var(--wh); background-color: var(--cyan); background-image: var(--webkit-cyan-gradient); background-image: var(--cyan-gradient);}
.pbnews-produce::before{position: absolute; top: 50%; left: 0.18rem; margin-top: -0.06rem; display: block; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0.12rem; height: 0.12rem; border: 0.06rem solid rgba(255,255,255,0); border-left-color: var(--blue); box-shadow: -0.02rem 0 0 var(--blue-active); outline: 0; overflow: hidden;}
.pbnews-produce:active::before{border-left-color: var(--wh); box-shadow: -0.02rem 0 0 var(--wh);}

.dpmt-list{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.dpmt-item{margin-top: 0.1rem; margin-right: 0.3rem; display: block; width: calc((100% - 0.6rem) / 3);}
.dpmt-item:nth-of-type(1),
.dpmt-item:nth-of-type(2),
.dpmt-item:nth-of-type(3){margin-top: 0;}
.dpmt-item:nth-of-type(3n){margin-right: 0;}
.dpmt-produce{position: relative; display: block; text-align: left; padding: 0.15rem 0.15rem 0.15rem 0.68rem; height: 0.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 0.3rem; font-size: 0.26rem; color: var(--c3); background-color: #c7d8e9; border-radius: 0.06rem;}
.dpmt-produce:active{color: var(--wh); background-color: var(--cyan); background-image: var(--webkit-cyan-gradient); background-image: var(--cyan-gradient);}
.dpmt-produce::before{position: absolute; top: 0.04rem; left: 0.04rem; display: block; content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; width: 0.54rem; height: 0.54rem; background: #46a0f3 url(../images/icon/dpmt-item.png) 0 0 no-repeat; background-size: cover; border-radius: 0.05rem;}
.dpmt-produce:active::before{background-color: rgba(255,255,255,0.2);}

.letterdp{display: block; padding-left: 0.2rem; padding-right: 0.2rem; line-height: 1.6; font-size: 0.3rem; color: var(--c3);}
.letterdp-greet{margin-bottom: 0.2rem;}
.letterdp .sec{margin-bottom: 0.2rem; text-indent: 2em;}
.letterdp-info{margin-top: 0.2rem; text-align: right;}


.entergrids{margin: 0.3rem 0; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.entergrid-item{margin-top: 0.3rem; display: block; text-align: center; width: 16.66666%; line-height: 0.3rem; font-size: 0.28rem; color: var(--c3);}
.entergrid-item:nth-of-type(1),
.entergrid-item:nth-of-type(2),
.entergrid-item:nth-of-type(3),
.entergrid-item:nth-of-type(4),
.entergrid-item:nth-of-type(5),
.entergrid-item:nth-of-type(6){margin-top: 0;}
.entergrid-item .t{display: block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 0.28rem; color: var(--c3);}
.entergrid-item .ico{margin: 0 auto 0.2rem; display: block; max-width: 100%; height: 1.1rem;}
.entergrid-item:active .ico{transform: scale(0.95); -webkit-transform: scale(0.95);}


.center-section{margin-top: 0.3rem;}
.max-80p.center-section{margin-left: auto; margin-right: auto; max-width: 80%;}
.center-section-title{margin-bottom: 0.6rem; display: block; text-align: center; line-height: 0.5rem; font-size: 0.38rem; color: var(--c3); font-weight: 600;}

.set-x-box{display: -webkit-box; display: flex; -webkit-justify-content: space-around; justify-content: space-around; -webkit-box-align: start; align-items: flex-start; }
.set-x-main{display: block; width: 5rem;}
.w-560.set-x-main{width: 5.6rem;}
.set-x-item{margin-bottom: 0.22rem;}
.set-x-label{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; min-height: 0.8rem; line-height: 0.4rem; font-size: 0.3rem; color: var(--c3);}
.set-x-label>.input-field{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.set-x-label .dt{min-width: 1.5rem; padding-right: 0.1rem;}
.set-x-label .dd{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.set-x-row{margin-bottom: 0.22rem;}

.button-inputs{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; width: 4.5rem;}
.button-input-item{margin: 0.1rem 0.15rem 0.2rem; display: block; text-align: center; padding: 0.09rem; width: 0.8rem; height: 0.8rem; line-height: 0.6rem; font-size: 0.54rem; color: var(--wh); background-color: var(--blue); background-image: -webkit-linear-gradient(90deg, #81c3fc, #2f8fee); background-image: linear-gradient(0deg, #81c3fc, #2f8fee); border: 0.01rem solid var(--wh); box-shadow: 0 0.1rem 0.1rem rgba(48,147,239,0.2); border-radius: 50%; overflow: hidden; cursor: pointer;}
.button-input-item:visited{color: var(--wh);}
.button-input-item:active{background-color: var(--cyan); background-image: -webkit-linear-gradient(90deg, #139fb9, #43b9cf); background-image: linear-gradient(0deg, #139fb9, #43b9cf); -webkit-transform: translateY(2px); transform: translateY(2px);}
.empty.button-input-item{font-size: 0.28rem;}
.del.button-input-item{padding-top: 0.19rem; line-height: 0.4rem; font-size: 0;}


.sku-table-wrap{margin-top: 0.2rem; margin-bottom: 0.2rem; display: block; padding: 0.1rem 0.2rem; background-color: #f4f7fb; border-radius: 0.08rem;}
.sku-table{width: 100%; text-align: left; line-height: 0.3rem; font-size: 0.22rem; color: var(--c3);}
.sku-table tbody th,
.sku-table tbody td{padding: 0.1rem 0.2rem; font-weight: normal; border-bottom: 0.01rem solid rgba(199,216,233,0.6);}
.sku-table tbody tr:last-of-type th,
.sku-table tbody tr:last-of-type td{border-bottom: none;}
.sku-table tbody th{color: var(--c6);}

.decimal-serial-list{margin-top: 0.2rem; margin-bottom: 0.2rem; line-height: 0.4rem; font-size: 0.26rem; color: var(--c3);}
.decimal-serial-list>li{margin-top: 0.1rem; margin-bottom: 0.1rem; position: relative; display: -webkit-box; display: flex; padding-left: 0.5rem;}
.decimal-serial-list .serial{position: absolute; top: 0.05rem; left: 0; display: block; text-align: center; width: 0.3rem; height: 0.3rem; line-height: 0.3rem; font-size: 0.26rem; color: var(--wh); background-color: var(--blue); border-radius: 50%; overflow: hidden;}
.decimal-serial-list .text{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.decimal-serial-list .actions{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.decimal-serial-list .action-button{margin-left: 0.2rem; display: inline-block; line-height: 0.24rem; font-size: 0.2rem; color: var(--blue); text-decoration: underline;}
.decimal-serial-list .action-button:visited{color: var(--blue);}
.decimal-serial-list .action-button:active{color: var(--blue-active);}
.decimal-serial-list .actions [class*="button"]{margin-left: 0.2rem;}

.face-scan-wrap{display: block; padding: 0.3rem 0.6rem 0.6rem 0.6rem; width: 5.8rem; background-color: #f0f7fe; border-radius: 0.1rem;}
.face-scan-title{margin-bottom: 0.4rem; text-align: center; line-height: 0.4rem; font-size: 0.3rem; color: var(--blue); font-weight: 550;}
.face-scan{position: relative; display: block; padding-bottom: 65.2174%; overflow: hidden;}
.face-scan-img{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
.face-scan-bd{position: absolute; z-index: 3;}
.bd1.face-scan-bd{top: 0; left: 0;}
.bd2.face-scan-bd{top: 0; right: 0;}
.bd3.face-scan-bd{bottom: 0; left: 0;}
.bd4.face-scan-bd{bottom: 0; right: 0;}
.face-scan-bd::before,
.face-scan-bd::after{position: absolute; display: block; content: ""; line-height: 0; font-size: 0; background-color: var(--blue); border-radius: 0.02rem;}
.bd1.face-scan-bd::before{top: 0; left: 0; width: 0.28rem; height: 0.04rem;}
.bd1.face-scan-bd::after{top: 0; left: 0; width: 0.04rem; height: 0.24rem;}
.bd2.face-scan-bd::before{top: 0; right: 0; width: 0.28rem; height: 0.04rem;}
.bd2.face-scan-bd::after{top: 0; right: 0; width: 0.04rem; height: 0.24rem;}
.bd3.face-scan-bd::before{bottom: 0; left: 0; width: 0.28rem; height: 0.04rem;}
.bd3.face-scan-bd::after{bottom: 0; left: 0; width: 0.04rem; height: 0.24rem;}
.bd4.face-scan-bd::before{bottom: 0; right: 0; width: 0.28rem; height: 0.04rem;}
.bd4.face-scan-bd::after{bottom: 0; right: 0; width: 0.04rem; height: 0.24rem;}
.face-scan-line{position: absolute; z-index: 2; bottom: 0; left: 0; display: block; width: 100%; height: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: -webkit-linear-gradient(90deg, rgba(61,113,161,0), rgba(61,113,161,0.2)); background-image: linear-gradient(0deg, rgba(61,113,161,0), rgba(61,113,161,0.2)); border-top: 0.04rem solid var(--blue);}
.animated.face-scan-line{-webkit-animation: faceScanLine linear 4s forwards infinite; animation: faceScanLine linear 4s forwards infinite;}
@-webkit-keyframes faceScanLine{
  0%,2%, 98%, 100%{height: 0.04rem;}
  48%,52%{height: 100%;}
}
@keyframes faceScanLine{
  0%,2%, 98%, 100%{height: 0.04rem;}
  48%,52%{height: 100%;}
}

.scan-way-select{margin-top: 0.3rem; margin-bottom: 0.3rem; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; justify-content: space-around;}
.scan-way-select-item{margin-bottom: 0.3rem; position: relative; display: block; width: 3.4rem;}
.scan-way-select-produce{position: relative; display: block; padding-bottom: 58.8235%; border-radius: 0.1rem; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.scan-way-select-produce:active{opacity: 0.8;}
.idcard.scan-way-select-produce{padding-bottom: 64.70588%; box-shadow: 0 0.05rem 0.2rem rgba(48,147,239,0.25);}
.scan-way-select-img{position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 100%;}

.scaning-box{display: block;}
.scaning-produce{position: relative; display: block; padding-bottom: 68.571428%; border-radius: 0.1rem; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.scaning-img{position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 100%;}
.scaning-cover{position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background: url(../images/pic/scaning-box/scaning-cover.png) 0 0 no-repeat; background-size: cover;}

.around-sku-dl{margin-top: 0.1rem; margin-bottom: 0.1rem; text-align: left; line-height: 0.26rem; font-size: 0.2rem; color: var(--c3);}
.around-sku-dl .dl{display: -webkit-box; display: flex; border-radius: 0.06rem;}
.around-sku-dl .dl:nth-of-type(odd){background-color: #f3f4f8;}
.around-sku-dl .dt,
.around-sku-dl .dd{padding: 0.1rem;}
.around-sku-dl .dt{text-align: right; min-width: 5em; color: var(--c8);}





.noticebox{margin-top: 0.4rem; margin-bottom: 0.4rem; padding-left: 0.3rem; padding-right: 0.3rem; text-align: center; font-size: 0.24rem; color: var(--c6);}
.noticebox-photo{margin-bottom: 0.3rem;}


.selint-span{position: relative; display: inline-block; text-align: center; padding: 0.085rem 0.16rem; height: 0.44rem; line-height: 0.24rem; font-size: 0.22rem; color: var(--c3); background-color: var(--wh); border: 0.015rem solid var(--blue); border-radius: 0.06rem; overflow: hidden; vertical-align: bottom;}
.selint-span + .selint-span{margin-left: 0.15rem;}


.selint{position: relative; overflow: hidden;}
.selint-select{position: absolute; z-index: 5; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; opacity: 0; font-size: .3rem;}
.selint-input{position: absolute; z-index: 5; top: 0; left: 0; bottom: 0; width: 100vw; height: 100%; opacity: 0;}
.selint-arrow{margin-left: 0.05rem; position: relative; display: inline-block; width: 0.75em; height: 1em; font-size: 0.24rem; vertical-align: top;}
.selint-arrow::before{position: absolute; top: 50%; left: 50%; margin: -0.175em 0 0 -0.35em; display: block; content: ""; width: 0.7em; height: 0.7em; -webkit-box-sizing: border-box; box-sizing: border-box; border: 0.35em solid rgba(255,255,255,0); border-top-color: var(--blue); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transform: scaleX(0.8); transform: scaleX(0.8);}
.dark.selint-arrow::before{border-top-color: #778da2;}


.input-field{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 0.07rem 0.2rem 0.07rem 0.3rem; height: 0.84rem; background-color: #fff; border: 0.02rem solid #bdcde2; border-radius: 0.08rem; -webkit-transition: 0.3s; transition: 0.3s;}
.focus.input-field{border-color: var(--blue);}
.input-field .setint{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.input-field-button{margin-left: 0.1rem; display: block; text-align: center; padding: 0.15rem; min-width: 0.7rem; height: 0.7rem; line-height: 0.4rem; font-size: 0.26rem; color: var(--wh); background-color: var(--blue); border-radius: 0.08rem; border: none; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none; cursor: pointer;}
.input-field-button:visited{color: var(--wh);}
.input-field-button:not(.disabled):active{background-color: var(--blue-active);}

.sign-box{margin: 0.4rem auto 0; max-width: 5rem;}
.sign-item{margin-bottom: 0.4rem;}
.sign-item-dt{margin-bottom: 0.1rem; line-height: 0.3rem; font-size: 0.28rem; color: var(--blue);}
.sign-row{margin-top: 0.2rem; margin-bottom: 0.2rem;}

.pfset-list-wrap{overflow: hidden;}
.pfset-list{margin-bottom: -0.11rem; margin-left: -0.3rem; position: relative; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.pfset-item{margin-bottom: 0.11rem; padding-left: 0.3rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; width: 33.3333%; line-height: 0.4rem; font-size: 0.24rem; color: var(--c3);}
.flex-1.pfset-item{width: 100%;}
.flex-2.pfset-item{width:50%;}
.pfset-field{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-left: 0.3rem; padding-right: 0.15rem; min-height: 0.54rem; background-color: rgba(255,255,255,0.7); border: 0.02rem solid #bdcde2; border-radius: 0.05rem;}
.pfset-input{display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; padding-top: 0.1rem; padding-bottom: 0.1rem; height: 0.4rem; font-size: 0.24rem;}
.pfset-input.textint{margin-top: 0.1rem; margin-bottom: 0.1rem; padding-top: 0; padding-bottom: 0; min-height: 1.2rem;}


.photostage{display: block; overflow: hidden;}
.photostage-pic{position: relative; display: block; padding-bottom: 62%; border-radius: 0.1rem; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.photostage-pic,
.photostage-thumb .item-inner{position: relative; display: block; padding-bottom: 62%; -webkit-transform: scale(1); transform: scale(1); overflow: hidden;}
.photostage-pic{border-radius: 0.1rem;}
.photostage-thumb .item-inner{background-color: #000; border-radius: 0.06rem; cursor: pointer;}
.photostage-pic .image,
.photostage-thumb .thumb-image{position: absolute; top: 0; left: 0; display: block; width: 100%; min-height: 100%;}
.photostage-thumb .thumb-image{opacity: 0.5;}
.photostage-thumb{margin-top: 0.18rem; position: relative; display: block; overflow: hidden;}
.photostage-thumb-list{font-size: 0; white-space: nowrap; overflow-y: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}
.photostage-thumb .item{margin-right: 0.12rem; position: relative; display: inline-block; width: calc((100% - 0.36rem) / 4); vertical-align: top;}
.photostage-thumb .item:last-child{margin-right: 0;}
.photostage-thumb .item.on .item-inner::after{position: absolute; bottom: 0; left: 0; right: 0; display: block; content: ""; height: 0.08rem; line-height: 0; font-size: 0; background-color: var(--blue);}
.photostage-thumb .item.on .thumb-image{opacity: 1;}








/* switchItem */
.switchItem{display: none;}
.on.switchItem{display: block;}
/* end switchItem */


/* load */
.loader-icon{position: relative; display: inline-block; width: 1em; height: 1em; font-size: 0.5rem; vertical-align: middle;}
.spinner-line-fade-quick{position: absolute; top: 50%; left: 50%; -ms-transform: scale(1); -webkit-transform: scale(1); transform: scale(1);}
.spinner-line-fade-quick>div{position: absolute; left: 50%; top: 50%; margin-top: -0.02rem; width: 0.28em; height: 0.04rem; background-color: var(--cyan); border-radius: 0; -ms-animation-fill-mode: both; -webkit-animation-fill-mode: both; animation-fill-mode: both; -ms-transform-origin: left center; -webkit-transform-origin: left center; transform-origin: left center;}
@-webkit-keyframes spinner-line-fade-quick {0%, 39%, 100% {opacity: 0.25;}40% {opacity: 1;}}
@keyframes spinner-line-fade-quick {0%, 39%, 100% {opacity: 0.25;}40% {opacity: 1;}}
.spinner-line-fade-quick>div{-webkit-animation: 1s linear -1s infinite normal none running spinner-line-fade-quick; animation: 1s linear -1s infinite normal none running spinner-line-fade-quick;}
.spinner-line-fade-quick>div:nth-child(1){-webkit-transform: rotate(0deg) translateX(0.22em); transform: rotate(0deg) translateX(0.22em); -webkit-animation-delay: -1s; animation-delay: -1s;}
.spinner-line-fade-quick>div:nth-child(2){-webkit-transform: rotate(45deg) translateX(0.22em); transform: rotate(45deg) translateX(0.22em); -webkit-animation-delay: -0.875s; animation-delay: -0.875s;}
.spinner-line-fade-quick>div:nth-child(3){-webkit-transform: rotate(90deg) translateX(0.22em); transform: rotate(90deg) translateX(0.22em); -webkit-animation-delay: -0.75s; animation-delay: -0.75s;}
.spinner-line-fade-quick>div:nth-child(4){-webkit-transform: rotate(135deg) translateX(0.22em); transform: rotate(135deg) translateX(0.22em); -webkit-animation-delay: -0.625s; animation-delay: -0.625s;}
.spinner-line-fade-quick>div:nth-child(5){-webkit-transform: rotate(180deg) translateX(0.22em); transform: rotate(180deg) translateX(0.22em); -webkit-animation-delay: -0.5s; animation-delay: -0.5s;}
.spinner-line-fade-quick>div:nth-child(6){-webkit-transform: rotate(225deg) translateX(0.22em); transform: rotate(225deg) translateX(0.22em);  -webkit-animation-delay: -0.375s; animation-delay: -0.375s;}
.spinner-line-fade-quick>div:nth-child(7){-webkit-transform: rotate(270deg) translateX(0.22em); transform: rotate(270deg) translateX(0.22em); -webkit-animation-delay: -0.25s; animation-delay: -0.25s;}
.spinner-line-fade-quick>div:nth-child(8){-webkit-transform: rotate(315deg) translateX(0.22em); transform: rotate(315deg) translateX(0.22em); -webkit-animation-delay: -0.125s; animation-delay: -0.125s;}

/* end load */



/* textpop */
.textpop{position: fixed; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); padding: 0.16rem 0.2rem; line-height: 0.24rem; font-size: 0.18rem; color: var(--wh); background-color: rgba(0,0,0,0.7); border-radius: 0.08rem; display: none; z-index: -1; -webkit-animation: cpopSlideDown ease .3s forwards; animation: cpopSlideDown ease .3s forwards;}
.show.textpop{display: block; z-index: 199; -webkit-animation: cpopSlideUp ease 0.3s forwards; animation: cpopSlideUp ease 0.3s forwards;}
/* end textpop */


/*cpop*/
.cpop{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.cpop{display: block; z-index: 100;}
.cpop .mask{opacity: 1; visibility: visible;}
.cpop-center{position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); display: block; text-align: center; width: auto; height: auto; max-height: 100%;}



.cpop-container{position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 5; display: block; text-align: center; padding: 0.5rem 0.3rem 0.2rem; width: 6.4rem; max-width: 90%; color: var(--c3); background-color: var(--wh); border-radius: 0.1rem; -webkit-animation: cpopSlideDown ease .3s forwards; animation: cpopSlideDown ease .3s forwards;}
.show.cpop .cpop-container{-webkit-animation: cpopSlideUp ease 0.3s forwards; animation: cpopSlideUp ease 0.3s forwards;}
.cpop-center-title{margin-bottom: 0.2rem; text-align: center; line-height: 0.4rem; font-size: 0.28rem; color: var(--blue); font-weight: 550;}

.cpop-top-close-button{position: absolute; top: 0; right: 0.2rem; display: block; text-align: center; padding: 0.12rem 0.07rem 0 0.07rem; width: 0.38rem; height: 0.5rem; background-color: var(--blue); border-radius: 0 0 0.2rem 0.2rem; cursor: pointer;}
.cpop-top-close-button:active{background-color: var(--blue-active);}


@-webkit-keyframes cpopSlideUp{
  from{-webkit-transform:translate3d(-50%, 100%, 0); transform:translate3d(-50%, 100%, 0);}
  to{-webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}
}
@keyframes cpopSlideUp{
  from{-webkit-transform:translate3d(-50%, 100%, 0); transform:translate3d(-50%, 100%, 0);}
  to{-webkit-transform:translate3d(-50%, -50%, 0); transform:translate3d(-50%, -50%, 0);}
}
@-webkit-keyframes cpopSlideDown{
  from{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
  to{-webkit-transform:translate3d(-50%, 100%, 0);transform:translate3d(-50%, 100%, 0);}
}
@keyframes cpopSlideDown{
  from{-webkit-transform:translate3d(-50%, 0, 0);transform:translate3d(-50%, 0, 0);}
  to{-webkit-transform:translate3d(-50%, 100%, 0);transform:translate3d(-50%, 100%, 0);}
}
/*end cpop*/




/*btn*/
.button-row{margin-top: 0.2rem; margin-bottom: 0.2rem; display: block; text-align: center;}





.big-button{display: block; text-align: center; padding: 0.16rem 0.2rem; width: 100%; height: 0.82rem; line-height: 0.5rem; font-size: 0.34rem; font-weight: 550; border-radius: 0.08rem; border: none; outline: 0; -webkit-appearance: none; appearance: none;}
.middle-l-button{display: inline-block; text-align: center; padding: 0.15rem 0.2rem; height: 0.54rem; line-height: 1; font-size: 0.24rem; font-weight: 550; border-radius: 0.08rem; border: none; outline: 0; -webkit-appearance: none; appearance: none;}

.more-l-button{position: relative; padding-right: 0.7rem;}
.more-l-button-arrow{position: absolute; top: 0.02rem; right: 0.02rem; display: block; text-align: center; padding: 0.13rem; width: 0.5rem; height: 0.5rem; background-color: var(--blue); border-radius: 0.08rem;}

.middle-button{display: inline-block; text-align: center; padding: 0.1rem 0.15rem; height: 0.44rem; line-height: 0.24rem; font-size: 0.22rem; border-radius: 0.08rem; border: none; outline: 0; -webkit-appearance: none; appearance: none;}

.l-button{display: inline-block; text-align: center; padding: 0.14rem 0.2rem; min-width: 2.4rem; height: 0.68rem; line-height: 0.4rem; font-size: 0.28rem; font-weight: 550; border-radius: 0.08rem; border: none; outline: 0; -webkit-appearance: none; appearance: none;}



.gradient-button{color: var(--wh); background-color: var(--blue); background-image: -webkit-linear-gradient(0deg, #5cacf1, #58acef); background-image: linear-gradient(90deg, #5cacf1, #58acef); box-shadow: 0 0.04rem 0.1rem rgba(92,172,241,0.68);}
.gradient-button:visited{color: var(--wh);}
.gradient-button:not(.disabled-button):active{color: rgba(255,255,255,0.6); box-shadow: 0 0.04rem 0.1rem rgba(92,172,241,0.8); -webkit-transform: translateY(2px); transform: translateY(2px);}


.primary-button:not(.plain){color: #fff; background-color: var(--blue);}
.primary-button:not(.plain):visited{color: #fff;}
.primary-button:not(.plain):not(.disabledbtn):active{color: rgba(255,255,255,0.6); background-color: var(--blue-active); -webkit-transform: translateY(2px); transform: translateY(2px);}
.plain.primary-button{color: var(--blue); border: 0.015rem solid var(--blue);}
.plain.primary-button:visited{color: var(--blue);}
.plain.primary-button:not(.disabledbtn):active{color: var(--blue-active); background-color: hsla(215,100%,47%,0.15); -webkit-transform: translateY(2px); transform: translateY(2px);}

.cyan-button:not(.plain){color: #fff; background-color: var(--cyan);}
.cyan-button:not(.plain):visited{color: #fff;}
.cyan-button:not(.plain):not(.disabledbtn):active{color: rgba(255,255,255,0.6); background-color: var(--cyan-active); -webkit-transform: translateY(2px); transform: translateY(2px);}
.plain.cyan-button{color: var(--cyan); border: 0.015rem solid var(--cyan);}
.plain.cyan-button:visited{color: var(--cyan);}
.plain.cyan-button:not(.disabledbtn):active{color: var(--cyan-active); background-color: hsla(215,100%,47%,0.15); -webkit-transform: translateY(2px); transform: translateY(2px);}





/* 距离 */
.min-w-150{min-width: 1.5rem;}
.w-580{width: 5.8rem;}
.w-400{width: 4rem;}
.w-440{width: 4.4rem;}
.pr7{padding-right: 0.07rem;}

/*font*/
.fz24{font-size: 0.24rem;}

/*color*/


.simple-table{width: 100%; line-height: 0.44rem; font-size: 0.26rem; color: var(--c3);}
.simple-table tr{border-bottom: 1px solid rgba(0,0,0,0.16);}
.simple-table th,
.simple-table td{padding: 0.1rem; font-weight: normal;}



.pagerow{margin-top: 0.18rem; margin-bottom: 0.18rem; text-align: center; font-size: 0;}
.pagerow-item{margin-left: 0.16rem; margin-right: 0.16rem; position: relative; display: inline-block; text-align: center; padding: 0.17rem 0.05rem; width: 0.64rem; height: 0.64rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 0.3rem; font-size: 0.26rem; color: var(--c3); border-radius: 50%; vertical-align: top; -webkit-transition: 0.3s; transition: 0.3s;}
.pagerow-item:not(.disabled){cursor: pointer;}
.pagerow-item:not(.cur):hover{color: var(--blue);}
.cur.pagerow-item{color: var(--wh); background-color: var(--blue);}
.prev.pagerow-item::before,
.next.pagerow-item::before{position: absolute; top: 50%; left: 50%; margin: -0.17em 0 0 -0.17em; display: block; content: ""; width: 0.34em; height: 0.34em; -webkit-box-sizing: border-box; box-sizing: border-box; border-style: solid; border-color: var(--c3); -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition-duration: 0.3s; transition-duration: 0.3s;}
.prev.pagerow-item::before{border-width: 0 0 0.02rem 0.02rem;}
.next.pagerow-item::before{border-width: 0.02rem 0.02rem 0 0;}
.prev.pagerow-item:not(.disabled):hover::before,
.next.pagerow-item:not(.disabled):hover::before{border-color: var(--blue);}



/*加载字体*/
@font-face {
  font-family: 'AIAEverest-Medium';
  src: url('../font/AIAEverest-Medium.eot');
  src:
	url('../font/AIAEverest-Medium.otf')format('otf'),
	url('../font/AIAEverest-Medium.eot?#iefix') format('embedded-opentype'),
	url('../font/AIAEverest-Medium.woff') format('woff'),
	url('../font/AIAEverest-Medium.woff2') format('woff2'),
	url('../font/AIAEverest-Medium.ttf') format('truetype'),
	url('../font/AIAEverest-Medium.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}