:root{
	--color-primary: #1275ff;
	--color-primary-rgb: 18, 117, 255;
	--color-primary-a6: hsla(215, 100%, 54%, 0.6);
  --color-green: #6cda9a;
  --color-green-rgb: 107, 217, 153;
  --color-orange: #ff8755;
  --color-orange-rgb: 255, 135, 85;
  --color-red: #f56565;
  --color-red-rgb: 245, 102, 102;

  --main-bg-color: #f2f4f7;
  --main-bg-color-rgb: 242, 244, 247;
  --secondary-bg-color: #f4f4f4;

  --main-gap: 0.3rem;
  --radius: 0.16rem;

  --gn-height: 0.9rem;
  --tabbar-height: 1rem;


  --mico-image: url(../images/common/mico.png);
  --mico-bgsize: 1em auto;
  --mico-size: 0.4rem;
  --hico-image: url(../images/common/hico.png);
  --hico-bgsize: 1em auto;
  --hico-size: 0.5rem;

  --root-font-size: 13.33333vmin;
	--color-white: #fff;
	--color-white-a6: hsla(0,0%,100%,0.6);
	--color-white-a0: rgba(255,255,255,0);
  --color-black-0: hsla(0,0%,0%,1);
	--color-black-0-a6: hsla(0,0%,0%,0.6);
	--color-black-2: hsla(0, 0%, 13%,1);
	--color-black-2-a6: hsla(0,0%,13%,0.6);
	--color-black-3: hsla(0,0%,20%,1);
	--color-black-3-a6: hsla(0,0%,20%,0.6);
	--color-black-6: hsla(0,0%,40%,1);
	--color-black-6-a6: hsla(0,0%,40%,0.6);
	--color-black-8: hsla(0,0%,53%,1);
	--color-black-8-a6: hsla(0,0%,53%,0.6);
	--color-black-9: hsla(0,0%,60%,1);
	--color-black-9-a6: hsla(0,0%,60%,0.6);
	--main-bg-active: rgba(0,0,0,0.05);
}
@font-face {
  font-family: "DIN-Medium";
  font-weight: normal;
  src: 
      local("DIN-Medium"),
      url("../fonts/DIN-Medium.otf") format("opentype");
}
.d-font{font-family: "DIN-Medium";}
@font-face {
  font-family: "AlimamaShuHeiTi-Bold";
  font-style: normal;
  font-weight: normal;
  src: 
      local("AlimamaShuHeiTi-Bold"),
      url("../fonts/AlimamaShuHeiTi-Bold.woff") format("woff");
}
.a-font{font-family: "AlimamaShuHeiTi-Bold";}


*{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: var(--root-font-size); font-family: "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;}
[v-cloak]{display: none;}

::-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;}
.t-hide{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); 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;}


.white-bg{background-color: var(--color-white);}

.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: 0.3s; transition-duration: 0.3s;}

