*{outline:0;margin:0;padding:0;box-sizing: border-box; user-select: none;}
img,a img,a:hover img{ border:0; }
i,em{font-style:normal}
ol,ul,dl,li,dt,dd{list-style:none;}
:focus{outline:0;}
a{color:#ffffff;text-decoration:none; }
a:active ,a:hover{color:#008bff;text-decoration:none;}
a,a:active,.btn,.more{ transition:all 300ms ease; appearance:none;}
iframe { border:0;}
input,textarea,select { color: #ffffff; font-size: 30rem;}
::-webkit-input-placeholder { color:#999999; }

.clearfix:after { display: block; content: ''; clear: both;}

@font-face{
  font-family:'DIN';
  src:url('fonts/DIN-Bold.ttf') format('truetype');
}

.red { color: #f75d5d !important;}
.green { color: #02b36d !important;}
.green2 { color: #00c621 !important;}
.grey { color: #bbbbbb !important;}
.blue { color: #008bff !important;}

.fl { float: left;}
.fr { float: right;}
.w20 { width: 20%;}
.w30 { width: 30%;}
.w40 { width: 40%;}
.w50 { width: 50%;}
.w60 { width: 60%;}
.w66 { width: 66.66%;}
.w33 { width: 33.33%;}

.tit_small { font-size: 36rem; }
.text_con{ padding: 15rem 0; color: #bbbbbb;}
.text_con_r{ text-align: right;}

.mb10 { margin-bottom: 10rem;}
.mb20 { margin-bottom: 20rem;}
.mb30 { margin-bottom: 30rem;}
.mt10 { margin-top: 10rem;}
.mt20 { margin-top: 20rem;}
.mt30 { margin-top: 30rem;}

.pb10 { padding-bottom: 10rem;}
.pb20 { padding-bottom: 20rem;}
.pb30 { padding-bottom: 30rem;}
.pt20 { padding-top: 20rem;}
.pt30 { padding-top: 30rem;}
.pt40 { padding-top: 40rem;}
.pt50 { padding-top: 50rem;}
.pt60 { padding-top: 60rem;}

html { font-size: calc(100vw/750); }
body{ color:#ffffff; background-color: #fff !important; font-size: 30rem; line-height: 1.5; font-family: Helvetica; background-attachment: fixed !important; }

.mainbg { color:#000; }
/*.indexbg { background: url(/static/img/index/bg.jpg) center bottom no-repeat; background-size: 100% auto; }*/
/*.indexbg {  background-size: 100% auto; }*/
/*.loginbg { background: url(/static/img/login/bg.jpg) center bottom no-repeat; background-size: 100% auto; }*/
.indexbg { color:#000; }
.wealthbg { background: url(/static/img/wealth/bg.jpg) center top no-repeat; background-size: 100% auto; }
.assetbg { background: url(/static/img/asset/bg.jpg) center top no-repeat; background-size: 100% auto; }
.successbg { background: url(/static/img/asset/sbg.jpg) center top no-repeat; background-size: 100% auto; }
.articlebg { background: url(/static/img/article/bg.jpg) center top no-repeat; background-size: 100% auto; }
.tradebg { background: url(/static/img/trade/bg.jpg) center top no-repeat; background-size: 100% auto; }
/*.minebg { background: url(/static/img/mine/bg.jpg) center top no-repeat; background-size: 100% auto; }*/
.minebg { background-size: 100% auto; }
.downbg { background: url(/static/img/down/bg.jpg) center center no-repeat; background-size: 100% auto; }

.wrap{ padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}

.header { height: 100rem; }
.topbox { position: relative; line-height: 100rem; height: 100rem; z-index: 99999;}
.topbox .tit { text-align: center; font-size: 36rem; font-weight: normal;}
.topbox .back { position: absolute; left: 10px; top:10px; width: 25px; height:25px; background: url(/static/img/back.png) center center no-repeat; background-size: 88rem auto;}
.topbox .right { display: block; position: absolute; right: 0; top:20rem; padding: 0 30rem; line-height: 60rem; color: #bbbbbb;}

.absolute_header { height: 0;}
.absolute_header .topbox { position: absolute; left: 0; right: 0; top: 0;}

.has_header { height: 100rem;}

.mainer { padding-bottom: 30rem;}
.mainbox { padding: 0 30rem;}

.top_main { padding: 100rem 30rem 30rem 30rem; background: url(/static/img/topbg.png) center bottom no-repeat; background-size: 100% auto; z-index: 900;}

.index_nav { margin: 0 -10rem; }
.index_nav .item { float: left; width: 50%; padding: 0 10rem; }
.index_nav .item a { display: block; position: relative; padding-top: 100%; color: #ffffff; background-position: center top !important; background-repeat: no-repeat !important; background-size: 100% auto !important; }
.index_nav .item a p { display: block; position: absolute; left: 0; right: 0; top: 50%; text-align: center; transform: translateY(-50%); }
.index_nav .item a img { display: block; margin: 0 auto; height: 120rem;}
.index_nav .item a b { display: block; font-weight: normal; line-height: 1; margin-top: 1em;}
.index_nav .item a:active { opacity: 0.8;}

.index_nav .item_2 { margin-bottom: 20rem;}
.index_nav .item_3 { width: 25%;}
.index_nav .item_4 { width: 25%;}
.index_nav .item_1 a{ background-image: url(/static/img/index/ibg1.png);}
.index_nav .item_2 a{ background-image: url(/static/img/index/ibg2.png); padding-top: 47%;}
.index_nav .item_3 a{ background-image: url(/static/img/index/ibg3.png);}
.index_nav .item_4 a{ background-image: url(/static/img/index/ibg4.png);}

.index_nav .item_2 a img { display: inline-block; height: 96rem; vertical-align: middle;}
.index_nav .item_2 a b { display: inline-block; font-size: 28rem; margin-top: 0; vertical-align: middle; margin-left: 20rem;}
.index_nav .item_3 a img { height: 50rem;}
.index_nav .item_4 a img { height: 50rem;}
.index_nav .item_3 a b { font-size: 22rem;}
.index_nav .item_4 a b { font-size: 22rem;}


.index_note { padding:10rem 0 10rem 40rem; position: relative; }
.inote_more { position: absolute; left: 0; top: 10rem; background: url(/static/img/index/index_note.png) left center no-repeat; background-size: 26rem auto; width: 40rem; height: 64rem;}
.inote { height: 64rem; position: relative; overflow: hidden;}
.inote .swiper-slide a { display: block; position: relative; height: 64rem; line-height: 64rem; font-size: 24rem; color: #bbbbbb; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.inote .swiper-slide a:active { color:#008bff; }


.iborder { border-radius: 20rem; border: 2rem solid rgba(81,172,207,0.15); background: linear-gradient(rgb(204 207 211 / 50%), rgb(169 170 173 / 50%)); margin-bottom: 20rem;}
.iborder2 { border-radius: 20rem; border: 2rem solid rgba(81,172,207,0.15); background: rgba(27,34,65,0.8); margin-bottom: 20rem;}

.ititle { height: 62rem; line-height: 62rem; position: relative; margin-bottom: 10rem;}
.ititle b { font-weight: normal;}
.ititle .more { position: absolute; right: 0; top: 0; font-size: 24rem; color: #bbbbbb; display: block; padding: 0 16rem; background: url(/static/img/more.png) right center no-repeat; background-size: 8rem auto;}
.ititle .more:active { color:#008bff; }

.ibanner { position: relative; overflow: hidden; margin: 0 -30rem 20rem -30rem; }
.ibanner a { display: block; margin: 0 30rem;}
.ibanner img { display: block; width: 100%; margin: 0 auto;}

.rtlist {}
.rtlist .item { display: block; position: relative;}
.rtlist .item div{ position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; max-height: 100%;}
.rtlist .item .img img { display: block;}
.rtlist .item .l { left: 0;}
.rtlist .item .r { right: 0; text-align: right;}
.rtlist a.item:active { opacity: 0.8;}

.fbtnbox { position: fixed; left: 0; right: 0; bottom: 50rem; padding: 0 30rem;}

.btnbox {}
.btnbox .btn { display: block; width: 100%; border-radius: 45rem; cursor: pointer; border: 0; height: 90rem; line-height: 90rem; text-align: center; background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); color: #fff; font-size: 36rem; border: none; }
.btnbox .btn img { display: inline-block; height: 56rem; margin-right: 30rem; margin-bottom: 2rem; vertical-align: middle;}
.btnbox .btn:active { opacity: 0.8;}
.btnbox .btn_white { border: 1rem #7d7d7d solid; background: none; color: #333333; margin-top: 20rem; }

.btnbox .btn_confirm { border-radius: 20rem; height: 100rem; line-height: 100rem;}

.btnbox_big .btn{ border-radius: 55rem; height: 110rem; line-height: 110rem;}


.iassets_list { margin: 0 -10rem;}
.iassets_list .item_m { float: left; width: 50%; padding: 0 10rem;}
.iassets_list .item { display: block; height: 150rem; background: linear-gradient(rgba(50,46,64,0.5),rgba(27,34,65,0.5)); position: relative; }
.iassets_list .item .img { right: 0; top: 0; }
.iassets_list .item .img img { height: 130rem; object-fit: cover;}
.iassets_list .item .t { position: absolute; left: 28rem; top: 24rem; height: 54rem; line-height: 54rem; }
.iassets_list .item .t b { font-size: 38rem; color: #008bff; font-family:'DIN';}
.iassets_list .item .t i { display: inline-block; vertical-align: middle; background: url(/static/img/index/r2.png) no-repeat; background-size: 12rem auto; width: 12rem; height: 20rem; margin-left: 10rem;}
.iassets_list .item .m { position: absolute; left: 28rem; top: 78rem; font-size: 20rem; line-height: 42rem; color: #bbbbbb; }
.iassets_list .item .r { position: absolute; right: 0; top: 8rem;}
.iassets_list .item .r img{ display: block; height: 130rem;}
.iassets_list a.item:active { opacity: 0.8;}


.currencie_list1 { margin: 0 -10rem;}
.currencie_list1 .item_m { float: left; width: 50%; padding: 0 10rem;}
.currencie_list1 .item { display: block; padding: 28rem 28rem 10rem 28rem; position: relative;}
.currencie_list1 .item .img { position: absolute; left: 28rem; top: 28rem; }
.currencie_list1 .item .img img { display: block; width: 50rem; height: 50rem; }
.currencie_list1 .item .t { padding-left: 70rem; height: 50rem; line-height: 50rem; overflow: hidden; margin-bottom: 12rem;}
.currencie_list1 .item .t span { font-size: 22rem; color: #bbbbbb; margin-left: 10rem;}
.currencie_list1 .item .m { position: relative; font-size: 26rem; line-height: 56rem; color: #bbbbbb; }
.currencie_list1 .item .m span { position: absolute; right: 0; top: 0; }
.currencie_list1 .item .r { right: 20rem;}
.currencie_list1 .item .r img{ display: block; width: 100%;}


.currencie_list2 { }
.currencie_list2 .item{ display: block; height: 110rem; line-height: 1.2; }
.currencie_list2 .item .img { left: 28rem; }
.currencie_list2 .item .img img { width: 64rem; height: 64rem; }
.currencie_list2 .item .t { left: 112rem; width: 220rem;}
.currencie_list2 .item .t span { font-size: 22rem; color: #bbbbbb; margin-left: 10rem;}
.currencie_list2 .item .m { left: 352rem; font-size: 26rem; color: #bbbbbb; }
.currencie_list2 .item .m span { color: #02b36d; display: block;}
.currencie_list2 .item .r { right: 20rem;}
.currencie_list2 .item .r img{ display: block; height: 40rem;}


.ranking_list { padding: 0 28rem;}
.ranking_list .item{ display: block; padding: 0 28rem; border-bottom: 1rem solid rgba(81,172,207,0.1); height: 110rem; }
.ranking_list .item .num { left: 0; }
.ranking_list .item .num img { display: block; width: 30rem;}
.ranking_list .item .img { left: 50rem; }
.ranking_list .item .img img { border-radius: 100%; width: 64rem; height: 64rem; object-fit: cover;}
.ranking_list .item .t { left: 134rem; width: 200rem;}
.ranking_list .item .r { font-size: 24rem; color: #999999; width: 230rem;}
.ranking_list .item:last-child { border-bottom: none;}


.isearch { position: relative; margin-bottom: 20rem;}
.isearch .input { display: block; width: 100%; height: 70rem; border: 2rem #253c5d solid; background: rgba(27,34,65,0.8); border-radius: 35rem; text-indent: 28rem; font-size: 24rem; color: #ffffff; }
.isearch .btn { position: absolute; right: 0; top: 0; width: 80rem; height: 70rem; cursor: pointer; border: none; background: url(/static/img/search.png) center center no-repeat; background-size: 27rem auto;}

.market_banner_main { margin-right: -30rem; overflow: hidden;}
.market_banner { position: relative;}
.market_banner .swiper-slide{ width: auto; width: 330rem;}
.market_banner .item { display: block; margin-right: 20rem; padding: 28rem 28rem 20rem 28rem; position: relative;}
.market_banner .item .img { position: absolute; left: 28rem; top: 28rem; }
.market_banner .item .img img { display: block; width: 82rem; height: 82rem; }
.market_banner .item .r { padding-left: 104rem; padding-top: 18rem; height: 82rem;}
.market_banner .item .r img{ display: block; width: 100%;}
.market_banner .item .t { height: 72rem; line-height: 72rem; overflow: hidden; }
.market_banner .item .m { position: relative; line-height: 40rem; color: #ffffff; }
.market_banner .item .m span { position: absolute; right: 0; top: 0; font-size: 26rem; }

.market_head { height: 40rem; margin-bottom: 20rem;}
.market_head ul li { float: left; padding: 0 28rem; width: 33.33%; height: 40rem; line-height: 40rem; font-size: 28rem; color: #bbbbbb; text-align: center;}
.market_head ul li i { display: inline-block; vertical-align: middle; margin-left: 12rem;}
.market_head ul li i:before ,.market_head ul li i:after { display: block; content: ''; width: 0; height: 0; border-left: 10rem transparent solid; border-right: 10rem transparent solid; opacity: 0.5;}
.market_head ul li i:before { border-bottom: 10rem #ffffff solid; margin-bottom: 6rem;}
.market_head ul li i:after { border-top: 10rem #ffffff solid;}
.market_head ul li i.up:before { opacity: 1;}
.market_head ul li i.down:after { opacity: 1;}
.market_head ul li:first-child { text-align: left;}
.market_head ul li:last-child { text-align: right;}

.market_list {}
.market_list .item{ display: block; height: 110rem; line-height: 1.2; }
.market_list .item .img { left: 28rem; }
.market_list .item .img img { width: 64rem; height: 64rem; }
.market_list .item .t { left: 112rem; width: 160rem;}
.market_list .item .t span { display: block; font-size: 22rem; color: #bbbbbb; }
.market_list .item .m { left: 300rem; width: 132rem; font-size: 26rem; }
.market_list .item .m img { display: block; width: 100%;}
.market_list .item .m span { display: block; text-align: center;}
.market_list .item .r { right: 32rem; font-size: 26rem;}

.recharge_input { }
.recharge_input .input{ display: block; width: 100%; height: 100rem; border: 2rem #253c5d solid; background: #e1e3ed; border-radius: 10rem; text-indent: 30rem; font-size: 46rem; color: #008bff; font-family:'DIN';}

.wealth_top_main { background: url(/static/img/wealth/topbg.png) center bottom no-repeat; background-size: 100% auto; }
.wealth_top_main2 { background: url(/static/img/wealth/topbg2.png) center bottom no-repeat; background-size: 100% auto; }
.wealth_nav { margin: 0 -15rem; padding: 10rem 0; display:flex;}
.wealth_nav .item { flex: 1;}
.wealth_nav a { display: block; margin: 0 15rem; line-height: 84rem; border-radius: 10rem; background: #dee0e7; text-align: center; color: #008bff;}
.wealth_nav .current { background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); color: #fff; }

.wealth_nav2 { padding: 30rem 24rem; text-align: right;}
.wealth_nav2 a { display: inline-block; width: 50%; line-height: 84rem; border-radius: 10rem; background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); color: #fff; text-align: center; }

.recharge_list { padding: 30rem 0;}
.recharge_list .item{ display: block; height: 146rem; line-height: 1.4; }
.recharge_list .item .img { left: 28rem; }
.recharge_list .item .img img { width: 86rem; height: 86rem; }
.recharge_list .item .t { left: 146rem; width: 300rem; font-size: 36rem;}
.recharge_list .item .t span { display: block; font-size: 24rem; color: #999999; }
.recharge_list .item .r { right: 30rem; color: #00c621; font-family:'DIN';}
.recharge_list .item .r b{ font-size: 40rem; font-weight: normal;}

.recharge_list2 { padding: 0;}
.recharge_list2 .item{ height: 120rem; }
.recharge_list2 .item .img img { width: 74rem; height: 74rem; }
.recharge_list2 .item .t { left: 122rem; font-size: 30rem; }
.recharge_list2 .item .t span { color: #bbbbbb; }
.recharge_list2 .item .r { right: 34rem; font-size: 34rem; }
.recharge_list2 .item .r b{ font-size: 34rem; }

.detail_box { padding: 0 24rem;}
.detail_box .item { border-bottom: 1rem solid rgba(81,172,207,0.1); position: relative; padding-left: 300rem;}
.detail_box .item .tit { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.detail_box .item .con { padding: 20rem 0; text-align: right; line-height: 40rem; min-height: 40rem;}
.detail_box .item .con2 { font-size: 24rem; line-height: 28rem; color: #bbbbbb;}
.detail_box .item .con img { display: inline-block; vertical-align: middle; margin-right: 8rem; height: 28rem; margin-bottom: 2rem;}
.detail_box .item .con .bfb { display: inline-block; vertical-align: middle; margin-right: 8rem; height: 10rem; margin-bottom: 2rem; border-radius: 5rem; background: #2a3d58; line-height: 0; position: relative; width: 150rem;}
.detail_box .item .con .bfb p { display: block; position: absolute; left: 0; top: 0; height: 10rem; border-radius: 5rem; background: url(/static/img/wealth/bfb.png) left center repeat-x; background-size: auto 10rem;}
.detail_box .item .con .bfb p i { position: absolute; right: 0; top: 50%; padding: 0 3rem; display: block; height: 20rem; line-height: 18rem; border: 1px #ffffff solid; background: #00c621; border-radius: 10rem; font-size: 12rem; margin-top: -10rem;}
.detail_box .item:last-child { border-bottom: none;}


.asset_top { background: url(/static/img/asset/topico.png) right center no-repeat; background-size: auto 180rem; margin-bottom: 30rem; padding: 25rem 0; line-height: 62rem;}
.asset_top b { font-size: 54rem; line-height: 70rem; font-family:'DIN'; font-weight: normal;}

.asset_nav {  margin: 0 -10rem; margin-bottom: 20rem; display:flex;}
.asset_nav .item { flex: 1;}
.asset_nav a { display: block; margin: 0 10rem; position: relative;}
.asset_nav a img { display: block; width: 100%;}
.asset_nav a span { position: absolute; left: 140rem; top: 50%; transform: translateY(-50%); font-size: 32rem;}

.recharge_money { margin: 0 -10rem; }
.recharge_money a { margin: 0 10rem; }

.withdraw_input_t { font-size: 36rem; padding: 20rem 0;}
.withdraw_input { position: relative;}
.withdraw_input .input{ display: block; width: 100%; height: 100rem; border: 2rem #253c5d solid; background: #e1e3ed; border-radius: 10rem; text-indent: 30rem; font-size: 46rem; color: #008bff; font-family:'DIN';}
.withdraw_input .input::placeholder { font-size: 30rem; color: #666666; }
.withdraw_input .all { position: absolute; right: 0; top: 20rem; width: 96rem; text-align: center; line-height: 60rem; display: block;}
.withdraw_input .all:before { display: block; content: ''; position: absolute; left: 0; top: 50%; width: 2rem; height: 40rem; margin-top: -20rem; background: #666666;}
.withdraw_input .clear_btn { position: absolute; right: 96rem; top: 20rem; width: 68rem; height: 60rem; display: block; background: url(/static/img/withdraw/clear.png) center center no-repeat; background-size: 30rem auto;}
.withdraw_input_f { padding: 10rem 30rem 5rem 30rem; color: #bbbbbb;}
.withdraw_input_f b { font-size: 36rem; font-weight: normal;}

.top_main .withdraw_form { margin-bottom: -20rem;}

.withdraw_form { padding: 0 40rem;}
.withdraw_form .item { border-bottom: 1rem solid rgba(81,172,207,0.1); position: relative; padding-left: 300rem;}
.withdraw_form .item .tit { position: absolute; left: 0; top: 50%; line-height: 30rem; transform: translateY(-50%);}
.withdraw_form .item .tit img { display: block; height: 30rem; margin-right: 8rem; float: left;}
.withdraw_form .item .con { padding: 30rem 0; text-align: right; line-height: 40rem; min-height: 40rem; color: #999999;}
.withdraw_form .item .con .input { width: 100%; display: block; margin: -30rem 0; height: 100rem; text-align: right; background: none; border: none; text-align: right;}
.withdraw_form .item .con .select { width: 100%; display: block; margin: -30rem 0; height: 100rem; text-align: right; background: none; border: none; text-align: right; direction: rtl; appearance:none; padding: 0 20rem; background: url(/static/img/withdraw/r.png) right center no-repeat; background-size: 10rem auto; color: #999999;}
.withdraw_form .item:last-child { border-bottom: none;}

.withdraw_info { background: url(/static/img/withdraw/fbg.png) center center no-repeat; background-size: cover; margin: 30rem 0; padding: 28rem;}
.withdraw_info .item { margin-bottom: 30rem; position: relative; padding: 5rem 0 5rem 62rem; color: #333; line-height: 38rem;}
.withdraw_info .item .t { position: absolute; left: 0; top: -3rem; background: url(/static/img/withdraw/num.png) center center no-repeat; background-size: 50rem auto; width: 50rem; height: 50rem; line-height: 50rem; text-align: center; font-style: italic; color: #fff; font-size: 26rem; font-family:'DIN';}


.success_tip { border: 2rem #3a4249 solid; background: linear-gradient(#483c3f,#1c2341); padding: 12rem 30rem 12rem 140rem; font-size: 24rem; color: #bbbbbb; position: relative;}
.success_tip:before { display: block; content: ''; position: absolute; left: 86rem; top: 50%; width: 36rem; height: 36rem; margin-top: -18rem; background: url(/static/img/asset/tip.png) center bottom no-repeat; background-size: 32rem auto; }

.success_top { text-align: center; padding: 24rem;}
.success_top img { display: block; margin: 0 auto; width: 170rem;}
.success_top p { display: block; padding: 20rem 0;}

.success_info { margin: 0 40rem; position: relative; padding: 90rem 55rem; font-size: 24rem; color: #bbbbbb; background: url(/static/img/asset/success_info.png) center bottom no-repeat; background-size: 100% auto; }
.success_info:before { display: block; content: ''; position: absolute; left: -40rem; right: -40rem; top: -2rem; height: 20rem; border-radius: 10rem; background: #05050b;}
.success_info b { font-size: 30rem; color: #ffffff; font-weight: normal;}

.recharge_schedule { background: url(/static/img/asset/money.png) center bottom no-repeat; background-size: 246rem auto; text-align: center; margin-bottom: 30rem;}
.recharge_schedule b { display: block; font-family:'DIN'; font-size: 60rem; font-weight: normal;}


.service_box { margin: 30rem 0; padding: 120rem 80rem 70rem 80rem; text-align: center;}
.service_box .img { margin-bottom: 60rem;}
.service_box .img img { display: block; margin: 0 auto; height: 220rem;}
.service_box .tit { margin-bottom: 20rem; font-size: 40rem;}
.service_box .con { font-size: 26rem; color: #bbbbbb; }
.service_box .con img{ display: inline-block; vertical-align: middle; margin-right: 6rem; height: 20rem;}


.language_list{ padding: 10rem;}
.language_list .item_m { float: left; width: 50%; padding:0 10rem; }
.language_list .item { position: relative; display: block; padding: 38rem 20rem 24rem 20rem;}
.language_list .item img { display: block; margin: 0 auto 26rem auto; height: 150rem;}
.language_list .item p { display: block; text-align: center; line-height: 38rem; height: 76rem; overflow: hidden;}
.language_list .item:active { opacity: 0.8;}
.language_list .item_current { border: 2rem #00a7fc solid;}
.language_list .item_current:before { display: block; content: ''; position: absolute; right: 0; top: 0; background: url(/static/img/language/checked.png) center center no-repeat; background-size: 30rem auto; width: 66rem; height: 66rem;}

.bank_list { padding: 30rem 0;}
.bank_list .item { position: relative; margin-bottom: 20rem; padding: 50rem 30rem 50rem 176rem; border-radius: 20rem; background: url(/static/img/bank/bg1.jpg) no-repeat; background-size: cover; }
.bank_list .item .img { position: absolute; left: 40rem; top: 40rem;}
.bank_list .item .img img { display: block; width: 100rem;}
.bank_list .item .con i { display: inline-block; vertical-align: middle; margin: 0 10rem; width: 1rem; height: 20rem; background: #fff; margin-bottom: 2rem;}
.bank_list .item_green { background: url(/static/img/bank/bg2.jpg) no-repeat; background-size: cover; }

.article_list { padding: 20rem 0;}
.article_list .item { padding: 18rem 80rem 18rem 122rem; position: relative; display: block;}
.article_list .item .img { position: absolute; left: 28rem; top: 50%; transform: translateY(-50%);}
.article_list .item .img img { display: block; height: 74rem;}
.article_list .item .tit { height: 42rem; line-height: 42rem; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.article_list .item .con { height: 42rem; font-size: 24rem; color: #bbbbbb;}
.article_list .item .con span { float: left; padding-left: 32rem; line-height: 42rem;}
.article_list .item .con i { float: left; width: 1rem; height: 22rem; margin: 10rem 20rem; background: #2c3148;}
.article_list .item .con span.time { background: url(/static/img/article/time.png) left center no-repeat; background-size: 24rem auto; }
.article_list .item .con span.view { background: url(/static/img/article/view.png) left center no-repeat; background-size: 24rem auto; }
.article_list .item:after { display: block; content: ''; position: absolute; right: 36rem; top: 50%; width: 14rem; height: 24rem; margin-top: -12rem; background: url(/static/img/article/r.png) center center no-repeat; background-size: 11rem auto; }

.article_detail_box{ padding: 280rem 0 30rem 0;}
.article_detail { padding: 30rem;}
.article_detail .tit { text-align: center; font-size: 36rem;}
.article_detail .con { padding: 30rem 0; color: #bbbbbb;}
.article_detail .con b { color: #ffffff; font-size: 30rem; font-weight: normal;}
.article_detail .con ul li { margin-bottom: 20rem; padding-left: 50rem; position: relative; font-size: 24rem;}
.article_detail .con ul li i { position: absolute; left: 0; top: 6rem; width: 32rem; height: 32rem; border-radius: 50%; text-align: center; line-height: 32rem; color: #000; background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); font-style: italic;}
.article_detail .foot { text-align: right; font-size: 24rem; color: #bbbbbb;}
.article_detail .foot span { display: inline-block; padding-left: 32rem; line-height: 42rem; margin-left: 20rem;}
.article_detail .foot span.time { background: url(/static/img/article/time.png) left center no-repeat; background-size: 24rem auto; }
.article_detail .foot span.view { background: url(/static/img/article/view.png) left center no-repeat; background-size: 24rem auto; }


.trade_head { padding:0 20rem;}
.trade_top { height: 70rem; line-height: 70rem;}
.trade_top .select { float: left; padding-right: 34rem; background: url(/static/img/trade/d.png) right center no-repeat; background-size: 20rem auto;}
.trade_top .position { float: right; padding-left: 30rem; background: url(/static/img/trade/position.png) left center no-repeat; background-size: 20rem auto;}
.trade_info { padding: 26rem 0 10rem 0;}
.trade_info .tit { float: left;}
.trade_info .tit b { font-size: 48rem;}
.trade_info .con { float: right; font-size: 26rem;}
.trade_info .con ul { float: left; margin-left: 40rem;}
.trade_info .con ul li{ margin-bottom: 18rem;}
.trade_info span { display: block; color: #bbbbbb;}
.trade_info .con b { font-weight: normal;}

.trade_chart { padding: 30rem;}

.trade_btn { padding: 20rem 0; margin: 0 -20rem;}
.trade_btn .item { float: left; width: 50%;}
.trade_btn .item .btn { display: block; margin: 0 50rem; border-radius: 20rem; line-height: 100rem; text-align: center; color: #fff; background: linear-gradient(#00c038,#00c621);}
.trade_btn .item .btn_red { background: linear-gradient(#de626e,#f75d5d);}
.trade_btn .item .btn:active { opacity: 0.8;}

.trade_position_list { padding: 30rem 0;}
.trade_position_list .item { padding-bottom: 10rem;}
.trade_position_list .item_tit { position: relative; padding: 14rem 200rem 10rem 114rem; font-size: 24rem; line-height: 1.2; margin-bottom: 28rem;}
.trade_position_list .item_tit b{ display: block; font-weight: normal; font-size: 30rem;}
.trade_position_list .item_tit img { display: block; position: absolute; left: 20rem; top: 50%; transform: translateY(-50%); height: 74rem;}
.trade_position_list .item_tit .btn { display: block; position: absolute; right: 20rem; top: 50%; transform: translateY(-50%); width: 150rem; height: 56rem; line-height: 56rem; text-align: center; color: #ffffff; font-size: 24rem; background: linear-gradient(#00c038,#00c621); border-radius: 10rem;}
.trade_position_list .item_tit .red_btn { background: linear-gradient(#de626e,#f75d5d); }
.trade_position_list .item_con { padding: 0 13rem;}
.trade_position_list .item_con .tit { position: relative; padding: 30rem 0 20rem 0;}
.trade_position_list .item_con .tit:before { display: block; content: ''; position: absolute; left: 50%; bottom: 30rem; top: 40rem; width: 1rem; background: #333b57; }
.trade_position_list .item_con .tit ul { float: left; width: 50%;}
.trade_position_list .item_con .tit ul li{ padding: 8rem 10rem; text-align: center;}
.trade_position_list .item_con .tit span { display: block; color: #bbbbbb; font-size: 26rem;}
.trade_position_list .item_con .tit b { font-weight: normal; font-size: 36rem;}
.trade_position_list .item_con .foot { font-size: 26rem; color: #bbbbbb; padding: 20rem 30rem; line-height: 30rem; border-top: 1rem #333b57 solid;}
.trade_position_list .item_con .foot span{ color: #ffffff; margin-right: 40rem;}


.mine_head { position: relative; padding: 0rem 80rem 36rem 12rem;}
.userinfo { position: relative; padding:30rem 0 30rem 140rem;}
.userinfo .img { position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.userinfo .img img { display: block; width: 116rem; height: 116rem; border: 3rem #fff solid; border-radius: 50%;}
.userinfo .tit { font-size: 36rem;}
.userinfo .tit .vip { display: inline-block; vertical-align: middle; margin-left: 10rem; width: 80rem; height: 36rem; padding: 8rem 0 0 30rem; line-height: 28rem; background: url(/static/img/mine/vip.png) center center no-repeat; background-size: 80rem auto; font-size: 24rem; color: #341500; text-align: center;}
.userinfo .con { font-size: 24rem; color: #bbbbbb;}
.userinfo .con i { font-style: italic; font-weight: bold;}
.mine_head .set { display: block; position: absolute; right: 60rem; top: 50%; transform: translateY(-50%); width: 80rem; height: 80rem; cursor: pointer; background: url(/static/img/mine/set.png) center center no-repeat; background-size: 36rem auto;}


.mine_box1 { margin-bottom: 20rem; background: url(/static/img/mine/ibox1.png) center top no-repeat; background-size: contain; height: 270rem; position: relative;}

.mine_nav { padding: 30rem 20rem; display: flex;}
.mine_nav .item { flex: 1;}
.mine_nav .item a { display: block; text-align: center; font-size: 24rem; line-height: 58rem;}
.mine_nav .item a img { display: block; margin: 0 auto; height: 97rem;}

.mine_box1 .online_btn { position: absolute; left: 0; right: 0; bottom: 0; height: 62rem; line-height: 62rem; padding-left: 98rem; background: url(/static/img/mine/online.png) 42rem center no-repeat; background-size: 37rem auto;}

.mine_box2 { margin-bottom: 20rem; background: url(/static/img/mine/ibox2.png) center top no-repeat; background-size: contain; height: 300rem; position: relative;}
.mine_box2 .con { position: absolute; left: 52rem; right: 52rem; top: 50%; transform: translateY(-50%);}
.mine_box2 .con b { display: block; font-size: 36rem; font-weight: normal;}
.mine_box2 .con span { display: block; font-size: 26rem; color: #bbbbbb; margin-bottom: 30rem;}
.mine_box2 .con .btn { display: inline-block; padding: 0 32rem; line-height: 60rem; border-radius: 30rem; font-size: 26rem; background: #0071ff; color: #fff; margin-left: -6rem;}

.mine_box3 { margin-bottom: 20rem; background: url(/static/img/mine/ibox3.png) center top no-repeat; background-size: contain; height: 300rem; position: relative;}
.mine_box3 .con { position: absolute; width: 260rem; right: 52rem; top: 50%; transform: translateY(-50%); text-align: center; font-size: 26rem;}
.mine_box3 .con b { display: block; font-size: 30rem; font-weight: normal;}
.mine_box3 .con span { display: block; margin-bottom: 30rem;}
.mine_box3 .con i { display: block; margin: 5rem auto; width: 40rem; height: 3rem; background: #f1b840;}
.mine_box3 .con .btn { display: inline-block; padding: 0 32rem; line-height: 60rem; border-radius: 30rem; font-size: 26rem; background: #f1b840; color: #fff; }


.download_box { padding: 30rem 75rem;}
.download_box .tip { background: url(/static/img/down/rtip.png) right top no-repeat; background-size: 104rem auto; text-align: center; padding: 20rem 150rem; font-size: 24rem; color: #bbbbbb;}
.download_box .logo img { display: block; margin: 0 auto; height: 173rem;}
.download_box .tit { font-size: 36rem; line-height: 90rem; text-align: center;}
.download_box .img img { display: block; margin: 0 auto; width: 563rem;}
.download_box .btnbox .btn{ margin-bottom: 40rem;}

.share_erwei { background: url(/static/img/share/erweibox.png) center center no-repeat; background-size: 416rem auto; padding: 46rem 0; position: relative; overflow: hidden;}
.share_erwei .img { margin: 0 auto; border-radius: 10rem; background: #f3f3f4; width: 380rem; height: 380rem; padding: 30rem; position: relative; }
.share_erwei .img img { display: block; width: 320rem; height: 320rem;}
.share_erwei .img i { display: block; position: absolute; right: -20rem; left: -20rem; top: 0; background: url(/static/img/share/line.png) center top no-repeat; background-size: 100% auto; height: 115rem; animation: share-line 4s linear infinite;}

@keyframes share-line {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(320rem);
	}
	100% {
		transform: translateY(0);
	}
}

.share_form { padding: 0 28rem 25rem 28rem;}
.share_form .item { margin-bottom: 20rem;}
.share_form .item .tit { line-height: 76rem;}
.share_form .item .con { position: relative; background: #0e101d; height: 88rem; line-height: 84rem; border: 2rem solid rgba(81,172,207,0.15); border-radius: 44rem; padding: 0 38rem; color: #008bff; font-size: 28rem; overflow: hidden;}
.share_form .item .btn { position: absolute; right: 8rem; top: 7rem; display: block; width: 158rem; border-radius: 35rem; cursor: pointer; border: 0; height: 70rem; line-height: 70rem; text-align: center; background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); color: #fff; font-size: 30rem; border: none; }


.team_head { background: url(/static/img/team/box1.jpg) center top no-repeat; background-size: cover; border: 10rem #0e101f solid; box-shadow: 0 0 20rem rgba(3, 151, 255, 0.5); border-radius: 20rem; margin-bottom: 10rem;}
.team_head .tit { padding: 20rem 30rem; margin-bottom: 40rem;}
.team_head .tit b{ display: block; font-size: 48rem;}
.team_head .con { display: table; }
.team_head .con ul { display: table-row;}
.team_head .con ul li{ display: table-cell; height: 150rem; vertical-align: middle; padding: 0 30rem; white-space: nowrap; position: relative;}
.team_head .con ul li span { display: block; font-size: 24rem;}
.team_head .con ul li b { display: block; font-size: 36rem; font-weight: normal;}
.team_head .con ul li:after { display: block; content: ''; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1rem; height: 70rem; background: #ffffff;}
.team_head .con ul li:last-child:after { display: none;}

.team_title { padding: 20rem 15rem;}

.team_list .item{ position: relative; padding: 18rem 40rem 32rem 86rem;}
.team_list .item .img { position: absolute; left: 18rem; top: 18rem; }
.team_list .item .img img { display: block; width: 60rem; height: 60rem; border-radius: 50%;}
.team_list .item .tit { line-height: 60rem; height: 60rem;}
.team_list .item .tit span { float: right; font-size: 20rem; color: #bbbbbb;}
.team_list .item .info { line-height: 32rem; height: 32rem; font-size: 24rem; color: #bbbbbb; margin-bottom: 12px;}
.team_list .item .info span { float: left; margin-right: 22rem; padding-left: 26rem;}
.team_list .item .info span.tel { background: url(/static/img/team/tel.png) left center no-repeat; background-size: 20rem auto;}
.team_list .item .info span.id { background: url(/static/img/team/id.png) left center no-repeat; background-size: 20rem auto;}
.team_list .item .con { background: #121428; position: relative;}
.team_list .item .con ul li { float: left; width: 50%; padding: 20rem 30rem; line-height: 40rem; font-size: 24rem; color: #bbbbbb;}
.team_list .item .con ul li span { margin-left: 40rem;}
.team_list .item .con:before { display: block; content: ''; position: absolute; left: 50%; top: 50%; transform: translateY(-50%); width: 1rem; height: 40rem; background: #666666;}


.user_form { padding: 30rem 0;}
.user_form .item { display: block; position: relative; height: 120rem; margin-bottom: 30rem;}
.user_form .item .tit { position: absolute; left: 28rem; top: 50%; line-height: 74rem; transform: translateY(-50%);}
.user_form .item .tit img { display: block; height: 74rem; margin-right: 20rem; float: left;}
.user_form .item .con { position: absolute; left: 300rem; right: 0; top: 50%; transform: translateY(-50%); padding: 0 30rem; text-align: right;  font-size: 26rem; color: #999999; }
.user_form .item .con .input { width: 100%; display: block; height: 120rem; background: none; border: none; text-align: right; font-size: 26rem;}
.user_form .item .con i { float: right; display: block; width: 14rem; height: 46rem; background: url(/static/img/set/r.png) center center no-repeat; background-size: 11rem auto;}
.user_form .item .con img { display: inline-block; vertical-align: middle; margin-left: 10rem; height: 46rem; border-radius: 10rem;}


.password_form { padding: 10rem 35rem 40rem 35rem; }
.password_form .item { margin-bottom: 10rem;}
.password_form .item .tit { padding: 15rem 10rem;}
.password_form .item .con { position: relative;}
.password_form .item .con .input { width: 100%; display: block; height: 84rem; background-color: #fff; border: none; border-radius: 10rem; font-size: 30rem; text-indent: 50rem; color:#000;}
.password_form .item .con .input::placeholder { color: #525568;}
.password_form .item .con .input:focus { background-color: #ccc; box-shadow: 0 0 0 1rem #00d8ff;}

.correct_tip:after ,.error_tip:after{ display: block; content: ''; position: absolute; right: 22rem; top: 50%; transform: translateY(-50%); width: 40rem; height: 40rem; }


.correct_tip:after { background: url(/static/img/set/correct.png) center center no-repeat; background-size: 30rem auto;}
.error_tip:after { background: url(/static/img/set/error.png) center center no-repeat; background-size: 30rem auto;}


.tt_main { position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba(14,15,29,0.9); display: none; z-index: 999997;}
.tt_main .bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 999998;}

.tt_box { position: fixed; left: 75rem; right: 75rem; top: 50%; background: url(/static/img/tt_box.jpg) center top no-repeat #ffffff; background-size: 100% auto; border-radius: 30rem; padding: 70rem 30rem 80rem 30rem; z-index: 999999; transform:translate(0,-50%);}
.tt_box:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: -75rem; height: 150rem; background: url(/static/img/tt_box_t.png) center center no-repeat; background-size: auto 150rem;}
.tt_box .tit { font-size: 48rem; line-height: 64rem; text-align: center; color: #000000;}
.tt_box .con { line-height: 40rem; text-align: center; color: #333333; padding: 42rem 0;}
.tt_box .btnbox { padding-top: 20rem;}

.tt_clo { position: absolute; left: 50%; bottom: -80rem; width: 50rem; height: 50rem; margin-left: -25rem; cursor: pointer; background: url(/static/img/clo.png) center center no-repeat; background-size: 48rem auto;}

.trade_tt_box { position: fixed; left: 75rem; right: 75rem; top: 50%; background: url(/static/img/trade/tt_box.jpg) center top no-repeat #ffffff; background-size: 100% auto; border-radius: 30rem; padding: 24rem 40rem 56rem 40rem; z-index: 999999; transform:translate(0,-50%);}
.trade_tt_box .tit { font-size: 48rem; line-height: 64rem; text-align: center; color: #000000; margin-bottom: 10rem;}
.trade_tt_box .item { position: relative;}
.trade_tt_box .item .t { line-height: 58rem; color: #666666;}
.trade_tt_box .item .m { position: absolute; right: 0; top: 0; line-height: 58rem; color: #333333;}
.trade_tt_box .item .time { padding: 10rem 0 2rem 0; margin: 0 -10rem;}
.trade_tt_box .item .time ul li { float: left; width: 33.33%; padding: 10rem 0;}
.trade_tt_box .item .time ul li label{ display: block; margin: 0 10rem; cursor: pointer;}
.trade_tt_box .item .time ul li label input { display: none;}
.trade_tt_box .item .time ul li label span { display: block; text-align: center; line-height: 90rem; border-radius: 20rem; background: #e5e5e5; color: #999999;}
.trade_tt_box .item .time ul li label input:checked + span { background: linear-gradient(135deg,#00d8ff,#00d8ff,#008bff,#008bff); color: #ffffff;}
.trade_tt_box .item .ratio { text-align: center; background: #fff1d7; border: 1rem #f9c46d solid; padding: 5rem 20rem; color: #ff7500;}
.trade_tt_box .btnbox { padding-top: 50rem;}

/*Footer*/
.footer { height: 100rem;}
.footbox { position: fixed; left: 0; right: 0; bottom: 0; background: #1b2241; z-index: 99999; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); }
.footbox:before { display: block; content: ''; position: absolute; left: 0; right: 0; top: 0; height: 1rem; background: linear-gradient(#2f50c5,#51accf); opacity: 0.2;}
.footbar { height: 100rem; display:flex;}
.footbar .item { flex: 1;}
.footbar .item a { display: block; height: 100rem; text-align: center; padding: 6rem 0 0 0; font-size: 20rem; line-height: 22rem; color: #8d91a0;}
.footbar .item a i { display: block; margin: 0 auto; width: 60rem; height: 60rem; background: url(/static/img/tabbar.png) no-repeat; background-size: 120rem auto;}
.footbar .item a i.t1 { background-position: 0 0;}
.footbar .item a i.t2 { background-position: 0 -60rem;}
.footbar .item a i.t3 { background-position: 0 -120rem;}
.footbar .item a i.t4 { background-position: 0 -180rem;}
.footbar .item a i.t5 { background-position: 0 -240rem;}
.footbar .item_current a { color: #008bff;}
.footbar .item_current a i.t1 { background-position: -60rem 0;}
.footbar .item_current a i.t2 { background-position: -60rem -60rem;}
.footbar .item_current a i.t3 { background-position: -60rem -120rem;}
.footbar .item_current a i.t4 { background-position: -60rem -180rem;}
.footbar .item_current a i.t5 { background-position: -60rem -240rem;}


/*Login*/
.login_wrap { padding: 20rem 45rem;}
.login_header { position: relative; height: 100rem; margin-bottom: 80rem;}
.login_header .tit { line-height: 120rem; color: #bbbbbb;}
.login_header .toplang { position: absolute; right: 0; top: 50%; height: 46rem; margin-top: -23rem; padding: 6rem; border-radius: 23rem; background: #181e3a;}
.login_header .toplang a { float: left; height: 34rem; line-height: 34rem; padding: 0 12rem; border-radius: 17rem; font-size: 20rem; color: #666666;}
.login_header .toplang a.on { color: #ffffff; background: #101323;}

.login_logo { padding: 30rem 0; margin-bottom: 100rem;}
.login_logo img { display: block; margin: 0 auto; height: 173rem;}

.login_form {}
.login_form .item { position: relative; margin-bottom: 40rem;}
.login_form .item img { display: block; position: absolute; left: 22rem; top: 50%; margin-top: -25rem; height: 50rem;}
.login_form .item span { position: absolute; left: 82rem; top: 50%; margin-top: -25rem; line-height: 50rem; color: #000;}
.login_form .item .input { display: block; width: 100%; height: 110rem; border: 2rem #253c5d solid; background: none; border-radius: 55rem; text-indent: 260rem; color: #000; transition:all 300ms ease;}
.login_form .item .input:focus { border: 2rem #00a7fc solid; background: #ccc; box-shadow: 0 0 20rem rgba(3,151,255,0.3);}
.setplaceholder::placeholder { color:#fff;}

.login_form2 .item { margin-bottom: 45rem;}
.login_form2 .item .input{ border-radius: 10rem; text-indent: 82rem; height: 88rem;}
.login_form3 .item { margin-bottom: 30rem;}

.login_tip { padding: 0 10rem 0 30rem; font-size: 23rem; color: #008bff; margin: -10rem 0;}

.login_foot { padding-top: 250rem;}
.login_foot2 { padding-top: 180rem;}
.login_foot3 { padding-top: 130rem;}

.login_foot .flink { padding: 20rem; line-height: 60rem; height: 60rem; }


.etip { position: fixed; left: 10%; right: 10%; text-align: center; line-height: 0; top: 50%; box-sizing: border-box; display: none; transform:translate(0,-50%); z-index: 9999991;}
.etip p { display: inline-block; padding: 20rem 40rem; font-size: 26rem; line-height: 1.8; background: rgba(45,129,255,0.8); color: #fff; border-radius: 16rem;}