body{
	margin: 0;
	padding: 0;
	font-size: 15px;
	color: #fff;
	width: 100%;
	background: #000 /*url(../../assets/img/2nd_bg.jpg) repeat*/;
	background-size: 100%;
}

a { color: #1FD1E5; text-decoration: none; }
a:hover { text-decoration: none; }

.main-container { margin-bottom: 67px; }
.content-cointainer { margin: 0; padding: 0 25px; }

.home-bg { 
	/*background-image: url(../img/bg1.png);*/
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
}

.share-bg { 
	background-image: url(../img/share_bg1.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
}

.hd-bg { 
	background-image: url(../img/hd_bg1.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;
}

.form-group { width: 100%; margin: 20px 0 0 0;text-align: center; }
.form-control { 
	width: 100%; 
	border: 0;
	border-bottom: 1px solid #eff4f8;
	font-size: 16px; 
	padding: 15px 0 15px 0;
	background-color: transparent;
	color: #fff;
}
.form-control:focus { 
	outline: none;
	border-bottom: 1px solid #DFB149;
}

.select-gold {
	background-color: transparent;
	color: #DFB149;
    font-size: 18px;
    padding: 6px 10px;
    border: 1px solid #DFB149;
    border-radius: 10px;
	margin: 0 auto;
	outline: none;
}

.btn-blue {
    /*background-color: #00000059;*/
	background-color: transparent;
    border-radius: 50px;
    width: 36%;
    border: 0;
    color: #1FD1E5;
    font-size: 18px;
    padding: 6px 10px;
    border: 1px solid #1FD1E5;
    border-radius: 40px;
	margin: 0 auto;
	outline: none;
}

.btn-gold {
	background-color: transparent;
    border-radius: 50px;
    width: 36%;
    border: 0;
    color: #DFB149;
    font-size: 18px;
    padding: 6px 10px;
    border: 1px solid #DFB149;
    border-radius: 40px;
	margin: 0 auto;
	outline: none;
}

.small-btn-blue {
	background-color: #1FD1E5;
	border-radius: 5px;
	width: 100%;
	border: 0;
	color: #fff;
	font-size: 18px;
	padding: 5px 15px;
	outline: none;
}

.small-btn-gold {
	background-color: #DFB149;
	border-radius: 5px;
	width: 100%;
	border: 0;
	color: #fff;
	font-size: 18px;
	padding: 5px 15px;
	outline: none;
}

.tac-box { 
	position: absolute; 
	margin-top: -39px;
	right: 20px;
}

.info-success { color: #09D1A1; }
.info-cancel { color: #E22B7A; }
.info-pending { color: #1FD1E5; }

.wallet-cointainer .main-wallet {  padding: 15px 0; text-align: center; }
.wallet-cointainer .main-wallet .name { color: #fff; font-size: 16px; }
.wallet-cointainer .main-wallet .amount { color: #1FD1E5; font-size: 30px; padding-top:10px;}
.wallet-cointainer .main-wallet .logo { position: absolute; right: 31px; top: 85px; }
.wallet-cointainer .main-wallet .logo img { height: 50px; }
.other-wallet-cointainer { overflow: hidden; }
.other-wallet-cointainer .other-wallet { width: 48%; padding: 15px 0 25px 0; background: url(../img/box_bg.png) center center no-repeat; background-size: 100% 100%; text-align: center;}
.other-wallet-cointainer .other-wallet .name { color: #fff; font-size: 16px; }
.other-wallet-cointainer .other-wallet .amount { color: #1FD1E5; font-size: 20px; padding-top: 20px; }

.qrcode-cointainer { width: 75%; margin: 0 auto; padding: 30px; background: #fff; border-radius: 10px; }
.qrcode-cointainer #qrcode { margin: 0 auto; width: 150px; }
.qrcode_frame { background: #fff; width: 200px; height: 200px; padding: 10px; margin: 0 auto; }

.coin-cointainer { margin: 0 auto; padding: 30px; background: #f8f8f8; border-radius: 10px; }
.coin-cointainer img { margin: 0 auto; width: 150px; }

.copy-btn { width: 50px; margin: 0 auto; }

.tab-cointainer { margin: 0 auto; padding: 10px 10px; background: #fff; color: #000; border-radius: 10px; font-size: 15px; box-shadow: 0 0 10px #e3e3e3; }
.tab-cointainer .bar { border-right: 1px solid #e3e3e3; width: 1px; min-height: 46px; margin: 0 auto; }
.active { color: #1FD1E5; }

.avatar { border-radius: 50px; background: #1FD1E5; color: #fff; width: 60px; height: 60px; }
.avatar-small { border-radius: 50px; background: #1FD1E5; color: #fff; width: 50px; height: 50px; }
.custom-avatar { position: absolute; right: 50px; top: 100px; }

.upload-file input[type="file"] { display: block; position: absolute; top: 70px; right: 0; opacity: 0; filter: alpha(opacity=0); width: 100px; }
.rank-tag { border-radius: 25px 0 0 25px; background: #1FD1E5; color: #fff; text-align: center; width: auto; padding: 5px 10px; }

.coin-svolt { background: url(../img/svolt.png); width: 40px; height: 40px; margin: 0 auto; }
.coin-supechain { background: url(../img/supechain.png); width: 40px; height: 40px; margin: 0 auto; }
.coin-none { background: url(../img/none.png); width: 40px; height: 40px; margin: 0 auto; }
.coin-usdt { background: url(../img/usdt.png); width: 40px; height: 40px; margin: 0 auto; }
.coin-btc { background: url(../img/btc.png); width: 40px; height: 40px; margin: 0 auto; }
.coin-eth { background: url(../img/eth.png); width: 40px; height: 40px; margin: 0 auto; }

.footer-container { position: fixed; overflow: hidden; bottom: 0; width: 100%; background: #17181A; border-top: 1px solid #c3c3c3; }
.footer-container .menu-bar { float: left; width: 20%; text-align: center; padding: 10px 0; }
.footer-container .menu-bar a { color: #c3c3c3; font-size: 12px; }
.footer-container .menu-bar .active { color: #1FD1E5; }

.popup_content { background: #0c1118; width: 100%; position: fixed!important; display: block!important; bottom: 0; border: 0; border-radius: 10px 10px 0 0; }
.layui-layer-hui { border-radius: 25px!important; position: fixed!important; top: auto!important; bottom: 80px; }
.layui-layer-hui .layui-layer-content { color: #fff!important; }
.layui-layer-title, .layui-layer-btn0, .layui-layer-btn1, .layui-layer-content { font-size: 16px!important; }

.hidden { display: none; }

.width-auto { width: auto; }

.bg-white { background: #fff; }
.bg-light-grey { background: #f8f8f8; }

.font-gold { color: #DFB149; }
.font-grey { color: #c3c3c3; }
.font-blue { color: #1FD1E5; }
.font-gray	{ color: #6E82A3; }
.font-green	{ color: #1FD1E5; }
.font-purple	{ color: #778DAF; }
.bb-grey { border-bottom: 1px solid #4E5C71; }
.bb-grey2 { border-bottom: 1px solid #4E5C71; }

.br-50 { border-radius: 50px;    border: 1px solid #1fd1e5;}

.col-5 { width: 5%; }
.col-10 { width: 10%; }
.col-15 { width: 15%; }
.col-20 { width: 20%; }
.col-25 { width: 25%; }
.col-30 { width: 30%; }
.col-33 { width: 33.33333%; }
.col-40 { width: 40%; }
.col-45 { width: 45%; }
.col-50 { width: 50%; }
.col-60 { width: 60%; }
.col-70 { width: 70%; }
.col-80 { width: 80%; }
.col-90 { width: 90%; }
.col-100 { width: 100%; }

.overflow-hidden { overflow: hidden; }
.overflow-wrap { overflow-wrap: break-word; }

.float-left { float: left; }
.float-right { float: right; }

.font10 { font-size: 10px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }
.font22 { font-size: 22px; }
.font25 { font-size: 25px; }
.font30 { font-size: 30px; }
.font36 { font-size: 36px; }
.font-bold { font-weight: bold; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

.lh26 { line-height: 26px; }
.lh22 { line-height: 22px; }
.lh40 { line-height: 40px; }

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }
.mt55 { margin-top: 55px; }
.mt60 { margin-top: 60px; }
.mt65 { margin-top: 65px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb55 { margin-bottom: 55px; }
.mb60 { margin-bottom: 60px; }
.mb65 { margin-bottom: 65px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml5 { margin-left: 5px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr25 { margin-right: 25px; }

.p10 { padding: 10px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }

.ptb5 { padding: 5px 0; }
.ptb10 { padding: 10px 0; }
.ptb15 { padding: 15px 0; }
.ptb20 { padding: 20px 0; }
.ptb30 { padding: 30px 0; }

.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt40 { padding-top: 40px; }
.pt60 { padding-top: 60px; }
.pt65 { padding-top: 65px; }
.pt80 { padding-top: 80px; }
.pb5 { padding-bottom: 5px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb10 { padding-bottom: 10px; }
.pl10 { padding-left: 10px; }
.pl40 { padding-left: 40px; }
.pr10  { padding-right: 10px; }
.pr40  { padding-right: 40px; }

@media only screen and (max-width: 512px) {
	.layui-layer-hui { max-width: 200px!important; }
}

.hender_bg { background: url(../img/tophender_bg.png) center center no-repeat; background-size: 100% 100%; padding: 40px 25px 10px 25px;}
.box_bg { width: 32.5%; background: url(../img/box_bg2.png) center center no-repeat; background-size: 100% 100%; padding: 15px 25px;}
.box_bg1 { background: url(../img/box_bg2.png) center center no-repeat; background-size: 100% 100%; padding: 15px 0px; float: left;}
.box_bg2 { background: url(../img/box_bg2.png) center center no-repeat; background-size: 100% 100%; padding: 0px 15px;}
.box_bg3 { background: url(../img/box_bg2.png) center center no-repeat; background-size: 100% 100%; padding: 15px;}
.share-title { background: url(../img/share_title.png) center center no-repeat; background-size: 100% 100%; padding: 10px;}
.max-200 {max-width: 200px;}