.block-img{display: block; width: 100%;}
.pos-r-cover-image,
.pos-a-cover-image{display: block; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover;}
.pos-r-cover-image{position: relative;}
.pos-a-cover-image{position: absolute; top: 0; left: 0;}
.text-hide{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.hide-el,
.hide-el--input{position: absolute; z-index: 5; top: 0; bottom: 0; right: 0; width: 100%; height: 100%; opacity: 0;}
.hide-el--input::-webkit-calendar-picker-indicator,
.hide-el--input::-webkit-file-upload-button,
.hide-el--input::file-selector-button{width: 100%; height: 100%;}
.nodata{display: block; text-align: center; padding: 0 0.24rem; font-size: 0.13rem; color: #ccc;}


.d-flex, .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;}
.flex-1, .wbw, .flex-main{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.flex-side{margin-left: 0.2rem; position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; 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: #bbb;}
:focus::-webkit-input-placeholder{color: #999;}
::-moz-placeholder{color: #bbb;}
:-ms-input-placeholder{color: #bbb;}
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;}



/*距离*/
.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}.m25,.mt25,.my25{margin-top:0.25rem!important}.m25,.mb25,.my25{margin-bottom:0.25rem!important}.m25,.mx25,.ml25{margin-left:0.25rem!important}.m25,.mx25,.mr25{margin-right:0.25rem!important}.p25,.pt25,.py25{padding-top:0.25rem!important}.p25,.pb25,.py25{padding-bottom:0.25rem!important}.p25,.px25,.pl25{padding-left:0.25rem!important}.p25,.px25,.pr25{padding-right:0.25rem!important}

/*-------------------------结束公用样式--------------------------*/
body{background-color: var(--main-bg-color);}



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






.mico{display: inline-block; width: 1em; height: 1em; background-repeat: no-repeat; background-position-x: 0; vertical-align: -0.15em;}

.mico{margin-right: 0.1rem; font-size: var(--mico-size); background-image: var(--mico-image); background-size: var(--mico-bgsize);}




.iconfont{font-size: 1em;}


.t1-input,
.t1-textarea{display: block; width: 100%; line-height: 0.4rem; font-size: 0.28rem; color: var(--color-black-3); background-color: var(--color-white-a0); border: none; border-radius: 0; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.t1-input{height: 0.4rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.t1-textarea{margin-top: 0.2rem; margin-bottom: 0.2rem; height: 2rem; line-height: 0.5rem;}

.t1--icon-search{margin-right: 0.2rem; font-size: 1.1em; font-weight: 600;}
.t1--icon-caret-down,
.t2--icon-caret-down{margin-left: 0.2rem; font-size: 0.9em;}
.t1--icon-caret-down{color: #7f7f7f;}
.t2--icon-caret-down{color: #aaa;}


/*--全局顶部--*/
.gn-header{position: relative; z-index: 13; width: 100%; height: var(--gn-height); line-height: 0.4rem; font-size: 0.24rem; color: var(--color-black-0);}
.gn-header--main{padding-left: 20%; padding-right: 20%; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; height: var(--gn-height); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gn-header--title{font-size: 0.34rem; font-weight:700;}
.gn-header--logo-image{display: block; height: 0.4rem;}
.gn-header--l,
.gn-header--r{position: absolute; z-index: 3; top: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: var(--gn-height);}
.gn-header--l{left: 0;}
.gn-header--r{right: 0;}
.gn-header__flex{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.gn-header__flex .gn-header--main{padding-left: 0; padding-right: 0; -webkit-box-flex: 1; flex: 1; min-width: 0; -webkit-justify-content: start; justify-content: flex-start;}
.gn-header__flex .gn-header--main:first-child{padding-left: var(--main-gap);}
.gn-header__flex .gn-header--main:last-child{padding-right: var(--main-gap);}
.gn-header__flex .gn-header--l,
.gn-header__flex .gn-header--r{position: static; left: auto; right: auto; top: auto; bottom: auto;}

.gn-header--button{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 1px var(--main-gap); min-width: 0.8rem; height: var(--gn-height); font-size: 0.24rem; color: currentColor;}
.gn-header--button:active{background-color: var(--main-bg-active);}




.footer{display: block; text-align: center; padding: var(--main-gap); line-height: 1.6; font-size: 0.24rem; color: rgba(255,255,255,0.5); background-color: #434c5b;}
.footer-link, .footer-link:visited{color: rgba(255,255,255,0.5);}
.footer-link:active{color: var(--color-white-a6);}

.mbox{margin-top: 0.2rem; margin-bottom: 0.2rem; display: block; padding: 0.1px 0.2rem; background-color: var(--color-white); border-radius: var(--radius);}
.t2-box{display: block; padding: 0.1px var(--main-gap); background-color: var(--color-white); border-radius: var(--radius);}

.t1-notice-row{margin-top: 0.2rem; margin-bottom: 0.2rem; padding-left: 0.15rem; padding-right: 0.15rem; font-size: 0.24rem; color: var(--color-black-6);}

.t1-textag--list{margin-top: -0.1rem; margin-left: -0.1rem; display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.t1-textag--list>.t1-textag{margin-top: 0.1rem; margin-left: 0.1rem; display: -webkit-box; display: flex;}
.t1-textag{
  --color-rgb: 102, 102, 102;
  display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 0.1px 0.1rem; min-width: 0.35rem; height: 0.35rem; line-height: 1; font-size: 0.22rem; color: rgba(var(--color-rgb),1); font-style: normal; background-color: rgba(var(--color-rgb),0.1); border-radius: 3px; vertical-align: top;}
.plain.t1-textag{background-color: var(--color-white-a0); border: 0.7px solid rgba(var(--color-rgb),1);}
.primary.t1-textag{--color-rgb: var(--color-primary-rgb);}
.green.t1-textag{--color-rgb: var(--color-green-rgb);}
.orange.t1-textag{--color-rgb: var(--color-orange-rgb);}
.red.t1-textag{--color-rgb: var(--color-red-rgb);}
.badge{position: absolute; z-index: 5; top: 0; left: 50%;}


.t1-chart--wrap{margin-top: 0.2rem; margin-bottom: 0.2rem; position: relative; display: block; padding-bottom: 65%;}
.t1-chart--instance{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.t1-chart--center-value{position: absolute; top: 0; left: 0; display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; align-items: center; text-align: center; width: 100%; height: 100%; font-size: 0.5rem; color: var(--color-black-3);}

.y1-page{display: -webkit-box; display: flex; -webkit-box-orient: vertical; flex-direction: column; min-height: 100vh;}
.y1-page--mainview{-webkit-box-flex: 1; flex: 1; min-width: 0; min-height: 0;}


.t2-section{margin-top: 0.4rem; margin-bottom: 0.4rem;}
.t2-boxhead{margin-bottom: 0.2rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding-left: 0.15rem; padding-right: 0.15rem;}
.t2-boxhead--title{position: relative; display: block; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 0.02rem; font-weight: 700; height: 0.4rem; line-height: 0.4rem; font-size: 0.34rem; color: var(--color-black-3);}
.t2-boxhead--title-text{position: relative; z-index: 2;}
.t2-boxhead--title::after,
.x1-tab--line::after{position: absolute; bottom: 0.02rem; right: 0; display: block; content: ""; width: 0.56rem; height: 0.12rem; background-image: -webkit-linear-gradient(0deg, rgba(96,173,255,1), rgba(96,173,255,0.3)); background-image: linear-gradient(90deg, rgba(96,173,255,1), rgba(96,173,255,0.3)); border-radius: 0.06rem 0;}
.no-line.t2-boxhead--title::after{display: none;}
.t2-boxhead--explain-text{margin-left: 0.25rem; padding-top: 0.05rem; line-height: 0.3rem; font-size: 0.3rem; color: #8097b9;}

.x1-tab{margin-top: 0.2rem; margin-bottom: 0.2rem; position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: space-around; justify-content: space-around;}
.x1-tab--item,
.x1-tab--line{-webkit-transition: 0.3s; transition: 0.3s;}
.x1-tab--item{position: relative; z-index: 2; padding: 0.12rem 0.05rem 0; line-height: 0.38rem; height: 0.6rem; font-size: 0.3rem; font-weight: 700; color: var(--color-black-6); cursor: pointer;}
.on.x1-tab--item{color: var(--color-black-3);}
.x1-tab--line{position: absolute; left: 0; bottom: 0.1rem; width: 0.6rem; height: 0.12rem;}
.x1-tab--spactor{display: block; height: 0.25rem; border-left: 1px solid #ccc; transform: translateX(0.5);}



.y1-blur-box{position: relative; z-index: 2; padding: 0.1px var(--main-gap); background-image: -webkit-linear-gradient(-90deg, rgba(var(--main-bg-color-rgb), 0.8), rgba(var(--main-bg-color-rgb), 1)), -webkit-linear-gradient(-90deg, rgba(var(--main-bg-color-rgb), 1), rgba(var(--main-bg-color-rgb), 1)); background-image: linear-gradient(180deg, rgba(var(--main-bg-color-rgb), 0.8), rgba(var(--main-bg-color-rgb), 1)), linear-gradient(180deg, rgba(var(--main-bg-color-rgb), 1), rgba(var(--main-bg-color-rgb), 1)); background-position: 50% 0, 50% 2.7rem; background-repeat: no-repeat; background-size: 100% 2.8rem, 100% 100%; backdrop-filter: blur(0.08rem); border-radius: var(--main-gap) var(--main-gap) 0 0;}

.a1-banner{position: -webkit-sticky; position: sticky; top: 0; margin-bottom: calc(0px - var(--main-gap)); background-repeat: no-repeat; background-size: 100% auto; background-position: 50% 0;}
.show.a1-banner{z-index: 16;}
.a1-banner--bg-image{position: absolute; top: 0; left: 0; display: block; width: 100%;}
.a1-banner--photo-image{display: block; width: 100%;}
.a1-banner--container{position: relative; z-index: 3; padding: var(--main-gap); color: var(--color-white);}
.a1-banner--title{margin-top: 0.2rem; margin-bottom: 0.2rem; line-height: 0.5rem; font-size: 0.4rem; font-weight: 600;}
.t1-setting--group{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1px var(--main-gap); height: 0.8rem; font-size: 0.3rem; color: var(--color-black-3); background-color: var(--color-white); border-radius: 0.4rem;}
.t1-setting--group-dd{-webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.a1-banner--mask{display: none;}
.show.a1-banner--mask{z-index: 15; display: block; opacity: 1; visibility: visible;}
.t1-filter-falldown{position: absolute; top: calc(100% - var(--main-gap)); left: 0; right: 0; padding-top: 0.1rem; background-color: var(--color-white); border-radius: var(--main-gap); overflow: hidden; display: none;}
.show.a1-banner .t1-filter-falldown{display: block;}
.t2-setting--list{margin-top: 0.3rem; margin-bottom: 0.3rem;}
.t2-setting--row{margin-bottom: 0.25rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.t2-setting--item{-webkit-box-flex: 1; flex: 1; min-width: 0;}
.t2-setting--item + .t2-setting--item{margin-left: 0.3rem;}
.t2-setting--group{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1px 0.35rem; height: 0.8rem; font-size: 0.28rem; color: var(--color-black-3); background-color: var(--secondary-bg-color); border-radius: 0.1rem;}
.bg-2.t2-setting--group{background-color: var(--main-bg-color);}
.t2-setting--group-dd{-webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.x1-filter--row{
  --height: 0.8rem;
  display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; height: var(--height);}
.x1-filter--aside{display: -webkit-box; display: flex; -webkit-justify-content: end; justify-content: flex-end; -webkit-box-flex: 1; flex: 1; min-width: 0;}
.x1-filter--item,
.x1-filter--button{position: relative; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; padding: 1px 0.25rem; height: var(--height); font-size: 0.26rem; color: var(--color-black-6);}
.x1-filter--button:active{color: var(--color-black-6-a6);}
.x1-filter--item-dd{-webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.c1-view{position: relative; display: block;}
.c1-view--container{position: relative; z-index: 2; padding: 0.1px var(--main-gap) 0;}
.c1-view--title{margin-top: 0.4rem; margin-bottom: 0.3rem; display: block; text-align: center; line-height: 1.3; font-size: 0.38rem; font-weight: 700; color: var(--color-white);}
.c1-view--bg,
.c1-view--bg-container{position: absolute; top: 0; overflow: hidden;}
.c1-view--bg{left: 0; right: 0; height: 100%;}
.c1-view--bg-container{left: -25%; right: -25%; padding-left: 25%; padding-right: 25%; border-radius: 0 0 50% 50%; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.s-2.c1-view--bg-container{height: 4.1rem; background-image: -webkit-linear-gradient(0deg, #127aff 24%, #1669ff 76%); background-image: linear-gradient(90deg, #127aff 24%, #1669ff 76%);}
.c1-view--bg-image{display: block; width: 100%;}


.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}

.t1-swiper{position: relative; display: block; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden;}
.t1-swiper--slide{position: relative; display: block;}
.t1-swiper--photo{position: relative; display: block; padding-bottom: 46.3768115%; border-radius: 0.25rem; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); overflow: hidden;}
.t1-swiper--photo-image{position: absolute; top: 0; left: 0; width: 100%; min-height: 100%;}
.t1-swiper--slide:active .t1-swiper--photo-image{opacity: 0.8;}
.t1-swiper--bullets{position: absolute; z-index: 5; bottom: 0.25rem; right: 0.5rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; line-height: 0; font-size: 0;}
.t1-swiper--bullet,
.t1-swiper--bullet::before{border-radius: 0.08rem;}
.t1-swiper--bullet{-webkit-transition: 0.4s width linear, background-color 0.4s linear; transition: 0.4s width linear, background-color 0.4s linear;}
.t1-swiper--bullet::before{-webkit-transition: 0.4s width linear; transition: 0.4s width linear;}
.t1-swiper--bullet{margin: 0 0.04rem; position: relative; display: block; width: 0.08rem; height: 0.08rem; background-color: rgba(0,0,0,0.3); border: none; outline: 0; box-shadow: none; -webkit-appearance: none; appearance: none;}
.t1-swiper--bullet::before{position: absolute; top: 0; right: 0; display: block; content: ""; width: 0; height: 100%; background-color: rgba(255,255,255,1); -webkit-transform: scale(0.7); transform: scale(0.7);}
.glide__bullet--active.t1-swiper--bullet{width: 0.24rem; background-color: var(--white-0);}
.glide__bullet--active.t1-swiper--bullet::before{right: auto; left: 0; width: 100%;}

.r1-event--list{-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.r1-event--item{margin-top: 0.15rem; margin-bottom: 0.15rem; position: relative; display: block; padding: 0.2rem 0.25rem 0.1rem 0.75rem; background-color: var(--color-white); border-radius: var(--radius); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%;}
.r1-event--item:active{-webkit-transform: perspective(10rem) rotateX(5deg); transform: perspective(10rem) rotateX(5deg);}
.r1-event--serial{position: absolute; top: 0.3rem; left: 0.2rem; display: -webkit-inline-flex; display: inline-flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 1px 0.02rem; min-width: 0.32rem; height: 0.32rem; line-height: 1.1; font-size: 0.26rem; color: var(--color-white); background-color: var(--color-primary); border-radius: 0.16rem;}
.r1-event--head,
.r1-event--text{margin-top: 0.1rem; margin-bottom: 0.08rem;}
.r1-event--head{display: -webkit-box; display: flex;}
.r1-event--name{-webkit-box-flex: 1; flex: 1; min-width: 0; line-height: 0.35rem; font-size: 0.3rem; color: var(--color-black-2);}
.r1-event--tag{margin-left: 0.5rem; min-width: 6.5em;}
.r1-event--text{font-size: 0.24rem; color: var(--color-black-6);}
.r1-event--tags{margin-top: 0.2rem; margin-bottom: 0.2rem;}

.c1-result{margin-top: 0.2rem; margin-bottom: 0.2rem; display: block; text-align: center; padding: 0.2rem; background-image: -webkit-linear-gradient(-90deg, #e2f4ff, #f5fbff); background-image: linear-gradient(180deg, #e2f4ff, #f5fbff); border-radius: var(--radius);}
.c1-result--data{font-size: 0.34rem; color: var(--color-black-3);}
.c1-result--text{font-size: 0.28rem; color: var(--color-black-3);}

.c1-notice{margin-top: 10vh; margin-bottom: 0.3rem; text-align: center; font-size: 0.26rem; color: var(--color-black-8);}
.c1-notice--image-170{height: 1.7rem;}


.j1-member,
.j1-member--cover{background-position: 50% 100%; background-repeat: no-repeat; background-size: 9rem 9rem;}
.j1-member{
  --end-color: #85ade9;
  position: relative; height: 3rem; background-image: -webkit-radial-gradient(50% 0, circle farthest-side, #abc6f0 66.6666%, var(--end-color) 100%); background-image: radial-gradient(circle farthest-side at 50% 0, #abc6f0 66.6666%, var(--end-color) 100%); box-shadow: 0 0.04rem 0 rgba(255,255,255,0.3) inset;}
.j1-member--cover{position: relative; z-index: 3; display: block; padding-top: 1.9rem; height: 100%; background-image: -webkit-radial-gradient(50% 0, circle farthest-side, rgba(255,255,255,0) 0, rgba(255,255,255,0) 81%, rgb(163, 193, 238, 0.4) 83.8%, #fff 84%, #fff calc(84% + 0.04rem), #a3c1ee calc(84.2% + 0.05rem), var(--end-color) 100%); background-image: radial-gradient(circle farthest-side at 50% 0, rgba(255,255,255,0) 0, rgba(255,255,255,0) 81%, rgb(163, 193, 238, 0.4) 83.8%, #fff 84%, #fff calc(84% + 0.04rem), #a3c1ee calc(84.2% + 0.05rem), var(--end-color) 100%); border-radius: var(--radius);}
.j1-member--letter{position: absolute; left: 0.25rem; right: 0.25rem; bottom: 1rem; text-align: center; padding: 1rem var(--main-gap) 0.1px; height: 3rem; font-size: 0.34rem; color: var(--color-black-3); background-color: var(--color-white); border-radius: var(--radius);}
.show.c-modal .j1-member--letter{-webkit-animation: j1-member-letter 0.8s linear; animation: j1-member-letter 0.8s linear;}
@-webkit-keyframes j1-member-letter {
  0%{-webkit-transform: translateY(0.9rem); transform: translateY(0.9rem);}
  100%{-webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes j1-member-letter {
  0%{transform: translateY(0.9rem);}
  100%{transform: translateY(0);}
}
.j1-member--icon{position: absolute; top: -0.5rem; left: 50%; margin-left: -0.9rem; display: block; width: 1.8rem; height: 1.5rem; background-image: url(../images/common/join-member.png); background-size: cover;}
.j1-member--action{padding-left: var(--main-gap); padding-right: var(--main-gap);}
.j1-member--action-button{margin-left: 5%; margin-right: 5%; min-width: 40%;}

.l1-dot-news--item{margin-top: 0.25rem; margin-bottom: 0.25rem; position: relative; padding-left: 0.3rem; line-height: 0.4rem; font-size: 0.28rem; color: var(--color-black-3);}
.l1-dot-news--item::before{position: absolute; left: 0; top: 0.14rem; display: block; content: ""; width: 0.14rem; height: 0.14rem; background-image: -webkit-linear-gradient(0deg, #64afff, #cee5ff); background-image: linear-gradient(90deg, #64afff, #cee5ff); border-radius: 50%;}
.l1-dot-news--link,
.l1-dot-news--link:visited{color: var(--color-black-3);}
.l1-dot-news--item:active,
.l1-dot-news--link:active{color: var(--color-black-3-a6);}

.x3-rights--list{display: -webkit-box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.x3-rights--item{margin-top: 0.25rem; display: block; text-align: center; padding: 0 0.05rem; width: 33.3333%;}
.x3-rights--item:nth-of-type(1),
.x3-rights--item:nth-of-type(2),
.x3-rights--item:nth-of-type(3){margin-top: 0;}
.x3-rights--image{margin: 0 auto 0.1rem; display: block; height: 0.9rem;}
.x3-rights--name,
.x3-rights--text{display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; height: 0.4rem; line-height: 0.4rem;}
.x3-rights--name{font-size: 0.28rem; color: rgba(51,51,51,0.5);}
.x3-rights--text{font-size: 0.26rem; color: rgba(102,102,102,0.5);}
.active.x3-rights--name{color: rgba(51,51,51,1);}
.active.x3-rights--text{color: rgba(102,102,102,1);}

.c1-package{margin-top: 0.6rem; display: block; text-align: center; padding: 0 var(--main-gap); border-bottom: 1px solid #f2f2f2;}
.c1-package--price{margin-bottom: 0.6rem; line-height: 1; font-size: 0.46rem; color: var(--color-black-0);}
.c1-package--price-value{margin-left: 0.05rem; font-size: 0.8rem;}
.c1-package--detail{margin-top: 0.3rem; margin-bottom: 0.3rem; display: -webkit-box; display: flex; text-align: left; line-height: 0.4rem;}
.c1-package--detail-dt{-webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.26rem; color: var(--color-black-6);}
.c1-package--detail-dd{margin-left: 0.2rem; font-size: 0.32rem; color: var(--color-black-3);}
.t1-payway{padding: 0 var(--main-gap);}
.t1-payway--item{margin-top: 0.5rem; margin-bottom: 0.5rem; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center;}
.t1-payway--image{margin-right: 0.3rem; display: block; height: 0.6rem;}
.t1-payway--name{-webkit-box-flex: 1; flex: 1; min-width: 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-size: 0.3rem; color: var(--color-black-0);}
.t1-payway--radio,
.t1-payway--item::after{margin-left: 0.3rem; font-size: 0.46rem; color: #ccc;}
.icon-radio_checked.t1-payway--radio,
 


/*bottom*/
.tabbar-wrap,
.tabbar{height: var(--tabbar-height); height: calc(var(--tabbar-height) + constant(safe-area-inset-bottom)); height: calc(var(--tabbar-height) + env(safe-area-inset-bottom));}
.tabbar{position: fixed; z-index: 13; bottom: 0; left: 0; right: 0; padding-bottom: calc(0px + constant(safe-area-inset-bottom)); padding-bottom: calc(0px + env(safe-area-inset-bottom)); display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; font-size: 0.22rem; color: var(--color-black-3); background-color: var(--color-white); box-shadow: 0 1px 0 0 rgba(230, 230, 230, 0.2) inset;}
.tabbar-item{position: relative; display: block; -webkit-box-flex: 1; flex: 1; min-width: 0; text-align: center;	padding-top: 0.15rem; height: var(--tabbar-height); color: var(--color-black-3);}
.tabbar-item::before{margin: 0 auto 0.03rem; display: block; content: ""; width: 1em; height: 1em; font-size: 0.5rem; background-image: url(../images/common/tabbar.png); background-repeat: no-repeat; background-size: 2em auto; background-position-x: 0;}
.on.tabbar-item::before{background-position-x: -1em;}
.tabbar-item:visited{color: var(--color-black-3);}
.tabbar-item:active{background-color: var(--main-bg-active);}
.on.tabbar-item{-webkit-animation: tabbar .15s linear; animation: tabbar .15s linear;}
@-webkit-keyframes tabbar{0%{-webkit-transform: scale(.5);}to{-webkit-transform: scale(1);}}
@keyframes tabbar{0%{transform: scale(.5);}to{transform: scale(1);}}
.group.tabbar-item::before{background-position-y: 0;}
.data.tabbar-item::before{background-position-y: -1em;}
.choose.tabbar-item::before{background-position-y: -2em;}
.dispense.tabbar-item::before{background-position-y: -3em;}











/*c-modal*/
.c-modal{position: fixed; left: 0; right: 0; top: 0; bottom: 0; width: auto; height: auto; display: none;}
.show.c-modal{display: block; z-index: 100;}
.c-modal .mask{opacity: 1; visibility: visible;}


.j1-member{position: absolute; top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); z-index: 5; display: block; padding-top: 0.1px; padding-bottom: 0.1px; width: 5.4rem; max-width: 90%; color: var(--color-black-3); border-radius: var(--radius); -webkit-animation: c-modal-slide-down ease 0.3s forwards; animation: c-modal-slide-down ease 0.3s forwards;}
.show.c-modal .j1-member{-webkit-animation: c-modal-slide-up ease 0.3s forwards; animation: c-modal-slide-up ease 0.3s forwards;}
@-webkit-keyframes c-modal-slide-up{
  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 c-modal-slide-up{
  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 c-modal-slide-down{
  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 c-modal-slide-down{
  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 c-modal*/








/*bpop*/
.b-modal{position: fixed; top: 100%; left: 0; width: 100%; height: 0; z-index: 99; visibility: hidden; overflow: hidden; transform: scale(1); -webkit-transform: scale(1);}
.show.b-modal{top: 0; height: 100%; visibility: visible;}
.show.b-modal .mask{opacity: 1; visibility: visible;}

.b-modal--container{position: absolute; left: 0; bottom: 0; display: block; padding: 0.1px var(--main-gap); padding-bottom: calc(0.1px + constant(safe-area-inset-bottom)); padding-bottom: calc(0.1px + env(safe-area-inset-bottom)); width: 100%; background-color: var(--color-white); border-radius: var(--main-gap) var(--main-gap) 0 0; -webkit-transform: translateY(100%); transform: translateY(100%); backface-visibility: hidden; -webkit-transition: -webkit-transform .3s 0s; transition: transform .3s 0s;}
.show.b-modal .b-modal--container{transform: translateY(0); -webkit-transform: translateY(0); z-index: 111;}

.b-modal--body{max-height: 80vh; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;}

.t1-modal-close-button{position: absolute; z-index: 3; top: 0; right: 0; display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; width: 1rem; height: 1rem; font-size: 0.6rem; color: #b3b3b3;}


/*end bpop*/












/*btn*/
.t1-sticky-bottom{margin-top: 0.3rem; margin-bottom: 0.3rem; position: -webkit-sticky; position: sticky; z-index: 14; bottom: 0.3rem; bottom: calc(0.3rem + constant(safe-area-inset-bottom)); bottom: calc(0.3rem + env(safe-area-inset-bottom));}
.t1-action{display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-justify-content: center; justify-content: center;}

.large-button,
.large-thin-button,
.t1-action--button,
.middle-l-button{-webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; padding: 1px 0.2rem; line-height: 1.1; border-radius: 0.06rem; border: none; outline: 0; -webkit-appearance: none; appearance: none; cursor: pointer; -webkit-transition: 0.3s; transition: 0.3s;}

.large-button,
.large-thin-button,
.t1-action--button{display: -webkit-box; display: flex;}
.middle-l-button{display: -webkit-inline-flex; display: inline-flex;}

.large-button{width: 100%; height: 1rem; font-size: 0.3rem;}
.radius.large-button{padding-left: 0.5rem; padding-right: 0.5rem; border-radius: 0.5rem;}
.large-thin-button{width: 100%; height: 0.9rem; font-size: 0.3rem;}
.radius.large-thin-button{padding-left: 0.45rem; padding-right: 0.45rem; border-radius: 0.45rem;}
.t1-action--button{-webkit-box-flex: 1; flex: 1; min-width: 0; height: 1rem; font-size: 0.3rem; border-radius: 0;}
.middle-l-button{height: 0.76rem; font-size: 0.28rem;}


.primary-button:not(.plain){color: var(--color-white); background-color: var(--color-primary);}
.primary-button:not(.plain):visited{color: var(--color-white);}
.primary-button:not(.plain):not(:disabled):active{color: var(--color-white-a6); background-color: var(--color-primary-a6);}
.plain.primary-button{color: var(--color-black-8); background-color: var(--color-white-a0); border: 0.01rem solid var(--color-black-8);}
.plain.primary-button:visited{color: var(--color-black-8);}
.plain.primary-button:not(:disabled):active{color: var(--color-black-8-a6); background-color: var(--main-bg-active);}

.secondary-button:not(.plain){color: var(--color-black-3); background-color: var(--main-bg-color);}
.secondary-button:not(.plain):visited{color: var(--color-black-3);}
.secondary-button:not(.plain):not(:disabled):active{color: var(--color-black-3-a6); background-color: var(--secondary-bg-color);}

.thirdly-button:not(.plain){color: var(--color-white); background-color: var(--color-primary); background-image: -webkit-linear-gradient(135deg, #166aff, #156cff 30%, #237eff 30.5%, #127aff); background-image: linear-gradient(-45deg, #166aff, #156cff 30%, #237eff 25.5%, #127aff);}
.thirdly-button:not(.plain):visited{color: var(--color-white);}
.thirdly-button:not(.plain):not(:disabled):active{color: var(--color-white-a6);}

.fourth-button:not(.plain){color: var(--color-white); background-color: var(--color-primary); background-image: -webkit-linear-gradient(0deg, #127aff, #1669ff); background-image: linear-gradient(90deg, #127aff, #1669ff);}
.fourth-button:not(.plain):visited{color: var(--color-white);}
.fourth-button:not(.plain):not(:disabled):active{color: var(--color-white-a6);}

.default-button:not(.plain){color: var(--color-black-6); background-color: var(--secondary-bg-color);}
.default-button:not(.plain):visited{color: var(--color-black-6);}
.default-button:not(.plain):not(:disabled):active{color: var(--color-black-6-a6);}



/* maring\padding */
.padding-bottom-safe-area{padding-bottom: calc(0px + constant(safe-area-inset-bottom)); padding-bottom: calc(0px + env(safe-area-inset-bottom));}
.padding-bottom-safe-area-1{padding-bottom: calc(0.1px + constant(safe-area-inset-bottom)); padding-bottom: calc(0.1px + env(safe-area-inset-bottom));}


/*font*/
.fz26{font-size: 0.26rem;}
.fz36{font-size: 0.36rem;}
.fz40{font-size: 0.4rem;}
.fz44{font-size: 0.44rem;}
.fz50{font-size: 0.5rem;}

.fw600{font-weight: 600;}
.line-through{text-decoration: line-through;}

/*color*/
.white-color, .white-color:visited{color: var(--color-white);}
.white-color:active{color: var(--color-white-a6);}
.warn-color, .warn-color:visited{color: var(--color-red);}
.warn-color:active{color: rgba(var(--color-red-rgb),0.6);}