:root {
	/* 网站主背景色*/
	--main-bg:#181a20;
	/* 网站背景渐变色*/
	--main-bg-linear: linear-gradient(180deg, #181a20 0%, #181a20 100%);
	
	/* vip背景 */
	--vipBg:linear-gradient(180deg, #f6d365 0%, #F0B90B 100%);
	/* 网站区块渐变色*/
	--block-bg-linear: linear-gradient(-225deg, #a89be6 0%, #4eaed7 51%, #30d2be 100%);
	/* 网站区块渐变色*/
	--block-bg-linear1: linear-gradient(to right, #243949 0%, #517fa4 100%);
	/* 网站区块渐变色*/
	--block-bg-linear2: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #2cacd1 65%, #35eb93 100%);
	/* 网站区块渐变色*/
	--block-bg-linear3: linear-gradient(-225deg, #ac32e4 0%, #7918f2 48%, #4801ff 100%);
	/* 弹窗背景 */
	--alertStyle:linear-gradient(180deg, #272e30 0%, #272e30 100%);
	
	/* 网站主文字色 */
	--main-text: #FFFFFF;
	--main-text2:#555;
	--main-text3:#aaa;
	/* 网站选中文字色 */
	--main-text-on: #F0B90B;
	/* 网站文字浅色 */
	--main-text-gray: #848E9C;
	/* 吸顶网站名称背景 */
	--main-fixed:#0c1114;
	/* 网站名称颜色 */
	--main-name:#ffffff;
	/* 功能分块背景 */
	--block-bg:#1e2329;	
	/* 功能分块圆角大小 */
	--block-radius:10px;
					  
	/* 功能边框色 */
	--block-border:#2b3139;
	--block-border-grey:#585A5D;
	--block-border-grey2:#585A5D;
	--block-border-on:#f0b90b;
	--small-bg:#fff;

	/* 底部菜单背景 */
	--menu-bg:#272e30;
	--menu-text:#999;   /* 底部菜单文字色 */
	--menu-text-on:#FCD535;/* 底部菜单文字选中色 */

	/* 按钮背景色 */
	--btn-bg:rgba(255, 255, 255, .19);  /* 按钮背景色 */
	--btn-bg2:#F0B90B;    /* 提交按钮背景色 */	
	--btn-bg3:#000;    /* 提交按钮背景色 */
	--btn-bg4:rgba(255, 255, 255, .19);    /* 功能分块透明背景 */
	--btn-bg5: rgba(255, 255, 255, .19);
	
	--btn-bg-on:#000;    /* 功能按钮背景色 */
	/* 立体图标按钮 */
	--bg-card:linear-gradient(180deg, rgba(255, 255, 255, .3) 0%, rgba(255, 255, 255, .12) 100%);
	
	--active-text:#F0B90B;      /* 文字加深 */

	/* 输入框背景 */
	--bg-input: #111;
	--bg-input-border: #474D57;

	
}

/* px转rem  像素值x0.017 */
/* 如果背景需要background-image: url(../../static/img/kefu.jpg); */
body{
	height: 100vh !important;
	overflow-y: auto;
	background: var(--main-bg-linear) !important;
	background-color: var(--main-bg) !important;
	background-repeat: no-repeat !important;
}
uni-page-body{
	max-width: 640px;
	margin: auto;
	color:var(--main-text) !important;
	min-height: 100vh;
	font-size: 0.22rem;
}
.Arbitrage .postBtn{border-radius: 0.1rem;}
/* 英文数字自动换行 */
.word{word-wrap: break-word;word-break: break-all;}
/* flex容器空间不足时候,不压缩 */
.flexShrink{flex-shrink:0}	
/* 阿拉伯语向右对齐 */
.right_rtl{direction: rtl;}	
/* 初始化 */
*{box-sizing: border-box;}
a{text-decoration: none;}
.logo{width: 0.51rem;height: 0.51rem; margin-right: 0.17rem; display: flex; align-items: center;}
.webname{color: var(--main-name);}
.z1{z-index: 1;}
.z100{z-index: 100;}
.z199{z-index: 199;}
.z1001{z-index: 1001;}
.z10000{z-index: 10000;}
.maxW{max-width: 640px;}
.hidden{overflow: hidden;}
.cur{color: var(--main-text-on) !important;}
.opacity0{opacity: 0;}
.opacity1{opacity: 1;}
.opacity4{opacity:0.4}
.none{display: none;}
.block{display: block;}

.mine-rise{color: #0ecb81;}
.mine-fall{color: #f6475c;}
.mine-riseBg{background: #0ecb81;}
.mine-fallBg{background: #f6475c;}

/* 向上小三角箭头 */
.langUp::before{content: "";  display: block;  position: absolute; right: 0.374rem; top: -0.119rem; width: 0;height: 0;border-color: transparent; border-style:solid;border-width: 0.17rem; border-top-width: 0; border-bottom-color: #fff;}

.langUp2::before{content: "";  display: block;  position: absolute; right: 0.1rem; top: -0.119rem; width: 0;height: 0;border-color: transparent; border-style:solid;border-width: 0.17rem; border-top-width: 0; border-bottom-color: #000;}

.newUTcont {display: flex;flex-direction: column;}
.newAppCont{flex: 1; overflow-y: auto; padding: 0 0 15px;}
/* 已售空 */
.Soldout{position: absolute;top: 50%;left: 50%;border: 2px solid #f00; color: #f00;font-weight: bold; border-radius: 0.085rem;padding: 0.034rem 0.085rem;font-size: 28rpx;transform: rotate(-25deg) translate(-50%,-50%);transform-origin: 0 0;white-space:nowrap;min-width: 1.25rem;text-align: center;}  
.loginTab .current{background-color:var(--block-border-on);color: #333}
.head-tabs .current{background-color:var(--btn-bg2);color: #000}
/* 语言选择 */
.lang-content .ul{}
.lang-content .ul .li.active{color: var(--main-text-on);}
/* 占行 */
.hclear50{height: 0.85rem; width: 100%; clear: both; overflow: hidden;}
/* 占行 */
.h100{height: 60px; width: 100%; clear: both; overflow: hidden;}
.h1lg{height: 1px;background: var(--block-border);width: 90%;margin: 0 5%;}
.h1br{height: 1px;width:100%;background-color: var(--block-border);}

.grid2{display: grid;grid-template-columns: repeat(2, 1fr);grid-auto-flow: row dense; row-gap: 0.255rem;-webkit-column-gap: 0.255rem;column-gap: 0.255rem;}
.grid3{display: grid;grid-template-columns: repeat(3, 1fr);grid-auto-flow: row dense; row-gap: 0.255rem;-webkit-column-gap: 0.255rem;column-gap: 0.255rem;}
.grid4{display: grid;grid-template-columns: repeat(4, 1fr);grid-auto-flow: row dense; row-gap: 0.255rem;-webkit-column-gap: 0.255rem;column-gap: 0.255rem;}
.grid5{display: grid;grid-template-columns: repeat(5, 1fr);grid-auto-flow: row dense; row-gap: 0.155rem;-webkit-column-gap: 0.155rem;column-gap: 0.155rem;}

.transfer{left: 50%;transform: translateX(-50%);}

/* 顶部背景色 */
.top_bg{background:var(--main-fixed)} 
/* 透明背景 */

.t_bg{background:rgba(0, 0, 0, 0.1);}
.t_bg1{background:rgba(0, 0, 0, 0);} /* 全透明背景*/
.t_bg2{background:rgba(0, 0, 0, 0.5);}
.t_bg3{background: rgba(255,255,255,.4);}
/* 渐变背景 */
.blockImage{background: var(--block-bg-linear);}

.bodyBg{background: var(--main-bg-linear);}
/* 小块背景 */
.small_bg{background:var(--small-bg)}  /*白色背景*/

/* 按钮背景 */
.btn_bg{background:var(--btn-bg)}
.btn_bg2{background:var(--btn-bg2);color: #000;}
.btn_bg3{background:var(--btn-bg3)}
.btn_bg4{background:var(--btn-bg4) !important}
.btn_bg5{background: var(--btn-bg5);color: var(--main-text-on);}
.bg-card{background: var(--bg-card);}
.blackBg{background: #000 !important;}


/* 边框样式 */
.border{border: 1px solid var(--block-border);}
.border2{border: 1px solid var(--block-border-grey);}
.border3{border: 1px solid var(--block-border-on);}
.borderT{border-top: 1px solid var(--block-border-grey2);}
.borderT2{border-top: 1px solid var(--block-border);}
.borderB{border-bottom: 1px solid var(--block-border-grey);}
.borderB2{border-bottom: 1px solid var(--block-border-grey2);}
.borderL{border-left: 1px solid var(--block-border-grey);}
.borderR{border-right: 1px solid var(--block-border-grey);}

/* 分块背景样式 */
.borderstyle{background: var(--block-bg) !important;border-radius: var(--block-radius) !important;border: 1px solid var(--block-border);}
.blockBg1{background: var(--block-bg-linear1);}
.blockBg2{background: var(--block-bg-linear2);}
.blockBg3{background: var(--block-bg-linear3);}
.vipBg{background:var(--vipBg);color: #000;}
/* 输入框样式 */
.inputstyle{background: var(--bg-input);border: 1px solid var(--bg-input-border);border-radius: 0.17rem;}
.inputstyle:focus-within{border:1px solid var(--block-border-on)}
/* 默认输入框提示语颜色 */
.uni-input-placeholder {color: #777 !important;font-size: 0.26rem;}
/* 输入框提示语颜色 */
.placeholderStyle{color: #888 !important;}
/* 弹窗样式 */
.alertStyle{background: var(--alertStyle);border: 1px solid var(--bg-input-border);}

/* 文字超出隐藏... */
.textHidden{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* 文字超出2行隐藏... */
.textHidden2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/* 文字中横杠 */
.lineThrough{text-decoration:line-through}
/* 文字下划线 */
.underline{text-decoration:underline}

/* 可以横向滚动的区域 */
.scroll{display: flex; width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-y: hidden; position: relative;z-index: 1;}

/* 轮盘游戏样式 */
.turnBg{background: rgba(255, 255, 255, .19);}
.turnBox{background: #fff;}
.turnBorder{border: 1px solid #41CEB2;}
.turnText{color: #333;}

/* 圆角 */
.rd5{border-radius: 0.085rem;}
.rd7{border-radius: 0.119rem;}
.rd10{border-radius: 0.17rem;}
.rd15{border-radius: 0.255rem;}
.rd20{border-radius: 0.34rem;}
.rd30{border-radius: 0.51rem;}
.rd40{border-radius: 0.68rem;}
.rd50{border-radius: 50%;}
.rd_rb{border-radius:0 0 var(--block-radius) 0;}
.rd_lb{border-radius:0 0 0 var(--block-radius);}

/* 字体大小 */
.s12{font-size: 0.2rem !important;}
.s13{font-size: 0.22rem !important;}
.s14{font-size: 0.24rem !important;}
.s15{font-size: 0.255rem !important;}
.s16{font-size: 0.272rem !important;}
.s18{font-size: 0.3rem !important;}
.s20{font-size: 0.34rem !important;}
.s25{font-size: 0.425rem !important;}
.s30{font-size: 0.51rem !important;}
.s40{font-size: 0.68rem !important;}
.s50{font-size: 0.85rem !important;}

.fs16{font-size: 0.272rem !important;}
.fs20{font-size: 0.34rem !important;}
.fs28{font-size: 0.476rem !important;}
.fs30{font-size: 0.51rem !important;}


.bold{font-weight: bold;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}

/* 字体颜色 */
.c1{color: var(--main-text);}       /* 默认 */
.c2{color: var(--main-text-on);}    /* 文字加深 */
.c3{color: var(--main-text-gray);}  /* 灰色 */
.c4{color: var(--main-text2)}   /* #555 */
.c5{color: var(--active-text);}  /*文字加深*/
.c6{color: var(--main-text3);}  /* #aaa*/
.c7{color: #000;}  /* 黑色*/
.c8{color:#fff} /* 白色*/
/* .c8{color: #f00;} */
.red{color: #f6465d;}
.green{color: #0ecb81;}
.yellow{color: #f5b041;}

/* 弹性布局flex */
.flex{display: flex;}
.flexInline{display:inline-flex}
.f1{flex: 1;}
.fCol{flex-direction: column;}
.flexCenter{display: flex;align-items: center;justify-content: center;}
.flexAc{align-items:center}
.flexAe{align-items:flex-end}
.flexJc{justify-content:center}
.flexJsb{justify-content: space-between;}
.flexJsa{justify-content: space-around;}
.flexJse{justify-content: flex-end;}
.flexWrap{flex-wrap:wrap}


/* 定位 */
.pF{position: fixed;}
.pF0{position: fixed;left: 0;top: 0;right: 0;bottom: 0;}
.pA{position: absolute;}
.pR{position: relative;}
.pS{position: sticky;}
.t0{top:0;}
.t10{top:0.17rem}
.t20{top:0.34rem}
.t30{top:0.51rem}
.t40{top:0.68rem}
.t55{top: 0.935rem;}
.t110{top: 1.87rem;}
.t60b{top:60%}
.t70b{top:70%}
.l0{left:0;}
.l10{left:0.17rem;}
.r0{right:0;}
.r5{right:0.085rem;}
.r10{right:0.17rem;}
.r50{right: 0.85rem;}
.b0{bottom:0;}
.b10{bottom:0.17rem;}

/* 宽高度 */
.h01{height: 0.5px;}
.h03{height: 3px;}
.h04{height: 4px;}
.h16{height: 0.272rem;}
.h18{height: 0.306rem;}
.h20{height: 0.34rem;}
.h25{height: 0.425rem;}
.h30{height: 0.51rem;}
.h34{height: 0.578rem;}
.h40{height: 0.68rem;}
.h45{height: 0.765rem;}
.h50{height:0.85rem;} 
.h60{height:1.02rem;} 
.h70{height:1.19rem;} 
.h80{height: 1.36rem;}
.h90{height: 1.53rem;}
.h125{height: 2.125rem;}
.h200{height: 3.4rem;}
.h250{height: 4.25rem;}
.hg100{height: 1.7rem;}
.lh1{ line-height: 1;}
.lh34{ line-height: 0.578rem;}
.h50{height:0.85rem;}  
.w20{width:0.34rem;} 
.w25{width:0.425rem;} 
.w30{width:0.51rem;} 
.w34{width: 0.578rem;}
.w40{width:0.68rem;} 
.w50{width:0.85rem;} 
.w60{width:1.02rem;} 
.w70{width:1.19rem;} 
.w80{width: 1.36rem;}
.w90{width: 1.53rem;}
.w100{width: 1.7rem;}
.w125{width: 2.125rem;}
.w200{width: 3.4rem;}
.w250{width: 4.25rem;}
.w22b{width: 22%;}
.w25b{width: 25%;}
.w33b{width: 33%;}
.w80b{width: 80%; max-width: 640px;}
.w90b{width: 90%; max-width: 640px;}
.w100b{width: 100%;}
.h100b{height: 100%;}
.minh150{min-height: 2.55rem;}
.minw80{min-width: 1.36rem;}
.maxw80{max-width: 1.36rem;}
.maxw90{max-width: 1.53rem;}
.maxw100{max-width: 1.7rem;}
.maxw100b{max-width: 100%;}
.maxh90{max-height: 1.53rem;}
.maxh100{max-height: 1.7rem;}
.maxh100b{max-height: 100%;}
.minh30vh{min-height: 30vh;}
.minh50vh{min-height: 50vh;}
.maxh50b{max-height: 50vh;overflow-x: hidden;overflow-y: auto;}
.maxh80b{max-height: 80vh;overflow-x: hidden;overflow-y: auto;}
/* 外边距 */
.marA{margin: auto;}
.mt5{margin-top:  0.085rem;}
.mt10{margin-top: 0.17rem;}
.mt15{margin-top: 0.255rem;}
.mt20{margin-top: 0.34rem;}
.mt25{margin-top: 0.425rem;}
.mt30{margin-top: 0.51rem;}
.mt40{margin-top: 0.68rem;}
.mt50{margin-top: 0.85rem;}
.mt60{margin-top: 1.02rem;}
.mt70{margin-top: 1.19rem;}
.mt80{margin-top: 1.36rem;}
.mr5{margin-right: 0.085rem;}
.mr10{margin-right: 0.17rem;}
.mr15{margin-right: 0.255rem;}
.mr20{margin-right: 0.34rem;}
.mr30{margin-right: 0.51rem;}
.mr40{margin-right: 0.68rem;}
.mr50{margin-right: 0.85rem;}
.mr60{margin-right: 1.02rem;}
.mb10{margin-bottom: 0.17rem;}
.mb15{margin-bottom: 0.255rem;}
.mb20{margin-bottom: 0.34rem;}
.ml3{margin-left: 0.051rem;}
.ml5{margin-left: 0.085rem;}
.ml10{margin-left: 0.17rem;}
.ml15{margin-left: 0.255rem;}
.ml20{margin-left: 0.34rem;}
.ml30{margin-left: 0.51rem;}
.ml40{margin-left: 0.68rem;}
.ml50{margin-left: 0.85rem;}
.ml60{margin-left: 1.02rem;}
.ml70{margin-left: 1.19rem;}
.ml80{margin-left: 1.36rem;}

/* 内边距 */
.pd5{padding: 0.085rem;}
.pd7{padding: 0.119rem;}
.pd10{padding: 0.17rem;}
.pd15{padding: 0.255rem;}
.pd20{padding: 0.34rem;}
.pd25{padding: 0.425rem;}
.pd30{padding: 0.51rem;}
.pt5{padding-top: 0.085rem;}	
.pt10{padding-top: 0.17rem;}	
.pt15{padding-top: 0.255rem;}
.pt20{padding-top: 0.34rem;}
.pt30{padding-top: 0.51rem;}
.pr5{padding-right: 0.085rem;}
.pr10{padding-right: 0.17rem;}
.pr15{padding-right: 0.255rem;}
.pr20{padding-right: 0.34rem;}	
.pr30{padding-right: 0.51rem;}	
.pr35{padding-right: 0.595rem;}	
.pb5{padding-bottom: 0.085rem;}	
.pb10{padding-bottom: 0.17rem;}	
.pb15{padding-bottom: 0.255rem;}
.pb20{padding-bottom: 0.34rem;}	
.pb30{padding-bottom: 0.51rem;}	
.pl5{padding-left: 0.085rem;}	
.pl10{padding-left: 0.17rem;}	
.pl14{padding-left: 0.238rem;}	
.pl15{padding-left: 0.255rem;}	
.pl20{padding-left: 0.34rem;}	
.pl30{padding-left: 0.51rem;}	
.pl35{padding-left: 0.595rem;}