/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-7c9048fc] {
  width: 25%;
}
.h-25[data-v-7c9048fc] {
  height: 25%;
}
.w-50[data-v-7c9048fc] {
  width: 50%;
}
.h-50[data-v-7c9048fc] {
  height: 50%;
}
.w-75[data-v-7c9048fc] {
  width: 75%;
}
.h-75[data-v-7c9048fc] {
  height: 75%;
}
.w-100[data-v-7c9048fc] {
  width: 100%;
}
.h-100[data-v-7c9048fc] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-7c9048fc] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-7c9048fc] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-7c9048fc] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-7c9048fc] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
footer[data-v-7c9048fc] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9 !important;
  font-size: 12px;
  border-radius: 8px 8px 0 0;
  background-color: #282C4A;
  box-shadow: 0px -2px 5px rgba(55, 62, 125, 0.05) !important;
  -moz-box-shadow: 0px -2px 5px rgba(55, 62, 125, 0.05) !important;
  -webkt-box-shadow: 0px -2px 5px rgba(55, 62, 125, 0.05) !important;
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
}
footer .nav-icon[data-v-7c9048fc] {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-home[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQxMzNBNTU1MkU1RjExRUZCREU5RkU2MzlDMkNFOTQzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQxMzNBNTU2MkU1RjExRUZCREU5RkU2MzlDMkNFOTQzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDEzM0E1NTMyRTVGMTFFRkJERTlGRTYzOUMyQ0U5NDMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDEzM0E1NTQyRTVGMTFFRkJERTlGRTYzOUMyQ0U5NDMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz52ffaiAAAE6klEQVR42uxaXWhURxSeuP6waQkqRCgxRkQTxRoxInmJNNqCCipGaBWDUCIJgg9WsQFBbPRBpSLBhyJKaR9aNfigglpsSK3/KDFUccWqD0rAiigYYkj8zfY77Ccsk5m7927u5t6LOfCx7NyZM+fbnXvmnDOT1/zTEfWxyAj1Eckw2WGyw2RdSzVwAEgAr4AkPxNsrx4KI0bmWP98YC9QaXg2BphJrAeuA98Dl6L2z04CWoCLFqImqWT/Fo4PPdk40AT8C6zKUscqjm+ivtAt4zzgGy7ZYod+8o62AS+AccBXwOeWH+0HoI5L+xjf88DJzgH28/20yS1gE/C34dkCoBmYbXhWzGW9AdgI/BPUMp4AHAI6HIg+o/OpsBBVbK9gv2cOjq6D800YSrKjgM3AA6CeS1iXd/y3S4GDQH8Gnf3sV8px7yyvSj3n3Uw7ckp2Cd+7fUCBpc+fQDnwHdDlUX8Xx5VTj0kKOH+C9vhOVn7xP4hSSx/5xZcBi4G7g/QDd6lnGfVmsqnMD7L59LBOv+JLoJFe9bTPW9lp6m3kPLbVdpt25mdLdga96BbL+yFbwS/ANE70JkcByhvqn8b5khY/soX2zvBKVkK4K8BUy/OrwDxgHfB0iOLrp5xvHuc3yVTaPdMtWXEAZ7jp6/IYWANUcSsIQjo4/xrao8s42l/ghuwuoERrew/soVM46kc0M0hJ0o5S2vVee15CHo5kJWJp0NreAjXAVqA3ZClqL+2qoZ3p0qCHrjrZWoMz2g6cCnlefop26k6r1omsvr08Z0QTBdlPe618dLJ6BiIvel9EyPbR3nSZ5ZT1jNe+3/fRmM/oRWW/HM39U6Kjy8ATn+a4b/DMrlM8PxzSIjqRLxz6XAB2O8TDXhzWkJdlPqyS48DZDEQVn59l//FRq0EVMZKp8TiuhuOKokI2TkcxPcvx0zk+HgWyeywllnaVKqYVMhEv5Pd2Q9/Z1BNqslNYL9JFimdSKj2Wthc+5/dKPtdlA/WFlqzUkWJamxTTdjrE00k+b9baY9QXWrLLDWnZNpdjtxnSxeVhJVtgKI8c9bBX97J/upQpe60rULITLU7Ji7S71Bs42dGWkorXEowbvYGTNRW4SzzqKHGpN3Cy/wHdWtsKjzr0/t3UGzqysoW0aW1VTATcJgxVWlub8rEE5PfW86uh7TeVuYhdxn5u9IWGrMS0N7Q2CQuvqVQZVE8pR7L9Gvulyw1DMj4o8fuagSy5eho/Jq19LPAz8CNwnk5HyFVbUrrX1JMMM1mRm8C3wGHDyhFiKzOM7+f4m1HJZ+UA+Wugx+O4Ho5riVLyrlh1kKPHky77n2T/47kyKNdXgx6y+iDedjW3FknbpBD2gs8v8Z+8l2Nbck72gwiRHSpgybSM4ypaEvdCttdQeYiSTHHio5O9YwjhYhEhGjOEpnecyJ7TvsspWF1EyNapgRfOzjmR/d2gRGpDc0NOdK4aWMMawEcnmzDsc5+o1PFEfQiXdIx2XaCd+j6fyLT1yLW7hYxn0wnL7TIpecoxxaMsoiM/5VNgskpdHzKdHnSRR8Z9tlOlitdyLUc/mC5ilhJmeUv7O93us63AUuX9hlrQ0kW7W70GFTJAjiFORIToCdrbmm242MmUTE6w1wJfqtSlqjBEVnLSLtf+/mKV47ZfsbEoalQRl/8FGADn0PxwKLc1zAAAAABJRU5ErkJggg==);
}
.icon-rank[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjgzQUExQUREMkU1RjExRUZBMjFERUY4QUQzM0FDOEVEIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjgzQUExQURFMkU1RjExRUZBMjFERUY4QUQzM0FDOEVEIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODNBQTFBREIyRTVGMTFFRkEyMURFRjhBRDMzQUM4RUQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6ODNBQTFBREMyRTVGMTFFRkEyMURFRjhBRDMzQUM4RUQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7j5sDJAAAGfElEQVR42syb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);
}
.icon-ticket[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJEOTA3OUVCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJEOTA3OUZCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkQ5MDc5Q0JDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkQ5MDc5REJDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkpl3W8AAAEiSURBVHja7FXbDYJAEATDP5RAB9KB2gEdaAlYgVoBdCB2gBWIFYgd0IF0cO7qYtZzeXjxkRg3mXDcY+duhj1spZT1zhhYb47fIagA6oU4AXxM7BCBC5gDCnoPADFgYrjxHRGUDuvE5Lk2Mf+UB1mHJEHTQn4Cv4UgAiQt4wVrB9IJtoB1RxJp57km4wxwABxvpFjJhLG6hsfa9VimHqOiuTwH9kW8zxEMlfQMe3rlanKJHpSCH0gwFBKuuhgdlmBB2kkEvlATWJwePevYU/2glxvugSKdPc0P60ng+pTWBroHibYbHkvAqGGM3wAVfUlTOt0dQVs0VXRFklp9Cq2LwOja4AQxk8hjl5ZpXHLZ9MsM2+4Tg0DZUk7w/2V+j+AswABka/HJpMC6fgAAAABJRU5ErkJggg==);
}
.icon-deposit[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkI2NkNFMkY5MkU1RjExRUY4MTM5QzhDNUE4MTY0QUEzIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkI2NkNFMkZBMkU1RjExRUY4MTM5QzhDNUE4MTY0QUEzIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QjY2Q0UyRjcyRTVGMTFFRjgxMzlDOEM1QTgxNjRBQTMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QjY2Q0UyRjgyRTVGMTFFRjgxMzlDOEM1QTgxNjRBQTMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5hgFzjAAAC7UlEQVR42uyaP2gUQRTG5y65LhgEizMhkKAgURBREIszXBH8A8FCVBDUSiyslDSWiYVICGhzvWCQYKEBBRFsjCkECyGCEiJR4ZDTCP4BGxMTv8e+4njMzO6egZu32Q++YocLfL/svJmdfVu4VbtnNouKZhMph81hc9jswpbhSfg9vAqvt9GrnGOSc20o7Ai8CI/CO+CONt+kDs4xyrlGNgp2GH4IdwU6O7s43/D/wnbDd+HOwMuxk3N2x/3Ip6uWmliB78Pf2gi3DT4Dl8SaQnnHWoEtwJcs4yfhxwHczWn4kRijvNfhtbTT+AC8XYzNBAJqOMeMGKO8+1up2aplbCqwWp1KmDsW9rBlbDYw2NmEub2wBcsfvYOXA4Nd5lwStpgGdg+8NfC76spFuXengR2yjL1QAuvKnwr2eVZhZb1+guuBwtY5X+wiZYOlB+weJfXqykf5dyaB1bDlJMlXSQKraXHy5RtqBfYLvBA47ALnTAVb5ppt1pySty5zlrWn7IOtKqxXX86qD7aSMdiKD/aguP4FzyuBnee8Th4Ju0tcv3IdhAPUGud18kjYLZanE02q+3gk7F9xXVIGW/LxFC3nw2YNKoMd9PFI2Nfieh88oAR0gPM6eSTsM8sbiwklsBOc18kjX6VSG/6mmPunTPSe+ImJ+iyhiQCPc85mrTCPE7YB1+ArYvw0W5NqzOM9CIyZqFmkWYvG0hmwwf6Ejyo46fhOQMeYIxaW9MFEHYFxORUCVoPzUu4l2w98vZ7fPBXGeVnvMWF286gx/ZlvkHcBTRJ+nf9TS8rrOP+mIrNyTeNe+Brcp3z7uQF/98HSE8lTE/V7tGsvb6POadyXEVDSkbiabZjwWpOt6k1czf6BT8C3TYoPqgIU7buXkyxQL+FD+daTw+awah4q6HvAi3C/Yra38B1ecL2w9OVYNQM3kzp553zTuDcjoKSzcTX7g8+yWVA9DpZAL8BflYN+hM8nWaAesPOtR6v+CTAAOrylj6ggsPUAAAAASUVORK5CYII=);
}
.icon-personal[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjZBQjRGRDA2MkU1RjExRUZCMDVBQzU3RDNEMUVGRDA1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjZBQjRGRDA3MkU1RjExRUZCMDVBQzU3RDNEMUVGRDA1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NkFCNEZEMDQyRTVGMTFFRkIwNUFDNTdEM0QxRUZEMDUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NkFCNEZEMDUyRTVGMTFFRkIwNUFDNTdEM0QxRUZEMDUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6te2t1AAAF0klEQVR42uSb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);
}
.icon-orderlist[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjdkMmJkNTQ1LThiMTAtNGUwMy1hYzZjLWMzMGVlNDBiNGY0YyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NjRBNDI3Q0YxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NjRBNDI3QkYxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY3ZDkxMjQ4LTY2MmEtNDkzZC1hYjNkLTZmNWFjZjNhZjM2OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA3MTJkZjgwLWFiOGQtNjc0MC1iOTZkLWNhODUyZTBlMmI2ZiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtI9FZQAAAXDSURBVHja7Jt5bBVVFMbn0UJBVgMuQVEIaBM1WjAudYESUQSUaiIW1MTdCi5Y/1BR0AoSkGAUMAENUdldUEDqhiYirghoqYoLVCMtGpP2gSBarKV+p/MNTKfvzb688OYkv7x5M3O3c+8999xz30s0Nzcr2SztlCyXWAGxAmIFZLfkVn060UWyhJJIqJ9yoV4meF/3mWgnV7xuuVLvHfquu25J1/p7q/d1ebctk3VpK6eAb0Ce4f5e0A8kc4/wDv4DvAg68fso0At0I8kjfQpIT48HN4GP2fistAFXgufBLvBG0AqQPHuA9j7kJRN7ErjHQ10vBK9wNAwHNa2MoMcKHgVGgKHgHJAPuuue/wN+ApXgQ/AWqHOQ/1QwmddjwI3gFwfpTwNrdaPgO/A3v//nRQEDwANgHOhi8p4Yn7OIVL4RVIBZ4AuLMu5l46vAZnALLXoZWAisNjEngvfYIdeAT3h/Nngf1LqZApLZPPADuN2i8alEpsXV4HOwGpyU5r0S8Ax7+3JwK3vwL85lUWJvk3KOZuNFCaVgle5ZkqPRsQ0oZA/cDXJ8mN/FYBsYa7h/KVgC6sFl4Hfel0afDlaCkaxLSZppuZbDv5yjxbMneB34CPTx2WB2BivAdN29maCBPb/D8H49bcENrPvLpCef5zA/MXzPgcf9cIVlDV3mk1VPJw+DO3h9LRgNtpi8L/U5g8O8hKNhFBs9mkvdXbZcYYvnw6yGkE/yGVhK76yaWMkurkClNGwVvC8Oz/WgyetmSIzMcp/mu5nI0nQFOJ7XhQ7SykqwgKvMevAljWWD7c2QybM54JiAG1/DuS71WEerLb77meBfB/lU0xfxbTtcxLUzSKmjlRcP7V3Qn/fFmZoQdTxgcsDlNnDY/0yDNcjw/EHQISoFyB76koDL/ZpWfmmassQeXBWVAsaGUG4hh/4Yk3fGRaWA4SFNv042luCcsBWQw11dJkgXurOhKqAvjc8BsD8DlJAftgJOoIW+mK5mXcQK6B22AmTY3QY2gd/oCzRGqIBuQRdg9ATXM2JSwA1HEQMT8yNSgObSPsJtslvZA54FH1gpQBp/LFjDYMVKFlzATUfYso+f54MhLvM4wAjUIrahwmwKdGCjtUjNYDCXo2BDBArQ4gEne8hDttmPMhJVZmUD5tEA6qWUISmxB7+GrIDvGYc41WX6p8Bi+jZi16aZKWC8LiiRamcoa3KxcjiqGrT8SEM8UGl7tGVH1nFPIdvjd8BDtHEpFVDEoZ5O2nNq/MkIURiihbNHuEi7nS59Po25nC9MpzLaGMG+bJxVdKgXjeMFHEpTAlbAEl206GaHaTew0W+CrryXoDLEoG7TK0AMw7c6R2hAigwr2fsK/YTHGLQoDqjxMnyrWPntxI7IYUctXXp9jEGTruzEc8FuTQH68/E8NjTP0PiBKQqbGKACyvn5msPNmRyjSVR5NjdTqUQ6+FVGoppyU6yZDQYFaD2/2vBuv4Aa/4KiHpwMddh4CYc/yelyn42dpiipzMnRWHEIhm8HK99RUYOddmULl+rzHKSTcqoy6QcSexgF2kfX2+7an2Q6OYjtofNYO3M6GI/vptBOtIz4TFHAXs5JCYvLmeOdDtLupoWXxmsHro3czpcYHDtR7hNWEaF0simgxtewkhsV9UBjgcP0Yul3UhEay/jsoOHdg1abITORSs6g9ffrhxWv0/tM8rus2z19yNf2Ft6JAmSFuF9RT4tkbnmJHFdyi/s2v5+tqKG4jj4ptlrnSfqmAE02cxkZRIMjuyw7J0j7uRV9SVEPNbUfODxtY9lyKmuCVIAmX1EBExg+kx6UM4XjFDXiK1a5nr2xlTbEeNx1UQCN9xQRciNNbOBWF2kLlYgl6p/J7cx2BaxyOXIyagp4EbEJg7m6FPiY70YvCphk2AzVhuAFlmfSCJivZJHEf5jIdgUk4r/NxVMgVkCsgFgBsQKyV/4XYAD3FiN/pB5UGwAAAABJRU5ErkJggg==);
}
.icon-market[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjdkMmJkNTQ1LThiMTAtNGUwMy1hYzZjLWMzMGVlNDBiNGY0YyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NjRBNDI3Q0YxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NjRBNDI3QkYxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY3ZDkxMjQ4LTY2MmEtNDkzZC1hYjNkLTZmNWFjZjNhZjM2OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA3MTJkZjgwLWFiOGQtNjc0MC1iOTZk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);
}
.icon-support[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozMkQ2MDExMkQxRTUxMUVEODBDREE3QUJCOEFFOTAyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozMkQ2MDExM0QxRTUxMUVEODBDREE3QUJCOEFFOTAyMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjMyRDYwMTEwRDFFNTExRUQ4MENEQTdBQkI4QUU5MDIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjMyRDYwMTExRDFFNTExRUQ4MENEQTdBQkI4QUU5MDIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7YsGyQAABtFJREFUeNrsnXlsFkUYxuf7uA+rBoOmIEEssWJjAkFMVLTiFRED2iakYKERjxoUSYO20XhUTLSGEK3SGESpBJtC6l8KaKWKRk2w9caoEbUWY1U8WjyCSq3Pmx1ixLA73+7s7rv7vU/yZJp+s7sz+9vZnWNnNjM4OKhEfJSVUyBARAJEgIgESDo09Gg/ZDIZtoleVds4AUEhXAAfo/99ED4A74e71zSs+Itr+t1qtpmj/cgFCE7+FASXwOfC0+BieIzHZgPwXvgTuAveCXcC0oAA8QehBMG18AL4FEu77Yfb4U3wjjjhJAIIIAxHUAlXwzNDPlwv3Aw/CjC9AuS/IOg5tgy+C54Q8bn5A34CXg0w3+c9EMCYg+Ax+PSYb+u/wPfCjQBzKO+AAATVjNbC1zGrAL0NLwWUj/IGCGBMR7AVLmJaK6Xb2EpAeTz1QACjAsFT8MgEtNE2wMsB5s9UAgGMOgQPBNwNNfzegz+Ev4R/hPv0b6N1Q/FUXfrOslBJoPZLGaAcSBUQwHgQQa3PzT+HW+Ht8O5c2g84bpFuVC7WDUs/egu+FMftTwUQnJR6BHf72HQb1XroKsXJ+NtSi38lfL2PW+ZueA7S8XuigeAk3ISgKcfN3oBvR+bfDKlScZKu4t5A2cxh0xfhK2y08GMBgoxfpDMxJIe2wG3wemQ69HFlpG8Wgifhkhw2o3bKrYkDgsxO1A/fcYabvA8vQGa7I+6uGUXdJ7qnwFQVSGdrYoAgk7Thy3Cp4SbPwkts3Z99ppn6z9Yps/EhKslnBrl43ICEMUC1IgcYG+GFccIg6UbgQthkDIV6GTbqC8+6spavNKr3rzaMTg3EZVzGKJCONgTX0AVsEJ0uuCXsgUAN6t8RPDe9AldH8fDOEQp16dQYRn8IF+BYtkB0H9Uig6h07y3nOsSKdD2MoMUg6njKNucSUmdQr6cSQb2pPyneoof8XpPnpe1SkrVUOmiYtcwg6lrAeI05DColVJO60SDq8cryEIKtElJj0ACkt0HuUwkRoFDV3aS9UYMLcggbIHosfLFB1HrbvaYRiDpEvUYQT4Yv5lRCLtNF103fKmfsOlHCBdSD4BmT1jsnICaloymMgZ6I1GAQ5yrcKUbGDkTfOy/3iEZd5+sTCoNKycfKGRNxU0EOvROhlpDpOjFu2oVMfaeSracN4lzAAYjJVdGmkq/nDOLM5gDkPMNukkQLJXwfgs88os3SNc5YgRR7/E4t8k9VOrTL4/dh8NTYgOgH+hSPaJ3cOhADaI9BnKI4S8hkfVW46QuVHpkAmRonkIkGcdIEpMfSOQkNiEkv5w8pAvKzQZwC7kB+zTMgY+IEMsogzqG00DB8WW9snEBEzEqIKAQJEAEicpPRm4tolVMDcK5yXu0v1CAnKae3103Ubd2rH+7UH0Tv+rbbeJs9bCHPNCe+XDndQ6P1v+d7bEbzVV7Xf9O8FZoit/XI3u5Ar5IiYWcrp/v5NEt5pURW6nEGjiDo5NM0CJonb+PtxN/gO5HfRwIDQeKoj3+HYRU3F9HVMxuJ3MMMxggEHcr/5B43NSC/dV5Asi6JozcQt4QAg3Qc3KbnqHPS/SHBINUiv3ODPNRvhk8MMfN0C1zEqHTQm4i3hHyY+iBAro7gPJQzKh3z4BEhH2MmwE/2C6QkgpNwBiMg0zgcxw1IFHPJxzECckJExxkvDcMEKUgt511dX3dTncX2Cwcth91me80IWjEIAqQH9epmj5pLVcqAtCDPfS757QsKRG5ZzCRABIhIgAgQkQARICIBIkBEAkSAiASISIAIEJEAESAi6woyQDVjVW1js0ec4pSdrybk2W2JkElxAqFVcJbm2QVcEfYB4r5lcXrpOqq0DPgF0h9B4jitgRJVWnr9AumKIHGdjIB0RlQK3/ELZFMECdzMCMgLypnfEaa2eS0A6gakxYtmQG1H4tq50NCra98R4iEOmuw/65JAmvVEK412h5A4Wny/klsVCnmmhdbWhbBrWqO4ymQ+TNYjgQSDPutA6w7aWESGINP3RM7nunYv0kXTMGiJ2P2WdvkBfCH2u8UksvHXEdAgormFpcpZdGa4j+JKny7qSMAiyofzO0znl95WP7zI5z0em32lnC+IDuraVBfy+7/bfqI/TswMktdd4lUAKPXaT9SfqxAluKUuOkJD05gp3FqOVXamNAuQABBofjnNoq1S3ittC5CQYVCt7yX4HHmG8FB1GmCkCUhZSvKRGiCFAoSXvmaSjm8EiKNWJul4XoA4om/a7ow5DR02LoxUANFDBfN0O2RfxIentYnXwFfaWJgt49bRJZKHugCRU8BL/wgwAG8BOkF9BvkvAAAAAElFTkSuQmCC);
}
footer .nav[data-v-7c9048fc] {
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
}
footer .nav[data-v-7c9048fc] {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
footer .nav-justified > .nav-link[data-v-7c9048fc],
.nav-justified .nav-item[data-v-7c9048fc] {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
footer .nav-justified .nav-item[data-v-7c9048fc],
.nav-justified > .nav-link[data-v-7c9048fc] {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
}
footer .nav li.nav-item a.nav-link[data-v-7c9048fc]:hover {
  color: #ffffff;
}
footer .nav .nav-item .nav-link span[data-v-7c9048fc] {
  opacity: 0.5;
  color: #ffffff;
}
footer .nav .nav-item .nav-link.active span[data-v-7c9048fc] {
  opacity: 1;
}
footer .nav .nav-item .nav-link.active .icon-home[data-v-7c9048fc] {
  opacity: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRDOTMxQjIyMkU1RjExRUZBQ0FEOUQ3OTg1NTlFOENBIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRDOTMxQjIzMkU1RjExRUZBQ0FEOUQ3OTg1NTlFOENBIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REM5MzFCMjAyRTVGMTFFRkFDQUQ5RDc5ODU1OUU4Q0EiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REM5MzFCMjEyRTVGMTFFRkFDQUQ5RDc5ODU1OUU4Q0EiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7zkfRoAAADJ0lEQVR42uybT0iTYRzHn9kMkszLZqKBHaQtKAhFELtUIARGIFQoebA/dPEi4UU76CGQoSzoFpS3Vhl1SKNLEB30kAgxUox1MCQPXevgIbe+D/seYqzt2bvn2Z7ndT/4INueP7+P7/u87/M87xaIRk6K/RJ1Yh9FTbYmW5NVih7wECTBLsjwb5Lv91RKNmDwanwGxMF5hbIfwF3w2bUjGwaPwJqiqGC5NdYLuyBbD8ZACtzx0HYd66XYTr2tshc5Bh+ApjLbamI7SbZrjewJsATegajmAxFlu0vsp2qyR8As+AL6DV9E+9nPLPutmKwsf4vjatzEuCpwPRhnvze9HqRSKvWCT+AxaK7SvED2+4R59JqQPQYSYBl0WTIZ6mI+CeZXtmyAt4CvYMjSGeAQ8xtjvp5kD/K/Jm8BDZZPeRuYZ4J5lywrZzKDjs3zB5l3SbLXwYijC5sR5q8kewjMOb6Sm6NHUdkroMVx2RZ6FJUd8Mk6fUBFttsnsnk9gjmvWw0m8Ad8B7/BYdCep39d0apyZHUv5vfAU9AHGkEHdzA6+LqPn+9VYulqcg9KTudOgWHwXmT3nf6NXb4/zHLLps9tU7Lz4BzYVCy/yfLzrsm+Arc5Rksd07Lea1dkt8ENkd0u9RIZzoK2XZCdBL/KbEPWv2e77E/wXFNbz9ietbKLHsZpofG7aLPsqubcVm2W3dGc247NsmnNuWVslj2qObdmm2U7NefWabPsJaGww6cYAbZnrWy7xgQvsz2rZ1AxUWQ7UyFk/RkXpovyMX68zDbibMeJVc8omPJYd4r1nVrPToMXIKRYPszy0y4u3mVcA9/AfRD5T5kIP0+xvNHI/bZMxmBfP0T2IZRcwjVStM2kW+4bQVG5aDMsV/JpnBb+iLSK7JZPZLdUZFd8IruiIrvgE9kFFdm3YN1x0XV6KF2gRh2+UBXMP9+k4qPIbom6GJPMP28cCIXyfglUPneRz2IuaFyjmj6iE1x1eZouxii7YbnoBvOMFStYbAYlT4nTXJRfBWfB8Sof7Qzvo/LseymyX+RUusYEFU+RN8TpqP0gwq/xV4ABAFyMjbvmym8wAAAAAElFTkSuQmCC);
}
footer .nav .nav-item .nav-link.active .icon-personal[data-v-7c9048fc] {
  opacity: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjVEMDREQzUzMkU1RjExRUY4MjNEODExQjE2OUI3QkI4IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVEMDREQzU0MkU1RjExRUY4MjNEODExQjE2OUI3QkI4Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NUQwNERDNTEyRTVGMTFFRjgyM0Q4MTFCMTY5QjdCQjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NUQwNERDNTIyRTVGMTFFRjgyM0Q4MTFCMTY5QjdCQjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7mVWKBAAADsklEQVR42uSaTUhUURTHz1hGplGGLiSmCV1UQpYEUdkmIvogC3IRfSkIRRYUbXIjQbUMaRUIuQhM2qQLF+qiLCQykghTK9C0UnFhpKKUNOL0P9wjRCDz3rx737szHvgtBuadd368ee++e86Etm7ZRj5ELigDB8B2EAZpYAGMgF7wAjSBCVNFhAzLbgR3wAWQ7uD7UdAAboEx3cWkGRStAJ9BpUNRku9VynEVySAbArXgEchKMEeWHF8r+bTEipycXN2yd0G1plx7uUa5n627sidAjeacNZLXKln+6dUZuv/rPNwSRmSvgjxDsnmS3wpZzlNleK2u8lqvLtkdIGJYNiLnCVy2hPyJEhtkC3ySLbBBNtsn2WwbZKM+yUZtkB33SXbcBtk+n2T7bJDtkL2pyViQ8wQu+wO0G5Ztl/NY8bp4z7Cs5/w6ZV+CZkOizZLfqi3eZdLfThmTvNbtZ7lZdhRMaso3KfkmbJTl4E7hfjDsMc+w5OnVVZiphttHUAzqQczlsTE5rljykO2yHNPgIigi1TybifP9GflekRw3rbugkE9Nco5VYLdcsbB8/kOqSf4evJXPxmIl+Rcs8koIJNJoGYXJK8vdwHywidQYZIPAXf91pJrfMbk3eev2U+B19TsYArM2yq4m1dDeB/aQGl7p6El9k6XnDXgNusBcELJ85cqEg2CNgV9HRDgun3+B56SmfU1ur3wiT2M+4AY4DzICvAV/g8fgPvik+wEVkeT9sg5mBPy8yZA6+qWuiC7ZK5L0HGmcqul6V5C6+qXOhGV54W8ED0Cm5StLptTZKHW7ekDxEvEUlCbZcnoWrJUHZ9Tplb2dhKKLUSr1O/oZF5K+gXJQUS0ecWWvp8CrJNd/zYns4RR5HT7iRDacIrJhJ7LzKSI770R2MEVkB53ItqaIbKsT2Tpy3yizLWL03793lpL9QqrDl8xRLx6O3qBugtEkFR2V+h1vBKbAKS+dgYBiTuqecrvr6Qanyb+/EXiNqNTbneh+tgWcJM3NLwMxK3W2eN28t5GauwxZKjok9bXp6FRw9ICdpP7pbVM0SF09TnYGboLnMeXgEBgIWHJA6iin+HOkhGQX45nsFS+RmtX4GSNy3kKpw9Wez8tL9kNSXX9+AnYaluyU8+TLeV1vVnRP8XjUcQYcIzUhSPeQi5eRLnm/fUJqJOIpTI4seWLAI8pdpGaum0n1dteTaoj9+xzgFwAedXwFH8A7UiNMK2c9S617HeTxj1o6Y1mNLP8KMADFtLKVoxMBSAAAAABJRU5ErkJggg==);
}
footer .nav .nav-item .nav-link.active .icon-deposit[data-v-7c9048fc] {
  opacity: 1;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkE0NDFFQUFBMkU1RjExRUY5RTQxQjU5QTlFNjg0OTVDIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkE0NDFFQUFCMkU1RjExRUY5RTQxQjU5QTlFNjg0OTVDIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTQ0MUVBQTgyRTVGMTFFRjlFNDFCNTlBOUU2ODQ5NUMiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTQ0MUVBQTkyRTVGMTFFRjlFNDFCNTlBOUU2ODQ5NUMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5asj2OAAACKUlEQVR42uzaPS9DYRQH8Fsvm7Zhok2RVKJiERExtL2aBkMTH0DCJJFYrAazGE1mEbvBJP0C9iaCRUOIMjCwKOX/pGcQ3HNvXxI9p/ck/61tzi/P2729N5AYHbPapTqsNiof62N9rF7sALKLFJEK8vmPqVAfu9RXU7E55BzZQIaQwD8PUoD62KC+cs3CZpEjJNSiszNE/WUbxYaRA6S7xZdjN/UZbgRrpklEyP4ToX7rwpp1sSZsw13j9hMOOyloVL+P7mQ92IzQ4zRTDzYpFJusFWvmfUooNu20bp2w40ifUGwv9e8ZK3VU2f6dsLZwrF0LNikcm/SKjSNR4dgoOVyx0tero6PtsWklWNsN24+MKMHGyeOItS1dZXPYlDJsisNOK8NOc9iEMmyCwwaVYYNe72fV1U9sSZmvxGELyrAFDptXhs1z2EOkrARaJo8j9g7ZU4LdIw+7G28hF8Khl+Rwvet5QebpC1Khc+RwxZq6RqaQbUHHUYn6naL+f1XAw6tBncigVf2ro6sFke/ILQE/uA96ad78wBVF1RVUW10uqi6naWzW5yYSE2wzx+cO8sRhzUOhE8vheYmwmkAWuGkcUwK16HqBXbP3yKPGu56/pvEbsmhVX6jqFww1R+W6lw3qFJnxjx4f62PFXFT0IKvIsGDbGbJPGy6LPUZmFQymefyxzE3jqBKoqSW3NfuMvCrB3rhhDXQFeRAOLZKjpn8q/KNHYn0JMAA11Wu+VWqargAAAABJRU5ErkJggg==);
}
footer .nav .nav-item .nav-link.active .icon-support[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAydpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OTVCMUVCQUQxRTUxMUVEODBDREE3QUJCOEFFOTAyMyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OTVCMUVCQkQxRTUxMUVEODBDREE3QUJCOEFFOTAyMyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5NUIxRUI4RDFFNTExRUQ4MENEQTdBQkI4QUU5MDIzIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5NUIxRUI5RDFFNTExRUQ4MENEQTdBQkI4QUU5MDIzIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+RAin1gAABjNJREFUeNrs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);
}
footer .nav .nav-item .nav-link.active .icon-rank[data-v-7c9048fc] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADsAAAA7CAYAAADFJfKzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LjE3MWMyN2ZhYiwgMjAyMi8wOC8xNi0yMjozNTo0MSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjAgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhEOUYwOTQ1MkU1RjExRUY5NEJGODc2MDA2MUUzMkYyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhEOUYwOTQ2MkU1RjExRUY5NEJGODc2MDA2MUUzMkYyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEQ5RjA5NDMyRTVGMTFFRjk0QkY4NzYwMDYxRTMyRjIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEQ5RjA5NDQyRTVGMTFFRjk0QkY4NzYwMDYxRTMyRjIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz555ByyAAAFFElEQVR42tSbeYhVZRjGv3u9lW1mzkyLDTmNhbYj2UYLNjlSlCJiGQhpEYLJgH9VUEFUtP8REUlSWYZhKqUZpZFC0UKTVsJEI2ZFRqajhVlO5Uz2vNznwNfhnDvnW+/1hYd7vzP3LL/zLe9yzpTGjztbBbAjoDHQGdCZUBs0FmqHWqFj+bufoR5oI7QC2qUCWskB9miCtPNTYM7i5+nQMMPjDUBLoPtDQReFPRG6DrocupBwowN1wF5oLvS27wNXhvi79Np90C3syRjWBK2B5kOLY8CWoIXQo9BRKr6Voec5FRaFhJUTvATdqupvz/Fzka87mLZnGgRUB54fAlbm5p2q8cwL8LDm5pbk+3HQOs0HNprdAO2GNvno2TugFtXY5tTD+gI11/OFvQ71au17PK3s1otWAtvKYMGnLYdWa+2FHt2YFXAyjCeow88E+DabnvWVDWyFVkEfU7pNg66AZkATPZ3vBegfaJkJrGuc+yPUBa2FDuX85kNKorLJ0ItMGFxd51J+X1Z0GJ/qcMIe9tRbNUDT9j50CbTNU6wgwLNNFigbkyE0E+pLnXwSdBFd2SD0HbSeIyCxXdz3C4t00KqHK449u4bzVGk3TQKTc3N+v5oR2k4GMXJT/oRGeOzhXGDXOftpqv1YDVCx6Vz5X2Vw0BQgW8oFFthRDv7vt1S7yE0bwxw5ZHqYCSx/OMXhwCel2uLk/20AH5y5aJUd3c7kVHsldB70MPQe9EMd4YVtiX6NFUe30wl1qGp1MLFvVLVolphUGts4ly+GroUujQQs534NOgfa4zqMxd4gdJ4dpD+Vlfhe6DJoPPRKJGBxfw8mXX2a48FO4JAVzeKCVySslCxrTiRgSV9PrnjoWX1IdzKK+h76mnN2K793QwdS+yxlvDwvwnC+yXXOZplUJtsp3f7i/Llb5o+2/ekIsGIdrquxiQ2HbofeTW2XBe1Xw2PJ6PnbcJ/zyxm+0sZ2GPx2Ykb5Z7/B/t3sIKmVPWCw3+iyGvqpQC3bwBCwzaBqIEWzvaltzQagU6BfmGA8lLEO1Mx6BixBJYC4WWt3MXy8q8YN7OfKqAcaE1SximYCuk/b1sTpUShDk4v6iU7X1GYwJ+1me5B+VHpYiuxX0q0dYpbzCfRyxpDvsgQ9RlWLeuWC17tNYL+0hJUcdAUjou3adrl5jxQ8xvQCdaQ8UHnKd43B9X5WZv5pa5LBfARdb+GeFvBmxQAVW1tmGLffAViCkndYiZjJpDzPWulTv4KepbOPASojb4PA/gE96cH9TOGiJRfXyzmbdk8ieRR5QcQeVcyfB5PJ/ZT6f/XeNbUal+FOjjd0L75AZeQuV9pK1s8h+Hudk27foFuU9lhHX7YlWJ9GcB+2mIlAohGRQXuYmOxLF9wS+wC6kSdwfYeipY492sOiQl96fqVtI4H7D9OhmwmqakQfsYCjgaohQq3QwFFBh4INCZwFeiRj3SCgRWBDAG/KAV3F8wQBLQrrG3hODujUkKAmsD6Bd3oC/dYE1BTWF/ATTLil5PqmJeh2zu0+k51sX8HtcAw8BpgPlyxBJzFvNg7abcy1hyuxQV1g6xFpOYG6wsYEdgb1ARsD2AuoL9iQwN5AfcKGAPYK6htWBz7geJxe36AhYBPgq1X1saWNSZXyKt+goWDFNqvqW66Pq+p7TkVMKo/ylE9q0HtCXFQp0H9s6TZSVYt5nbwBrQwoDrL3P1fVVwHXc1sw+0+AAQADY0Vd7SQdUAAAAABJRU5ErkJggg==);
}
footer .nav .nav-item .nav-link[data-v-7c9048fc] {
  text-align: center;
  background: transparent;
  align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  height: 100%;
  position: relative;
}
footer .nav-fill .nav-item .nav-link[data-v-7c9048fc],
.nav-justified .nav-item .nav-link[data-v-7c9048fc] {
  width: 100%;
}
footer .nav-link[data-v-7c9048fc] {
  display: block;
  padding: 5px 0px 3px;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
footer .nav .nav-item .nav-link span .nav-text[data-v-7c9048fc] {
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}
footer .nav .nav-item .nav-link span[data-v-7c9048fc] {
  line-height: 13px;
  font-size: 10px;
  display: block;
  vertical-align: middle;
}
.close2[data-v-7c9048fc] {
  background: #1e9fff;
  position: fixed;
  color: #ffffff;
  width: 35px;
  height: 35px;
  top: 20px;
  left: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.livechat-iframe[data-v-7c9048fc] {
  background: #232323;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.livechat-iframe a.close[data-v-7c9048fc] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
iframe[data-v-7c9048fc] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: 100vh;
  /* Viewport-relative units */
  width: 100vw;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-2e96bc6c] {
  width: 25%;
}
.h-25[data-v-2e96bc6c] {
  height: 25%;
}
.w-50[data-v-2e96bc6c] {
  width: 50%;
}
.h-50[data-v-2e96bc6c] {
  height: 50%;
}
.w-75[data-v-2e96bc6c] {
  width: 75%;
}
.h-75[data-v-2e96bc6c] {
  height: 75%;
}
.w-100[data-v-2e96bc6c] {
  width: 100%;
}
.h-100[data-v-2e96bc6c] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-2e96bc6c] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-2e96bc6c] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-2e96bc6c] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-2e96bc6c] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-2e96bc6c],
body[data-v-2e96bc6c] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-2e96bc6c] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-2e96bc6c] {
  background: #e75142 !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-2e96bc6c] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-2e96bc6c] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-2e96bc6c] {
  font-weight: 700;
  color: #EFBC2F;
  font-size: 15px;
}
.detail[data-v-2e96bc6c] {
  line-height: 24px;
}
.line-ellipsis[data-v-2e96bc6c] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-2e96bc6c] {
  margin-left: 7px;
}
.active_btm[data-v-2e96bc6c] {
  background: -webkit-linear-gradient(#E6DE9A, #CEC067);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.active_btm[data-v-2e96bc6c]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #EFBC2F;
  background-image: linear-gradient(to bottom, #E6DE9A, #CEC067);
}
.container[data-v-2e96bc6c] {
  overflow-x: overlay;
}
.container > div[data-v-2e96bc6c] {
  white-space: nowrap;
  display: flex;
  justify-content: space-around;
}
.flex-box-center-column[data-v-2e96bc6c] {
  color: #ffffff;
}
.flex-box-center-column div[data-v-2e96bc6c] {
  min-width: 100px;
  text-align: center;
}
.flex-box-center[data-v-2e96bc6c] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-2e96bc6c] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-2e96bc6c] {
  color: #838898;
}
.up-case[data-v-2e96bc6c] {
  text-transform: uppercase;
}
.active_btm[data-v-2e96bc6c] {
  margin-top: 0;
}
.trade_history_list ul li[data-v-2e96bc6c] {
  height: 90px;
}
.trade_history_list ul[data-v-2e96bc6c],
.trade_history_list ul li[data-v-2e96bc6c] {
  /* padding: 0 !important; */
  background: rgba(0, 0, 0, 0.376);
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
.trade_history_list ul[data-v-2e96bc6c] {
  border-bottom: 0;
}
.trade_history_list ul li article span[data-v-2e96bc6c] {
  margin-top: 3.84px;
  z-index: 6 !important;
}
.trade_history_list p[data-v-2e96bc6c],
.trade_history_list ul li section:nth-of-type(1) p[data-v-2e96bc6c]:nth-of-type(3) {
  color: #ffffff;
}
@media (max-width: 360px) {
.buy-btn[data-v-2e96bc6c] {
    font-size: 10px;
}
}
.order-detail1[data-v-2e96bc6c] {
  background: #27201f;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 td[data-v-2e96bc6c],
.order-detail1 th[data-v-2e96bc6c] {
  border-top: 1px solid rgba(255, 255, 255, 0.376);
  border-bottom: 1px solid rgba(255, 255, 255, 0.376);
  margin: 20px;
  padding: 20px 30px;
}
.order-detail1 a.close[data-v-2e96bc6c] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.product > div[data-v-2e96bc6c] {
  padding: 20px;
  text-align: center;
  background: rgba(31, 31, 29, 0.396);
  border-radius: 12px;
  margin: 20px auto;
  height: calc(100% - 60px);
}
.product-icon[data-v-2e96bc6c] {
  width: 25px;
}
table[data-v-2e96bc6c] {
  margin-top: 20px;
}
table[data-v-2e96bc6c] > :not(:first-child) {
  border-top: 2px solid #999999;
}
table tbody[data-v-2e96bc6c] {
  /*
  height: 300px;
  overflow-y: scroll; */
}
table td td[data-v-2e96bc6c]:first-child {
  text-align: left;
  padding-left: 20px;
  width: 1%;
}
table tr[data-v-2e96bc6c] {
  height: 65px;
}
table tr[data-v-2e96bc6c]:hover {
  cursor: pointer;
}
table tr th[data-v-2e96bc6c],
table tr td[data-v-2e96bc6c] {
  text-align: center;
  border: none !important;
  width: 1%;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0%;
  font-size: 12px;
}
table tr th[data-v-2e96bc6c] {
  font-size: 14px;
}
table tr td.text-success[data-v-2e96bc6c] {
  text-align: right;
  color: #14edb4 !important;
  font-weight: bolder;
  font-size: 14px;
}
table tr td.text-success span[data-v-2e96bc6c] {
  font-weight: normal;
}
table tr td.text-danger[data-v-2e96bc6c] {
  text-align: right;
  color: #e75142 !important;
  font-weight: bolder;
  font-size: 16px;
}
table tr td.text-danger span[data-v-2e96bc6c] {
  font-weight: normal;
}
.buy-btn[data-v-2e96bc6c] {
  background: #766f63;
  border-radius: 12px;
  font-size: 12px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-9a63f3d4] {
  width: 25%;
}
.h-25[data-v-9a63f3d4] {
  height: 25%;
}
.w-50[data-v-9a63f3d4] {
  width: 50%;
}
.h-50[data-v-9a63f3d4] {
  height: 50%;
}
.w-75[data-v-9a63f3d4] {
  width: 75%;
}
.h-75[data-v-9a63f3d4] {
  height: 75%;
}
.w-100[data-v-9a63f3d4] {
  width: 100%;
}
.h-100[data-v-9a63f3d4] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-9a63f3d4] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-9a63f3d4] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-9a63f3d4] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-9a63f3d4] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.fix-height-top[data-v-9a63f3d4] {
  position: relative;
  height: 100px;
}
.logo-small[data-v-9a63f3d4] {
  width: 34px;
  height: 34px;
  background: #644FF5;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
}
.logo-small img[data-v-9a63f3d4] {
  width: 34px;
  height: 34px;
}
.head-title[data-v-9a63f3d4] {
  font-size: 15px;
  font-weight: normal;
  color: #000000;
  display: block;
  margin: auto;
}
.back-btn[data-v-9a63f3d4] {
  font-size: 20px;
  color: #000000;
  z-index: 999;
}
.lang-btn[data-v-9a63f3d4] {
  font-size: 20px;
  color: #ffffff;
  z-index: 999;
}
.header-fixed-top[data-v-9a63f3d4] {
  padding-top: 54px;
  width: 100%;
  position: relative;
}
.with-logo[data-v-9a63f3d4] {
  margin-right: auto !important;
  margin-left: auto !important;
}
.without-logo[data-v-9a63f3d4] {
  margin-left: 0.5rem !important;
  margin-right: auto !important;
}
#mainNav[data-v-9a63f3d4] {
  background: #DDE5FA;
  height: 54px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
}
#mainNav .navbar-brand[data-v-9a63f3d4] {
  color: #000000;
  font-weight: 800;
}
#mainNav .navbar-brand img[data-v-9a63f3d4] {
  max-height: 55px;
}
#mainNav .header-list li a[data-v-9a63f3d4] {
  color: #000000;
  text-decoration: none;
}
#mainNav .header-list li a svg[data-v-9a63f3d4] {
  font-size: 1.3rem;
}
#mainNav .header-list li a img[data-v-9a63f3d4] {
  width: 24px;
}
.triangle-pointer[data-v-9a63f3d4] {
  position: absolute;
  top: -10%;
  right: 35%;
  z-index: 1002;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #8ba9f7;
}
.language-menu-wrapper[data-v-9a63f3d4] {
  position: absolute;
  width: 150px;
  top: 125%;
  right: -200%;
  background: #232323;
  transition: all 0.3s ease-in-out;
  display: none;
  box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.25);
  border-top: 3px solid #8ba9f7;
  color: #dee2e6;
}
ul.language-list[data-v-9a63f3d4] {
  list-style: none;
  text-align: center;
  width: 100%;
  z-index: 2;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
ul.language-list li.language-list-item[data-v-9a63f3d4] {
  padding: 0.5rem 1.5rem;
  font-size: 18px;
}
ul.language-list li.language-list-item[data-v-9a63f3d4]:hover {
  color: #8ba9f7;
}
.language-btn:hover .language-menu-wrapper[data-v-9a63f3d4] {
  display: block;
  cursor: pointer;
}
.notify_bell[data-v-9a63f3d4] {
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #f6e174;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.sidenav[data-v-9a63f3d4] {
  height: 100vh;
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0 0 4px #ffffff;
}
.sidenav a[data-v-9a63f3d4] {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #838898;
  display: block;
  transition: 0.3s;
}
.sidenav a[data-v-9a63f3d4]:hover {
  color: #f1f1f1;
}
span.open_btn[data-v-9a63f3d4] {
  color: #000000;
  font-size: 20px;
  cursor: pointer;
}
.sidenav .closebtn[data-v-9a63f3d4] {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
@media screen and (max-height: 450px) {
.sidenav[data-v-9a63f3d4] {
    padding-top: 15px;
}
.sidenav a[data-v-9a63f3d4] {
    font-size: 18px;
}
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-daa34a8e] {
  width: 25%;
}
.h-25[data-v-daa34a8e] {
  height: 25%;
}
.w-50[data-v-daa34a8e] {
  width: 50%;
}
.h-50[data-v-daa34a8e] {
  height: 50%;
}
.w-75[data-v-daa34a8e] {
  width: 75%;
}
.h-75[data-v-daa34a8e] {
  height: 75%;
}
.w-100[data-v-daa34a8e] {
  width: 100%;
}
.h-100[data-v-daa34a8e] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-daa34a8e] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-daa34a8e] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-daa34a8e] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-daa34a8e] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
ul[data-v-daa34a8e] {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.listing-announcement[data-v-daa34a8e] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0px 0px;
}
.listing-announcement[data-v-daa34a8e] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0px 0px;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}
.listing-announcement li[data-v-daa34a8e] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.announcement-details[data-v-daa34a8e] {
  display: flex;
  flex-direction: column;
}
.announcement-details .top[data-v-daa34a8e] {
  display: flex;
  justify-content: space-between;
}
.announcement-details .details[data-v-daa34a8e] {
  margin-top: 20px;
  font-size: 14px;
}

.van-popup {
  background: rgba(0, 0, 0, 0);
}

.pageContent[data-v-1ef1d90f] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-1ef1d90f] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-1ef1d90f] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-1ef1d90f] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-1ef1d90f] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.kong[data-v-1ef1d90f] {
  width: 100%;
  height: 6px;
  background: #F2F4F5;
  margin-bottom: 20px;
}
.itemTiel[data-v-1ef1d90f] {
  margin: 0 16px 10px;
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.baseCoinView[data-v-1ef1d90f] {
  margin: 0 16px 30px;
  padding: 0 16px;
  border-radius: 8px;
  background: #F5F7F6;
  display: flex;
}
.baseCoinView .left[data-v-1ef1d90f] {
  display: flex;
  flex: 1;
  padding: 10px 0;
}
.baseCoinView .left .iconView[data-v-1ef1d90f] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.baseCoinView .left .iconView .icon[data-v-1ef1d90f] {
  width: 24px;
  height: 24px;
}
.baseCoinView .left .baseCoin[data-v-1ef1d90f] {
  line-height: 24px;
  margin-right: 6px;
}
.baseCoinView .left .test[data-v-1ef1d90f] {
  line-height: 24px;
}
.baseCoinView .left .inp[data-v-1ef1d90f] {
  height: 20px;
  text-align: left;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding: 0;
  outline: none;
}
.baseCoinView .left_address[data-v-1ef1d90f] {
  flex: 1;
  padding: 10px 16px 10px 0;
  word-break: break-all;
}
.baseCoinView .right[data-v-1ef1d90f] {
  float: right;
  display: flex;
  padding: 10px 0;
  align-items: center;
}
.baseCoinView .right .iconView[data-v-1ef1d90f] {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baseCoinView .right .iconView .icon[data-v-1ef1d90f] {
  width: 12px;
  height: 12px;
}
.baseCoinView .right .baseCoin[data-v-1ef1d90f] {
  padding-right: 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.baseCoinView .right .max[data-v-1ef1d90f] {
  border-left: 1px solid #EDEDED;
  padding-left: 8px;
  color: #644FF5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.baseCoinView .right .iconView_address[data-v-1ef1d90f] {
  width: 24px;
  display: flex;
  justify-content: right;
  align-items: center;
  padding-left: 8px;
  border-left: 1px solid #EDEDED;
}
.baseCoinView .right .iconView_address .icon[data-v-1ef1d90f] {
  width: 24px;
  height: 24px;
}
.line[data-v-1ef1d90f] {
  margin: 20px 16px;
  height: 1px;
  background: #EDEDED;
}
.feeCiew[data-v-1ef1d90f] {
  margin: 0 16px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feeCiew .left[data-v-1ef1d90f] {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.feeCiew .right[data-v-1ef1d90f] {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.from[data-v-1ef1d90f] {
  display: flex;
  margin: 0 16px;
  padding: 0 16px;
  height: 44px;
  border-radius: 8px;
  background: #F2F4F5;
}
.from .left[data-v-1ef1d90f] {
  float: left;
  line-height: 44px;
}
.from .right[data-v-1ef1d90f] {
  flex: 1;
  padding-left: 4px;
}
.FoobtnView[data-v-1ef1d90f] {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 16px 16px;
}
.FoobtnView .btn_[data-v-1ef1d90f] {
  padding: 0;
  border: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 8px;
  background: #644FF5;
  font-size: 14px;
  font-weight: 500;
}
.FoobtnView .btnDisable[data-v-1ef1d90f] {
  background: #666666;
  opacity: 0.6;
}
.popupView[data-v-1ef1d90f] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-1ef1d90f] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-1ef1d90f] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-1ef1d90f] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-1ef1d90f] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-1ef1d90f] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-1ef1d90f] {
  height: 200px;
  padding-top: 16px;
  overflow-y: auto;
}
.popupView .popupContent .list[data-v-1ef1d90f] {
  padding: 0 6.5px;
}
.popupView .popupContent .list .item[data-v-1ef1d90f] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 12px 16px;
}
.popupView .popupContent .list .item .iconView[data-v-1ef1d90f] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .iconView .icon[data-v-1ef1d90f] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .coinName[data-v-1ef1d90f] {
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin: 0 10px 0 12px;
}
.popupView .popupContent .list .item .text[data-v-1ef1d90f] {
  color: #3F3F66;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 157.143% */
}
.popupView .popupContent .list .itemActive[data-v-1ef1d90f] {
  border: 1px solid #644FF5;
}
.popupView .popupContent .list .itemActive .iconViewActive[data-v-1ef1d90f] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}
.popupView_address[data-v-1ef1d90f] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView_address .topLine[data-v-1ef1d90f] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView_address .header[data-v-1ef1d90f] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView_address .header .left[data-v-1ef1d90f] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView_address .header .right .iconView[data-v-1ef1d90f] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView_address .header .right .iconView .icon[data-v-1ef1d90f] {
  width: 16px;
  height: 16px;
}
.popupView_address .popupContent[data-v-1ef1d90f] {
  height: 300px;
  padding-top: 16px;
  overflow-y: auto;
}
.popupView_address .popupContent .list[data-v-1ef1d90f] {
  padding: 0 16px;
}
.popupView_address .popupContent .list .item[data-v-1ef1d90f] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
}
.popupView_address .popupContent .list .item .left[data-v-1ef1d90f] {
  float: left;
  width: 30px;
}
.popupView_address .popupContent .list .item .left .iconView[data-v-1ef1d90f] {
  width: 30px;
  height: 30px;
}
.popupView_address .popupContent .list .item .left .iconView .icon[data-v-1ef1d90f] {
  width: 30px;
  height: 30px;
}
.popupView_address .popupContent .list .item .right[data-v-1ef1d90f] {
  flex: 1;
  padding-left: 12px;
  min-width: 0;
}
.popupView_address .popupContent .list .item .right .coinName[data-v-1ef1d90f] {
  color: #1F1F1F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}
.popupView_address .popupContent .list .item .right .address[data-v-1ef1d90f] {
  width: 100%;
  color: #1F1F1F;
  word-break: break-all;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.popupView_address .popupContent .list .itemActive[data-v-1ef1d90f] {
  border: 1px solid #644FF5;
}
.popupView_address .popupContent .list .itemActive .iconViewActive[data-v-1ef1d90f] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}

.van-popup {
  background: rgba(0, 0, 0, 0);
}

.pageContent[data-v-b273b49e] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-b273b49e] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-b273b49e] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-b273b49e] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-b273b49e] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.list[data-v-b273b49e] {
  position: fixed;
  left: 0;
  right: 0;
  top: 44px;
  bottom: 56px;
  padding: 16px 16px 80px;
  overflow-y: auto;
}
.list .item[data-v-b273b49e] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
}
.list .item .left[data-v-b273b49e] {
  float: left;
  width: 30px;
}
.list .item .left .iconView[data-v-b273b49e] {
  width: 30px;
  height: 30px;
}
.list .item .left .iconView .icon[data-v-b273b49e] {
  width: 30px;
  height: 30px;
}
.list .item .right[data-v-b273b49e] {
  flex: 1;
  padding-left: 12px;
  min-width: 0;
}
.list .item .right .coinName[data-v-b273b49e] {
  color: #1F1F1F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}
.list .item .right .address[data-v-b273b49e] {
  width: 100%;
  color: #1F1F1F;
  word-break: break-all;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.list .item .right .options[data-v-b273b49e] {
  display: flex;
  justify-content: right;
  align-items: center;
}
.list .item .right .options .iconView[data-v-b273b49e] {
  width: 16px;
  height: 16px;
}
.list .item .right .options .iconView .icon[data-v-b273b49e] {
  width: 16px;
  height: 16px;
}
.list .item .right .options .iconView[data-v-b273b49e]:nth-child(1) {
  margin-right: 12px;
}
.list .itemActive[data-v-b273b49e] {
  border: 1px solid #644FF5;
}
.list .itemActive .iconViewActive[data-v-b273b49e] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}
.noData[data-v-b273b49e] {
  padding: 103px 0 0 0;
  width: 146px;
  margin: 0 auto;
}
.noData .iconView[data-v-b273b49e] {
  width: 146px;
  height: 146px;
  margin: 0 auto 20px;
}
.noData .iconView .icon[data-v-b273b49e] {
  width: 146px;
  height: 146px;
}
.noData .text[data-v-b273b49e] {
  color: #908F8F;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.FoobtnView[data-v-b273b49e] {
  background: #FFFFFF;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 16px 16px;
}
.FoobtnView .btn_[data-v-b273b49e] {
  padding: 0;
  border: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 8px;
  background: #644FF5;
  font-size: 14px;
  font-weight: 500;
}
.popupView[data-v-b273b49e] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-b273b49e] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-b273b49e] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-b273b49e] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-b273b49e] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-b273b49e] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-b273b49e] {
  padding: 16px;
  margin-bottom: 32px;
}
.popupView .popupContent .message[data-v-b273b49e] {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.popupView .btnView[data-v-b273b49e] {
  display: flex;
  padding: 0 16px;
}
.popupView .btnView .item[data-v-b273b49e] {
  flex: 1;
}
.popupView .btnView .item .btn[data-v-b273b49e] {
  width: 100%;
  border-radius: 4px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
  font-weight: 400;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.popupView .btnView .Cancel[data-v-b273b49e] {
  padding-right: 8px;
}
.popupView .btnView .Cancel .btn[data-v-b273b49e] {
  background: #F7F7F7;
  color: #000;
}
.popupView .btnView .sure[data-v-b273b49e] {
  padding-left: 8px;
}
.popupView .btnView .sure .btn[data-v-b273b49e] {
  color: #FFFFFF;
  background: #644FF5;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-59fd2c90] {
  width: 25%;
}
.h-25[data-v-59fd2c90] {
  height: 25%;
}
.w-50[data-v-59fd2c90] {
  width: 50%;
}
.h-50[data-v-59fd2c90] {
  height: 50%;
}
.w-75[data-v-59fd2c90] {
  width: 75%;
}
.h-75[data-v-59fd2c90] {
  height: 75%;
}
.w-100[data-v-59fd2c90] {
  width: 100%;
}
.h-100[data-v-59fd2c90] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-59fd2c90] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-59fd2c90] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-59fd2c90] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-59fd2c90] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
ul.menu_listing .menu_item[data-v-59fd2c90] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing li[data-v-59fd2c90] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
ul.menu_listing input[data-v-59fd2c90] {
  color: #eadc85;
  box-shadow: 0 0 5px #EFBC2F;
}
.b-none[data-v-59fd2c90] {
  border: none !important;
}
.form-control[data-v-59fd2c90],
.form-control[data-v-59fd2c90]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #1f1f1d;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.p10[data-v-59fd2c90] {
  margin: 0 0 0 10px;
}
.error_message[data-v-59fd2c90] {
  color: #e75142;
  font-size: 12px;
  margin: 5px auto 0 0;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-3fb7fe5c] {
  width: 25%;
}
.h-25[data-v-3fb7fe5c] {
  height: 25%;
}
.w-50[data-v-3fb7fe5c] {
  width: 50%;
}
.h-50[data-v-3fb7fe5c] {
  height: 50%;
}
.w-75[data-v-3fb7fe5c] {
  width: 75%;
}
.h-75[data-v-3fb7fe5c] {
  height: 75%;
}
.w-100[data-v-3fb7fe5c] {
  width: 100%;
}
.h-100[data-v-3fb7fe5c] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-3fb7fe5c] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-3fb7fe5c] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-3fb7fe5c] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-3fb7fe5c] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-3fb7fe5c] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-3fb7fe5c] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-3fb7fe5c] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-3fb7fe5c] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-3fb7fe5c] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.kong[data-v-3fb7fe5c] {
  width: 100%;
  height: 6px;
  background: #F2F4F5;
}
.baseCoinView[data-v-3fb7fe5c] {
  margin: 16px 16px 20px;
  padding: 0 16px;
  display: flex;
  height: 44px;
  justify-content: space-between;
  align-items: center;
  border-radius: 8px;
  background: #F2F4F5;
  color: #000;
  font-size: 14px;
  font-weight: 500;
}
.baseCoinView .left[data-v-3fb7fe5c] {
  font-size: 12px;
}
.baseCoinView .right[data-v-3fb7fe5c] {
  display: flex;
  justify-content: right;
  align-items: center;
}
.baseCoinView .right .iconView[data-v-3fb7fe5c] {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baseCoinView .right .iconView .icon[data-v-3fb7fe5c] {
  width: 20px;
  height: 20px;
}
.chainView[data-v-3fb7fe5c] {
  padding: 0 16px;
  margin-bottom: 20px;
  display: flex;
  height: 44px;
}
.chainView .itemView[data-v-3fb7fe5c] {
  flex: 1;
}
.chainView .itemView .item[data-v-3fb7fe5c] {
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  border-radius: 12px;
  background: #F2F4F5;
  color: #3F3F66;
  font-size: 14px;
  font-weight: 600;
}
.chainView .itemView .itemActive[data-v-3fb7fe5c] {
  color: #FFFFFF;
  background: #644FF5;
}
.chainView .itemView[data-v-3fb7fe5c]:nth-child(1) {
  padding-right: 8px;
}
.chainView .itemView[data-v-3fb7fe5c]:nth-child(2) {
  padding-left: 8px;
}
.card[data-v-3fb7fe5c] {
  margin: 0 16px;
  padding: 20px 16px;
  border-radius: 14px;
  background: #F7F7F7;
  border: 0;
}
.card .addressView[data-v-3fb7fe5c] {
  margin: 0 auto 20px;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  overflow: hidden;
}
.card .addressView .addressIconView[data-v-3fb7fe5c] {
  width: 120px;
  height: 120px;
  position: relative;
}
.card .addressView .addressIconView .addressIcon[data-v-3fb7fe5c] {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .addressView .addressIconView .addressIcon .icon_loading[data-v-3fb7fe5c] {
  width: 80px;
  height: 80px;
}
.card .addressIcon_input[data-v-3fb7fe5c] {
  margin: 0 auto 20px;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.card .addressIcon_input .clearImage[data-v-3fb7fe5c] {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 500;
  width: 20px;
  height: 20px;
}
.card .addressIcon_input .clearImage .icon[data-v-3fb7fe5c] {
  width: 20px;
  height: 20px;
}
.card .addressIcon_input .fileInput[data-v-3fb7fe5c] {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  background: red;
  opacity: 0;
}
.card .addressIcon_input .iconView[data-v-3fb7fe5c] {
  display: block;
  width: 120px;
  height: 120px;
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .addressIcon_input .icon[data-v-3fb7fe5c] {
  width: 20px;
  height: 20px;
}
.card .DepositAddress .title[data-v-3fb7fe5c] {
  color: #908F8F;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin-bottom: 8px;
}
.card .DepositAddress .con[data-v-3fb7fe5c] {
  display: flex;
}
.card .DepositAddress .con .left[data-v-3fb7fe5c] {
  flex: 1;
  word-break: break-all;
  padding-right: 16px;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.card .DepositAddress .con .right[data-v-3fb7fe5c] {
  float: right;
  width: 36px;
  height: 28px;
  border-radius: 8px;
  background: rgba(100, 79, 245, 0.15);
  display: flex;
  justify-content: center;
  align-items: center;
}
.card .DepositAddress .con .right .icon[data-v-3fb7fe5c] {
  width: 20px;
  height: 20px;
}
.card .line[data-v-3fb7fe5c] {
  margin: 20px 0;
  width: 100%;
  height: 1px;
  background: #EDEDED;
}
.card .addressIcon .add[data-v-3fb7fe5c] {
  width: 32px;
  height: 32px;
}
.card .UploadPaymentProof[data-v-3fb7fe5c] {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.RechargeAmount[data-v-3fb7fe5c] {
  margin: 20px 16px 10px;
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.from[data-v-3fb7fe5c] {
  display: flex;
  margin: 0 16px;
  padding: 0 16px;
  height: 44px;
  border-radius: 8px;
  background: #F2F4F5;
}
.from .left[data-v-3fb7fe5c] {
  float: left;
  line-height: 44px;
}
.from .right[data-v-3fb7fe5c] {
  flex: 1;
  padding-left: 4px;
}
.from .right .inp[data-v-3fb7fe5c] {
  height: 44px;
  text-align: left;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  margin: 0;
  padding: 0;
  outline: none;
}
.btnView[data-v-3fb7fe5c] {
  margin: 16px;
}
.btnView .btn_[data-v-3fb7fe5c] {
  padding: 0;
  border: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 8px;
  background: #644FF5;
  font-size: 14px;
  font-weight: 500;
}
.btnView .btnDisable[data-v-3fb7fe5c] {
  opacity: 0.6;
  background: #333333;
}
.popupView[data-v-3fb7fe5c] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-3fb7fe5c] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-3fb7fe5c] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-3fb7fe5c] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-3fb7fe5c] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-3fb7fe5c] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-3fb7fe5c] {
  height: 200px;
  padding-top: 16px;
  overflow-y: auto;
}
.popupView .popupContent .list[data-v-3fb7fe5c] {
  padding: 0 6.5px;
}
.popupView .popupContent .list .item[data-v-3fb7fe5c] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 12px 16px;
}
.popupView .popupContent .list .item .iconView[data-v-3fb7fe5c] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .iconView .icon[data-v-3fb7fe5c] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .coinName[data-v-3fb7fe5c] {
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin: 0 10px 0 12px;
}
.popupView .popupContent .list .item .text[data-v-3fb7fe5c] {
  color: #3F3F66;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 157.143% */
}
.popupView .popupContent .list .itemActive[data-v-3fb7fe5c] {
  border: 1px solid #644FF5;
}
.popupView .popupContent .list .itemActive .iconViewActive[data-v-3fb7fe5c] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-245793ce] {
  width: 25%;
}
.h-25[data-v-245793ce] {
  height: 25%;
}
.w-50[data-v-245793ce] {
  width: 50%;
}
.h-50[data-v-245793ce] {
  height: 50%;
}
.w-75[data-v-245793ce] {
  width: 75%;
}
.h-75[data-v-245793ce] {
  height: 75%;
}
.w-100[data-v-245793ce] {
  width: 100%;
}
.h-100[data-v-245793ce] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-245793ce] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-245793ce] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-245793ce] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-245793ce] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-245793ce] {
  padding-bottom: 0;
}
.btn-select button.active[data-v-245793ce] {
  color: #60C064;
  background: linear-gradient(to left, #272526, #373432);
}
.btn-select button[data-v-245793ce] {
  position: relative;
  overflow-wrap: break-word;
  justify-content: center;
  text-align: center;
  margin: 1%;
  width: 31%;
  padding: 10px 10px;
  color: #000000;
  border-radius: 12px;
  font-weight: normal;
  background: #ffffff;
}
.section-padding[data-v-245793ce] {
  padding: 20px 15px;
}
.recharge_amount[data-v-245793ce] {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_amount .currency[data-v-245793ce] {
  width: 100%;
}
.recharge_amount input[data-v-245793ce] {
  width: 100%;
  /* max-width:450px; */
  margin-top: 10px;
  background: none;
  border: none;
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
  font-size: inherit;
}
.recharge_amount select[data-v-245793ce] {
  width: 100%;
  /* max-width:450px; */
  margin-top: 10px;
  background: none;
  border: none;
  text-align: center;
  color: #000000;
  font-size: inherit;
}
.recharge_name[data-v-245793ce] {
  display: flex;
  flex-direction: column;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-245793ce] {
  width: 100%;
}
.recharge_name input[data-v-245793ce] {
  width: 100%;
  margin-top: 10px;
  background: none;
  border: none;
  border-radius: 5px;
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
}
.termsandconditions[data-v-245793ce] {
  padding: 10px 0 20px;
}
label[data-v-245793ce] {
  display: inline-block;
}
.bottomMessage[data-v-245793ce] {
  padding: 0px 0 10px 0;
  color: #838898 !important;
}
.listing-log .recharge .status-reject[data-v-245793ce] {
  color: #e83e8c;
}
.listing-log li[data-v-245793ce] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.listing-log .title[data-v-245793ce] {
  display: flex;
}
.listing-log .recharge[data-v-245793ce] {
  display: flex;
}
.listing-log .more[data-v-245793ce] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
ul.menu_listing[data-v-245793ce] {
  background: rgba(0, 0, 0, 0.376);
}
ul.menu_listing .menu_item[data-v-245793ce] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing li[data-v-245793ce] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 13px;
  justify-content: space-between;
  align-items: center;
  background: #000000;
  border-radius: 10px;
  margin: 10px;
  padding: 10px 10px;
}
ul.menu_listing li[data-v-245793ce]:first-child {
  border-left: 10px solid #1e9fff;
}
ul.menu_listing li[data-v-245793ce]:nth-child(2) {
  border-left: 10px solid #20c997;
}
ul.menu_listing li[data-v-245793ce]:nth-child(3) {
  border-left: 10px solid #0d6efd;
}
ul.menu_listing li[data-v-245793ce]:nth-child(4) {
  border-left: 10px solid #EFBC2F;
}
.btn-copy-small[data-v-245793ce] {
  color: #e75142;
  border: 1px solid #e75142;
  margin-left: 5px;
  padding: 0.2rem 0.3rem;
}
.error_message[data-v-245793ce] {
  margin: 5px auto 0 0;
  font-size: 12px;
  color: #e75142;
}
.paydetails[data-v-245793ce] {
  background: #232323;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.paydetails a.close[data-v-245793ce] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
  z-index: 20;
}
.largeGoldButton[data-v-245793ce] {
  background: #000000 !important;
}
iframe[data-v-245793ce] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100vw;
  z-index: 10;
  position: relative;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-b87a04fe] {
  width: 25%;
}
.h-25[data-v-b87a04fe] {
  height: 25%;
}
.w-50[data-v-b87a04fe] {
  width: 50%;
}
.h-50[data-v-b87a04fe] {
  height: 50%;
}
.w-75[data-v-b87a04fe] {
  width: 75%;
}
.h-75[data-v-b87a04fe] {
  height: 75%;
}
.w-100[data-v-b87a04fe] {
  width: 100%;
}
.h-100[data-v-b87a04fe] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-b87a04fe] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-b87a04fe] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-b87a04fe] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-b87a04fe] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-b87a04fe] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-b87a04fe] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-b87a04fe] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-b87a04fe] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-b87a04fe] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.successGView[data-v-b87a04fe] {
  padding-top: 50px;
  width: 100%;
}
.successGView .iconView[data-v-b87a04fe] {
  margin: 0 auto 16px;
  width: 80px;
  height: 80px;
}
.successGView .iconView .icon[data-v-b87a04fe] {
  width: 80px;
  height: 80px;
}
.successGView .text[data-v-b87a04fe] {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}

.main-container[data-v-7b07bf06] {
	padding-bottom: 0;
}
.btn-select button.active[data-v-7b07bf06] {
	border: 1px solid #8B8848;
	color: #efbc2f;
	background: linear-gradient(to left, #1F1F1D, #040404);
}
.btn-select button[data-v-7b07bf06] {
	position: relative;
	justify-content: center;
	text-align: center;
	border: 1px solid #575757;
	margin: 1%;
	width: 31%;
	padding: 10px 10px;
	color: #fff;
	border-radius: 12px;
	font-weight: normal;
	background: linear-gradient(to left, #1F1F1D, #040404);
}
.section-padding[data-v-7b07bf06] {
	padding: 20px 15px;
}
.recharge_amount[data-v-7b07bf06] {
	display: flex;
	font-size: 24px;
	color: #fff;
	padding: 20px 0 0;
}
.recharge_amount .currency[data-v-7b07bf06] {
	width: 20%;
}
.recharge_amount input[data-v-7b07bf06] {
	width: 80%;
	max-width:450px;
	margin-left: 0px;
	background: none;
	border: none;
	color: #efbc2f;
	box-shadow: 0 0 5px #efbc2f;
	font-size: inherit;
}
.recharge_name[data-v-7b07bf06] {
	display: flex;
	font-size: 18px;
	color: #fff;
	padding: 20px 0;
}
.recharge_name .name[data-v-7b07bf06] {
	width: 20%;
}
.recharge_name input[data-v-7b07bf06] {
	width: 80%;
	margin-left: 20px;
	background: none;
	border: none;
	border-radius: 5px;
	color: #efbc2f;
	box-shadow: 0 0 5px #efbc2f;
}
.termsandconditions[data-v-7b07bf06] {
	padding: 10px 0 20px;
}
label[data-v-7b07bf06] {
	display: inline-block;
}
.bottomMessage[data-v-7b07bf06] {
	padding: 0px 0 10px 0;
	color: #efbc2f;
}
.listing-log .recharge .status-reject[data-v-7b07bf06] {
	color: #fc445f;
}
.listing-log li[data-v-7b07bf06] {
	display: flex;
	color: #fff;
	background: rgba(0, 0, 0, 0.6);
	border-bottom: dashed 1px #333;
	padding: 18px 30px;
	justify-content: space-between;
}
.listing-log .title[data-v-7b07bf06] {
	display: flex;
}
.listing-log .recharge[data-v-7b07bf06] {
	display: flex;
}
.listing-log .more[data-v-7b07bf06] {
	width: 20px;
	display: flex;
	align-items: center;
	justify-content: right;
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-00c45bd7] {
  width: 25%;
}
.h-25[data-v-00c45bd7] {
  height: 25%;
}
.w-50[data-v-00c45bd7] {
  width: 50%;
}
.h-50[data-v-00c45bd7] {
  height: 50%;
}
.w-75[data-v-00c45bd7] {
  width: 75%;
}
.h-75[data-v-00c45bd7] {
  height: 75%;
}
.w-100[data-v-00c45bd7] {
  width: 100%;
}
.h-100[data-v-00c45bd7] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-00c45bd7] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-00c45bd7] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-00c45bd7] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-00c45bd7] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-00c45bd7] {
  padding-bottom: 0;
}
.section-title[data-v-00c45bd7] {
  background: #D3FFDB !important;
  justify-content: space-between !important;
}
.listing-log[data-v-00c45bd7] {
  background: #ffffff;
}
.btn-select button.active[data-v-00c45bd7] {
  border: 1px solid #EFBC2F;
  color: #EFBC2F;
}
.btn-select button[data-v-00c45bd7] {
  position: relative;
  text-align: center;
  border: 1px solid #ffffff;
  margin: 1%;
  width: 31%;
  padding: 10px 10px;
  color: #ffffff;
  border-radius: 12px;
  font-weight: bold;
}
.section-padding[data-v-00c45bd7] {
  padding: 20px 15px;
}
.recharge_amount[data-v-00c45bd7] {
  display: flex;
  font-size: 24px;
  color: #ffffff;
  padding: 20px 0 0;
}
.recharge_amount .currency[data-v-00c45bd7] {
  width: 10%;
}
.recharge_amount input[data-v-00c45bd7] {
  width: 90%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.recharge_name[data-v-00c45bd7] {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-00c45bd7] {
  width: 20%;
}
.recharge_name input[data-v-00c45bd7] {
  width: 80%;
  margin-left: 20px;
  background: none;
  border: none;
  border-radius: 5px;
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
}
.termsandconditions[data-v-00c45bd7] {
  padding: 10px 0 20px;
}
label[data-v-00c45bd7] {
  display: inline-block;
}
.bottomMessage[data-v-00c45bd7] {
  padding: 40px 0;
  color: #EFBC2F;
}
.listing-log .recharge .status-reject[data-v-00c45bd7] {
  color: #e75142;
}
.listing-log li[data-v-00c45bd7] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 15px 13px;
  justify-content: space-between;
}
.listing-log .title[data-v-00c45bd7] {
  display: flex;
}
.listing-log .recharge[data-v-00c45bd7] {
  display: flex;
  text-align: right;
}
.listing-log .more[data-v-00c45bd7] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-1857172a] {
  width: 25%;
}
.h-25[data-v-1857172a] {
  height: 25%;
}
.w-50[data-v-1857172a] {
  width: 50%;
}
.h-50[data-v-1857172a] {
  height: 50%;
}
.w-75[data-v-1857172a] {
  width: 75%;
}
.h-75[data-v-1857172a] {
  height: 75%;
}
.w-100[data-v-1857172a] {
  width: 100%;
}
.h-100[data-v-1857172a] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-1857172a] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-1857172a] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-1857172a] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-1857172a] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-1857172a], body[data-v-1857172a] {
  height: 100%;
  margin: auto;
  overflow: initial;
}
.listing-log[data-v-1857172a] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0px 0px;
}
.listing-log li[data-v-1857172a] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.listing-log .title[data-v-1857172a] {
  display: flex;
}
.listing-log .title .icon[data-v-1857172a] {
  margin-right: 10px;
}
.listing-log h2[data-v-1857172a] {
  font-size: 14px;
  margin: 0;
  padding: 0;
}
ul[data-v-1857172a] {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.listing-log span[data-v-1857172a] {
  font-size: 13px;
  margin: 0;
  padding: 0;
  color: #999999;
}
.listing-log .transfer span[data-v-1857172a] {
  font-size: 14px;
  color: #F9C043;
}
.incomelog.nav-tabs .nav-item[data-v-1857172a] {
  /* width: 25%; */
  text-align: center;
  margin: 0 auto;
  padding: 0;
}

/*
.incomelog.nav-tabs .nav-link.active {
    color: $yellow-300;
	background: none;
	border: none;
	border-color:$yellow-300!important;
	border-bottom: 2px solid $yellow-300;
	outline: none;
}
.incomelog .nav-link {
    background: none;
    border: none;
	display: flex!important;
    color: $gray-400!important;
    padding: 14px 14px;
}
.incomelog.nav-tabs {
    border-bottom: none;
	justify-content: center;
	align-items: center;
} */
.main-container[data-v-1857172a] {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.incomelog.nav-link[data-v-1857172a]:focus {
  border-color: #e75142;
  isolation: isolate;
}
.incomelog button[data-v-1857172a]:focus {
  outline: none;
}
.listing-log .revenue span[data-v-1857172a] {
  font-size: 14px;
  color: #14edb4;
}
.listing-log .expenditure span[data-v-1857172a] {
  font-size: 14px;
  color: #e75142;
}
.listing-log .recharge span[data-v-1857172a] {
  font-size: 14px;
  color: #1e9fff;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-6b9e5ff4] {
  width: 25%;
}
.h-25[data-v-6b9e5ff4] {
  height: 25%;
}
.w-50[data-v-6b9e5ff4] {
  width: 50%;
}
.h-50[data-v-6b9e5ff4] {
  height: 50%;
}
.w-75[data-v-6b9e5ff4] {
  width: 75%;
}
.h-75[data-v-6b9e5ff4] {
  height: 75%;
}
.w-100[data-v-6b9e5ff4] {
  width: 100%;
}
.h-100[data-v-6b9e5ff4] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-6b9e5ff4] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-6b9e5ff4] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-6b9e5ff4] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-6b9e5ff4] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
body[data-v-6b9e5ff4] {
  background-color: #000 !important;
}
.rounded-circle[data-v-6b9e5ff4] {
  border-radius: 50% !important;
}
.avatar-img[data-v-6b9e5ff4] {
  width: 90px;
}
.wallet-btn[data-v-6b9e5ff4] {
  padding: 5px 6px;
  border-radius: 30px;
  border: 1px solid #ffffff;
  background: none;
  color: #ffffff;
}
.o-tr-sd[data-v-6b9e5ff4] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-top-right-radius: 15px !important;
  border-top-left-radius: 15px !important;
  background: #EFBC2F;
}
.flex-box-center[data-v-6b9e5ff4] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.text-acc[data-v-6b9e5ff4] {
  text-align: right;
  display: block;
  font-weight: bolder !important;
  color: #1e9fff;
}
.flex-box-center-column[data-v-6b9e5ff4] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
}
.o-bm-sd[data-v-6b9e5ff4] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-bottom-right-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
.outline-sd[data-v-6b9e5ff4] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.vl[data-v-6b9e5ff4] {
  border-left: 4px solid #fa6b0b;
  height: 20px;
  padding-left: 5px !important;
}
.top-title[data-v-6b9e5ff4] {
  margin: 0;
  font-size: 14px;
  color: #333333;
  margin-bottom: 12px;
}
.bold[data-v-6b9e5ff4] {
  font-weight: bold;
}
.activity-btn[data-v-6b9e5ff4] {
  border-radius: 15px !important;
  /* padding: 10px; */
  margin-bottom: 5px;
  height: 45px;
  width: 45px;
}
.account[data-v-6b9e5ff4] {
  display: flex;
  justify-content: space-between;
  margin: -44px 5px 5px 5px;
}
.account .profile[data-v-6b9e5ff4] {
  display: flex;
  align-items: center;
}
.account .profile p[data-v-6b9e5ff4] {
  margin: 0 5px;
}
.account .avatar[data-v-6b9e5ff4] {
  width: 50px;
  height: 50px;
  border: 2px solid black;
  border-radius: 50%;
}
.account .avatar > img[data-v-6b9e5ff4] {
  width: 100%;
}
.account .container .row .col-6 span[data-v-6b9e5ff4] {
  font-size: 14px;
  white-space: nowrap;
}
.balance-container[data-v-6b9e5ff4] {
  width: 100%;
  background: #333;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 3px 5px 3px 10px;
  height: 100%;
  min-height: 120px;
}
.balance-container .balance[data-v-6b9e5ff4] {
  width: calc(100% - 110px);
  margin-right: 10px;
}
.balance-container .balance div[data-v-6b9e5ff4] {
  color: #646C79;
}
.balance-container .balance div[data-v-6b9e5ff4]:nth-child(2) {
  font-size: 30px;
  color: white;
  overflow-wrap: break-word;
}
.balance-container .balance div[data-v-6b9e5ff4]:nth-child(3) {
  -webkit-text-decoration: 1px underline;
          text-decoration: 1px underline;
}
.balance-container .image[data-v-6b9e5ff4] {
  height: 110px;
  width: 110px;
  background: red;
}
.setting[data-v-6b9e5ff4] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  position: relative;
  color: #000000;
  font-size: 13px;
}
.index-menu[data-v-6b9e5ff4] {
  position: relative;
  text-align: center;
  background: rgba(35, 35, 35, 0.396);
  border-radius: 12px;
  padding: 10px 0;
}
.index-menu .menu-item[data-v-6b9e5ff4] {
  text-decoration: none;
}
.index-menu .menu-item p[data-v-6b9e5ff4] {
  margin-top: 15px;
  font-size: 11px;
}
.index-menu .menu-item img[data-v-6b9e5ff4] {
  width: 30px;
  height: 30px;
}
.index-menu .menu-item .text-primary[data-v-6b9e5ff4] {
  margin-top: 5px;
  margin-bottom: 0px;
  color: #000 !important;
}
.profits[data-v-6b9e5ff4] {
  background: white;
  border-radius: 20px 20px 0 0;
  padding-top: 10px;
  padding-bottom: 10px;
}
.profits .balance-currency[data-v-6b9e5ff4] {
  margin-top: 10px;
  font-weight: bold;
  overflow-wrap: break-word;
  text-align: center;
}
.profits .balance-currency span[data-v-6b9e5ff4]:first-child {
  font-size: 30px;
}
.profits .avail-balance[data-v-6b9e5ff4] {
  text-align: center;
  color: #646C79;
  margin-bottom: 15px;
}
.profits .profit-details[data-v-6b9e5ff4] {
  margin: 5px 5px 10px;
  border-radius: 16px;
  background: #000;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  padding: 8px 0;
}
.profits .profit-details p[data-v-6b9e5ff4] {
  margin: 0;
}
.profile-curve-div[data-v-6b9e5ff4] {
  background-size: cover;
  position: absolute;
  width: 100%;
  height: 200px;
  top: 0;
  left: 0;
  z-index: -1;
}
.mobile[data-v-6b9e5ff4] {
  padding-bottom: 54px;
}
.profile_accordion_wrap .profile_icon_list[data-v-6b9e5ff4] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: baseline;
  width: 100%;
}
.profile_accordion_wrap .profile_icon_list .profile_icon_list_item[data-v-6b9e5ff4] {
  width: 23%;
  margin: 1%;
}
.profile_accordion_wrap .profile_icon_list .profile_icon_list_item img[data-v-6b9e5ff4] {
  width: 60px;
  height: 60px;
  display: block;
  margin: 0 auto 5px;
}
.profile_accordion_wrap .profile_icon_list .profile_icon_list_item h3[data-v-6b9e5ff4] {
  font-size: 12px;
  text-align: center;
  color: #000;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-cell {
  background: transparent;
  padding: 10px;
  color: #ffffff;
  border: solid #ccc;
  border-width: 0px 0 0;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-cell__title {
  font-weight: bold;
  color: #333;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-collapse-item__title--expanded {
  color: #eadc85;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-cell:after {
  border-bottom: 0;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-collapse-item__content {
  padding: 0;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-collapse-item__content {
  background: transparent;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-collapse-item--border:after {
  display: none;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-hairline--top-bottom:after {
  border-width: 0;
}
.profile_accordion_wrap[data-v-6b9e5ff4] .van-cell__right-icon {
  color: #ffffff;
}
.profit-details-card[data-v-6b9e5ff4] {
  background: url(../img/bg1.961a1f75.png);
  background-repeat: repeat-x;
  background-position: center center;
  position: relative;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px 20px 10px;
  margin: 5px;
}
.profit-details-card .profit-details-board[data-v-6b9e5ff4] {
  display: none;
  margin-top: -30px;
  width: 70%;
  border-radius: 50px;
  font-size: 16px;
  font-weight: bold;
  border: 0.1rem outset #ffc300;
  border-radius: 10px;
  background-image: linear-gradient(160deg, #272526, #373432);
  color: #ffd91a;
}
.profit-details-card .profit-details-card-content[data-v-6b9e5ff4] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.profit-details-card .profit-details-card-content .profit-details-info-left p[data-v-6b9e5ff4] {
  font-size: 13px;
}
.profit-details-card .profit-details-card-content .profit-details-info-right p[data-v-6b9e5ff4] {
  font-size: 13px;
  color: #ffffff;
  margin-bottom: 7px;
}
.profit-details-card .profit-details-card-content .profit-details-info-right i[data-v-6b9e5ff4] {
  font-size: 30px;
  color: #fff;
}
.profit-details-card .profit-details-card-content img[data-v-6b9e5ff4] {
  width: 100px;
}
.profit-details-card .profits-box[data-v-6b9e5ff4] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
.profit-details-card .profits-box .profits_item[data-v-6b9e5ff4] {
  width: 31%;
  margin: 1%;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  padding: 0 1px;
  display: block;
  border: 1px solid transparent;
  height: 100%;
}
.profit-details-card .profits-box .profits_item span[data-v-6b9e5ff4] {
  display: block;
  font-size: 13px;
  color: #eadc85;
}
.profit-details-card .profits-box .profits_item span[data-v-6b9e5ff4]:first-child {
  color: #ffffff;
  font-size: 11px;
  line-height: 11px;
  height: 22px;
  width: 100%;
  margin-bottom: 10px;
}
.profit-details-card .profits-box .profits_item span[data-v-6b9e5ff4]:nth-child(2) {
  overflow-wrap: break-word;
}
.profit-details-card .profits-box .profits_item[data-v-6b9e5ff4]:not(:nth-child(3n)):after {
  content: "";
  right: -5px;
  top: 0;
  position: absolute;
  height: 100%;
  width: 1px;
  background: linear-gradient(to bottom, transparent, #eadc85, transparent);
}
.account-balance[data-v-6b9e5ff4] {
  background: #DDE5FA;
  border-radius: 8px;
  margin: 5px;
  padding: 5px !important;
}
.account-balance .box-container[data-v-6b9e5ff4] {
  display: flex;
  align-items: center;
}
.account-balance .box-container .profits_item[data-v-6b9e5ff4] {
  padding: 0 4px;
  position: relative;
  display: block;
  border: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}
.account-balance .box-container .profits_item span[data-v-6b9e5ff4] {
  display: block;
  font-size: 16px;
  color: #000000;
}
.account-balance .box-container .profits_item span .currency[data-v-6b9e5ff4] {
  display: inline;
  color: #898989;
  font-size: 8px;
}
.account-balance .box-container .profits_item span[data-v-6b9e5ff4]:first-child {
  overflow-wrap: break-word;
  font-weight: bold;
}
.account-balance .box-container .profits_item span[data-v-6b9e5ff4]:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #646C79;
  font-size: 11px;
  line-height: 11px;
  width: 100%;
  margin-top: 3px;
}
.account-balance .icon[data-v-6b9e5ff4] {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0;
}
.box[data-v-6b9e5ff4] {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  flex-direction: row;
}
.box .bg1[data-v-6b9e5ff4] {
  color: #fff;
}
.box .box-container[data-v-6b9e5ff4] {
  position: relative;
  /* border: solid 1px #aaa; */
  /* background: #fff; */
  color: #fff;
  padding: 10px 5px;
  width: 100%;
}
.account-balance2[data-v-6b9e5ff4] {
  margin: 5px;
  display: flex;
}
.account-balance2 .col[data-v-6b9e5ff4] {
  width: 50%;
}
.account-balance2 .col[data-v-6b9e5ff4]:first-child {
  margin-right: 5px;
}
.account-balance2 .box-container[data-v-6b9e5ff4] {
  background: #DDE5FA;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 10px 5px !important;
}
.account-balance2 .box-container .profits_item[data-v-6b9e5ff4] {
  padding: 0 4px;
  position: relative;
  display: block;
  border: 1px solid transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: normal;
}
.account-balance2 .box-container .profits_item span[data-v-6b9e5ff4] {
  display: block;
  font-size: 16px;
  color: #000000;
}
.account-balance2 .box-container .profits_item span .currency[data-v-6b9e5ff4] {
  display: inline;
  color: #898989;
  font-size: 8px;
}
.account-balance2 .box-container .profits_item span[data-v-6b9e5ff4]:first-child {
  overflow-wrap: break-word;
  margin-bottom: 5px;
  font-weight: bold;
}
.account-balance2 .box-container .profits_item span[data-v-6b9e5ff4]:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #646C79;
  font-size: 11px;
  line-height: 11px;
  width: 100%;
}
.account-balance2 .icon[data-v-6b9e5ff4] {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0;
}
.order-detail1[data-v-6b9e5ff4] {
  background: #232323;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 a.close[data-v-6b9e5ff4] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.profile_accordion_wrap[data-v-6b9e5ff4] {
  background-color: white;
}
iframe[data-v-6b9e5ff4] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100vw;
}
@media (min-width: 768px) {
.account.container > img[data-v-6b9e5ff4] {
    margin-top: -120px !important;
}
}
@media (min-width: 991px) {
.account.container > img[data-v-6b9e5ff4] {
    margin-top: -200px !important;
}
.account .avatar[data-v-6b9e5ff4] {
    margin: 0 30px 0 auto;
}
}

.bg-modal {
  background: url(../img/promo-banner.5de4789d.png) center center;
  min-height: 120px;
  background-size: cover;
  padding: 0 !important;
}
.btn-close {
  position: absolute;
  top: 5px;
  right: 5px;
}
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
dialog {
  position: fixed;
  top: 1vh;
  width: 98%;
  height: 98%;
  margin: auto auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 12px;
  /* padding: 1rem; */
  /* background: linear-gradient(45deg, #ffffff, #aecdf9); */
  z-index: 100;
  border: none;
  display: flex;
  flex-direction: column;

  /* box-shadow: inset 5px 5px 10px #93c2ff, inset -5px -5px 10px #93c2ff; */
  /* animation: modal 0.3s ease-out forwards; */
}
dialog.full_modal {
  /* position: fixed; */
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 0;
  padding: 1rem;
  background-color: white;
  z-index: 1031;
  border: none;
  /* animation: modal 0.3s ease-out forwards; */
}
.modal1 img {
  width: 100% !important;
}
.modal_body {
  position: relative;
  oveflow-y: auto;
}
.modal-enter-active {
  -webkit-animation: modal 0.3s ease-out;
          animation: modal 0.3s ease-out;
}
.modal-leave-active {
  animation: modal 0.3s ease-in reverse;
}
.container, .largebtncontainer {
  padding: 0 15px
}
.btn-default {
  border-radius: 16px !important;
  font-size: 22px;
}
@-webkit-keyframes modal {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes modal {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@media (min-width: 1025px) {
dialog {
    width: 27%;
}
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-4c6c3f2a] {
  width: 25%;
}
.h-25[data-v-4c6c3f2a] {
  height: 25%;
}
.w-50[data-v-4c6c3f2a] {
  width: 50%;
}
.h-50[data-v-4c6c3f2a] {
  height: 50%;
}
.w-75[data-v-4c6c3f2a] {
  width: 75%;
}
.h-75[data-v-4c6c3f2a] {
  height: 75%;
}
.w-100[data-v-4c6c3f2a] {
  width: 100%;
}
.h-100[data-v-4c6c3f2a] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-4c6c3f2a] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-4c6c3f2a] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-4c6c3f2a] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-4c6c3f2a] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-4c6c3f2a],
body[data-v-4c6c3f2a] {
  background: url(../img/bg-black.89eba6e7.png) !important;
}
.avatar.avatar-90[data-v-4c6c3f2a] {
  line-height: 90px;
  height: 90px;
  width: 90px;
}
.coverimg[data-v-4c6c3f2a] {
  background-size: cover;
  background-position: center top;
}
.avatar[data-v-4c6c3f2a] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.avatar > img[data-v-4c6c3f2a] {
  width: 100%;
  vertical-align: top;
}
.rounded-circle[data-v-4c6c3f2a] {
  border-radius: 50% !important;
}
.header-user[data-v-4c6c3f2a] {
  margin-top: 20px;
}
.user-profile .amount[data-v-4c6c3f2a] {
  color: #F9C043;
}
.user-profile h5[data-v-4c6c3f2a] {
  margin-bottom: 0px;
}
.quickWrap[data-v-4c6c3f2a] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 20px 10px;
}
.quickWrap li[data-v-4c6c3f2a] {
  width: 100%;
  height: 100%;
  text-align: center;
}
ul[data-v-4c6c3f2a] {
  margin: 0;
  list-style-type: none;
}
ul.menu_listing[data-v-4c6c3f2a] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 20px 30px;
}
ul.menu_listing li[data-v-4c6c3f2a] {
  display: flex;
  color: #000000;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
  align-items: center;
}
ul.menu_listing .menu_item[data-v-4c6c3f2a] {
  display: flex;
  width: 40%;
}
ul.menu_listing .menu_desc[data-v-4c6c3f2a] {
  text-overflow: ellipsis;
  overflow-x: hidden;
  text-align: right;
  white-space: nowrap;
  width: 50%;
}
ul.menu_listing .icon[data-v-4c6c3f2a] {
  margin-right: 10px;
  margin-top: -3px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-ce301258] {
  width: 25%;
}
.h-25[data-v-ce301258] {
  height: 25%;
}
.w-50[data-v-ce301258] {
  width: 50%;
}
.h-50[data-v-ce301258] {
  height: 50%;
}
.w-75[data-v-ce301258] {
  width: 75%;
}
.h-75[data-v-ce301258] {
  height: 75%;
}
.w-100[data-v-ce301258] {
  width: 100%;
}
.h-100[data-v-ce301258] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-ce301258] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-ce301258] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-ce301258] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-ce301258] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-ce301258],
body[data-v-ce301258] {
  background: url(../img/bg-black.89eba6e7.png) !important;
}
.avatar.avatar-90[data-v-ce301258] {
  line-height: 90px;
  height: 90px;
  width: 90px;
}
.coverimg[data-v-ce301258] {
  background-size: cover;
  background-position: center top;
}
.avatar[data-v-ce301258] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.avatar > img[data-v-ce301258] {
  width: 100%;
  vertical-align: top;
}
.rounded-circle[data-v-ce301258] {
  border-radius: 50% !important;
}
.header-user[data-v-ce301258] {
  margin-top: 20px;
}
.user-profile .amount[data-v-ce301258] {
  color: #F9C043;
}
.user-profile h5[data-v-ce301258] {
  margin-bottom: 0px;
}
.quickWrap[data-v-ce301258] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 20px 10px;
}
.quickWrap li[data-v-ce301258] {
  width: 100%;
  height: 100%;
  text-align: center;
}
ul[data-v-ce301258] {
  margin: 0;
  list-style-type: none;
}
ul.menu_listing[data-v-ce301258] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 20px 30px;
}
ul.menu_listing li[data-v-ce301258] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
ul.menu_listing .menu_item[data-v-ce301258] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing .icon[data-v-ce301258] {
  margin-right: 10px;
  margin-top: -3px;
}
.check-lang[data-v-ce301258] {
  position: absolute;
  right: 50px;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.listing-announcement {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 0px 0px;
}
.listing-announcement li {
  display: flex;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  border-bottom: dashed 1px #333;
  padding: 18px 25px;
  justify-content: space-between;
}
.listing-announcement .title {
  display: flex;
}
.listing-announcement .title .icon {
  margin-right: 10px;
}
.listing-announcement h2 {
  font-size: 16px;
  margin: 0;
  padding: 0;
}
.listing-announcement span {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #999;
}
a {
  /* color: #fff; */
  text-decoration: none;
}
.listing-announcement small {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #999;
}
.main-container {
  padding-bottom: 54px;
  overflow-x: hidden;
  overflow-y: auto;
  /* position: relative; */
}
.msg-list .icon {
  background: grey;
  border-radius: 100%;
  padding: 8px;
}
.text-start.is-read {
  color: #c8c8c8;
}


html[data-v-0e784e32], body[data-v-0e784e32] {
  height: 100%;
  margin: auto;
  overflow: initial;
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-3763c497] {
  width: 25%;
}
.h-25[data-v-3763c497] {
  height: 25%;
}
.w-50[data-v-3763c497] {
  width: 50%;
}
.h-50[data-v-3763c497] {
  height: 50%;
}
.w-75[data-v-3763c497] {
  width: 75%;
}
.h-75[data-v-3763c497] {
  height: 75%;
}
.w-100[data-v-3763c497] {
  width: 100%;
}
.h-100[data-v-3763c497] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-3763c497] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-3763c497] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-3763c497] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-3763c497] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
ul.menu_listing .menu_item[data-v-3763c497] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing li[data-v-3763c497] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
.b-none[data-v-3763c497] {
  border: none !important;
}
.form-control[data-v-3763c497], .form-control[data-v-3763c497]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.p10[data-v-3763c497] {
  margin: 0 0 0 10px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-7f6884ea] {
  width: 25%;
}
.h-25[data-v-7f6884ea] {
  height: 25%;
}
.w-50[data-v-7f6884ea] {
  width: 50%;
}
.h-50[data-v-7f6884ea] {
  height: 50%;
}
.w-75[data-v-7f6884ea] {
  width: 75%;
}
.h-75[data-v-7f6884ea] {
  height: 75%;
}
.w-100[data-v-7f6884ea] {
  width: 100%;
}
.h-100[data-v-7f6884ea] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-7f6884ea] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-7f6884ea] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-7f6884ea] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-7f6884ea] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-7f6884ea] {
  padding-bottom: 0;
}
ul.menu_listing .menu_item[data-v-7f6884ea] {
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  width: 30%;
}
ul.menu_listing li[data-v-7f6884ea] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333;
  padding: 18px 0;
  justify-content: space-between;
}
.b-none[data-v-7f6884ea] {
  border: none !important;
}
.form-control[data-v-7f6884ea], .form-control[data-v-7f6884ea]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.p10[data-v-7f6884ea] {
  margin: 0 0 0 10px;
}
.container img[data-v-7f6884ea] {
  width: initial !important;
}
ul.details-list li[data-v-7f6884ea] {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 20px 0;
  border-bottom: solid 1px #333333;
}
.btn-copy-small[data-v-7f6884ea] {
  /* background-color: #999; */
  /* color: #000!important; */
  /* width: 60px; */
  font-size: 14px;
  /* padding: 5px 10px; */
  margin: -3px 5px 5px 15px;
  vertical-align: top;
}
.details-title[data-v-7f6884ea] {
  color: #ffffff;
  display: block;
  margin-bottom: 0;
  padding: 0px 0px;
  font-size: 24px;
  position: relative;
}
.details-title small[data-v-7f6884ea] {
  font-size: 16px;
}
ul[data-v-7f6884ea] {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.form-control[data-v-7f6884ea], .form-control[data-v-7f6884ea]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
select option[data-v-7f6884ea] {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
ul.menu_listing[data-v-7f6884ea] {
  background: rgba(0, 0, 0, 0.376);
}
ul.menu_listing .menu_item[data-v-7f6884ea] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing li[data-v-7f6884ea] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 13px;
  justify-content: space-between;
  align-items: center;
}
ul.menu_listing.paymentinfo li[data-v-7f6884ea] {
  background: #000000;
  border-radius: 10px;
  margin: 10px;
  padding: 10px 10px;
}
ul.menu_listing.paymentinfo li[data-v-7f6884ea]:first-child {
  border-left: 10px solid #1e9fff;
}
ul.menu_listing.paymentinfo li[data-v-7f6884ea]:nth-child(2) {
  border-left: 10px solid #20c997;
}
ul.menu_listing.paymentinfo li[data-v-7f6884ea]:nth-child(3) {
  border-left: 10px solid #0d6efd;
}
ul.menu_listing.paymentinfo li[data-v-7f6884ea]:nth-child(4) {
  border-left: 10px solid #EFBC2F;
}
.btn-copy-small[data-v-7f6884ea] {
  color: #e75142;
}
.pageContent[data-v-fa2dd5b2] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-fa2dd5b2] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-fa2dd5b2] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-fa2dd5b2] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-fa2dd5b2] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.AmountDue[data-v-fa2dd5b2] {
  margin: 20px 16px;
  padding: 20px;
  border-radius: 14px;
  background: #F7F7F7;
  text-align: center;
}
.AmountDue .title[data-v-fa2dd5b2] {
  color: #908F8F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 10px;
}
.AmountDue .amount[data-v-fa2dd5b2] {
  color: #1F1F1F;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
  line-height: 42px;
}
.li[data-v-fa2dd5b2] {
  margin: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.li .left[data-v-fa2dd5b2] {
  color: #908F8F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.li .right[data-v-fa2dd5b2] {
  color: #1F1F1F;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}
.li[data-v-fa2dd5b2]:nth-child(1) {
  margin-bottom: 16px;
}
.line[data-v-fa2dd5b2] {
  margin: 20px 16px;
  height: 1px;
  background: #EDEDED;
}
.RechargeAmount[data-v-fa2dd5b2] {
  margin: 0 16px 10px;
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22px;
}
.from[data-v-fa2dd5b2] {
  display: flex;
  margin: 0 16px;
  padding: 16px;
}
.from .right[data-v-fa2dd5b2] {
  width: 100%;
}
.from .right .inp[data-v-fa2dd5b2] {
  height: 44px;
  text-align: left;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 44px;
  margin: 0;
  padding: 0;
  outline: none;
}
.from .imgView[data-v-fa2dd5b2] {
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 8px;
  background: #F7F7F7;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.from .imgView .clearImage[data-v-fa2dd5b2] {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 500;
  width: 20px;
  height: 20px;
}
.from .imgView .clearImage .icon[data-v-fa2dd5b2] {
  width: 20px;
  height: 20px;
}
.from .imgView .fileInput[data-v-fa2dd5b2] {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  outline: none;
  opacity: 0;
}
.from .imgView .iconView[data-v-fa2dd5b2] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.from .imgView .iconView .image[data-v-fa2dd5b2] {
  width: 200px;
  height: 200px;
}
.btnView[data-v-fa2dd5b2] {
  margin: 144px 16px 16px;
}
.btnView .btn_[data-v-fa2dd5b2] {
  padding: 0;
  border: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 8px;
  background: #644FF5;
  font-size: 14px;
  font-weight: 500;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-5ea34f8c] {
  width: 25%;
}
.h-25[data-v-5ea34f8c] {
  height: 25%;
}
.w-50[data-v-5ea34f8c] {
  width: 50%;
}
.h-50[data-v-5ea34f8c] {
  height: 50%;
}
.w-75[data-v-5ea34f8c] {
  width: 75%;
}
.h-75[data-v-5ea34f8c] {
  height: 75%;
}
.w-100[data-v-5ea34f8c] {
  width: 100%;
}
.h-100[data-v-5ea34f8c] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-5ea34f8c] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-5ea34f8c] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-5ea34f8c] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-5ea34f8c] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-5ea34f8c] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-5ea34f8c] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-5ea34f8c] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-5ea34f8c] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-5ea34f8c] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.successGView[data-v-5ea34f8c] {
  padding-top: 50px;
  width: 100%;
}
.successGView .iconView[data-v-5ea34f8c] {
  margin: 0 auto 16px;
  width: 80px;
  height: 80px;
}
.successGView .iconView .icon[data-v-5ea34f8c] {
  width: 80px;
  height: 80px;
}
.successGView .text[data-v-5ea34f8c] {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-3e077858] {
  width: 25%;
}
.h-25[data-v-3e077858] {
  height: 25%;
}
.w-50[data-v-3e077858] {
  width: 50%;
}
.h-50[data-v-3e077858] {
  height: 50%;
}
.w-75[data-v-3e077858] {
  width: 75%;
}
.h-75[data-v-3e077858] {
  height: 75%;
}
.w-100[data-v-3e077858] {
  width: 100%;
}
.h-100[data-v-3e077858] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-3e077858] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-3e077858] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-3e077858] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-3e077858] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-3e077858] {
  padding-bottom: 0;
}
ul.menu_listing .menu_item[data-v-3e077858] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing li[data-v-3e077858] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
.b-none[data-v-3e077858] {
  border: none !important;
}
.form-control[data-v-3e077858], .form-control[data-v-3e077858]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.p10[data-v-3e077858] {
  margin: 0 0 0 10px;
}
.container img[data-v-3e077858] {
  width: initial !important;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-0ef27b20] {
  width: 25%;
}
.h-25[data-v-0ef27b20] {
  height: 25%;
}
.w-50[data-v-0ef27b20] {
  width: 50%;
}
.h-50[data-v-0ef27b20] {
  height: 50%;
}
.w-75[data-v-0ef27b20] {
  width: 75%;
}
.h-75[data-v-0ef27b20] {
  height: 75%;
}
.w-100[data-v-0ef27b20] {
  width: 100%;
}
.h-100[data-v-0ef27b20] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-0ef27b20] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-0ef27b20] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-0ef27b20] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-0ef27b20] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
ul.menu_listing .menu_item[data-v-0ef27b20] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing input.form-control[data-v-0ef27b20] {
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
}
ul.menu_listing li[data-v-0ef27b20] {
  display: flex;
  color: #ffffff;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
.b-none[data-v-0ef27b20] {
  border: none !important;
}
.form-control[data-v-0ef27b20], .form-control[data-v-0ef27b20]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.p10[data-v-0ef27b20] {
  margin: 0 0 0 10px;
}
.error_message[data-v-0ef27b20] {
  color: #e75142;
  font-size: 12px;
  margin: 5px auto 0 0;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-3570c21f] {
  width: 25%;
}
.h-25[data-v-3570c21f] {
  height: 25%;
}
.w-50[data-v-3570c21f] {
  width: 50%;
}
.h-50[data-v-3570c21f] {
  height: 50%;
}
.w-75[data-v-3570c21f] {
  width: 75%;
}
.h-75[data-v-3570c21f] {
  height: 75%;
}
.w-100[data-v-3570c21f] {
  width: 100%;
}
.h-100[data-v-3570c21f] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-3570c21f] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-3570c21f] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-3570c21f] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-3570c21f] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-3570c21f],
body[data-v-3570c21f] {
  background: url(../img/bg-black.89eba6e7.png) !important;
}
.avatar.avatar-90[data-v-3570c21f] {
  line-height: 50px;
  height: 50px;
  width: 50px;
}
.coverimg[data-v-3570c21f] {
  background-size: cover;
  background-position: center top;
}
.avatar[data-v-3570c21f] {
  position: relative;
  display: inline-block;
  overflow: hidden;
  margin: 0;
  text-align: center;
  vertical-align: middle;
}
.avatar > img[data-v-3570c21f] {
  width: 100%;
  vertical-align: top;
}
.rounded-circle[data-v-3570c21f] {
  border-radius: 50% !important;
}
.header-user[data-v-3570c21f] {
  margin-top: 20px;
}
.user-profile .amount[data-v-3570c21f] {
  color: #F9C043;
}
.user-profile h5[data-v-3570c21f] {
  margin-bottom: 0px;
}
.quickWrap[data-v-3570c21f] {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  justify-content: space-between;
  padding: 20px 10px;
}
.quickWrap li[data-v-3570c21f] {
  width: 100%;
  height: 100%;
  text-align: center;
}
ul[data-v-3570c21f] {
  margin: 0;
  list-style-type: none;
}
ul.menu_listing[data-v-3570c21f] {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 20px 30px;
}
ul.menu_listing li[data-v-3570c21f] {
  display: flex;
  color: #000000;
  border-bottom: solid 1px #333333;
  padding: 18px 0;
  justify-content: space-between;
}
ul.menu_listing .menu_item[data-v-3570c21f] {
  display: flex;
  align-items: center;
  justify-content: center;
}
ul.menu_listing .icon[data-v-3570c21f] {
  margin-right: 10px;
  margin-top: -3px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-4346a54e] {
  width: 25%;
}
.h-25[data-v-4346a54e] {
  height: 25%;
}
.w-50[data-v-4346a54e] {
  width: 50%;
}
.h-50[data-v-4346a54e] {
  height: 50%;
}
.w-75[data-v-4346a54e] {
  width: 75%;
}
.h-75[data-v-4346a54e] {
  height: 75%;
}
.w-100[data-v-4346a54e] {
  width: 100%;
}
.h-100[data-v-4346a54e] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-4346a54e] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-4346a54e] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-4346a54e] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-4346a54e] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.flex-box[data-v-4346a54e] {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
}
.flex-box > div[data-v-4346a54e] {
  flex: 0 0 31%;
  margin: 0px 1% 10px 1%;
  background: #ffffff;
  color: #000000;
  /* background-image: linear-gradient(#fff9d1, #e2ba38); */
  border-radius: 6px;
  padding: 5px 0px;
}
@media (max-width: 767px) {
.flex-box > div[data-v-4346a54e] {
    flex: 0 0 31%;
}
}
.level[data-v-4346a54e] {
  text-align: center;
  /*
  width: 31%;
  margin: 1%;
  */
}
.level h2[data-v-4346a54e] {
  background: #0d6efd;
  color: #ffffff;
  width: 100%;
  font-size: 20px;
  padding: 10px 0;
}
.nav-pills .nav-link[data-v-4346a54e] {
  background: none;
  border: 0;
  border-radius: 0.25rem;
  width: 100%;
  padding: 10px 0;
  box-shadow: 0 0 5px #eaeaea;
}
.nav-pills .nav-link.active[data-v-4346a54e], .nav-pills .show > .nav-link[data-v-4346a54e] {
  color: #372b00;
  /* background: #2043bf; */
  background-image: linear-gradient(to bottom, #E6DE9A, #CEC067);
  border-radius: 0.25rem;
  width: 100%;
  padding: 10px 0;
}
.table[data-v-4346a54e] > :not(:first-child) {
  border-top: 1px solid #000000;
}
.search_btn[data-v-4346a54e] {
  background: #0d6efd;
  border: 0;
  border-radius: 5px;
  padding: 5px;
  color: #ffffff;
  width: 20%;
  max-width: 120px;
}
.date_style[data-v-4346a54e] {
  padding: 5px;
  border: 0;
  border-radius: 5px;
}
p[data-v-4346a54e] {
  margin-bottom: 0;
}
table[data-v-4346a54e] {
  width: 100%;
}
table thead[data-v-4346a54e] {
  background: #2043bf;
  color: #ffffff;
}
table tbody[data-v-4346a54e] {
  font-size: 14px;
  color: #000;
}
thead th[data-v-4346a54e] {
  padding: 10px 16px;
}
tbody td[data-v-4346a54e] {
  position: relative;
  padding: 8px 12px;
}
tbody tr[data-v-4346a54e] {
  border-bottom: solid 1px #444;
}
tbody tr .success[data-v-4346a54e] {
  color: #6bd554;
}
tbody tr .reject[data-v-4346a54e] {
  color: #e75142;
}
tbody tr i[data-v-4346a54e] {
  width: 16px;
  text-align: center;
}
.pagination a[data-v-4346a54e] {
  color: #000;
}
.page-link[data-v-4346a54e] {
  border: none;
}
.page-link[data-v-4346a54e]:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #ffffff;
  border-color: #ffffff;
}
.page-link[data-v-4346a54e]:focus {
  box-shadow: none;
}
.page-item.active .page-link[data-v-4346a54e] {
  z-index: 3;
  color: #ffffff;
  background-color: #2043bf;
}
.pagination > li > a[data-v-4346a54e],
.pagination > li > span[data-v-4346a54e] {
  text-align: center;
  height: 40px;
  width: 40px;
  border-radius: 20px;
  line-height: 20px;
  display: inline-block;
  padding-top: 10px;
  margin: 0 10px;
}
.bg-white[data-v-4346a54e] {
  background: #ffffff;
}
.form-control[data-v-4346a54e], .form-control[data-v-4346a54e]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.my_team .scrollRow ul[data-v-4346a54e] {
  height: 100%;
  display: flex;
  align-items: center;
}
.my_team .scrollRow ul li.active a[data-v-4346a54e] {
  color: #0d6efd !important;
}
.my_team .scrollRow ul li[data-v-4346a54e] {
  padding: 0 0 0 10px;
}
.my_team .itemRecord[data-v-4346a54e] {
  height: 40px;
  flex: 0 0 calc(100% - 1.08rem);
  border-bottom: 0.02rem solid rgba(234, 234, 234, 0.439);
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}
.active_btm[data-v-4346a54e]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #fae76d;
  background-image: linear-gradient(to bottom, #E6DE9A, #CEC067);
}
.nav-link[data-v-4346a54e] {
  color: #eadc85;
}

.backdrop[data-v-2b378c11] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
dialog[data-v-2b378c11] {
  position: fixed;
  top: 15vh;
  width: 85%;
  margin: 0 auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 12px;
  padding: 1rem;
  /* background: linear-gradient(45deg, #ffffff, #aecdf9); */
  z-index: 100;
  border: none;
  /* box-shadow: inset 5px 5px 10px #93c2ff, inset -5px -5px 10px #93c2ff; */
  /* animation: modal 0.3s ease-out forwards; */
}
dialog.full_modal[data-v-2b378c11] {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 0;
  padding: 1rem;
  background-color: white;
  z-index: 1031;
  border: none;
  /* animation: modal 0.3s ease-out forwards; */
}
.modal_body[data-v-2b378c11] {
  position: relative;
}
.modal-enter-active[data-v-2b378c11] {
  -webkit-animation: modal-2b378c11 0.3s ease-out;
          animation: modal-2b378c11 0.3s ease-out;
}
.modal-leave-active[data-v-2b378c11] {
  animation: modal-2b378c11 0.3s ease-in reverse;
}
@-webkit-keyframes modal-2b378c11 {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@keyframes modal-2b378c11 {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.9);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
@media(min-width:1025px){
dialog[data-v-2b378c11]{
    width: 40%;
}
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-d458cc32] {
  width: 25%;
}
.h-25[data-v-d458cc32] {
  height: 25%;
}
.w-50[data-v-d458cc32] {
  width: 50%;
}
.h-50[data-v-d458cc32] {
  height: 50%;
}
.w-75[data-v-d458cc32] {
  width: 75%;
}
.h-75[data-v-d458cc32] {
  height: 75%;
}
.w-100[data-v-d458cc32] {
  width: 100%;
}
.h-100[data-v-d458cc32] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-d458cc32] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-d458cc32] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-d458cc32] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-d458cc32] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-d458cc32] {
  padding-bottom: 0;
}
.form-control[data-v-d458cc32], .form-control[data-v-d458cc32]:focus {
  color: #ffffff;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #999999;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
}
.section-padding[data-v-d458cc32] {
  padding: 20px 30px;
}
.small-title[data-v-d458cc32] {
  display: block;
  color: #EFBC2F;
  padding-top: 15px;
}
select option[data-v-d458cc32] {
  margin: 40px;
  background: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.transfer_amount .amount[data-v-d458cc32] {
  display: flex;
  width: 100%;
}
.transfer_amount input[data-v-d458cc32] {
  width: 60% !important;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.transfer_amount .currency[data-v-d458cc32] {
  width: 10%;
  color: #ffffff;
}
.btn-select button[data-v-d458cc32] {
  position: relative;
  text-align: center;
  border: 1px solid #ffffff;
  margin: 0 10px 10px 0;
  padding: 10px 10px;
  color: #ffffff;
  border-radius: 12px;
  font-weight: bold;
}
.transfer_amount button[data-v-d458cc32] {
  color: #ffffff;
}
.btn-select button.active[data-v-d458cc32] {
  border: 1px solid #EFBC2F;
  color: #EFBC2F;
}
.bg-grey[data-v-d458cc32] {
  background-color: #1f1f1d;
  color: #ffffff;
}
.wallet-amount[data-v-d458cc32] {
  display: flex;
  font-size: 20px;
  font-weight: bold;
  color: #EFBC2F;
  padding: 0 0 0;
  justify-content: center;
  align-items: center;
}
.wallet-amount .currency[data-v-d458cc32] {
  margin-right: 5px;
}
.iconRefresh[data-v-d458cc32] {
  margin-left: 5px;
  font-size: 16px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-35d33016] {
  width: 25%;
}
.h-25[data-v-35d33016] {
  height: 25%;
}
.w-50[data-v-35d33016] {
  width: 50%;
}
.h-50[data-v-35d33016] {
  height: 50%;
}
.w-75[data-v-35d33016] {
  width: 75%;
}
.h-75[data-v-35d33016] {
  height: 75%;
}
.w-100[data-v-35d33016] {
  width: 100%;
}
.h-100[data-v-35d33016] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-35d33016] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-35d33016] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-35d33016] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-35d33016] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-35d33016] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-35d33016] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-35d33016] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-35d33016] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-35d33016] {
  position: absolute;
  left: 95px;
  right: 95px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.headerViedw .right[data-v-35d33016] {
  position: absolute;
  top: 0;
  right: 7px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .right .iconView[data-v-35d33016] {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .right .iconView .icon[data-v-35d33016] {
  width: 22px;
  height: 22px;
}
.MyWalletView[data-v-35d33016] {
  margin: 16px 16px 20px;
  padding: 20px 24px;
  display: flex;
  border-radius: 6px;
  background: url(../img/MyWalletViewBg.fa4f4299.png) center center no-repeat;
  background-size: 100% 100%;
}
.MyWalletView .left[data-v-35d33016], .MyWalletView .right[data-v-35d33016] {
  flex: 1;
}
.MyWalletView .left .title[data-v-35d33016], .MyWalletView .right .title[data-v-35d33016] {
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  margin-bottom: 12px;
}
.MyWalletView .left .amount[data-v-35d33016], .MyWalletView .right .amount[data-v-35d33016] {
  color: #FAE5D2;
  font-family: "PingFang SC";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  /* 50% */
  margin-bottom: 12px;
}
.MyWalletView .left .due[data-v-35d33016], .MyWalletView .right .due[data-v-35d33016] {
  color: #FFF;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 12px;
  /* 83.333% */
}
.MyWalletView .right[data-v-35d33016] {
  cursor: pointer;
}
.menus[data-v-35d33016] {
  margin: 0 16px;
  display: flex;
}
.menus .itemView[data-v-35d33016] {
  flex: 1;
}
.menus .itemView .item[data-v-35d33016] {
  color: #1F1F1F;
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 4px;
}
.menus .itemView .itemActive[data-v-35d33016] {
  color: #644FF5;
  border-bottom: 1px solid #644FF5;
}
.componentsContent[data-v-35d33016] {
  position: fixed;
  top: 214px;
  left: 0;
  right: 0;
  bottom: 0;
}
.listing-log .recharge .status-reject[data-v-35d33016] {
  color: #e75142;
}
.listing-log li[data-v-35d33016] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 15px;
  justify-content: space-between;
}
.listing-log .title[data-v-35d33016] {
  display: flex;
}
.listing-log .recharge[data-v-35d33016] {
  display: flex;
}
.listing-log .more[data-v-35d33016] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.notMore[data-v-35d33016] {
  text-align: center;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
}
.addMore[data-v-35d33016] {
  margin: 16px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 12px;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  cursor: pointer;
}
.noData[data-v-35d33016] {
  padding: 103px 0 0 0;
  width: 146px;
  margin: 0 auto;
}
.noData .iconView[data-v-35d33016] {
  width: 146px;
  height: 146px;
  margin: 0 auto 20px;
}
.noData .iconView .icon[data-v-35d33016] {
  width: 146px;
  height: 146px;
}
.noData .text[data-v-35d33016] {
  color: #908F8F;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.active_btm[data-v-35d33016] {
  color: #644FF5;
}
.active_btm[data-v-35d33016]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -3px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #644FF5;
}
.flex-box-center-column[data-v-35d33016] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.account[data-v-35d33016] {
  background: url(../img/yellow-profile-bg.560793f9.png) center center no-repeat;
  background-size: cover;
}
.account .container .row .col-6 span[data-v-35d33016] {
  font-size: 14px;
  white-space: nowrap;
}
.account i[data-v-35d33016] {
  font-size: 20px;
}
.order-detail1[data-v-35d33016] {
  background: #27201f;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 a.close[data-v-35d33016] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.close2[data-v-35d33016] {
  background: #1e9fff;
  position: fixed;
  color: #ffffff;
  width: 35px;
  height: 35px;
  top: 20px;
  left: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
iframe[data-v-35d33016] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100%;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-849bddea] {
  width: 25%;
}
.h-25[data-v-849bddea] {
  height: 25%;
}
.w-50[data-v-849bddea] {
  width: 50%;
}
.h-50[data-v-849bddea] {
  height: 50%;
}
.w-75[data-v-849bddea] {
  width: 75%;
}
.h-75[data-v-849bddea] {
  height: 75%;
}
.w-100[data-v-849bddea] {
  width: 100%;
}
.h-100[data-v-849bddea] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-849bddea] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-849bddea] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-849bddea] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-849bddea] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-849bddea] {
  padding-bottom: 0;
}
.btn-select button.active[data-v-849bddea] {
  border: 1px solid #EFBC2F;
  color: #EFBC2F;
}
.btn-select button[data-v-849bddea] {
  position: relative;
  text-align: center;
  border: 1px solid #ffffff;
  margin: 1%;
  width: 31%;
  padding: 10px 10px;
  color: #ffffff;
  border-radius: 12px;
  font-weight: bold;
}
.section-padding[data-v-849bddea] {
  padding: 20px 15px;
}
.recharge_amount[data-v-849bddea] {
  display: flex;
  font-size: 24px;
  color: #ffffff;
  padding: 20px 0 0;
}
.recharge_amount .currency[data-v-849bddea] {
  width: 10%;
}
.recharge_amount input[data-v-849bddea] {
  width: 90%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.recharge_name[data-v-849bddea] {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-849bddea] {
  width: 20%;
}
.recharge_name input[data-v-849bddea] {
  width: 80%;
  margin-left: 20px;
  background: none;
  border: none;
  border-radius: 5px;
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
}
.termsandconditions[data-v-849bddea] {
  padding: 10px 0 20px;
}
label[data-v-849bddea] {
  display: inline-block;
}
.bottomMessage[data-v-849bddea] {
  padding: 40px 0;
  color: #EFBC2F;
}
.listing-log .recharge .status-reject[data-v-849bddea] {
  color: #e75142;
}
.listing-log li[data-v-849bddea] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 15px;
  justify-content: space-between;
}
.listing-log .title[data-v-849bddea] {
  display: flex;
}
.listing-log .recharge[data-v-849bddea] {
  display: flex;
}
.listing-log .more[data-v-849bddea] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.active_btm[data-v-849bddea] {
  color: #644FF5;
}
.active_btm[data-v-849bddea]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -3px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #644FF5;
}
.flex-box-center-column[data-v-849bddea] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.account[data-v-849bddea] {
  background: url(../img/yellow-profile-bg.560793f9.png) no-repeat;
  background-size: cover;
  background-position: center center;
}
.account .container .row .col-6 span[data-v-849bddea] {
  font-size: 14px;
  white-space: nowrap;
}
.account i[data-v-849bddea] {
  font-size: 20px;
}

.van-popup {
  background: rgba(0, 0, 0, 0);
}

.pageContent[data-v-76c34586] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-76c34586] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-76c34586] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-76c34586] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-76c34586] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.kong[data-v-76c34586] {
  width: 100%;
  height: 6px;
  background: #F2F4F5;
  margin-bottom: 20px;
}
.itemTiel[data-v-76c34586] {
  margin: 0 16px 10px;
  color: #1F1F1F;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.baseCoinView[data-v-76c34586] {
  margin: 0 16px 30px;
  padding: 0 16px;
  border-radius: 8px;
  background: #F5F7F6;
  display: flex;
}
.baseCoinView .left[data-v-76c34586] {
  display: flex;
  flex: 1;
  padding: 10px 0;
}
.baseCoinView .left .iconView[data-v-76c34586] {
  width: 24px;
  height: 24px;
  margin-right: 6px;
}
.baseCoinView .left .iconView .icon[data-v-76c34586] {
  width: 24px;
  height: 24px;
}
.baseCoinView .left .baseCoin[data-v-76c34586] {
  line-height: 24px;
  margin-right: 6px;
}
.baseCoinView .left .test[data-v-76c34586] {
  line-height: 24px;
}
.baseCoinView .left .inp[data-v-76c34586] {
  height: 20px;
  text-align: left;
  width: 100%;
  border: 0;
  background: rgba(0, 0, 0, 0);
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  padding: 0;
  outline: none;
}
.baseCoinView .left_address[data-v-76c34586] {
  flex: 1;
  padding: 10px 16px 10px 0;
  word-break: break-all;
}
.baseCoinView .right[data-v-76c34586] {
  float: right;
  display: flex;
  padding: 10px 0;
  align-items: center;
}
.baseCoinView .right .iconView[data-v-76c34586] {
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.baseCoinView .right .iconView .icon[data-v-76c34586] {
  width: 12px;
  height: 12px;
}
.baseCoinView .right .baseCoin[data-v-76c34586] {
  padding-right: 8px;
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.baseCoinView .right .max[data-v-76c34586] {
  border-left: 1px solid #EDEDED;
  padding-left: 8px;
  color: #644FF5;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  cursor: pointer;
}
.baseCoinView .right .iconView_address[data-v-76c34586] {
  width: 24px;
  display: flex;
  justify-content: right;
  align-items: center;
  padding-left: 8px;
  border-left: 1px solid #EDEDED;
}
.baseCoinView .right .iconView_address .icon[data-v-76c34586] {
  width: 24px;
  height: 24px;
}
.line[data-v-76c34586] {
  margin: 20px 16px;
  height: 1px;
  background: #EDEDED;
}
.feeCiew[data-v-76c34586] {
  margin: 0 16px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.feeCiew .left[data-v-76c34586] {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
.feeCiew .right[data-v-76c34586] {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}
.from[data-v-76c34586] {
  display: flex;
  margin: 0 16px;
  padding: 0 16px;
  height: 44px;
  border-radius: 8px;
  background: #F2F4F5;
}
.from .left[data-v-76c34586] {
  float: left;
  line-height: 44px;
}
.from .right[data-v-76c34586] {
  flex: 1;
  padding-left: 4px;
}
.btnView[data-v-76c34586] {
  margin: 16px;
}
.btnView .btn_[data-v-76c34586] {
  padding: 0;
  border: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 8px;
  background: #644FF5;
  font-size: 14px;
  font-weight: 500;
  display: block;
}
.btnView .btnDisable[data-v-76c34586] {
  opacity: 0.6;
  background: #666666;
}
.popupView[data-v-76c34586] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-76c34586] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-76c34586] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-76c34586] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-76c34586] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-76c34586] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-76c34586] {
  height: 200px;
  padding-top: 16px;
  overflow-y: auto;
}
.popupView .popupContent .list[data-v-76c34586] {
  padding: 0 6.5px;
}
.popupView .popupContent .list .item[data-v-76c34586] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 12px 16px;
}
.popupView .popupContent .list .item .iconView[data-v-76c34586] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .iconView .icon[data-v-76c34586] {
  width: 30px;
  height: 30px;
}
.popupView .popupContent .list .item .coinName[data-v-76c34586] {
  color: #000;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 30px;
  margin: 0 10px 0 12px;
}
.popupView .popupContent .list .item .text[data-v-76c34586] {
  color: #3F3F66;
  text-align: center;
  font-family: "PingFang SC";
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  /* 157.143% */
}
.popupView .popupContent .list .itemActive[data-v-76c34586] {
  border: 1px solid #644FF5;
}
.popupView .popupContent .list .itemActive .iconViewActive[data-v-76c34586] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}
.popupView_address[data-v-76c34586] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView_address .topLine[data-v-76c34586] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView_address .header[data-v-76c34586] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView_address .header .left[data-v-76c34586] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView_address .header .right .iconView[data-v-76c34586] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView_address .header .right .iconView .icon[data-v-76c34586] {
  width: 16px;
  height: 16px;
}
.popupView_address .popupContent[data-v-76c34586] {
  height: 300px;
  padding-top: 16px;
  overflow-y: auto;
}
.popupView_address .popupContent .list[data-v-76c34586] {
  padding: 0 16px;
}
.popupView_address .popupContent .list .item[data-v-76c34586] {
  width: 100%;
  display: flex;
  border-radius: 8px;
  border: 1px solid #EDEDED;
  position: relative;
  margin-bottom: 24px;
  padding: 16px;
}
.popupView_address .popupContent .list .item .left[data-v-76c34586] {
  float: left;
  width: 30px;
}
.popupView_address .popupContent .list .item .left .iconView[data-v-76c34586] {
  width: 30px;
  height: 30px;
}
.popupView_address .popupContent .list .item .left .iconView .icon[data-v-76c34586] {
  width: 30px;
  height: 30px;
}
.popupView_address .popupContent .list .item .right[data-v-76c34586] {
  flex: 1;
  padding-left: 12px;
  min-width: 0;
}
.popupView_address .popupContent .list .item .right .coinName[data-v-76c34586] {
  color: #1F1F1F;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}
.popupView_address .popupContent .list .item .right .address[data-v-76c34586] {
  width: 100%;
  color: #1F1F1F;
  word-break: break-all;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.popupView_address .popupContent .list .itemActive[data-v-76c34586] {
  border: 1px solid #644FF5;
}
.popupView_address .popupContent .list .itemActive .iconViewActive[data-v-76c34586] {
  top: -1px;
  right: -1px;
  width: 26px;
  height: 24px;
  position: absolute;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-61a0e59a] {
  width: 25%;
}
.h-25[data-v-61a0e59a] {
  height: 25%;
}
.w-50[data-v-61a0e59a] {
  width: 50%;
}
.h-50[data-v-61a0e59a] {
  height: 50%;
}
.w-75[data-v-61a0e59a] {
  width: 75%;
}
.h-75[data-v-61a0e59a] {
  height: 75%;
}
.w-100[data-v-61a0e59a] {
  width: 100%;
}
.h-100[data-v-61a0e59a] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-61a0e59a] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-61a0e59a] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-61a0e59a] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-61a0e59a] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-61a0e59a],
body[data-v-61a0e59a] {
  background: url(../img/bg-black.89eba6e7.png) !important;
}
.main-container[data-v-61a0e59a] {
  padding-bottom: 0;
}
.btn-select[data-v-61a0e59a] {
  display: flex;
  flex-wrap: wrap;
}
.btn-select button.active[data-v-61a0e59a] {
  color: #60C064;
  background: linear-gradient(to left, #272526, #373432);
}
.btn-select button[data-v-61a0e59a] {
  position: relative;
  overflow-wrap: break-word;
  justify-content: center;
  text-align: center;
  margin: 1%;
  width: 31%;
  padding: 10px 10px;
  color: #000000;
  border-radius: 12px;
  font-weight: normal;
  background: #ffffff;
}
.section-padding[data-v-61a0e59a] {
  padding: 20px 15px;
}
.recharge_amount[data-v-61a0e59a] {
  display: flex;
  font-size: 24px;
  color: #ffffff;
  padding: 20px 0 0;
}
.recharge_amount .currency[data-v-61a0e59a] {
  width: 10%;
}
.recharge_amount input[data-v-61a0e59a] {
  width: 90%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.recharge_name[data-v-61a0e59a] {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-61a0e59a] {
  width: 20%;
}
.error_message[data-v-61a0e59a] {
  text-align: right;
  margin: 5px auto 0 0;
  font-size: 12px;
  color: #e75142;
}
.recharge_name input[data-v-61a0e59a] {
  width: 80%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.termsandconditions[data-v-61a0e59a] {
  padding: 10px 0 20px;
}
label[data-v-61a0e59a] {
  display: inline-block;
}
.bottomMessage[data-v-61a0e59a] {
  padding: 40px 0;
  color: #838898 !important;
}
ul.details-list li[data-v-61a0e59a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 20px 0;
  border-bottom: solid 1px #333333;
  color: #c9c9c9;
}
ul.details-list li > div[data-v-61a0e59a]:first-child {
  color: #EFBC2F;
}
.listing-log .recharge .status-reject[data-v-61a0e59a] {
  color: #e75142;
}
.listing-log li[data-v-61a0e59a] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.listing-log .title[data-v-61a0e59a] {
  display: flex;
}
.listing-log .recharge[data-v-61a0e59a] {
  display: flex;
}
.listing-log .more[data-v-61a0e59a] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.font-red[data-v-61a0e59a] {
  color: #e75142;
}
.paydetails[data-v-61a0e59a] {
  background: #232323;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.paydetails a.close[data-v-61a0e59a] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
  z-index: 20;
}
iframe[data-v-61a0e59a] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100vw;
  z-index: 10;
  position: relative;
}
.largeGoldButton[data-v-61a0e59a] {
  background: #000000 !important;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-0682c64d] {
  width: 25%;
}
.h-25[data-v-0682c64d] {
  height: 25%;
}
.w-50[data-v-0682c64d] {
  width: 50%;
}
.h-50[data-v-0682c64d] {
  height: 50%;
}
.w-75[data-v-0682c64d] {
  width: 75%;
}
.h-75[data-v-0682c64d] {
  height: 75%;
}
.w-100[data-v-0682c64d] {
  width: 100%;
}
.h-100[data-v-0682c64d] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-0682c64d] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-0682c64d] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-0682c64d] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-0682c64d] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-0682c64d] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-0682c64d] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-0682c64d] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-0682c64d] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-0682c64d] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.successGView[data-v-0682c64d] {
  padding-top: 50px;
  width: 100%;
}
.successGView .iconView[data-v-0682c64d] {
  margin: 0 auto 16px;
  width: 80px;
  height: 80px;
}
.successGView .iconView .icon[data-v-0682c64d] {
  width: 80px;
  height: 80px;
}
.successGView .text[data-v-0682c64d] {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-0febb2ea] {
  width: 25%;
}
.h-25[data-v-0febb2ea] {
  height: 25%;
}
.w-50[data-v-0febb2ea] {
  width: 50%;
}
.h-50[data-v-0febb2ea] {
  height: 50%;
}
.w-75[data-v-0febb2ea] {
  width: 75%;
}
.h-75[data-v-0febb2ea] {
  height: 75%;
}
.w-100[data-v-0febb2ea] {
  width: 100%;
}
.h-100[data-v-0febb2ea] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-0febb2ea] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-0febb2ea] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-0febb2ea] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-0febb2ea] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-0febb2ea] {
  padding-bottom: 0;
}
.section-title[data-v-0febb2ea] {
  background: #D3FFDB !important;
  justify-content: space-between !important;
}
.btn-select button.active[data-v-0febb2ea] {
  border: 1px solid #EFBC2F;
  color: #EFBC2F;
}
.btn-select button[data-v-0febb2ea] {
  position: relative;
  text-align: center;
  border: 1px solid #ffffff;
  margin: 1%;
  width: 31%;
  padding: 10px 10px;
  color: #ffffff;
  border-radius: 12px;
  font-weight: bold;
}
.section-padding[data-v-0febb2ea] {
  padding: 20px 15px;
}
.recharge_amount[data-v-0febb2ea] {
  display: flex;
  font-size: 24px;
  color: #ffffff;
  padding: 20px 0 0;
}
.recharge_amount .currency[data-v-0febb2ea] {
  width: 10%;
}
.recharge_amount input[data-v-0febb2ea] {
  width: 90%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.recharge_name[data-v-0febb2ea] {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-0febb2ea] {
  width: 20%;
}
.recharge_name input[data-v-0febb2ea] {
  width: 80%;
  margin-left: 20px;
  background: none;
  border: none;
  border-radius: 5px;
  color: #EFBC2F;
  box-shadow: 0 0 5px #EFBC2F;
}
.termsandconditions[data-v-0febb2ea] {
  padding: 10px 0 20px;
}
label[data-v-0febb2ea] {
  display: inline-block;
}
.bottomMessage[data-v-0febb2ea] {
  padding: 40px 0;
  color: #EFBC2F;
}
.listing-log .recharge .status-reject[data-v-0febb2ea] {
  color: #e75142;
}
.listing-log li[data-v-0febb2ea] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.listing-log .title[data-v-0febb2ea] {
  display: flex;
}
.listing-log .recharge[data-v-0febb2ea] {
  display: flex;
  text-align: right;
}
.listing-log .more[data-v-0febb2ea] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}

iframe[data-v-79da0a4f] {
    display: block;       /* iframes are inline by default */
    border: none;         /* Reset default border */
    height: calc(100vh - 54px);        /* Viewport-relative units */
    width: 100vw;
}


.bg-modal {
	/* background: url(~@/assets/images/promo-banner.png) center center;min-height:120px;
	background: url(~@/assets/images/promo-banner3.png) center center;min-height:120px;
	background-size: cover;
	padding: 0 !important; */
	position: relative;
	padding: 0!important;;
    overflow: hidden;
}
.bg-modal img{
	width: 100%;
	height: 120px;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: right;
	   object-position: right;
}
.btn-close{
	position: absolute;
	top: 5px;
	right: 5px;
	z-index: 1
}
.backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 10;
  background-color: rgba(0, 0, 0, 0.75);
}
dialog {
  position: fixed;
  top: 1vh;
  width: 98%;
  height: 98%;
  margin: auto auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 12px;
  /* padding: 1rem; */
  /* background: linear-gradient(45deg, #ffffff, #aecdf9); */
  z-index: 100;
  border: none;
  display: flex;
  flex-direction: column;

  /* box-shadow: inset 5px 5px 10px #93c2ff, inset -5px -5px 10px #93c2ff; */
  /* animation: modal 0.3s ease-out forwards; */
}
dialog.full_modal {
  /* position: fixed; */
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 2px 8px #8c87cb;
  border: solid 4px #6a7aa6;
  border-radius: 0;
  padding: 1rem;
  background-color: white;
  z-index: 1031;
  border: none;
  /* animation: modal 0.3s ease-out forwards; */
}
.modal1 img{
    width: 100%!important;
}
.modal_body {
  position: relative;
  oveflow-y:auto;
}
.modal-enter-active {
  -webkit-animation: modal 0.3s ease-out;
          animation: modal 0.3s ease-out;
}
.modal-leave-active {
  animation: modal 0.3s ease-in reverse;
}
@-webkit-keyframes modal {
from {
	opacity: 0;
	transform: translateY(-50px) scale(0.9);
}
to {
	opacity: 1;
	transform: translateY(0) scale(1);
}
}
@keyframes modal {
from {
	opacity: 0;
	transform: translateY(-50px) scale(0.9);
}
to {
	opacity: 1;
	transform: translateY(0) scale(1);
}
}
@media(min-width:1025px){
dialog{
	width: 27%;
}
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-7f6ecbeb] {
  width: 25%;
}
.h-25[data-v-7f6ecbeb] {
  height: 25%;
}
.w-50[data-v-7f6ecbeb] {
  width: 50%;
}
.h-50[data-v-7f6ecbeb] {
  height: 50%;
}
.w-75[data-v-7f6ecbeb] {
  width: 75%;
}
.h-75[data-v-7f6ecbeb] {
  height: 75%;
}
.w-100[data-v-7f6ecbeb] {
  width: 100%;
}
.h-100[data-v-7f6ecbeb] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-7f6ecbeb] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-7f6ecbeb] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-7f6ecbeb] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-7f6ecbeb] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.my-swipe[data-v-7f6ecbeb] {
  width: 343px;
  height: 140px;
  margin: 0 auto;
  border-radius: 14px;
  background: #F5F7F6;
}
.van-swipe-item[data-v-7f6ecbeb] {
  width: 100%;
  height: 100%;
}
.van-swipe-item .bannerView[data-v-7f6ecbeb] {
  width: 100%;
  height: 100%;
}
.van-swipe-item .bannerView .icon[data-v-7f6ecbeb] {
  width: 100%;
  height: 100%;
}
.btnView[data-v-7f6ecbeb] {
  display: flex;
  justify-content: space-between;
  padding: 0 16px;
  margin-bottom: 20px;
}
.btnView .item[data-v-7f6ecbeb] {
  flex: 1;
}
.btnView .item .btnItem[data-v-7f6ecbeb] {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 12px;
  background: #644FF5;
  padding: 16px 0;
}
.btnView .item .btnItem .ivconView[data-v-7f6ecbeb] {
  width: 24px;
  height: 24px;
}
.btnView .item .btnItem .ivconView .icon[data-v-7f6ecbeb] {
  width: 24px;
  height: 24px;
}
.btnView .item .btnItem .text[data-v-7f6ecbeb] {
  padding-left: 6px;
  line-height: 24px;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.btnView .item[data-v-7f6ecbeb]:nth-child(1) {
  padding-right: 10px;
}
.btnView .item[data-v-7f6ecbeb]:nth-child(2) {
  padding-left: 10px;
}
table[data-v-7f6ecbeb] > :not(:first-child) {
  border-top: 2px solid #766f63;
}
table tbody[data-v-7f6ecbeb] {
  /*
  height: 300px;
  overflow-y: scroll; */
}
table td td[data-v-7f6ecbeb]:first-child {
  text-align: left;
  padding-left: 20px;
  width: 1%;
}
table tr[data-v-7f6ecbeb] {
  height: 65px;
}
table tr th[data-v-7f6ecbeb],
table tr td[data-v-7f6ecbeb] {
  text-align: center;
  border: none !important;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0;
  font-size: 12px;
}
table tr th[data-v-7f6ecbeb] {
  font-size: 14px;
}
table tr td.text-success[data-v-7f6ecbeb] {
  color: #14edb4 !important;
  font-weight: bolder;
  font-size: 14px;
}
table tr td.text-success span[data-v-7f6ecbeb] {
  font-weight: normal;
}
table tr td.text-danger[data-v-7f6ecbeb] {
  color: #e75142 !important;
  font-weight: bolder;
  font-size: 16px;
}
table tr td.text-danger span[data-v-7f6ecbeb] {
  font-weight: normal;
}
.carousel-inner[data-v-7f6ecbeb] {
  padding: 0 15px;
}
.buy-btn[data-v-7f6ecbeb] {
  background: #4d4138;
  border-radius: 12px;
  font-size: 12px;
}
.announcement[data-v-7f6ecbeb] {
  background: rgba(77, 65, 56, 0.396);
}
.announcement .layout[data-v-7f6ecbeb] {
  display: flex;
  align-items: center;
}
.index-menu[data-v-7f6ecbeb] {
  text-align: center;
  background: rgba(35, 35, 35, 0.396);
  border-radius: 12px;
  padding: 14px 0;
}
.index-menu .menu-item[data-v-7f6ecbeb] {
  text-decoration: none;
}
.index-menu .menu-item p[data-v-7f6ecbeb] {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 11px;
}
.index-menu .menu-item img[data-v-7f6ecbeb] {
  width: 30px;
  height: 30px;
}
.coin-more[data-v-7f6ecbeb] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  padding: 0 8px;
}
.coin-more p[data-v-7f6ecbeb] {
  margin: 0;
}
.coin-more p[data-v-7f6ecbeb]:first-child {
  font-size: 18px;
}
.coin-more p[data-v-7f6ecbeb]:nth-child(2) {
  font-size: 12px;
  text-decoration: underline;
  color: #646C79;
}
.product[data-v-7f6ecbeb] {
  background: #DDE5FA;
  border-radius: 20px 20px 0 0;
}
.product > div[data-v-7f6ecbeb] {
  padding: 20px;
  background: transparent !important;
  border-radius: 12px;
  margin: 20px auto;
}
.product-list[data-v-7f6ecbeb] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: white;
  border-radius: 16px;
  margin-bottom: 10px;
}
.desc[data-v-7f6ecbeb] {
  display: flex;
  align-items: center;
}
.desc .title[data-v-7f6ecbeb] {
  margin-left: 5px;
  color: black;
  font-weight: bold;
  font-size: 18px;
}
.product-icon[data-v-7f6ecbeb] {
  width: 40px;
}
.price-rate[data-v-7f6ecbeb] {
  text-align: end;
}
.price-rate .price[data-v-7f6ecbeb] {
  font-weight: bold;
  font-size: 18px;
}
.price-rate .price span[data-v-7f6ecbeb] {
  font-size: 14px;
  font-weight: normal;
}
@media (max-width: 360px) {
.buy-btn[data-v-7f6ecbeb] {
    font-size: 10px;
}
}
body[data-v-7f6ecbeb] {
  overflow-x: hidden !important;
}
.order-detail1[data-v-7f6ecbeb] {
  background: #232323;
  background-image: url(../img/bg.a386deae.png);
  background-size: cover;
  background-repeat: no-repeat;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 a.close[data-v-7f6ecbeb] {
  position: fixed;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: #DDE5FA;
  bottom: 0;
  padding: 20px;
}
iframe[data-v-7f6ecbeb] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100vw;
}
.psmtc_oC5c[data-v-7f6ecbeb] {
  border-radius: 50%;
}
div.psmtc_oC5c[data-v-7f6ecbeb] {
  z-index: 9997 !important;
}
div.psmtc_oC5c.move[data-v-7f6ecbeb] {
  transition: all 0.3s;
}
.psmtc_oC5c img[data-v-7f6ecbeb] {
  border-radius: 50%;
  background: #e532fb;
  background: linear-gradient(114deg, #e532fb 0%, #d513da 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e532fb", endColorstr="#d513da", GradientType=1);
}
.product table tr th[data-v-7f6ecbeb]:first-child,
.product table tr td[data-v-7f6ecbeb]:first-child {
  text-align: left !important;
  padding-left: 20px;
  padding-right: -10px;
}
.order-detail1[data-v-7f6ecbeb] {
  background: #27201f;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 a.close[data-v-7f6ecbeb] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.close2[data-v-7f6ecbeb] {
  background: #1e9fff;
  position: fixed;
  color: #ffffff;
  width: 35px;
  height: 35px;
  top: 20px;
  left: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
iframe[data-v-7f6ecbeb] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100%;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-ef80fc7c] {
  width: 25%;
}
.h-25[data-v-ef80fc7c] {
  height: 25%;
}
.w-50[data-v-ef80fc7c] {
  width: 50%;
}
.h-50[data-v-ef80fc7c] {
  height: 50%;
}
.w-75[data-v-ef80fc7c] {
  width: 75%;
}
.h-75[data-v-ef80fc7c] {
  height: 75%;
}
.w-100[data-v-ef80fc7c] {
  width: 100%;
}
.h-100[data-v-ef80fc7c] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-ef80fc7c] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-ef80fc7c] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-ef80fc7c] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-ef80fc7c] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
body#scrollable[data-v-ef80fc7c] {
  background: #eab300 !important;
  overflow-y: auto;
}
.main-container[data-v-ef80fc7c] {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
.login[data-v-ef80fc7c] ::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login[data-v-ef80fc7c] :-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login[data-v-ef80fc7c] ::placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login .card[data-v-ef80fc7c] {
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #000000;
  padding: 30px 0 0;
}
.login .card-body[data-v-ef80fc7c] {
  flex: 1 1 auto;
  padding: 20px;
  color: #ffffff;
  border-radius: 10px;
}
.login .form-control[data-v-ef80fc7c],
.form-select[data-v-ef80fc7c] {
  border: 0 none;
}
.login input.form-control[data-v-ef80fc7c] {
  background: #ffffff !important;
  padding: 10px !important;
  margin: 5px 0;
  color: #333;
  border-bottom: 1px solid #ccc;
  line-height: 21px;
  width: 100%;
  border-radius: 8px;
}
.login .terms a[data-v-ef80fc7c] {
  color: #f6e174;
  text-decoration: none;
}
.login .btn-login[data-v-ef80fc7c] {
  background: #000000;
  display: block;
  border: none;
  border-radius: 8px !important;
  padding: 10px 0;
  font-size: 16px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff !important;
  margin: auto;
  background-image: none !important;
}
.login .default-btn[data-v-ef80fc7c] {
  background: #eab300;
  display: block;
  border: none;
  border-radius: 0 !important;
  padding: 10px 0;
  font-size: 16px;
  display: block;
  width: 100%;
  max-width: 600px !important;
  text-align: center;
  color: #fff !important;
  margin: auto;
  background-image: none !important;
}
.login label.label[data-v-ef80fc7c] {
  text-align: left;
  width: 100%;
  padding: 0 10px;
  color: #CCCCCC;
}
.invalid label[data-v-ef80fc7c] {
  color: #e75142;
}
.invalid input[data-v-ef80fc7c],
.invalid textarea[data-v-ef80fc7c] {
  border: 1px solid #e75142;
}
.error_message[data-v-ef80fc7c] {
  color: #e75142;
  text-align: left;
  font-size: 12px;
}
.fade-enter-active[data-v-ef80fc7c],
.fade-leave-active[data-v-ef80fc7c] {
  transition: opacity 0.5s ease;
}
.fade-enter-from[data-v-ef80fc7c],
.fade-leave-to[data-v-ef80fc7c] {
  opacity: 0;
}
.middle[data-v-ef80fc7c] {
  margin-top: 5%;
}
.c_img[data-v-ef80fc7c] {
  background: url(../img/captcha_bg.7a0a3df0.png);
  opacity: 0.8;
  width: 70px;
  height: 35px;
}
body[data-v-ef80fc7c] {
  background: url(../img/bg.ca827cc2.png) !important;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.login img.logo[data-v-ef80fc7c] {
  width: auto !important;
  height: auto !important;
  max-width: 167px;
  height: 40px;
  display: block;
}
.login form .icon-lable[data-v-ef80fc7c] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #000000;
}
.register-text button[data-v-ef80fc7c] {
  font-size: 14px !important;
  height: 40px !important;
}
.order-detail1[data-v-ef80fc7c] {
  background: #27201f;
  height: 100vh;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 a.close[data-v-ef80fc7c] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.close2[data-v-ef80fc7c] {
  background: #1e9fff;
  position: fixed;
  color: #ffffff;
  width: 35px;
  height: 35px;
  top: 20px;
  left: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
iframe[data-v-ef80fc7c] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: calc(100vh - 54px);
  /* Viewport-relative units */
  width: 100%;
}
body[data-v-ef80fc7c] {
  background: url(../img/bg.ca827cc2.png) !important;
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.login .default-btn[data-v-ef80fc7c] {
  background: #000000 !important;
  max-width: 100% !important;
  border-radius: 8px !important;
}
.login .default-btn.reg[data-v-ef80fc7c] {
  color: #73C772 !important;
}
.login .default-btn.live[data-v-ef80fc7c] {
  color: #644FF5 !important;
}
.text-primary[data-v-ef80fc7c] {
  color: #000000 !important;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-64a79599] {
  width: 25%;
}
.h-25[data-v-64a79599] {
  height: 25%;
}
.w-50[data-v-64a79599] {
  width: 50%;
}
.h-50[data-v-64a79599] {
  height: 50%;
}
.w-75[data-v-64a79599] {
  width: 75%;
}
.h-75[data-v-64a79599] {
  height: 75%;
}
.w-100[data-v-64a79599] {
  width: 100%;
}
.h-100[data-v-64a79599] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-64a79599] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-64a79599] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-64a79599] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-64a79599] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-64a79599],
body[data-v-64a79599] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-64a79599] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-64a79599] {
  background: #e75142 !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-64a79599] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-64a79599] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-64a79599] {
  font-weight: 700;
  color: #EFBC2F;
  font-size: 15px;
}
.detail[data-v-64a79599] {
  line-height: 24px;
}
.line-ellipsis[data-v-64a79599] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-64a79599] {
  margin-left: 7px;
}
.active_btm[data-v-64a79599] {
  background: -webkit-linear-gradient(#E6DE9A, #CEC067);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.active_btm[data-v-64a79599]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #EFBC2F;
  background-image: linear-gradient(to bottom, #E6DE9A, #CEC067);
}
.container[data-v-64a79599] {
  overflow-x: overlay;
}
.container > div[data-v-64a79599] {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
}
.flex-box-center-column[data-v-64a79599] {
  color: #ffffff;
}
.flex-box-center-column div[data-v-64a79599] {
  min-width: 100px;
  text-align: center;
}
.flex-box-center[data-v-64a79599] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-64a79599] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-64a79599] {
  color: #838898;
}
.up-case[data-v-64a79599] {
  text-transform: uppercase;
}
.active_btm[data-v-64a79599] {
  margin-top: 0;
}
.trade_history_list ul li[data-v-64a79599] {
  height: 90px;
}
.trade_history_list ul[data-v-64a79599],
.trade_history_list ul li[data-v-64a79599] {
  /* padding: 0 !important; */
  background: rgba(0, 0, 0, 0.376);
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
.trade_history_list ul[data-v-64a79599] {
  border-bottom: 0;
}
.trade_history_list ul li article span[data-v-64a79599] {
  margin-top: 3.84px;
  z-index: 6 !important;
}
.trade_history_list p[data-v-64a79599],
.trade_history_list ul li section:nth-of-type(1) p[data-v-64a79599]:nth-of-type(3) {
  color: #ffffff;
}
@media (max-width: 360px) {
.buy-btn[data-v-64a79599] {
    font-size: 10px;
}
}
.order-detail1[data-v-64a79599] {
  background: #27201f;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 td[data-v-64a79599],
.order-detail1 th[data-v-64a79599] {
  border-top: 1px solid rgba(255, 255, 255, 0.376);
  border-bottom: 1px solid rgba(255, 255, 255, 0.376);
  margin: 20px;
  padding: 20px 30px;
}
.order-detail1 a.close[data-v-64a79599] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
.product > div[data-v-64a79599] {
  padding: 20px;
  text-align: center;
  background: rgba(31, 31, 29, 0.396);
  border-radius: 12px;
  margin: 20px auto;
}
.product-list[data-v-64a79599] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px;
  background: white;
  border-radius: 16px;
  margin-bottom: 10px;
}
.desc[data-v-64a79599] {
  display: flex;
  align-items: center;
}
.desc .title[data-v-64a79599] {
  margin-left: 5px;
  color: black;
  font-weight: bold;
  font-size: 18px;
}
.product-icon[data-v-64a79599] {
  width: 40px;
}
.price-rate[data-v-64a79599] {
  text-align: end;
}
.price-rate .price[data-v-64a79599] {
  font-weight: bold;
  font-size: 18px;
}
.price-rate .price span[data-v-64a79599] {
  font-size: 14px;
  font-weight: normal;
}
table[data-v-64a79599] {
  margin-top: 0px;
}
table[data-v-64a79599] > :not(:first-child) {
  border-top: 2px solid #999999;
}
table thead[data-v-64a79599] {
  background-color: #fbb034;
  background-image: linear-gradient(120deg, #fbb034 0%, #ffdd00 74%);
}
table tbody[data-v-64a79599] {
  /*
  height: 300px;
  overflow-y: scroll; */
}
table td td[data-v-64a79599]:first-child {
  text-align: left;
  padding-left: 20px;
  width: 1%;
}
table tr[data-v-64a79599] {
  height: 65px;
}
table tr th[data-v-64a79599],
table tr td[data-v-64a79599] {
  text-align: center;
  border: none !important;
  width: 1%;
  vertical-align: middle;
  padding-left: 0;
  padding-right: 0%;
  font-size: 12px;
}
table tr th[data-v-64a79599] {
  font-size: 14px;
}
table tr td.text-success[data-v-64a79599] {
  color: #14edb4 !important;
  font-weight: bolder;
  font-size: 14px;
}
table tr td.text-success span[data-v-64a79599] {
  font-weight: normal;
}
table tr td.text-danger[data-v-64a79599] {
  color: #e75142 !important;
  font-weight: bolder;
  font-size: 16px;
}
table tr td.text-danger span[data-v-64a79599] {
  font-weight: normal;
}
.buy-btn[data-v-64a79599] {
  background: #766f63;
  border-radius: 12px;
  font-size: 12px;
}

html[data-v-c083f66e],
body[data-v-c083f66e] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: black;
  font-size: 14px;
}
.sub-mission-text2[data-v-c083f66e] {
  color: #a6a6a6 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-c083f66e] {
  background: #fa6b0b !important;
  color: white !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-c083f66e] {
  box-shadow: 0px 0px 6px #00000029 !important;
  border-radius: 10px !important;
}
.movie-title[data-v-c083f66e] {
  font-size: 17px;
  color: #333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-c083f66e] {
  font-weight: 700;
  color: #faaf00;
  font-size: 15px;
}
.detail[data-v-c083f66e] {
  line-height: 24px;
}
.line-ellipsis[data-v-c083f66e] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-c083f66e] {
  margin-left: 7px;
}
.active_btm[data-v-c083f66e] {
  width: 20px;
  border-bottom: 2px solid #f51c40;
  margin-top: 5px;
}
.flex-box-center-column[data-v-c083f66e] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.buy-btn[data-v-c083f66e] {
  background: #ff443f;
  border-radius: 10px;
  color: white;
}


html[data-v-09583a6d],body[data-v-09583a6d] {
	height: 100%;
	margin: auto;
	overflow: initial;
	color:black;
	font-size: 14px;
	background: #212121;
}
.sub-mission-text2[data-v-09583a6d] {
	color: #A6A6A6!important;
	font-size: 14px;
	margin-top: auto;
}
.selected_cat[data-v-09583a6d] {
	background: #fa6b0b!important;
	color: white!important;
	padding-left: 5px;
	padding-right: 5px;
}
.outline-sd[data-v-09583a6d] {
	box-shadow: 0px 0px 6px #00000029!important;
	border-radius: 10px !important;
}
.movie-title[data-v-09583a6d] {
	font-size: 17px;
	color: #333;
	font-weight: 700;
	padding-right: 5px;
	flex-shrink: 1;
}
.grade[data-v-09583a6d] {
	font-weight: 700;
	color: #faaf00;
	font-size: 15px;
}
.detail[data-v-09583a6d] {
	line-height: 24px;
}
.line-ellipsis[data-v-09583a6d] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ml-7[data-v-09583a6d] {
	margin-left: 7px;
}
.active_btm[data-v-09583a6d] {
	width: 20px;
	border-bottom: 2px solid #f51c40;
	margin-top: 5px;
}
.flex-box-center-column[data-v-09583a6d] {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.flex-box-center[data-v-09583a6d] {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.rank-text[data-v-09583a6d] {
    font-size: 40px;
    font-weight: bold;
    color: #a59d9d;
}
p[data-v-09583a6d]{color:#8f8f94;}
.up-case[data-v-09583a6d] {
    text-transform: uppercase;
}


html[data-v-aab3bdb6],body[data-v-aab3bdb6] {
	height: 100%;
	margin: auto;
	overflow: initial;
	color:black;
	font-size: 14px;
	background: #212121;
}
.sub-mission-text2[data-v-aab3bdb6] {
	color: #A6A6A6!important;
	font-size: 14px;
	margin-top: auto;
}
.selected_cat[data-v-aab3bdb6] {
	background: #fa6b0b!important;
	color: white!important;
	padding-left: 5px;
	padding-right: 5px;
}
.outline-sd[data-v-aab3bdb6] {
	box-shadow: 0px 0px 6px #00000029!important;
	border-radius: 10px !important;
}
.movie-title[data-v-aab3bdb6] {
	font-size: 17px;
	color: #333;
	font-weight: 700;
	padding-right: 5px;
	flex-shrink: 1;
}
.grade[data-v-aab3bdb6] {
	font-weight: 700;
	color: #faaf00;
	font-size: 15px;
}
.detail[data-v-aab3bdb6] {
	line-height: 24px;
}
.line-ellipsis[data-v-aab3bdb6] {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ml-7[data-v-aab3bdb6] {
	margin-left: 7px;
}
.active_btm[data-v-aab3bdb6] {
	width: 20px;
	border-bottom: 2px solid #f51c40;
	margin-top: 25px !important;
	position: absolute;
}
.flex-box-center-column[data-v-aab3bdb6] {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.flex-box-center[data-v-aab3bdb6] {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}
.rank-text[data-v-aab3bdb6] {
    font-size: 40px;
    font-weight: bold;
    color: #a59d9d;
}
p[data-v-aab3bdb6]{color:#8f8f94;}
.up-case[data-v-aab3bdb6] {
    text-transform: uppercase;
}
.bold[data-v-aab3bdb6]{
	font-weight: bold;
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-77ff5b36] {
  width: 25%;
}
.h-25[data-v-77ff5b36] {
  height: 25%;
}
.w-50[data-v-77ff5b36] {
  width: 50%;
}
.h-50[data-v-77ff5b36] {
  height: 50%;
}
.w-75[data-v-77ff5b36] {
  width: 75%;
}
.h-75[data-v-77ff5b36] {
  height: 75%;
}
.w-100[data-v-77ff5b36] {
  width: 100%;
}
.h-100[data-v-77ff5b36] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-77ff5b36] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-77ff5b36] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-77ff5b36] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-77ff5b36] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-77ff5b36] {
  padding-bottom: 0;
}
.btn-select button.active[data-v-77ff5b36] {
  border: 1px solid #EFBC2F;
  color: #EFBC2F;
}
.btn-select button[data-v-77ff5b36] {
  position: relative;
  text-align: center;
  border: 1px solid #ffffff;
  margin: 0 10px 10px 0;
  padding: 10px 10px;
  color: #ffffff;
  border-radius: 12px;
  font-weight: bold;
}
.section-padding[data-v-77ff5b36] {
  padding: 20px 15px;
}
.recharge_amount[data-v-77ff5b36] {
  display: flex;
  font-size: 24px;
  color: #ffffff;
  padding: 20px 0 0;
}
.recharge_amount .currency[data-v-77ff5b36] {
  width: 10%;
}
.recharge_amount input[data-v-77ff5b36] {
  width: 90%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.recharge_name[data-v-77ff5b36] {
  display: flex;
  font-size: 18px;
  color: #ffffff;
  padding: 20px 0;
}
.recharge_name .name[data-v-77ff5b36] {
  width: 20%;
}
.recharge_name input[data-v-77ff5b36] {
  width: 80%;
  margin-left: 20px;
  background: none;
  border: none;
  color: #EFBC2F;
}
.termsandconditions[data-v-77ff5b36] {
  padding: 10px 0 20px;
}
label[data-v-77ff5b36] {
  display: inline-block;
}
.bottomMessage[data-v-77ff5b36] {
  padding: 40px 0;
  color: #EFBC2F;
}
ul.details-list[data-v-77ff5b36] {
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 15px;
}
ul.details-list > li[data-v-77ff5b36] {
  display: flex;
  justify-content: space-between;
  padding: 6px 10px;
  /* border-bottom: solid 1px #333; */
  color: #ffffff;
  border-bottom: none !important;
}
ul.details-list > li[data-v-77ff5b36]:nth-child(even) {
  background: rgba(0, 0, 0, 0.1);
}
ul.details-list li > div[data-v-77ff5b36]:nth-child(2) {
  color: #644FF5 !important;
}
ul.details-list > li[data-v-77ff5b36]:last-child {
  flex-direction: column;
  background: transparent;
}
.listing-log .recharge .status-reject[data-v-77ff5b36] {
  color: #e75142;
}
.listing-log li[data-v-77ff5b36] {
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
  border-bottom: dashed 1px #333333;
  padding: 18px 30px;
  justify-content: space-between;
}
.listing-log .title[data-v-77ff5b36] {
  display: flex;
}
.listing-log .recharge[data-v-77ff5b36] {
  display: flex;
}
.listing-log .more[data-v-77ff5b36] {
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: right;
}
.form-control[data-v-77ff5b36],
.form-control[data-v-77ff5b36]:focus {
  color: #eaeaea;
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #b38369;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  box-shadow: none;
  font-size: 14px;
}
input[data-v-77ff5b36]::-moz-placeholder {
  color: #b38369;
}
input[data-v-77ff5b36]:-ms-input-placeholder {
  color: #b38369;
}
input[data-v-77ff5b36]::placeholder {
  color: #b38369;
}
[data-v-77ff5b36]::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #b38369;
}
.font-red[data-v-77ff5b36] {
  color: #ff0000;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-37027de0] {
  width: 25%;
}
.h-25[data-v-37027de0] {
  height: 25%;
}
.w-50[data-v-37027de0] {
  width: 50%;
}
.h-50[data-v-37027de0] {
  height: 50%;
}
.w-75[data-v-37027de0] {
  width: 75%;
}
.h-75[data-v-37027de0] {
  height: 75%;
}
.w-100[data-v-37027de0] {
  width: 100%;
}
.h-100[data-v-37027de0] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-37027de0] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-37027de0] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-37027de0] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-37027de0] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-37027de0],
body[data-v-37027de0] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-37027de0] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-37027de0] {
  background: #fa6b0b !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-37027de0] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-37027de0] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-37027de0] {
  font-weight: 700;
  color: #EFBC2F;
  font-size: 15px;
}
.detail[data-v-37027de0] {
  line-height: 24px;
}
.line-ellipsis[data-v-37027de0] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-37027de0] {
  margin-left: 7px;
}
.active_btm[data-v-37027de0] {
  width: 20px;
  border-bottom: 2px solid #e75142;
  margin-top: 5px;
}
.flex-box-center-column[data-v-37027de0] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.flex-box-center[data-v-37027de0] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-37027de0] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-37027de0] {
  color: #838898;
}
.up-case[data-v-37027de0] {
  text-transform: uppercase;
}
.section-title-log[data-v-37027de0] {
  background-color: #D3FFDB;
  text-align: start;
  padding: 13px;
  font-size: 17px;
  margin: 0;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-b2451136] {
  width: 25%;
}
.h-25[data-v-b2451136] {
  height: 25%;
}
.w-50[data-v-b2451136] {
  width: 50%;
}
.h-50[data-v-b2451136] {
  height: 50%;
}
.w-75[data-v-b2451136] {
  width: 75%;
}
.h-75[data-v-b2451136] {
  height: 75%;
}
.w-100[data-v-b2451136] {
  width: 100%;
}
.h-100[data-v-b2451136] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-b2451136] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-b2451136] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-b2451136] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-b2451136] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-b2451136],
body[data-v-b2451136] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  /* background: #212121; */
}
.purchase_card[data-v-b2451136] {
  flex-direction: column;
  display: block;
  text-align: center;
  background: #ffffff;
  border: solid 1px #ccc;
  border-radius: 16px;
  padding: 0;
  overflow: hidden;
}
.plan:nth-child(odd) .image-container[data-v-b2451136] {
  border-radius: 16px 16px 0 0;
  background-color: #6740FF;
}
.plan:nth-child(even) .image-container[data-v-b2451136] {
  border-radius: 16px 16px 0 0;
  background-color: #D3FFDB;
}
.return[data-v-b2451136] {
  padding: 10px 3px 5px 3px;
  font-size: 9px;
  color: #232323;
}
.sub-mission-text2[data-v-b2451136] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-b2451136] {
  background: #fa6b0b !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-b2451136] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-b2451136] {
  font-size: 18px;
  color: #333333;
  font-weight: 700;
  flex-shrink: 1;
}
.grade[data-v-b2451136] {
  font-weight: 700;
  color: #232323;
  font-size: 22px;
}
.detail[data-v-b2451136] {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.line-ellipsis span[data-v-b2451136]:first-child {
  color: #000;
  background: #efefef;
  padding: 5px;
  display: block;
  font-size: 16px;
}
.line-ellipsis[data-v-b2451136] {
  width: 100%;
  background: #eef2f6;
}
.ml-7[data-v-b2451136] {
  margin-left: 7px;
}
.active_btm[data-v-b2451136] {
  width: 20px;
  border-bottom: 2px solid #e75142;
  margin-top: 5px;
}
.flex-box-center-column[data-v-b2451136] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.flex-box-center[data-v-b2451136] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-b2451136] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-b2451136] {
  color: #838898;
}
.up-case[data-v-b2451136] {
  text-transform: uppercase;
}
.fs12[data-v-b2451136] {
  font-size: 16px !important;
}
.fs12.grade[data-v-b2451136] {
  color: #6740FF !important;
}
.plan-container[data-v-b2451136] {
  margin-top: 15px;
}
.plan-section[data-v-b2451136] {
  padding: 10px 14px 10px 30px;
  background: #ffffff;
  border-radius: 100px !important;
  margin: 0 15px;
  font-size: 17px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #232323;
}
.plan-section span[data-v-b2451136] {
  border-radius: 100px !important;
  background: #000000 !important;
  color: #ffffff;
  padding: 0.5rem 1rem;
}
.plan-section .btn[data-v-b2451136] {
  border-radius: 0px !important;
  background: #ffffff !important;
  color: #000000 !important;
}
.btn-container[data-v-b2451136] {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #ffffff;
  padding: 5px 10px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-3a2070e6] {
  width: 25%;
}
.h-25[data-v-3a2070e6] {
  height: 25%;
}
.w-50[data-v-3a2070e6] {
  width: 50%;
}
.h-50[data-v-3a2070e6] {
  height: 50%;
}
.w-75[data-v-3a2070e6] {
  width: 75%;
}
.h-75[data-v-3a2070e6] {
  height: 75%;
}
.w-100[data-v-3a2070e6] {
  width: 100%;
}
.h-100[data-v-3a2070e6] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-3a2070e6] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-3a2070e6] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-3a2070e6] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-3a2070e6] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.section-title[data-v-3a2070e6] {
  background: #232323;
  color: #ffffff;
  display: block;
  margin-bottom: 0;
  padding: 13px 30px;
  font-size: 17px;
  position: relative;
}

/* .container img {
    width: 100%!important;
} */
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-6d4a52c0] {
  width: 25%;
}
.h-25[data-v-6d4a52c0] {
  height: 25%;
}
.w-50[data-v-6d4a52c0] {
  width: 50%;
}
.h-50[data-v-6d4a52c0] {
  height: 50%;
}
.w-75[data-v-6d4a52c0] {
  width: 75%;
}
.h-75[data-v-6d4a52c0] {
  height: 75%;
}
.w-100[data-v-6d4a52c0] {
  width: 100%;
}
.h-100[data-v-6d4a52c0] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-6d4a52c0] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-6d4a52c0] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-6d4a52c0] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-6d4a52c0] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.main-container[data-v-6d4a52c0] {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
}
label[data-v-6d4a52c0] {
  display: block;
  text-align: left !important;
  /* margin-left: 10px; */
}
.login label.label[data-v-6d4a52c0] {
  text-align: left;
  width: 100%;
  padding: 0 10px;
  color: #eadc85;
  font-weight: bold;
}
.login[data-v-6d4a52c0] ::-moz-placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login[data-v-6d4a52c0] :-ms-input-placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login[data-v-6d4a52c0] ::placeholder {
  /* Most modern browsers support this now. */
  color: #999999 !important;
}
.login .card[data-v-6d4a52c0] {
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.1);
  color: #000000;
  padding: 30px 0 0;
}
.login .card-body[data-v-6d4a52c0] {
  flex: 1 1 auto;
  padding: 20px;
  color: #ffffff;
  border-radius: 10px;
}
.login .form-control[data-v-6d4a52c0],
.form-select[data-v-6d4a52c0] {
  border: 0 none;
}
.login input.form-control[data-v-6d4a52c0] {
  background: #ffffff !important;
  padding: 10px !important;
  margin: 5px 0;
  color: #333;
  border-bottom: 1px solid #ccc;
  line-height: 21px;
  width: 100%;
  border-radius: 8px;
}
.login .terms a[data-v-6d4a52c0] {
  color: #f6e174;
  text-decoration: none;
}
.login .btn-login[data-v-6d4a52c0] {
  background: #000000;
  display: block;
  border: none;
  border-radius: 8px !important;
  padding: 10px 0;
  font-size: 16px;
  display: block;
  width: 100%;
  text-align: center;
  color: #fff !important;
  margin: auto;
  background-image: none !important;
}
.invalid label[data-v-6d4a52c0] {
  color: #e75142;
}
.invalid input[data-v-6d4a52c0],
.invalid textarea[data-v-6d4a52c0] {
  border: 1px solid #e75142;
}
.error_message[data-v-6d4a52c0] {
  color: #e75142;
  text-align: left;
  font-size: 12px;
  margin-bottom: 20px;
}
.register_middle[data-v-6d4a52c0] {
  margin-top: 0%;
}
.c_img[data-v-6d4a52c0] {
  background: url(../img/captcha_bg.7a0a3df0.png);
  opacity: 0.8;
  width: 70px;
  height: 35px;
}
body[data-v-6d4a52c0] {
  background: url(../img/bg.a386deae.png);
  background-size: cover;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.login img.logo[data-v-6d4a52c0] {
  width: auto !important;
  height: auto !important;
  max-width: 167px;
  height: 40px;
  display: block;
}
.login form .icon-lable[data-v-6d4a52c0] {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #000000;
}
.terms[data-v-6d4a52c0] {
  color: #f6e174;
  text-decoration: none;
}
.login .invalid.mb-3[data-v-6d4a52c0],
.error_message[data-v-6d4a52c0] {
  margin-bottom: 0 !important;
}
.form-check-input[data-v-6d4a52c0]:checked {
  background-color: #5BC267;
  border-color: #5BC267;
}
.form-check-input[data-v-6d4a52c0]:focus {
  box-shadow: 0 0 0 0.25rem rgba(86, 145, 149, 0.25);
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-174810f5] {
  width: 25%;
}
.h-25[data-v-174810f5] {
  height: 25%;
}
.w-50[data-v-174810f5] {
  width: 50%;
}
.h-50[data-v-174810f5] {
  height: 50%;
}
.w-75[data-v-174810f5] {
  width: 75%;
}
.h-75[data-v-174810f5] {
  height: 75%;
}
.w-100[data-v-174810f5] {
  width: 100%;
}
.h-100[data-v-174810f5] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-174810f5] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-174810f5] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-174810f5] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-174810f5] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-425146b8] {
  width: 25%;
}
.h-25[data-v-425146b8] {
  height: 25%;
}
.w-50[data-v-425146b8] {
  width: 50%;
}
.h-50[data-v-425146b8] {
  height: 50%;
}
.w-75[data-v-425146b8] {
  width: 75%;
}
.h-75[data-v-425146b8] {
  height: 75%;
}
.w-100[data-v-425146b8] {
  width: 100%;
}
.h-100[data-v-425146b8] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-425146b8] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-425146b8] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-425146b8] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-425146b8] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pb100[data-v-425146b8] {
  padding-bottom: 100px;
}
.duplicate-btn[data-v-425146b8] {
  background-color: #EFBC2F;
  color: #4d4138 !important;
  width: 100px;
  vertical-align: top;
  font-size: 14px;
}
.text-truncate[data-v-425146b8] {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.card[data-v-425146b8] {
  border: 3px solid #eadc85;
  background-image: linear-gradient(135deg, #ffffff, #fff6e5);
}
.invite .card-body[data-v-425146b8] {
  padding: 20px;
}
#progressbar li[data-v-425146b8] {
  list-style-type: none;
  font-size: 12px;
  width: 33.3%;
  float: left;
  position: relative;
  font-weight: 400;
}
.invite .progress[data-v-425146b8] {
  height: 18px !important;
}
.redeem[data-v-425146b8] {
  border-radius: 10px;
  margin-top: 3rem;
  width: 95%;
  margin: auto;
  color: #232323;
}
.redeem-inactive[data-v-425146b8] {
  border: 2px solid #eaeaea;
  cursor: pointer;
  padding: 5px;
  margin-top: 42px !important;
  background: #eaeaea;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.redeem-active[data-v-425146b8] {
  border: 2px solid #e75142;
  cursor: pointer;
  padding: 5px;
  margin-top: 42px !important;
  color: #ffffff;
  background: #e75142;
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.35);
}
.angpau[data-v-425146b8] {
  position: absolute;
  z-index: 1;
  width: 80%;
  transform: translate(-50%, -50%);
  left: 51%;
  top: 35%;
}
.bdrop[data-v-425146b8] {
  background: rgba(0, 0, 0, 0.35);
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  /* opacity: 0.1; */
  left: 0;
}

dialog {
	position: absolute !important;
	top: 0 !important;
}

.pageContent[data-v-7355d0ec] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-7355d0ec] {
  height: 44px;
  position: relative;
  background: #FFFFFF;
}
.headerViedw .left[data-v-7355d0ec] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-7355d0ec] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-7355d0ec] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.pageComponentsContent[data-v-7355d0ec] {
  border-top: 1px solid #ECECEC;
  padding: 16px;
}
.pageComponentsContent .titleView[data-v-7355d0ec] {
  display: flex;
  margin-bottom: 12px;
}
.pageComponentsContent .titleView .iconView[data-v-7355d0ec] {
  float: left;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #644FF5;
}
.pageComponentsContent .titleView .iconView .icon[data-v-7355d0ec] {
  width: 18px;
  height: 18px;
}
.pageComponentsContent .titleView .title[data-v-7355d0ec] {
  flex: 1;
  padding-left: 8px;
  line-height: 24px;
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
}
.pageComponentsContent .item[data-v-7355d0ec] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageComponentsContent .item .li[data-v-7355d0ec] {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.pageComponentsContent .item .li .left[data-v-7355d0ec] {
  color: #908F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageComponentsContent .item .li .right[data-v-7355d0ec] {
  text-align: right;
  max-width: 200px;
  word-break: break-all;
  color: #1F1F1F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageComponentsContent .item .progressView[data-v-7355d0ec] {
  display: flex;
}
.pageComponentsContent .item .progressView .left[data-v-7355d0ec] {
  flex: 1;
  padding-right: 18px;
  padding-top: 22px;
}
.pageComponentsContent .item .progressView .left .progressBar[data-v-7355d0ec] {
  width: 100%;
  height: 6px;
  background: #E9ECEE;
  border-radius: 3px;
}
.pageComponentsContent .item .progressView .left .progressBar .box[data-v-7355d0ec] {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #4D4FEE;
  position: relative;
}
.pageComponentsContent .item .progressView .left .progressBar .box .boxGarden[data-v-7355d0ec] {
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #4D4FEE;
}
.pageComponentsContent .item .progressView .left .progressBar .box .boxGarden .pre[data-v-7355d0ec] {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -25px;
  right: -15px;
  height: 20px;
  background: #4D4FEE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0 4px;
}
.pageComponentsContent .item .progressView .right[data-v-7355d0ec] {
  float: right;
}
.pageComponentsContent .item .progressView .right .btnView .btn[data-v-7355d0ec] {
  display: flex;
  width: 80px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #E9ECEE;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.pageComponentsContent .item .progressView .right .btnView .active[data-v-7355d0ec] {
  background: #644FF5;
  color: #FFFFFF;
}
.pageComponentsContent .box[data-v-7355d0ec] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageComponentsContent .box .left[data-v-7355d0ec] {
  color: #908F8F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pageComponentsContent .box .right[data-v-7355d0ec] {
  display: flex;
}
.pageComponentsContent .box .right .l .iconView[data-v-7355d0ec] {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.pageComponentsContent .box .right .l .iconView .icon[data-v-7355d0ec] {
  width: 24px;
  height: 24px;
}
.pageComponentsContent .box .right .num[data-v-7355d0ec] {
  width: 80px;
}
.pageComponentsContent .box .right .num .inp[data-v-7355d0ec] {
  padding: 0 4px;
  width: 72px;
  color: #1F1F1F;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  border: 0;
}
.pageComponentsContent .box .right .r .iconView[data-v-7355d0ec] {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.pageComponentsContent .box .right .r .iconView .icon[data-v-7355d0ec] {
  width: 24px;
  height: 24px;
}
.pageComponentsContent .box_[data-v-7355d0ec] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageComponentsContent .box_ .titleView[data-v-7355d0ec] {
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
}
.pageComponentsContent .box_ .imagesList[data-v-7355d0ec] {
  display: flex;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-7355d0ec] {
  flex: 1;
}
.pageComponentsContent .box_ .imagesList .liView .li[data-v-7355d0ec] {
  width: 100%;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView[data-v-7355d0ec] {
  height: 90px;
  border-radius: 8px;
  margin-bottom: 12px;
  background: #F7F7F7;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .clearImage[data-v-7355d0ec] {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 500;
  width: 20px;
  height: 20px;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .clearImage .icon[data-v-7355d0ec] {
  width: 20px;
  height: 20px;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .fileInput[data-v-7355d0ec] {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  outline: none;
  opacity: 0;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .iconView[data-v-7355d0ec] {
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageComponentsContent .box_ .imagesList .liView .li .text[data-v-7355d0ec] {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-7355d0ec]:nth-child(1) {
  padding-right: 8px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-7355d0ec]:nth-child(2) {
  padding: 0 8px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-7355d0ec]:nth-child(3) {
  padding-left: 8px;
}
.pageComponentsContent .foo[data-v-7355d0ec] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageComponentsContent .foo .left[data-v-7355d0ec] {
  display: flex;
  align-items: center;
  color: #644FF5;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  max-width: 120px;
  overflow: hidden;
}
.pageComponentsContent .foo .left span[data-v-7355d0ec] {
  font-size: 14px;
}
.pageComponentsContent .foo .right .btn_[data-v-7355d0ec] {
  width: 200px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  background: #644FF5;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.pageComponentsContent .foo .right .btnDisable[data-v-7355d0ec] {
  opacity: 0.6;
  background: #666666;
}
.vanLoadingView[data-v-7355d0ec] {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 9999;
  margin: -12px 0 0 -12px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-6e7487b2] {
  width: 25%;
}
.h-25[data-v-6e7487b2] {
  height: 25%;
}
.w-50[data-v-6e7487b2] {
  width: 50%;
}
.h-50[data-v-6e7487b2] {
  height: 50%;
}
.w-75[data-v-6e7487b2] {
  width: 75%;
}
.h-75[data-v-6e7487b2] {
  height: 75%;
}
.w-100[data-v-6e7487b2] {
  width: 100%;
}
.h-100[data-v-6e7487b2] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-6e7487b2] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-6e7487b2] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-6e7487b2] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-6e7487b2] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.pageContent[data-v-6e7487b2] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-6e7487b2] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-6e7487b2] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-6e7487b2] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-6e7487b2] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.successGView[data-v-6e7487b2] {
  padding-top: 50px;
  width: 100%;
}
.successGView .iconView[data-v-6e7487b2] {
  margin: 0 auto 16px;
  width: 80px;
  height: 80px;
}
.successGView .iconView .icon[data-v-6e7487b2] {
  width: 80px;
  height: 80px;
}
.successGView .text[data-v-6e7487b2] {
  text-align: center;
  color: #000;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.pageContent[data-v-80fb664a] {
  background: #FFFFFF;
}
.headerViedw[data-v-80fb664a] {
  height: 44px;
  position: relative;
  background: #FFFFFF;
}
.headerViedw .left[data-v-80fb664a] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-80fb664a] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-80fb664a] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.pageComponentsContent[data-v-80fb664a] {
  position: fixed;
  top: 44px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  background: #ffffff;
  border-top: 1px solid #ECECEC;
  padding: 16px;
}
.pageComponentsContent .titleView[data-v-80fb664a] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pageComponentsContent .titleView .left[data-v-80fb664a] {
  display: flex;
}
.pageComponentsContent .titleView .left .iconView[data-v-80fb664a] {
  float: left;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #644FF5;
}
.pageComponentsContent .titleView .left .iconView .icon[data-v-80fb664a] {
  width: 18px;
  height: 18px;
}
.pageComponentsContent .titleView .left .title[data-v-80fb664a] {
  flex: 1;
  padding-left: 8px;
  line-height: 24px;
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
}
.pageComponentsContent .titleView .right[data-v-80fb664a] {
  color: #644FF5;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.pageComponentsContent .item[data-v-80fb664a] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageComponentsContent .item .li[data-v-80fb664a] {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.pageComponentsContent .item .li .left[data-v-80fb664a] {
  color: #908F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageComponentsContent .item .li .right[data-v-80fb664a] {
  text-align: right;
  max-width: 200px;
  word-break: break-all;
  color: #1F1F1F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageComponentsContent .item .progressView[data-v-80fb664a] {
  display: flex;
}
.pageComponentsContent .item .progressView .left[data-v-80fb664a] {
  flex: 1;
  padding-right: 18px;
  padding-top: 22px;
}
.pageComponentsContent .item .progressView .left .progressBar[data-v-80fb664a] {
  width: 100%;
  height: 6px;
  background: #E9ECEE;
  border-radius: 3px;
}
.pageComponentsContent .item .progressView .left .progressBar .box[data-v-80fb664a] {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #4D4FEE;
  position: relative;
}
.pageComponentsContent .item .progressView .left .progressBar .box .boxGarden[data-v-80fb664a] {
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #4D4FEE;
}
.pageComponentsContent .item .progressView .left .progressBar .box .boxGarden .pre[data-v-80fb664a] {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -25px;
  right: -15px;
  height: 20px;
  background: #4D4FEE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0 4px;
}
.pageComponentsContent .item .progressView .right[data-v-80fb664a] {
  float: right;
}
.pageComponentsContent .item .progressView .right .btnView .btn[data-v-80fb664a] {
  display: flex;
  width: 80px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #E9ECEE;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.pageComponentsContent .item .progressView .right .btnView .active[data-v-80fb664a] {
  background: #644FF5;
  color: #FFFFFF;
}
.pageComponentsContent .box[data-v-80fb664a] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageComponentsContent .box .left[data-v-80fb664a] {
  color: #908F8F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pageComponentsContent .box .right[data-v-80fb664a] {
  display: flex;
}
.pageComponentsContent .box .right .l .iconView[data-v-80fb664a] {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.pageComponentsContent .box .right .l .iconView .icon[data-v-80fb664a] {
  width: 24px;
  height: 24px;
}
.pageComponentsContent .box .right .num[data-v-80fb664a] {
  width: 60px;
  color: #1F1F1F;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.pageComponentsContent .box .right .r .iconView[data-v-80fb664a] {
  width: 24px;
  height: 24px;
  cursor: pointer;
}
.pageComponentsContent .box .right .r .iconView .icon[data-v-80fb664a] {
  width: 24px;
  height: 24px;
}
.pageComponentsContent .box_[data-v-80fb664a] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageComponentsContent .box_ .titleView[data-v-80fb664a] {
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 16px;
}
.pageComponentsContent .box_ .imagesList[data-v-80fb664a] {
  display: flex;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-80fb664a] {
  flex: 1;
}
.pageComponentsContent .box_ .imagesList .liView .li[data-v-80fb664a] {
  width: 100%;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView[data-v-80fb664a] {
  height: 90px;
  border-radius: 8px;
  margin-bottom: 12px;
  background: #F7F7F7;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .icon[data-v-80fb664a] {
  width: 24px;
  height: 24px;
}
.pageComponentsContent .box_ .imagesList .liView .li .imgView .img[data-v-80fb664a] {
  width: 90px;
  height: 90px;
}
.pageComponentsContent .box_ .imagesList .liView .li .text[data-v-80fb664a] {
  color: #000;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 17px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-80fb664a]:nth-child(1) {
  padding-right: 8px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-80fb664a]:nth-child(2) {
  padding: 0 8px;
}
.pageComponentsContent .box_ .imagesList .liView[data-v-80fb664a]:nth-child(3) {
  padding-left: 8px;
}
.pageComponentsContent .box_1[data-v-80fb664a] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageComponentsContent .box_1 .imgView[data-v-80fb664a] {
  margin: 0 auto;
  width: 90px;
  height: 90px;
  border-radius: 8px;
  background: #F7F7F7;
  box-shadow: 0px 0px 20px 0px rgba(255, 211, 15, 0.03);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.pageComponentsContent .box_1 .imgView .clearImage[data-v-80fb664a] {
  position: absolute;
  top: -5px;
  right: -5px;
  z-index: 500;
  width: 20px;
  height: 20px;
}
.pageComponentsContent .box_1 .imgView .clearImage .icon[data-v-80fb664a] {
  width: 20px;
  height: 20px;
}
.pageComponentsContent .box_1 .imgView .fileInput[data-v-80fb664a] {
  display: block;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  border: 0;
  outline: none;
  opacity: 0;
}
.pageComponentsContent .box_1 .imgView .iconView[data-v-80fb664a] {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pageComponentsContent .box_1 .imgView .iconView .image[data-v-80fb664a] {
  width: 200px;
  height: 200px;
}
.pageComponentsContent .ReapplyMessage[data-v-80fb664a] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
  color: #908F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageComponentsContent .foo .error .btn[data-v-80fb664a] {
  width: 100%;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  background: #644FF5;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  border: 0;
}
.pageComponentsContent .foo .success[data-v-80fb664a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pageComponentsContent .foo .success .left .text[data-v-80fb664a] {
  color: #908F8F;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 4px;
}
.pageComponentsContent .foo .success .left .amount[data-v-80fb664a] {
  display: flex;
  align-items: center;
  color: #644FF5;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
}
.pageComponentsContent .foo .success .left .amount span[data-v-80fb664a] {
  font-size: 14px;
}
.pageComponentsContent .foo .success .left .hintMsg[data-v-80fb664a] {
  color: #644FF5;
  font-size: 12px;
  line-height: 22px;
}
.pageComponentsContent .foo .success .right .btn_[data-v-80fb664a] {
  display: block;
  width: 100px;
  padding: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 8px;
  background: #644FF5;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
  border: 0;
}
.C_FF9A03[data-v-80fb664a] {
  color: #FF9A03 !important;
}
.c_644FF5[data-v-80fb664a] {
  color: #644FF5 !important;
}
.c_F90000[data-v-80fb664a] {
  color: #F90000 !important;
}

.van-popup {
  background: rgba(0, 0, 0, 0);
}

.pageContent[data-v-54b0abd5] {
  padding: 0 0 20px 0;
}
.pageContent .list[data-v-54b0abd5] {
  margin: 0 16px;
}
.pageContent .list .item[data-v-54b0abd5] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageContent .list .item .titleView[data-v-54b0abd5] {
  display: flex;
  margin-bottom: 12px;
}
.pageContent .list .item .titleView .iconView[data-v-54b0abd5] {
  float: left;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #644FF5;
}
.pageContent .list .item .titleView .iconView .icon[data-v-54b0abd5] {
  width: 18px;
  height: 18px;
}
.pageContent .list .item .titleView .title[data-v-54b0abd5] {
  flex: 1;
  padding-left: 8px;
  line-height: 24px;
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
}
.pageContent .list .item .li[data-v-54b0abd5] {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.pageContent .list .item .li .left[data-v-54b0abd5] {
  color: #908F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageContent .list .item .li .right[data-v-54b0abd5] {
  text-align: right;
  max-width: 200px;
  word-break: break-all;
  color: #1F1F1F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageContent .list .item .progressView[data-v-54b0abd5] {
  display: flex;
}
.pageContent .list .item .progressView .left[data-v-54b0abd5] {
  flex: 1;
  padding-right: 18px;
  padding-top: 22px;
}
.pageContent .list .item .progressView .left .progressBar[data-v-54b0abd5] {
  width: 100%;
  height: 6px;
  background: #E9ECEE;
  border-radius: 3px;
}
.pageContent .list .item .progressView .left .progressBar .box[data-v-54b0abd5] {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #4D4FEE;
  position: relative;
}
.pageContent .list .item .progressView .left .progressBar .box .boxGarden[data-v-54b0abd5] {
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #4D4FEE;
}
.pageContent .list .item .progressView .left .progressBar .box .boxGarden .pre[data-v-54b0abd5] {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -25px;
  right: -15px;
  height: 20px;
  background: #4D4FEE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0 4px;
}
.pageContent .list .item .progressView .right[data-v-54b0abd5] {
  flex: 1;
}
.pageContent .list .item .progressView .right .btnView .btn_[data-v-54b0abd5] {
  display: flex;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #E9ECEE;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.pageContent .list .item .progressView .right .btnView .active[data-v-54b0abd5] {
  background: #644FF5;
  color: #FFFFFF;
}
.pageContent .noData[data-v-54b0abd5] {
  padding: 103px 0 0 0;
  width: 146px;
  margin: 0 auto;
}
.pageContent .noData .iconView[data-v-54b0abd5] {
  width: 146px;
  height: 146px;
  margin: 0 auto 20px;
}
.pageContent .noData .iconView .icon[data-v-54b0abd5] {
  width: 146px;
  height: 146px;
}
.pageContent .noData .text[data-v-54b0abd5] {
  color: #908F8F;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.popupView[data-v-54b0abd5] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-54b0abd5] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-54b0abd5] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-54b0abd5] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-54b0abd5] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-54b0abd5] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-54b0abd5] {
  height: 300px;
  padding: 16px;
  overflow-y: auto;
}
.popupView .popupContent .p[data-v-54b0abd5] {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.popupView .btnView[data-v-54b0abd5] {
  padding: 16px;
}
.popupView .btnView .btn_[data-v-54b0abd5] {
  padding: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  background: #644FF5;
  color: #FFFFFF;
}
.popupView .btnView .btnDisable[data-v-54b0abd5] {
  background: #9b9aa2;
}

.van-popup {
  background: rgba(0, 0, 0, 0);
}

.pageContent[data-v-2b682d6f] {
  padding: 0 0 20px 0;
}
.pageContent .list[data-v-2b682d6f] {
  margin: 0 16px;
}
.pageContent .list .item[data-v-2b682d6f] {
  margin-bottom: 20px;
  padding: 16px;
  border-radius: 14px;
  border: 1px solid #ECECEC;
  background: #FFF;
}
.pageContent .list .item .titleView[data-v-2b682d6f] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
.pageContent .list .item .titleView .left[data-v-2b682d6f] {
  display: flex;
}
.pageContent .list .item .titleView .left .iconView[data-v-2b682d6f] {
  float: left;
  width: 24px;
  height: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: #644FF5;
}
.pageContent .list .item .titleView .left .iconView .icon[data-v-2b682d6f] {
  width: 18px;
  height: 18px;
}
.pageContent .list .item .titleView .left .title[data-v-2b682d6f] {
  flex: 1;
  padding-left: 8px;
  line-height: 24px;
  color: #1F1F1F;
  font-size: 14px;
  font-weight: 400;
}
.pageContent .list .item .titleView .right[data-v-2b682d6f] {
  color: #644FF5;
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}
.pageContent .list .item .li[data-v-2b682d6f] {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
}
.pageContent .list .item .li .left[data-v-2b682d6f] {
  color: #908F8F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageContent .list .item .li .right[data-v-2b682d6f] {
  text-align: right;
  max-width: 200px;
  word-break: break-all;
  color: #1F1F1F;
  font-size: 12px;
  font-weight: 400;
  line-height: 17px;
}
.pageContent .list .item .progressView[data-v-2b682d6f] {
  display: flex;
}
.pageContent .list .item .progressView .left[data-v-2b682d6f] {
  flex: 1;
  padding-right: 18px;
  padding-top: 22px;
}
.pageContent .list .item .progressView .left .progressBar[data-v-2b682d6f] {
  width: 100%;
  height: 6px;
  background: #E9ECEE;
  border-radius: 3px;
}
.pageContent .list .item .progressView .left .progressBar .box[data-v-2b682d6f] {
  width: 100%;
  height: 6px;
  border-radius: 3px;
  background: #4D4FEE;
  position: relative;
}
.pageContent .list .item .progressView .left .progressBar .box .boxGarden[data-v-2b682d6f] {
  position: absolute;
  top: -1px;
  right: 0;
  width: 8px;
  height: 8px;
  border-radius: 4px;
  background: #FFFFFF;
  border: 1px solid #4D4FEE;
}
.pageContent .list .item .progressView .left .progressBar .box .boxGarden .pre[data-v-2b682d6f] {
  color: #FFF;
  font-size: 12px;
  font-weight: 500;
  line-height: 12px;
  position: absolute;
  top: -25px;
  right: -15px;
  height: 20px;
  background: #4D4FEE;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  padding: 0 4px;
}
.pageContent .list .item .progressView .right[data-v-2b682d6f] {
  float: right;
}
.pageContent .list .item .progressView .right .btnView[data-v-2b682d6f] {
  display: flex;
  width: 80px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #E9ECEE;
  color: #FFF;
  font-size: 14px;
  font-weight: 500;
}
.pageContent .list .item .progressView .right .active[data-v-2b682d6f] {
  background: #644FF5;
  color: #FFFFFF;
}
.pageContent .noData[data-v-2b682d6f] {
  padding: 103px 0 0 0;
  width: 146px;
  margin: 0 auto;
}
.pageContent .noData .iconView[data-v-2b682d6f] {
  width: 146px;
  height: 146px;
  margin: 0 auto 20px;
}
.pageContent .noData .iconView .icon[data-v-2b682d6f] {
  width: 146px;
  height: 146px;
}
.pageContent .noData .text[data-v-2b682d6f] {
  color: #908F8F;
  text-align: center;
  font-family: "Microsoft YaHei";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 21px;
}
.C_FF9A03[data-v-2b682d6f] {
  color: #FF9A03 !important;
}
.c_644FF5[data-v-2b682d6f] {
  color: #644FF5 !important;
}
.c_F90000[data-v-2b682d6f] {
  color: #F90000 !important;
}
.popupView[data-v-2b682d6f] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-2b682d6f] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-2b682d6f] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-2b682d6f] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-2b682d6f] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-2b682d6f] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-2b682d6f] {
  height: 300px;
  padding: 16px;
  overflow-y: auto;
}
.popupView .popupContent .p[data-v-2b682d6f] {
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.popupView .btnView[data-v-2b682d6f] {
  padding: 16px;
}
.popupView .btnView .btn[data-v-2b682d6f] {
  padding: 0;
  width: 100%;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  background: #644FF5;
  color: #FFFFFF;
}
.pageContent[data-v-32cff9b8] {
  background: #FFFFFF;
  min-height: 100vh;
}
.headerViedw[data-v-32cff9b8] {
  height: 44px;
  position: relative;
}
.headerViedw .left[data-v-32cff9b8] {
  position: absolute;
  left: 7px;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.headerViedw .left .icon[data-v-32cff9b8] {
  width: 7.7px;
  height: 14px;
}
.headerViedw .content[data-v-32cff9b8] {
  position: absolute;
  left: 52px;
  right: 52px;
  height: 44px;
  text-align: center;
  line-height: 44px;
  color: #333;
  font-size: 16px;
  font-weight: 600;
}
.chainView[data-v-32cff9b8] {
  border-top: 1px solid #EDEDED;
  padding: 15px 16px;
  margin-bottom: 20px;
  display: flex;
  height: 44px;
}
.chainView .itemView[data-v-32cff9b8] {
  flex: 1;
}
.chainView .itemView .item[data-v-32cff9b8] {
  width: 100%;
  height: 44px;
  text-align: center;
  line-height: 44px;
  border-radius: 12px;
  background: #F2F4F5;
  color: #3F3F66;
  font-size: 14px;
  font-weight: 600;
}
.chainView .itemView .itemActive[data-v-32cff9b8] {
  color: #FFFFFF;
  background: #644FF5;
}
.chainView .itemView[data-v-32cff9b8]:nth-child(1) {
  padding-right: 8px;
}
.chainView .itemView[data-v-32cff9b8]:nth-child(2) {
  padding-left: 8px;
}
.pageComponentsContent[data-v-32cff9b8] {
  position: fixed;
  top: 118px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
}
@charset "UTF-8";
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}

.bg-gradient-secondary {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}

.bg-gradient-tertiary {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.trade_bar {
  position: fixed;
  bottom: 0;
  left: 0;
  /* height: 0.5rem; */
  display: none;
  width: 100%;
  z-index: 9999;
}

.trade_bar2 {
  width: 96%;
  max-width: 400px;
  margin: auto;
  display: flex;
  position: fixed;
  bottom: 8px;
  left: 50%;
  transform: translate(-50%, 5px);
  justify-content: space-between;
  align-items: center;
}

.btn {
  height: 60px;
  background: #000000;
  display: flex;
  align-items: center;
  z-index: 1;
}

.btn.up, .btn.down {
  border-radius: 30px;
  width: calc(50% - 6px - 25px);
  max-width: 160px;
}

.btn.hold {
  justify-content: center;
  width: 50px;
  height: 50px;
  border-radius: 50%;
}

.trade_bar2:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  background: #000000;
  left: 0;
  top: 25px;
  z-index: 0;
}

.btn.hold img {
  width: 75%;
  height: auto;
}

.btn.down img {
  width: 35px;
  height: auto;
}

.btn.up img {
  width: 35px;
  height: auto;
}

.btn.down p, .btn.up p {
  color: #ffffff;
  margin-bottom: 0;
  flex: 1;
}

.trade_bar section {
  /* -webkit-flex-basis: 30%;
    flex-basis: 30%; */
  flex: 1;
  height: 100%;
  text-align: center;
  padding-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.trade_bar section img {
  height: 25px;
}

.trade_bar section:nth-of-type(1) {
  /* -webkit-flex-basis: 40%; */
  /* flex-basis: 40%; */
  background: #1e1e28;
  color: #abacae;
  font-weight: bold;
}

.trade_bar section:nth-of-type(2) {
  background: #14edb4;
  color: #017160;
  font-weight: bold;
}

.trade_bar section:nth-of-type(3) {
  background: #e83e8c;
  color: #993135;
  font-weight: bold;
}

.trade_bar section p {
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 0;
}

.trade-view .history-panel {
  position: fixed;
  top: 100%;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: #DDE5FA;
  box-shadow: 2px 2px 5px #333333;
  overflow-y: auto;
  z-index: 9999;
  transition: all 0.25s ease-in-out;
}

.history-panel .panel-header {
  color: #000000;
}

.trade-view .history-panel.open {
  top: 2.5rem;
  bottom: 0.5rem;
  transition: top 300ms ease-out;
}

.trade-view .order-confirm-panel {
  display: none;
  position: absolute;
  width: 90%;
  top: 10%;
  left: 0;
  right: 0;
  margin: 0 auto;
  /* margin-left: -45%; */
  height: 444px;
  /* margin-top: -212px; */
  background: #ffffff;
  border: 1px solid #4d4138;
  border-radius: 10px;
  z-index: 9990;
}

.trade-view .order-confirm-panel.open {
  display: block;
}

.order-confirm-panel .panel-header {
  color: #000000 !important;
}

.trade-view .order-confirm-panel .period {
  width: 100%;
  padding: 10px 5px 0px 10px;
  overflow: hidden;
  border-top: 1px solid #27201f;
}

.trade-view .order-confirm-panel .period .scroll {
  width: 100%;
  height: 100%;
  position: relative;
}

.trade-view .order-confirm-panel .period .period-widget-view {
  display: flex;
  justify-content: space-between;
}

.period-widget {
  height: 85px;
  width: 33.33%;
  float: left;
  padding: 3px;
  min-width: 105px;
  margin-right: 5px;
  /* background-image: url(~@/assets/images/3/clock.png); */
  /* background-size: contain; */
  background-color: #DDE5FA;
  border-radius: 5px;
  box-sizing: border-box;
}

.period-widget:last-child {
  margin-right: 0;
}

.period-widget.active {
  border: 1px solid #644FF5;
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACpCAYAAACLbrcNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFYElEQVR4nO3cS29UdRzG8WcOpRQMNWAhLZRpmRIQW2iohsvEW9xocFMtvAR8D67EjS/BjRtj4sJYDCx1I0Fu5WIgBQvYVlpq2wCNscYi2M64olpnhp7pXM48M9/PaubknH/+i29OfjNn2lg6nRaqz7HeueOSPop6H6UWRL0BlMZnJ9cdl/Rx1PsoNQKuYrUQMQFXuWqPmIBrQDVHTMA1olojJuAaUo0RE3CNqbaICbgGVVPEBFyjqiViAq5hlRLx1qabqqv7VEO/Htbj+U/UsnEw9LUxHiUjysfOHVsGdGPspAbHLmp+YVargrXq6XhXq4MPQ13PHRiR3Yk7tgzo5tjXun73jOYXZiVJC6lHGn9wIfQaBAxJ5Y840XJZP937RtfvXlQq9dfi8bpVjeqMvxN6HQLGonJF3NFySUMT/bo2el4LqUeLx4OgQXvbDqhp/euh1yJgLJFvxGtWz+q5tWOqr5sLdX6i+YpuTfTr2ug5LaT+vSYIGtTdflBdbb2aeNgVer98iENWYT7YbVh/RhdundLckxFtatynQ7ve1sTDgznP3958VXcm+/XjyNmMePe0JdXd3qfhydzXZ0PAyGm5iMdnPtDkzA2l0o8VxOq19YX9erOrTyNTmSNAovmqbueKN35Ie7cf0Uie8UqMEHiG5caJmDYvvk6ln2hiZkADd05ox5bzS85LNF/Vz1MncsfbvrJ4JQLGMp4V8b7EW1q3JrH4Pp3+W8NTl3RjrF+742ckSTtbz2t4ul9Xhn/IiLczntSe9qMamVpZvBIjBELKNU6sX/e5vh/8Sk/m7y8eC2L1eq1zl46+ullfnp7RpTu3M75t6NyWVPf2IxqdOlDQvggYoWWLeNPz4/rtzy90bujbJXdYSWpqlB7OLl0jCBq0uzWpfYnC45UYIZCHbOPEg9/j2tZ0WN3tBxXE6pecnxFvbI1ebD2knkRfUeKVCBh5yhbxL9M96mp7Tzta9mdE/NTTeF9OvF/QzJuxbtFWQs3IFvHwZFL7d/apeUNmxEHQoF2tSfV0HNHIVLKoe2EGxoplm4njm89qcOyUbk9c1nzqD9WtatSOlgN6paNXo9PFu/M+RcAoSLaIWzdd1/iD0xq6951eih/W1o1vaHIm/OPhfBAwChbl74mZgVGwKP+yg4BRFFFFTMAomigiJmAUVbkjJmAUXTkjJmCURLkiJmCUTDkiJmCUVKkjJmCUXCkjJmCURakiJmCUTSkiJmCUVbEjJmCUXTEjJmBEolgREzAiU4yICRiRKjRiAkbkComYgFERVhoxAaNirCRiAkZFyTdiAkbFySdiAkZFChsxAaNihYmYgFHRlouYgFHxnhUxAcNCrogJGDayRUzAsPL/iAkYdv4bMf+dEraO9c4dJ2BYY4SANQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGtX8AvG2OW9EEsNgAAAAASUVORK5CYII=);
  background-size: contain;
  background-position: right top;
  background-repeat: no-repeat;
}

.period-widget.hover {
  width: 100px;
}

.trade-view .order-confirm-panel .amount {
  width: 100%;
  height: 70px;
  padding: 2px 5px 0px 10px;
  overflow: hidden;
}

.trade-view .order-confirm-panel .amount .scroll-view {
  width: calc(75% - 28px);
  margin-right: 5px;
  height: 50px;
  float: left;
  position: relative;
}

.image {
  width: auto;
  height: 35px;
  margin-right: 2px;
}

.trade-view .order-confirm-panel .amount .scroll-view:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 35px;
}

.trade-view .order-confirm-panel .amount .scroll {
  width: 100%;
  height: 50px;
  float: left;
  overflow-x: scroll;
}

.amount-box {
  font-size: 12px;
  color: #000000;
  height: 35px;
  line-height: 35px;
  float: left;
  padding: 0px 10px;
  text-align: center;
  margin-right: 5px;
  background-color: #DDE5FA;
  border-radius: 3px;
}

.amount-box.active {
  border: 1px solid #644FF5;
  background-color: #000000;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NiwgMjAyNC8wMy8xMi0wNzo0ODoyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNi0yNFQxNToyNTowOSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDYtMjRUMTY6NDI6MDArMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDYtMjRUMTY6NDI6MDArMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNDlhODgxLTcyZjYtNTI0Zi1hNjUzLTBkZWU1ODUyMWQ5OSIgeG1wTU06RG9jdW1lbnRJRD0i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);
  background-size: 15px;
  background-position: right top;
  background-repeat: no-repeat;
  color: #ffffff;
}

.trade-view .order-confirm-panel .amount .amount-view {
  width: 2000px;
}

.period-widget.active .period-widget-header,
.period-widget.active .final_unit {
  color: #ffffff;
}

.period-widget-header {
  font-size: 11px;
  color: #000000;
  height: 20px;
  line-height: 20px;
}

.period-widget-content {
  font-size: 15px;
  text-align: center;
  color: #644FF5;
  height: 34px;
  line-height: 34px;
  padding-right: 5px;
}

.period-widget-content.active {
  line-height: 17px;
}

.period-widget-content > .final_unit {
  font-size: 15px;
  color: #000000;
}

.period-widget-content > .final_time {
  font-size: 45px;
  font-weight: bold;
  color: #644FF5;
}

.period-widget-footer {
  font-size: 14px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  color: #e83e8c;
}

.info-view {
  padding-left: 10px;
  padding-right: 10px;
  color: #ffffff;
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}

.info-view > div {
  width: 50%;
}

.info-view .my-money span,
.info-view .my-service span {
  display: block;
  overflow-wrap: break-word;
}

.info-view .my-service {
  text-align: right;
}

.order-detail-view {
  width: 100%;
  height: 125px;
  clear: both;
  padding: 5px;
}

.order-detail-view .order-detail {
  height: 100%;
  width: 100%;
  border-top: 1px solid #333333;
}

.order-detail-view .order-detail .row {
  height: 30px;
  line-height: 30px;
}

.fields > div {
  color: #838898;
  font-size: 12px;
}

.fields {
  margin-top: 5px !important;
  height: 24px !important;
  line-height: 24px !important;
}

.order-detail-view .order-detail .row > div {
  font-size: 11px;
  line-height: 15px;
  padding-left: 5px;
  padding-right: 5px;
  text-align: center;
}

.order-detail-view .order-detail .row > .qoute_name {
  overflow: hidden;
  white-space: nowrap;
  font-size: 12px;
}

#money {
  color: #644FF5;
}

.order-detail-view .order-detail .row:last-child > div {
  padding-left: 10px;
  padding-right: 10px;
  text-align: center;
}

.order-detail-view .button {
  width: 90%;
  color: #ffffff;
  background-color: #000000;
  min-height: 0;
  height: 40px;
  font-size: 15px;
  line-height: 40px;
  font-family: "microsoft yahei";
  border-radius: 8px;
  border-width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

.order-detail-view .button.disabled {
  opacity: 0.7;
}

.btn_confirm {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.expect_profit {
  color: #F9C043;
  width: 90%;
  margin: 0 auto;
  text-align: center;
  margin-top: 5px;
  font-size: 12px;
}

.expect_profit span {
  display: flex;
  justify-content: center;
}

.other-amount {
  width: calc(22% + 14px);
  height: 29px;
}

.other-amount.active {
  border: 1px solid #644FF5;
  border-radius: 3px;
  overflow: hidden;
}

.other-amount input {
  color: #000000 !important;
  width: 100%;
  font-size: 14px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-color: #8f94a7;
  border-radius: 3px;
  border: none;
}

.trade-view .order-state-panel {
  display: none;
  position: absolute;
  width: 90%;
  top: 40% !important;
  left: 50%;
  margin-left: -45%;
  height: 400px;
  margin-top: -155px;
  background-color: #ffffff;
  border-radius: 10px;
  z-index: 20;
}

/*倒计时圆形进度条*/
.circle_wrapper {
  position: relative;
  left: 0;
  right: 0;
  top: 5px;
  bottom: 120px;
  margin: auto;
  width: 110px;
  height: 127px;
  box-sizing: content-box;
}

.right_circle,
.left_circle {
  position: absolute;
  width: 110px;
  height: 110px;
  overflow: hidden;
  top: 8px;
}

.right_circle {
  right: -50%;
}

.left_circle {
  left: -50%;
}

.right_circle > img {
  width: 100%;
  position: absolute;
  right: 50%;
  -webkit-animation: run 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes run {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(180deg);
  }
}
.left_circle > img {
  width: 100%;
  position: absolute;
  left: 50%;
  -webkit-animation: runaway 5s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

@-webkit-keyframes runaway {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(180deg);
  }
}
.trade-view .order-state-panel .close {
  line-height: 44px;
  color: #585858;
  font-size: 28px;
  vertical-align: middle;
}

.trade-view .order-state-panel .success {
  color: #ffffff;
}

.trade-view .order-state-panel .success .pupil_success {
  position: relative;
  height: 150px;
  text-align: center;
  padding-left: 0px !important;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(1) {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #F9C043;
  font-size: 18px;
  height: 20px;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) {
  position: absolute;
  top: 60%;
  width: 100%;
  color: #ffffff;
  font-size: 12px;
  height: 15px;
  text-align: center;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) span {
  color: #585858;
}

.trade-view .order-state-panel .success .row {
  padding-top: 10px !important;
  border-top: 1px solid #333333;
}

.trade-view .order-state-panel .success .row .col {
  height: 30px;
}

.trade-view .order-state-panel .success .info_list .col {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
}

.trade-view .order-state-panel .success .info_list .first_info {
  border-left: 0;
}

.trade-view .order-state-panel .success .info_list .last_info {
  border-right: 0;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(1) {
  font-size: 12px;
  color: #838898;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(2) {
  font-size: 14px;
  color: #000000;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}

.trade-view .order-state-panel .success .remaining {
  position: relative;
  height: 138px;
}

.trade-view .order-state-panel .success .count_remaining {
  margin-top: -128px !important;
}

.trade-view .order-state-panel .success .remaining > div > div:nth-of-type(1) {
  font-size: 40px;
  color: #644FF5;
  text-align: center;
  /* margin-top: 19px; */
}

.trade-view .order-state-panel .success .remaining > div > div:nth-of-type(2) {
  font-size: 12px;
  color: #000000;
  text-align: center;
  /* margin-top: 16px; */
}

.trade-view .order-state-panel .success .remaining > div > div:nth-of-type(3) {
  font-size: 14px;
  color: #e75142;
  text-align: center;
}

.trade-view .order-state-panel .success .finish_remaining .result_profit {
  margin-top: 0 !important;
  height: 105px;
  line-height: 105px;
}

.trade-view .order-state-panel .success .finish_remaining .expired_statements {
  margin-top: -30px !important;
}

.trade-view .order-state-panel .success .remaining > .col {
  color: #e75142;
  font-size: 40px;
  text-align: center;
  height: 105px;
  padding-right: 0px !important;
  padding-left: 0px !important;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto !important;
}

.trade-view .order-state-panel .success .remaining > .col > img {
  width: 100px;
}

.trade-view .order-state-panel .wait .row {
  height: 150px;
  line-height: 150px;
}

.trade-view .order-state-panel .wait .row .col {
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  height: 150px;
  line-height: 150px;
  padding-left: 0px !important;
}

.trade-view .order-state-panel .button_row {
  position: absolute;
  bottom: 15px;
  /* padding-right: 20px !important; */
  width: 100%;
}

.trade-view .order-state-panel .wait .row .col i {
  color: #F9C043;
  font-size: 25px;
}

.trade-view .order-state-panel .fail .row .col {
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  height: 150px;
  line-height: 150px;
  padding-left: 0px !important;
}

.trade-view .order-state-panel .fail .row .col i {
  color: #e75142;
  font-size: 25px;
}

.order-confirm-panel .trade-view .order-state-panel .button {
  width: 96%;
  color: #ffffff;
  margin-left: 2%;
  margin-right: 2%;
  background-color: #fa6b0b;
}

.trade-view .order-state-panel .button {
  width: 100%;
  height: 40px;
  min-height: 0;
  line-height: 40px;
  font-size: 15px;
  font-family: "microsoft yahei";
  color: #ffffff;
  background-color: #000000;
  left: 0;
  border-radius: 8px;
  border-width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}

/*毛玻璃效果*/
.glass_mask {
  position: fixed;
  width: 100%;
  height: 100%;
  background: #282d2e;
  background: linear-gradient(180deg, rgba(40, 45, 46, 0.5) 10%, rgba(40, 45, 46, 0.5) 73%);
  z-index: 10000;
  display: block;
  top: 0;
  left: 0;
}

.trade-view .order-state-panel.open {
  display: block;
}

.order-state-panel .panel-header {
  position: relative;
  font-size: 15px;
  height: 45px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  /* background-color: #131f30; */
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  width: 100%;
  padding: 0 10px;
  font-family: "microsoft yahei";
}

.order-state-panel .panel-header > div {
  color: #000000;
}

.order-confirm-panel .panel-header > div {
  /* border-bottom: 1px solid $black-100; */
}

.invest_account span {
  text-align: right;
  color: #e83e8c;
  display: inline-block;
  width: 78%;
}

.panel-header {
  position: relative;
  font-size: 15px;
  height: 45px;
  line-height: 45px;
  color: #ffffff;
  text-align: center;
  /* background-color: #131f30; */
}

.close_tag {
  color: #585858;
  font-size: 28px;
  vertical-align: middle;
}

.end_time,
.invest_account,
.info-view > div {
  margin: 5px 0;
  font-size: 12px;
  color: #644FF5 !important;
  font-family: "microsoft yahei";
}

.order-confirm-panel .panel-body,
.order-state-panel .panel-body {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /* background-color:#131f30; */
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top: 0;
  /* border-bottom: 1px solid $black-100; */
  width: 100%;
  padding: 0 10px;
  margin-top: 1px;
  /* background-image: url(../img/back_logo.png); */
  background-size: 150px;
  background-position: bottom right;
  background-repeat: no-repeat;
}

.panel-body {
  position: absolute;
  top: 45px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  /* background-color: $black-600;
    border-top: 1px solid $black-500; */
}

.end_time {
  margin-bottom: 5px;
}

.panel-header .close {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  width: 40px;
  font-size: 18px;
  text-align: center;
  cursor: pointer;
  line-height: 35px;
}

.order-panel {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -160px;
  height: 181px;
  background-color: #1e1e28;
}

.order-panel.open {
  bottom: 44px;
  transition: bottom 300ms ease-out;
}

.panel-body .button-bar .button-update-order {
  color: #c9c9c9;
  position: absolute;
  width: 50px;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  height: 146px !important;
  border: none !important;
  background-color: #017160;
}

.panel-body .button-bar .button-close {
  color: #c9c9c9;
  position: absolute;
  width: 50px;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  height: 111px !important;
  border: none !important;
  background-color: #017160;
}

.panel-body .order-info {
  position: absolute;
  right: 50px;
  top: 0px;
  bottom: 0px;
  left: 0px;
}

.panel-body .button-bar {
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 50px;
}

.panel-body .button-bar .button-bid {
  color: #c9c9c9;
  position: absolute;
  width: 50px;
  left: 0px !important;
  right: 0px !important;
  top: 0px !important;
  height: 73px !important;
  border: none !important;
  background-color: #993135;
}

.panel-body .button-bar .button-ask {
  color: #c9c9c9;
  position: absolute;
  width: 50px;
  left: 0px !important;
  right: 0px !important;
  top: 73px !important;
  bottom: 0px !important;
  border: none !important;
  background-color: #017160;
}

.limit-order-panel .button-bar .button-bid {
  height: 106px !important;
}

.limit-order-panel .button-bar .button-ask {
  top: 106px !important;
}

.limit-order-panel {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: -260px;
  height: 253px;
  background-color: #1e1e28;
}

.limit-order-panel.open {
  bottom: 44px;
  transition: bottom 300ms ease-out;
}

.trade-footer .row .col-40 .badge {
  position: absolute;
  right: 5px;
  top: 5px !important;
  font-size: 10px !important;
  padding: 0px 8px;
}

.panel-body .order-info .list .item {
  margin: 0px;
  padding: 0px;
  height: 35px;
  border: none;
  margin-top: 1px;
  line-height: 35px;
  background-color: #1e1e28;
  border-bottom: 1px solid #1e1e28 !important;
}

.panel-body .order-info .list .item .input-label {
  color: #c9c9c9;
  text-align: center;
  font-size: 12px;
}

.panel-body .order-info .list .item .content-label {
  color: #c9c9c9;
  text-align: center;
  font-size: 12px;
}

.panel-body .order-info .list .item input,
.panel-body .order-info .list .item .input-content,
.panel-body .order-info .list .item select {
  color: #c9c9c9;
  font-size: 12px;
  background-color: #1e1e28;
}

.panel-body .order-info .order-qoute {
  color: #e75142;
  font-size: 18px;
  text-align: center;
}

.history-panel > .panel-body .list > .item {
  border: none;
  font-size: 14px;
  padding: 0px;
  height: 40px;
  line-height: 40px;
  margin-bottom: 1px;
  color: #c9c9c9;
  background-color: #1e1e28;
  border-bottom: 1px solid #27201f !important;
}

.panel-body .list .category {
  width: 30px;
  text-align: center;
}

.panel-body .list .quantity {
  width: 50px;
  text-align: center;
}

.history-panel > .panel-body > .scroll-view {
  height: 100%;
  overflow-y: hidden;
  bottom: auto;
}

.history-panel .panel-body .row {
  padding: 0px;
  margin: 0px;
  display: table;
}

.history-panel .panel-body .row .col {
  padding: 0px;
  margin: 0px;
  width: auto;
  text-align: center;
  display: table-cell;
}

.order-modal-header {
  border: none;
  background-image: none;
  background-color: #1e1e28;
  height: 40px;
  line-height: 40px;
}

.order-modal-header h1 {
  color: #ffffff;
  font-size: 14px !important;
}

.order-modal-header .title {
  height: 40px !important;
  line-height: 40px !important;
}

.order-modal-header .close {
  position: absolute;
  top: 6px;
  left: 0px;
  bottom: 0px;
  height: 40px;
  width: 0.4rem;
  font-size: 25px;
  cursor: pointer;
  line-height: 40px;
  text-align: center;
  color: #ffffff;
}

.order-modal-content {
  background-color: #1e1e28;
  overflow: visible;
  height: 100%;
}

.order-modal-content .list > .item {
  border: none;
  font-size: 12px;
  padding: 0px;
  height: 51px;
  line-height: 51px;
  color: #c9c9c9;
  background-color: #1e1e28;
  border: 1px solid #1e1e28 !important;
}

.order-modal-content .list > .item input {
  color: #ffffff;
}

.order-modal .button-bar {
  bottom: 0px;
  left: 0px;
  right: 0px;
  height: 45px;
  line-height: 45px;
  position: absolute;
}

.order-modal .button-bar .button-dark {
  font-size: 14px;
  height: 45px;
  line-height: 45px;
  border: none !important;
  border-radius: 0px 0px 0px 0px;
  background-color: #1e1e28;
}

.order-modal .button-bar .button-balanced {
  font-size: 14px;
  border: none !important;
  border-radius: 0px 0px 0px 0px;
  background-color: #993135;
}

.order-modal .input-label {
  color: #c9c9c9;
  font-size: 14px;
  padding-left: 25px;
  padding-top: 0px;
  padding-bottom: 0px;
}

.order-modal .input-content {
  color: #c9c9c9;
  font-size: 14px;
}

img.loading {
  width: 30px;
}

.other-data {
  margin-left: 5px;
}

.rise {
  color: #14edb4 !important;
}

.fall {
  color: #e75142 !important;
}

.in_money {
  color: #14edb4 !important;
}

.out_money {
  color: #e75142 !important;
}

@media (min-width: 768px) {
  .trade-view .order-confirm-panel {
    max-width: 450px;
  }
}
body {
  /* overflow: hidden; */
}

.content {
  height: calc(100vh - 140px);
  margin: 0;
  overflow: hidden;
}

iframe {
  height: 100vh !important;
}
@charset "UTF-8";
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}

.bg-gradient-secondary {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}

.bg-gradient-tertiary {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
/*历史记录页面*/
.trade_history {
  background: #000000;
  color: #585858;
}

.trade_history p {
  margin: 0;
}

.trade_history header {
  width: 100%;
  height: 38.36px;
  background: #1e1e28;
  display: flex;
}

.trade_history header article {
  flex: 1;
  height: 100%;
  border-bottom: 1px solid #1e1e28;
}

.trade_history header article:nth-of-type(1) p {
  border-right: 1px solid #1e1e28;
}

.trade_history header article p {
  height: 25.21px;
  margin: 6.58px 0;
  line-height: 25.21px;
  text-align: center;
  font-size: 14.25px;
}

.trade_history header article.active {
  color: #F9C043;
  border-bottom: 1px solid #F9C043;
}

.trade_history_list {
  width: 100%;
  height: 94%;
}

.trade_history_list ul {
  width: 100%;
  background: #333333;
}

.trade_history_list ul li {
  width: 100%;
  height: 80px;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  color: #ffffff;
  background: #000000;
  position: relative;
}

.trade_history_list ul li article {
  position: absolute;
  z-index: 6 !important;
  width: 100%;
  height: 11px;
  left: 0;
  bottom: -5.48px;
  background: transparent;
}

.trade_history_list ul li article i {
  display: inline-block;
  vertical-align: top;
  margin-top: 2.2px;
  width: 6.58px;
  height: 6.58px;
  border-radius: 50%;
  background: #fae76d;
  box-shadow: 0 0 5.48px #F9C043;
  float: right;
}

.trade_history_list ul li article i em {
  display: block;
  width: 4.38px;
  height: 4.38px;
  margin: 1.1px;
  background: #fae76d;
}

.trade_history_list ul li article span {
  display: inline-block;
  vertical-align: top;
  margin-top: 5.48px;
  height: 2.19px;
  background: #1e9fff;
  float: right;
}

.trade_history_list ul li section {
  display: inline-block;
  vertical-align: top;
  height: 100%;
  padding-top: 5.48px;
  text-align: center;
}

.trade_history_list ul li section:nth-of-type(1) {
  width: 50%;
  padding-left: 2%;
  float: left;
}

.trade_history_list ul li section:nth-of-type(2) {
  width: 50%;
  padding-right: 2%;
  float: right;
}

.trade_history_list ul li section:nth-of-type(1) p {
  height: 17.53px;
  line-height: 17.53px;
  text-align: left;
  font-size: 13.15px;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1) {
  display: inline-block;
  vertical-align: top;
  width: 45%;
  font-size: 15.34px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) {
  font-size: 13.15px;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) i {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5.48px;
  width: 13.15px;
  height: 13.15px;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buytop {
  background: url(data:image/png;base64,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);
  background-size: 100% 100%;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buydown {
  background: url(data:image/png;base64,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);
  background-size: 100% 100%;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(3) span {
  color: #ffffff;
}

.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(4) {
  color: #585858;
}

.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(1) {
  height: 38.36px;
  line-height: 38.36px;
  font-size: 21.92px;
  text-align: right;
}

.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(2) {
  height: 27.4px;
  line-height: 27.4px;
  font-size: 14.25px;
  text-align: right;
}
/*历史记录页面*/

.trade_history{
	background: #081724;
	color: #737373;
}
.trade_history p{
	margin: 0;
}
.trade_history header{
	width: 100%;
	height: 38.36px;
	background: #131f30;
	display: flex;
}
.trade_history header article{
	flex: 1;
	height: 100%;
	border-bottom: 1px solid #181818;
}
.trade_history header article:nth-of-type(1) p{
	border-right:1px solid #181818 ;
}
.trade_history header article p{
	height: 25.21px;
	margin: 6.58px 0;
	line-height: 25.21px;
	text-align: center;
	font-size:14.25px ;
	
}
.trade_history header article.active{
	color: #f9b729;
	border-bottom: 1px solid #f9b729;
}

.trade_history_list{
	width: 100%;
	height: 94%;
}
.trade_history_list ul{
	width: 100%;
	
	background: #323232;
}
.trade_history_list ul li{
	width: 100%;
	height: 80px;
	border-top:1px solid #081724;
	border-bottom:1px solid #081724;
	color: #FFFFFF;
	background: #131f30;
	position: relative;
}
.trade_history_list ul li article{
	position: absolute;
	z-index: 1000;
	width: 100%;
	height: 11px;
	left: 0;
	bottom: -5.48px;
	background: transparent;
}
.trade_history_list ul li article i{
	display: inline-block;
	vertical-align: top;
	margin-top:2.2px ;
	width: 6.58px;
	height: 6.58px;
	border-radius:50% ;
	background: #ffe88a;
	box-shadow: 0 0 5.48px yellow;
	float: right;
}
.trade_history_list ul li article i em{
	display: block;
	width: 4.38px;
	height: 4.38px;
	margin:1.1px ;
	background: #ffffcd;
}
.trade_history_list ul li article span.move_width{
	display: inline-block;
	vertical-align: top;
	margin-top:5.48px ;
	height: 2.19px;
	background: #159aef;
	float: right;
	z-index: 6!important;
}
.trade_history_list ul li section{
	display: inline-block;
	vertical-align: top;
	height: 100%;
	height: 76.71px;
	padding-top: 5.48px;
	text-align: center;
}
.trade_history_list ul li section:nth-of-type(1){
	width: 60%;
	padding-left:2%;
	float: left;
}
.trade_history_list ul li section:nth-of-type(2){
	width: 40%;
	padding-right: 2%;
	float:right;
}
.trade_history_list ul li section:nth-of-type(1) p{
	height: 17.53px;
	line-height: 17.53px;
	text-align: left;
	font-size: 13.15px;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1){
	height: 32.88px;
	line-height: 32.88px;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(1){
	display: inline-block;
	vertical-align: top;
	width: 45%;
	height: 100%;
	font-size: 15.34px;
	overflow: hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2){
	font-size:13.15px ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) i{
	display: inline-block;
	vertical-align: middle;
	margin-right:5.48px ;
	width: 13.15px;
	height: 13.15px;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buytop{
	background: url(data:image/png;base64,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);
	background-size:100% 100% ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(1) span:nth-of-type(2) .buydown{
	background: url(data:image/png;base64,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);
	background-size:100% 100% ;
}
.trade_history_list ul li section:nth-of-type(1) p:nth-of-type(3){
	color: #696969;
}
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(1){
	height: 38.36px;
	line-height: 38.36px;
	font-size: 21.92px;
	text-align: right;
}
.trade_history_list ul li section:nth-of-type(2) p:nth-of-type(2){
	height: 27.40px;
	line-height: 27.40px;
	font-size: 14.25px;
	text-align: right;
}


.van-popup {
  background: rgba(0, 0, 0, 0);
}



.trade-view[data-v-944ff270] {
  position: fixed;
  top: 54px;
  left: 0;
  right: 0;
  bottom: 0;
}
.trade-view #bi_iframe[data-v-944ff270] {
  width: 100%;
  height: 100%;
}
.expect_profit[data-v-944ff270],
.no-money[data-v-944ff270] {
  display: none !important;
}
.scroll-x .scroll[data-v-944ff270] {
  overflow-y: hidden;
}
.glass_mask[data-v-944ff270] {
  z-index: 9999;
}
.popupView[data-v-944ff270] {
  padding: 8px 0 16px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  background: #FFFFFF;
}
.popupView .topLine[data-v-944ff270] {
  width: 40px;
  height: 4px;
  border-radius: 2px;
  background: #EDEDED;
  margin: 0 auto;
}
.popupView .header[data-v-944ff270] {
  border-bottom: 1px solid #EDEDED;
  height: 54px;
  padding: 0 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popupView .header .left[data-v-944ff270] {
  color: #1F1F1F;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 54px;
}
.popupView .header .right .iconView[data-v-944ff270] {
  width: 32px;
  height: 54px;
  display: flex;
  justify-content: right;
  align-items: center;
}
.popupView .header .right .iconView .icon[data-v-944ff270] {
  width: 16px;
  height: 16px;
}
.popupView .popupContent[data-v-944ff270] {
  padding: 16px;
}
.popupView .popupContent .timeView .title[data-v-944ff270] {
  color: #8D919D;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 12px;
}
.popupView .popupContent .timeView .timtsView .itemView .item[data-v-944ff270] {
  float: left;
  margin: 0 8px 0 4px;
  height: 28px;
  padding: 0px 10px;
  border-radius: 8px;
  background: #F7F7F7;
  position: relative;
}
.popupView .popupContent .timeView .timtsView .itemView .item .selectView[data-v-944ff270] {
  position: absolute;
  top: -10px;
  right: -3px;
  width: 12px;
  height: 12px;
}
.popupView .popupContent .timeView .timtsView .itemView .item .selectView .icon[data-v-944ff270] {
  width: 12px;
  height: 12px;
}
.popupView .popupContent .timeView .timtsView .itemView .item[data-v-944ff270]:last-child {
  margin-right: 0;
}
.popupView .popupContent .amountView[data-v-944ff270] {
  margin-top: 24px;
}
.popupView .popupContent .amountView .title[data-v-944ff270] {
  color: #8D919D;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 17px;
  margin-bottom: 12px;
}
.popupView .popupContent .amountView .timtsView .itemView .item[data-v-944ff270] {
  float: left;
  margin: 0 8px 0 4px;
  height: 28px;
  padding: 0px 10px;
  border-radius: 8px;
  background: #F7F7F7;
  position: relative;
}
.popupView .popupContent .amountView .timtsView .itemView .item .selectView[data-v-944ff270] {
  position: absolute;
  top: -10px;
  right: -3px;
  width: 12px;
  height: 12px;
}
.popupView .popupContent .amountView .timtsView .itemView .item .selectView .icon[data-v-944ff270] {
  width: 12px;
  height: 12px;
}
.popupView .popupContent .amountView .timtsView .itemView .item[data-v-944ff270]:last-child {
  margin-right: 0;
}
.popupView .popupContent .otherView[data-v-944ff270] {
  display: flex;
  margin-top: 12px;
  margin-bottom: 24px;
}
.popupView .popupContent .otherView .left[data-v-944ff270] {
  flex: 1;
  height: 28px;
  border-radius: 8px;
  background: #F7F7F7;
  padding: 0 8px;
}
.popupView .popupContent .otherView .left .inp[data-v-944ff270] {
  height: 28px;
  line-height: 28px;
  border: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0);
  color: #8D919D;
  font-size: 12px;
  font-weight: 500;
}
.popupView .popupContent .otherView .right[data-v-944ff270] {
  flex: 1;
  padding-left: 8px;
}
.popupView .popupContent .otherView .right .btn[data-v-944ff270] {
  float: left;
  padding: 0 10px;
  height: 28px;
  border-radius: 8px;
  background: #644FF5;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
}
.popupView .popupContent .list .li[data-v-944ff270] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.popupView .popupContent .list .li .left[data-v-944ff270] {
  color: var(---, #908F8F);
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.popupView .popupContent .list .li .right[data-v-944ff270] {
  color: #644FF5;
  text-align: right;
  font-family: "PingFang SC";
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.popupView .popupContent .list .li[data-v-944ff270]:last-child {
  margin-bottom: 0;
}
.popupView .popupContent .line[data-v-944ff270] {
  width: 100%;
  height: 1px;
  background: #EDEDED;
  margin: 24px 0;
}
.popupView .popupContent .orders .orderHeader[data-v-944ff270] {
  display: flex;
  color: #8D919D;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 17px;
  margin-bottom: 8px;
}
.popupView .popupContent .orders .orderHeader .item[data-v-944ff270] {
  flex: 1;
}
.popupView .popupContent .orders .orderList .list[data-v-944ff270] {
  display: flex;
  text-align: center;
  color: #0FD394;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 8px;
}
.popupView .popupContent .orders .orderList .list .item[data-v-944ff270] {
  flex: 1;
}
.popupView .popupContent .orders .orderList .list .item[data-v-944ff270]:nth-child(1) {
  color: #000;
}
.popupView .popupContent .orders .orderList .list .item[data-v-944ff270]:nth-child(4) {
  color: #644FF5;
}
.popupView .btnView[data-v-944ff270] {
  margin: 16px;
}
.popupView .btnView .btn_[data-v-944ff270] {
  width: 100%;
  border-radius: 8px;
  background: #644FF5;
  border: 0;
  padding: 0;
  line-height: 40px;
  text-align: center;
  color: #FFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}
.popupView .btnView .btn_disable[data-v-944ff270] {
  opacity: 0.6;
  background: #666666;
}

.trade-view[data-v-05244c98] {
  width: 100%;
  height: 100%;
}
[data-v-05244c98] .tv_chart_container {
  width: 100%;
  height: 100%;
}
.expect_profit[data-v-05244c98],
.no-money[data-v-05244c98] {
  display: none !important;
}
.scroll-x .scroll[data-v-05244c98] {
  overflow-y: hidden;
}
.glass_mask[data-v-05244c98] {
  z-index: 9999;
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-bd7b9e4e] {
  width: 25%;
}
.h-25[data-v-bd7b9e4e] {
  height: 25%;
}
.w-50[data-v-bd7b9e4e] {
  width: 50%;
}
.h-50[data-v-bd7b9e4e] {
  height: 50%;
}
.w-75[data-v-bd7b9e4e] {
  width: 75%;
}
.h-75[data-v-bd7b9e4e] {
  height: 75%;
}
.w-100[data-v-bd7b9e4e] {
  width: 100%;
}
.h-100[data-v-bd7b9e4e] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-bd7b9e4e] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-bd7b9e4e] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-bd7b9e4e] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-bd7b9e4e] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-bd7b9e4e],
body[data-v-bd7b9e4e] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-bd7b9e4e] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-bd7b9e4e] {
  background: #fa6b0b !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-bd7b9e4e] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-bd7b9e4e] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-bd7b9e4e] {
  font-weight: 700;
  color: #F9C043;
  font-size: 15px;
}
.detail[data-v-bd7b9e4e] {
  line-height: 24px;
}
.line-ellipsis[data-v-bd7b9e4e] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-bd7b9e4e] {
  margin-left: 7px;
}
.active_btm[data-v-bd7b9e4e] {
  color: #000;
  position: relative;
}
.active_btm[data-v-bd7b9e4e]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #000000;
}
.flex-box-center-column[data-v-bd7b9e4e] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.flex-box-center[data-v-bd7b9e4e] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-bd7b9e4e] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-bd7b9e4e] {
  color: #838898;
}
.up-case[data-v-bd7b9e4e] {
  text-transform: uppercase;
}
.active_btm[data-v-bd7b9e4e] {
  margin-top: 0;
}
.trade_history_list ul li[data-v-bd7b9e4e] {
  height: 90px;
}
.trade_history_list ul[data-v-bd7b9e4e],
.trade_history_list ul li[data-v-bd7b9e4e] {
  /* padding: 0 !important; */
  background: rgba(0, 0, 0, 0.376);
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
.trade_history_list ul[data-v-bd7b9e4e] {
  border-bottom: 0;
}
.trade_history_list ul li article span[data-v-bd7b9e4e] {
  margin-top: 3.84px;
  z-index: 6 !important;
}
.trade_history_list p[data-v-bd7b9e4e],
.trade_history_list ul li section:nth-of-type(1) p[data-v-bd7b9e4e]:nth-of-type(3) {
  color: #ffffff;
}
.order-detail1[data-v-bd7b9e4e] {
  background: #fff;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.order-detail1 td[data-v-bd7b9e4e],
.order-detail1 th[data-v-bd7b9e4e] {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 20px;
  padding: 20px 30px;
}
.order-detail1 td[data-v-bd7b9e4e]:last-child {
  color: #999;
}
.order-detail1 a.close[data-v-bd7b9e4e] {
  position: fixed;
  color: #000000;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: #DDE5FA;
  bottom: 0;
  padding: 20px;
}
.mobile .listing-log li[data-v-bd7b9e4e] {
  color: #000 !important;
  background: rgba(0, 0, 0, 0.05);
}
.row2[data-v-bd7b9e4e] {
  display: flex;
  align-items: center;
}
.order-detail1 .table td[data-v-bd7b9e4e] {
  text-align: right;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-f1aca9ac] {
  width: 25%;
}
.h-25[data-v-f1aca9ac] {
  height: 25%;
}
.w-50[data-v-f1aca9ac] {
  width: 50%;
}
.h-50[data-v-f1aca9ac] {
  height: 50%;
}
.w-75[data-v-f1aca9ac] {
  width: 75%;
}
.h-75[data-v-f1aca9ac] {
  height: 75%;
}
.w-100[data-v-f1aca9ac] {
  width: 100%;
}
.h-100[data-v-f1aca9ac] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-f1aca9ac] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-f1aca9ac] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-f1aca9ac] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-f1aca9ac] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-f1aca9ac], body[data-v-f1aca9ac] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-f1aca9ac] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-f1aca9ac] {
  background: #fa6b0b !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-f1aca9ac] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-f1aca9ac] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-f1aca9ac] {
  font-weight: 700;
  color: #F9C043;
  font-size: 15px;
}
.detail[data-v-f1aca9ac] {
  line-height: 24px;
}
.line-ellipsis[data-v-f1aca9ac] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-f1aca9ac] {
  margin-left: 7px;
}
.active_btm[data-v-f1aca9ac] {
  background: -webkit-linear-gradient(#E6DE9A, #CEC067);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
}
.active_btm[data-v-f1aca9ac]:after {
  content: "";
  position: absolute;
  height: 2px;
  width: 100%;
  border-radius: 30px;
  left: 0;
  right: 0;
  bottom: -5px;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  background-color: #F9C043;
  background-image: linear-gradient(to bottom, #E6DE9A, #CEC067);
}
.flex-box-center-column[data-v-f1aca9ac] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.flex-box-center[data-v-f1aca9ac] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-f1aca9ac] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-f1aca9ac] {
  color: #838898;
}
.up-case[data-v-f1aca9ac] {
  text-transform: uppercase;
}
.active_btm[data-v-f1aca9ac] {
  margin-top: 0;
}
.trade_history_list ul li[data-v-f1aca9ac] {
  height: 90px;
}
.trade_history_list ul[data-v-f1aca9ac], .trade_history_list ul li[data-v-f1aca9ac] {
  /* padding: 0 !important; */
  background: rgba(0, 0, 0, 0.376);
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.502);
}
.trade_history_list ul[data-v-f1aca9ac] {
  border-bottom: 0;
}
.trade_history_list ul li article span[data-v-f1aca9ac] {
  margin-top: 3.84px;
  z-index: 6 !important;
}
.trade_history_list p[data-v-f1aca9ac], .trade_history_list ul li section:nth-of-type(1) p[data-v-f1aca9ac]:nth-of-type(3) {
  color: #ffffff;
}
.order-detail1[data-v-f1aca9ac] {
  background: #232323;
  height: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 1000;
}
.order-detail1 td[data-v-f1aca9ac], .order-detail1 th[data-v-f1aca9ac] {
  border-top: 1px solid rgba(255, 255, 255, 0.376);
  border-bottom: 1px solid rgba(255, 255, 255, 0.376);
  margin: 20px;
  padding: 20px 30px;
}
.order-detail1 a.close[data-v-f1aca9ac] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-6e589f97] {
  width: 25%;
}
.h-25[data-v-6e589f97] {
  height: 25%;
}
.w-50[data-v-6e589f97] {
  width: 50%;
}
.h-50[data-v-6e589f97] {
  height: 50%;
}
.w-75[data-v-6e589f97] {
  width: 75%;
}
.h-75[data-v-6e589f97] {
  height: 75%;
}
.w-100[data-v-6e589f97] {
  width: 100%;
}
.h-100[data-v-6e589f97] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-6e589f97] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-6e589f97] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-6e589f97] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-6e589f97] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
html[data-v-6e589f97], body[data-v-6e589f97] {
  height: 100%;
  margin: auto;
  overflow: initial;
  color: #000000;
  font-size: 14px;
  background: #232323;
}
.sub-mission-text2[data-v-6e589f97] {
  color: #838898 !important;
  font-size: 14px;
  margin-top: auto;
}
.selected_cat[data-v-6e589f97] {
  background: #fa6b0b !important;
  color: #ffffff !important;
  padding-left: 5px;
  padding-right: 5px;
}
.outline-sd[data-v-6e589f97] {
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.161) !important;
  border-radius: 10px !important;
}
.movie-title[data-v-6e589f97] {
  font-size: 17px;
  color: #333333;
  font-weight: 700;
  padding-right: 5px;
  flex-shrink: 1;
}
.grade[data-v-6e589f97] {
  font-weight: 700;
  color: #F9C043;
  font-size: 15px;
}
.detail[data-v-6e589f97] {
  line-height: 24px;
}
.line-ellipsis[data-v-6e589f97] {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ml-7[data-v-6e589f97] {
  margin-left: 7px;
}
.active_btm[data-v-6e589f97] {
  width: 20px;
  border-bottom: 2px solid #e75142;
  margin-top: 5px;
}
.flex-box-center-column[data-v-6e589f97] {
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
}
.flex-box-center[data-v-6e589f97] {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}
.rank-text[data-v-6e589f97] {
  font-size: 40px;
  font-weight: bold;
  color: #838898;
}
p[data-v-6e589f97] {
  color: #838898;
}
.up-case[data-v-6e589f97] {
  text-transform: uppercase;
}
.trade_history_list ul[data-v-6e589f97],
.trade_history_list ul li[data-v-6e589f97] {
  background: transparent;
}
.mobile .section-title[data-v-6e589f97] {
  justify-content: space-around;
}
.tab.active[data-v-6e589f97] {
  color: #eadc85;
}
.trade_history_list ul li p[data-v-6e589f97] {
  margin-bottom: 0;
}
body {
  /* background: url(~@/assets/images/3/bg.png) !important; */
  background-size: cover !important;
  /* background-position: center center; */
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  font-size: 14px;
  overflow-y: scroll;
}
.btn-check:focus + .btn, .btn:focus { 
  box-shadow: none;
}
#mainNav {
    background: none !important;
    /* background-image: linear-gradient(180deg , #504543, #241b0f) !important; */
    background-color: #EFEFEF;
}
.login .logo {
  width: auto !important;
  height: auto !important;
  min-height: 30px;
}
.login .btn-login {
  background: #1f1f1d !important;
  width: 100%;
  max-width: 192px;
  height: 52px;
  color: #eadc85 !important;
  border-radius: 12px !important;
  border: 1px solid #8b8848 !important;
  margin: auto;
  background-image: none !important;
}
.login label.label {
  text-align: left;
  width: 100%;
  padding: 0 25px;
  color: #eadc85;
  font-weight: bold;
}
.login input.form-control {
  border-radius: 0;
  background: transparent !important;
  color: white;
  border-bottom: 1px solid #766f63;
  border-radius: 0 !important;
}
.login .register-text,
.login .register-text a {
  color: #766f63 !important;
}
.text-primary {
  color: #EADC85 !important;
}

.error_message {
    color: red;
}

.img-fluid { width:100%;}
.content {
  margin: 50px 0px;
  color: #d2d7dc;
  overflow-y: auto;
}
span {
  font-size: 13px;
}
.data-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  width: 100%;
  padding: 0 12px;
  color: #707f9c;
  font-weight: 700;
}
.data-box .left {
  width: 60%;
}
.data-box .left h3 {
  font-size: 20px;
  font-weight: 700;
  height: 30px;
  color: #0ca589;
  margin: 0;
}
.nav-box {
  display: flex;
  justify-content: space-between;
  padding: 0 12px;
  width: 100%;
  height: 40px;
}
.nav-box .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  height: 100%;
}
.nav-box .active {
  color: #EADC85;
}
.nav-box .active::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #EADC85;
}
.chart-box {
  position: relative;
  width: 100%;
  height: 420px;
  background-size: 100% 88%;
  border-top: 1px solid rgba(185, 192, 202, 0.2);
  border-bottom: 1px solid rgba(185, 192, 202, 0.2);
}
.chart-box .top {
  position: absolute;
  z-index: 900;
  top: 5px;
  left: 5px;
}
.chart-box .top span {
  margin-right: 10px;
}
.chart-box .middle {
  position: absolute;
  z-index: 900;
  top: 74%;
  left: 5px;
}
.chart-box .middle span {
  margin-right: 10px;
}
.chart-box .bom {
  position: absolute;
  z-index: 900;
  top: 75%;
  left: 5px;
}
.chart-box .bom span {
  margin-right: 10px;
}
.chart-box .tool-box {
  position: absolute;
  z-index: 900;
  top: 6px;
  right: 10px;
  width: 120px;
  border: 1px solid #6c7c93;
  background-color: rgba(8, 24, 37, 0.7);
}
.chart-box .tool-box p {
  display: flex;
  justify-content: space-between;
  margin: 0;
  margin: 2px 2px;
}
.chart-box .pos-left {
  left: 5px;
}
.chart-box .pos-right {
  right: 5px;
}
.chart-box .chart {
  width: 100%;
  height: 100%;
}
.yellow-color {
  color: #f2daaf;
}

.trade_bar {
    position: fixed;
    bottom: 0;
    left: 0;
    /* height: 0.5rem; */
    display: flex;
    width: 100%;
    z-index: 9999;
}
.trade_bar section {
    /* -webkit-flex-basis: 30%;
    flex-basis: 30%; */
    flex: 1;
    height: 55px;
    text-align: center;
    padding-top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.trade_bar section img {
    height: 20px;
}

.trade_bar section:nth-of-type(1) {
    /* -webkit-flex-basis: 40%; */
    /* flex-basis: 40%; */
    background: #131f30;
    color: #abacae;
    font-weight: bold;
}

.trade_bar section:nth-of-type(2) {
    background: #10dcbe;
    color: #017160;
    font-weight: bold;
}

.trade_bar section:nth-of-type(3) {
    background: #fa709a;
    color: #490016;
    font-weight: bold;
}

.trade_bar section p{
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}

.trade-view .history-panel {
    position: fixed;
    top: 100%;
    left: 0px;
    right: 0px;
    bottom: 55px;
    background-color: #131f30;
    box-shadow:2px 2px 5px #333333;
    overflow-y:auto;
    z-index: 9999;
    transition: all 0.25s ease-in-out;
}

.trade-view .history-panel.open {
    top: 2.5rem;
    bottom: 0.5rem;
    transition: top 300ms ease-out;
}

.trade-view .order-confirm-panel {
    display: none;
    position: absolute;
    width: 90%;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    /* margin-left: -45%; */
    height: 444px;
    /* margin-top: -212px; */
    background: linear-gradient(45deg, #272526, #373532);
    border: 1px solid #585352;
    border-radius: 10px;
    z-index: 9990;
}

.trade-view .order-confirm-panel.open {
    display: block;
}

.trade-view .order-confirm-panel .period {
    width: 100%;
    height: 120px;
    padding: 10px 5px 0px 10px;
    overflow: hidden;
    border-top: 1px solid #2b2930;
}
.trade-view .order-confirm-panel .period .scroll-view{
        height: 110px;
}
.trade-view .order-confirm-panel .period .scroll {
    width: 100%;
    height: 100%;
    overflow-x: scroll;
    position: relative;
}

.trade-view .order-confirm-panel .period .period-widget-view {
    width: 2000px;
}

.period-widget {
    height: 85px;
    width: 100px;
    float: left;
    padding: 5px;
    margin-right: 10px;
    /* background-image: url(~@/assets/images/3/clock.png); */
    /* background-size: contain; */
    background-color: #453e09;
    box-shadow: 0 0 2px rgb(234 221 133 / 66%);
    border-radius: 5px;
    box-sizing: border-box;
}

.period-widget.active {
    border: 1px solid #fdbe19;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALAAAACpCAYAAACLbrcNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFYElEQVR4nO3cS29UdRzG8WcOpRQMNWAhLZRpmRIQW2iohsvEW9xocFMtvAR8D67EjS/BjRtj4sJYDCx1I0Fu5WIgBQvYVlpq2wCNscYi2M64olpnhp7pXM48M9/PaubknH/+i29OfjNn2lg6nRaqz7HeueOSPop6H6UWRL0BlMZnJ9cdl/Rx1PsoNQKuYrUQMQFXuWqPmIBrQDVHTMA1olojJuAaUo0RE3CNqbaICbgGVVPEBFyjqiViAq5hlRLx1qabqqv7VEO/Htbj+U/UsnEw9LUxHiUjysfOHVsGdGPspAbHLmp+YVargrXq6XhXq4MPQ13PHRiR3Yk7tgzo5tjXun73jOYXZiVJC6lHGn9wIfQaBAxJ5Y840XJZP937RtfvXlQq9dfi8bpVjeqMvxN6HQLGonJF3NFySUMT/bo2el4LqUeLx4OgQXvbDqhp/euh1yJgLJFvxGtWz+q5tWOqr5sLdX6i+YpuTfTr2ug5LaT+vSYIGtTdflBdbb2aeNgVer98iENWYT7YbVh/RhdundLckxFtatynQ7ve1sTDgznP3958VXcm+/XjyNmMePe0JdXd3qfhydzXZ0PAyGm5iMdnPtDkzA2l0o8VxOq19YX9erOrTyNTmSNAovmqbueKN35Ie7cf0Uie8UqMEHiG5caJmDYvvk6ln2hiZkADd05ox5bzS85LNF/Vz1MncsfbvrJ4JQLGMp4V8b7EW1q3JrH4Pp3+W8NTl3RjrF+742ckSTtbz2t4ul9Xhn/IiLczntSe9qMamVpZvBIjBELKNU6sX/e5vh/8Sk/m7y8eC2L1eq1zl46+ullfnp7RpTu3M75t6NyWVPf2IxqdOlDQvggYoWWLeNPz4/rtzy90bujbJXdYSWpqlB7OLl0jCBq0uzWpfYnC45UYIZCHbOPEg9/j2tZ0WN3tBxXE6pecnxFvbI1ebD2knkRfUeKVCBh5yhbxL9M96mp7Tzta9mdE/NTTeF9OvF/QzJuxbtFWQs3IFvHwZFL7d/apeUNmxEHQoF2tSfV0HNHIVLKoe2EGxoplm4njm89qcOyUbk9c1nzqD9WtatSOlgN6paNXo9PFu/M+RcAoSLaIWzdd1/iD0xq6951eih/W1o1vaHIm/OPhfBAwChbl74mZgVGwKP+yg4BRFFFFTMAomigiJmAUVbkjJmAUXTkjJmCURLkiJmCUTDkiJmCUVKkjJmCUXCkjJmCURakiJmCUTSkiJmCUVbEjJmCUXTEjJmBEolgREzAiU4yICRiRKjRiAkbkComYgFERVhoxAaNirCRiAkZFyTdiAkbFySdiAkZFChsxAaNihYmYgFHRlouYgFHxnhUxAcNCrogJGDayRUzAsPL/iAkYdv4bMf+dEraO9c4dJ2BYY4SANQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGNQKGtX8AvG2OW9EEsNgAAAAASUVORK5CYII=);
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.period-widget.hover {
    width: 100px;
}

.trade-view .order-confirm-panel .amount {
    width: 100%;
    height: 70px;
    padding: 2px 5px 0px 10px;
    overflow: hidden;
}

.trade-view .order-confirm-panel .amount .scroll-view {
    width: 75%;
    margin-right: 5px;
    height: 50px;
    float: left;
    position: relative;
}

.trade-view .order-confirm-panel .amount .scroll-view:after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 35px;
    background: linear-gradient(to bottom, transparent, #EADC85, transparent);
}

.trade-view .order-confirm-panel .amount .scroll {
    width: 100%;
    height: 50px;
    float: left;
    overflow-x: scroll;
}

.trade-view .order-confirm-panel .period .period-widget-view {
    width: 350px;
}

.amount-box {
    font-size: 12px;
    color: white;
    height: 35px;
    line-height: 35px;
    float: left;
    padding: 0px 10px;
    text-align: center;
    margin-right: 5px;
    background-color: #453e09;
    border-radius: 3px;
}


.amount-box.active {
    border: 1px solid #fdbe19;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NiwgMjAyNC8wMy8xMi0wNzo0ODoyMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyNC0wNi0yNFQxNToyNTowOSswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjQtMDYtMjRUMTY6NDI6MDArMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjQtMDYtMjRUMTY6NDI6MDArMDg6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNDlhODgxLTcyZjYtNTI0Zi1hNjUzLTBkZWU1ODUyMWQ5OSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjlkMjc3MTYxLTBjYjAtMzE0NC04ZmU0LWQ0OWU4OTk3MDI4OSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjgyNDNmNGYyLTA0MTctYmQ0ZS05MTg2LWYzMWNiNTZkZjJlNyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6ODI0M2Y0ZjItMDQxNy1iZDRlLTkxODYtZjMxY2I1NmRmMmU3IiBzdEV2dDp3aGVuPSIyMDI0LTA2LTI0VDE1OjI1OjA5KzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjUuOSAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjIxNDlhODgxLTcyZjYtNTI0Zi1hNjUzLTBkZWU1ODUyMWQ5OSIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0yNFQxNjo0MjowMCswODowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI1LjkgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pha5MH8AAAOySURBVFiFzdfLbxtFAMfx78w+YjuBRGkTghNM0jZOAhdeLSBVwlXLhUuReufUGxceEhxKkiZRuCAkTvwDHLnCKQioSiMugBS1pICstHkQO42dpNjxY70zHOyEqrGDHa9j/6SVvFp79dFvPTM74url9HvA58Au4NJaeWgCXwAh4P3mWsqmXZY+fABMNlNSIWn5yMl06WipyMfOJ4GpZkAq5XEgwPXS0bBoDVr7MGQArW30Id8tB4Riiw1pUimBEH4CbRlctYrPdpBCVkRWAkKxRU8HjtICKf0ET6yRSF/j16W3yDpfYluAtmoGgmcDR+OWmgv1Rlna+ISf735NfHuNhftf4TgJDHk0IBRb/J8mJQIf0IZGHLiqtEQKP6GeFf6MzTK/OIdGYps+Rvoj+OwuXFV+jagGCIc2KTANG8vawGdvYUk/rjIQaEAXH6vw82zvPaKxCebvzKG1iRCK82OXOPXUh+zmAkCuLiBUaNIQPvKFb/gl+g63l9/licA8frsNx7VQWgJ+Bk6uEI3PcmtxDiEMNC6vjVxiODjOevIZlMoiDhYPgFkDEIotmsD4PtAQ3E/cJLZ9A607QMSIPD/LevI8WQfOPH2Pv9an+WlxDq0lQji8PnKRcHCG5Y0QSmeRsvJEY7w0eq1GIz8AAogAaG1x8skOdjK/k8mn2UolcQp3ORseJHgix+3lT5lf/A6JCcLl1fCbjAYnWd0cxFUZjENwQO4oQIAf95Cu1vitQUI9ktXNWziuYmN7C9u6SSr7Ld8v3EGj0BQ4N3yB0f4Z1hJDKJXFkKp0G++B+0ghVCTrGHR3hOnr3mL5wQKmNFiKZ/hjbQefJVE6z7nwRcYGpljZHEKpTOmxHoqrG7iHRAgn8k+mnb6uF+hsTxKNL2AZAlNKCm6Gl89c4LmB6/ydOI2rM9U05xkQ4IZASCGcNx6mO+ntOktPZ4r49m8UVIpXht9mrH+C1cTpR/5zVeEAcrWO4kqZFOBqsTv1YKebvq6PefFUmEw+xVDPFdaTQbSqqbn9iKuX0x4ZAZgGPe4qG9u0EALyjouQuRpZ+9nxqsG9TIAoGNKZcpUDgKxlKSiTOn9eNtPAjFc3awQQYAKPXtUaBQSPXtUaCQQP9jiNBkKde5zjAEIde5zjAsIR9zjHCYQjDJzjBkJVe5z/0gwg1NBks4BQZZPNBEIVy2KzgVBcFitOQa0AhOIUVBbZKkCogGwlIBxcFnWrAaHY4t4UFGhFIBSnn88A2+tXfi/zERD7F3SFTMLA3HARAAAAAElFTkSuQmCC);
    background-size: 15px;
    background-position: right top;
    background-repeat: no-repeat;
    color: #fdbe19;
}

.trade-view .order-confirm-panel .amount .amount-view {
    width: 2000px;
}

.period-widget-header {
    font-size: 12px;
    color: #cacaca;
    height: 20px;
    line-height: 20px;
    text-align: center;
}

.period-widget-content {
    font-size: 15px;
    text-align: center;
    color: #e1ab32;
    height: 34px;
    line-height: 34px;
    padding-right: 5px;
}

.period-widget-content.active {
    line-height: 17px;
}

.period-widget-content > .final_unit {
    font-size: 15px;
    color: #e1ab32;
}

.period-widget-content > .final_time {
    font-size: 45px;
    font-weight: bold;
    color: #fdbe19;
}

.period-widget-footer {
    font-size: 14px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #fa709a;
}

.info-view {
    padding-left: 10px;
    padding-right: 10px;
    color: white;
    width: 100%;
    display: table;
    margin-top: 5px;
}

.info-view div {
    display: table-cell;
}

.order-detail-view {
    width: 100%;
    height: 125px;
    clear: both;
    padding: 5px;
    color: white;
}

.order-detail-view .order-detail {
    height: 100%;
    width: 100%;
    border-top: 1px solid #333235;
}

.order-detail-view .order-detail .row {
    height: 30px;
    line-height: 30px;
}

.fields  > div{
    color: #a3a3a3;
    font-size: 12px;
}

.fields {
    margin-top: 5px !important;
    height: 24px !important;
    line-height: 24px !important;
}

.order-detail-view .order-detail .row > div {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.order-detail-view .order-detail .row > .qoute_name {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#money {
    color: #fdbe19;
}

.order-detail-view .order-detail .row:last-child > div {
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}

.order-detail-view .button {
    width: 90%;
    color: #000000;
    background-color: #fdbe19;
    min-height: 0;
    height: 40px;
    font-size: 15px;
   line-height: 40px;
   font-family: "microsoft yahei";
   border-radius: 4px;
    border-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
}

.order-detail-view .button.disabled {
    opacity: 0.7;
}

.btn_confirm {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.expect_profit {
    color: #fdbe19;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    margin-top: 5px;
    font-size: 12px;
}

.expect_profit span{
    display: flex;
    justify-content: center;
}

.other-amount {
    width: 22%;
    float: left;
    height: 29px;
}

.other-amount.active {
    border: 1px solid #fdbe19;
    border-radius: 3px;
    overflow: hidden;
}

.other-amount input {
    color: white !important;
    width: 100%;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    background-color: #081724;
    border-radius: 3px;
    border: none;
    box-shadow: 0 0 2px #eadc85;
}

.trade-view .order-state-panel {
    display: none;
    position: absolute;
    width: 90%;
    top: 50%;
    left: 50%;
    margin-left: -45%;
    height: 400px;
    margin-top: -155px;
    background-color: #1b1a1e;
    border-radius: 10px;
    z-index: 20;
}

/*倒计时圆形进度条*/
.circle_wrapper {
    position: relative;
    left: 0;
    right: 0;
    top: 5px;
    bottom: 120px;
    margin: auto;
    width: 110px;
    height: 127px;
    box-sizing: content-box;
}

.right_circle,.left_circle {
    position: absolute;
    width: 110px;
    height: 110px;
    overflow: hidden;
    top: 8px;
}
.right_circle {
    right: -50%;
}
.left_circle {
    left: -50%;
}
.right_circle > img {
    width: 100%;
    position: absolute;
    right: 50%;
    -webkit-animation: run 5s linear;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;

}
@-webkit-keyframes run{
    0%{
        transform: rotate(0);
    }
    50%{
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(180deg);
    }
}
.left_circle > img {
    width: 100%;
    position: absolute;
    left: 50%;
    -webkit-animation: runaway 5s linear;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
}
@-webkit-keyframes runaway{
    0%{
        transform: rotate(0);
    }
    50% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(180deg);
    }
}

.trade-view .order-state-panel .close {
    line-height: 44px;
    color: #6d6d6d;
    font-size: 28px;
    vertical-align: middle;
}

.trade-view .order-state-panel .success {
    color: white;
    border-top: 1px solid #2b2930;
}

.trade-view .order-state-panel .success .pupil_success {
    position: relative;
    height: 150px;
    text-align: center;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(1) {
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
    color: #fdbe19;
    font-size: 18px;
    height:20px;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) {
    position: absolute;
    top:60%;
    width: 100%;
    color: #fff;
    font-size: 12px;
    height:15px;
    text-align: center;
}

.trade-view .order-state-panel .success .pupil_success p:nth-of-type(2) span {
    color: #6d6d6d;
}

.trade-view .order-state-panel .success .row {
    height: 70px;
    padding-top: 10px !important;
    border-top: 1px solid #333235;
}

.trade-view .order-state-panel .success .row .col {
    height: 30px;
}

.trade-view .order-state-panel .success .info_list .col {
    height: 40px;
    border-right: 1px solid #000;
    border-left: 1px solid #333235;
}

.trade-view .order-state-panel .success .info_list .first_info {
    border-left: 0;
}

.trade-view .order-state-panel .success .info_list .last_info {
    border-right: 0;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(1) {
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
    margin-bottom: 0;
}

.trade-view .order-state-panel .success .row .col > p:nth-child(2) {
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.trade-view .order-state-panel .success .remaining {
    position: relative;
    height: 138px;
    border-bottom: 1px solid #000;
}

.trade-view .order-state-panel .success .count_remaining {
    margin-top: -128px !important;
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(1) {
    font-size: 40px;
    color: #fdbe19;
    text-align: center;
    /* margin-top: 19px; */
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(2) {
    font-size: 12px;
    color: #6d6d6d;
    text-align: center;
    /* margin-top: 16px; */
}

.trade-view .order-state-panel .success .remaining > div >div:nth-of-type(3) {
    font-size: 14px;
    color: #fa2e42;
    text-align: center;
}

.trade-view .order-state-panel .success .finish_remaining .result_profit {
    margin-top: 0 !important;
    height: 105px;
    line-height: 105px;
}

.trade-view .order-state-panel .success .finish_remaining .expired_statements {
    margin-top: -30px !important;
}


.trade-view .order-state-panel .success .remaining > .col {
    color: red;
    font-size: 40px;
    text-align: center;
    height: 105px;
    padding-left: 0px !important;
    position: absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin: auto !important;
}

.trade-view .order-state-panel .success .remaining > .col > img {
    width: 100px;
}

.trade-view .order-state-panel .wait .row {
    height: 150px;
    line-height: 150px;
}

.trade-view .order-state-panel .wait .row .col {
    color: white;
    font-size: 20px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .button_row {
    position: absolute;
    bottom: 15px;
    /* padding-right: 20px !important; */
    width: 100%;
}

.trade-view .order-state-panel .wait .row .col i {
    color: yellow;
    font-size: 25px;
}

.trade-view .order-state-panel .fail .row .col {
    color: white;
    font-size: 20px;
    text-align: center;
    height: 150px;
    line-height: 150px;
    padding-left: 0px !important;
}

.trade-view .order-state-panel .fail .row .col i {
    color: red;
    font-size: 25px;
}

.order-confirm-panel  .trade-view .order-state-panel .button {
    width: 96%;
    color: white;
    margin-left: 2%;
    margin-right: 2%;
    background-color: rgb(255, 91, 45);
}

 .trade-view .order-state-panel .button {
    width: 100%;
    height: 40px;
    min-height: 0;
    line-height: 40px;
    font-size: 15px;
    font-family: "microsoft yahei";
    color: #000000;
    background-color: #fdbe19;
    left: 0;
    border-radius: 4px;
    border-width: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
 }

 /*毛玻璃效果*/
.glass_mask {
    position: fixed;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left top, rgb(216 173 75 / 49%), rgb(53 53 37 / 76%));
    z-index: 10000;
    display: block;
    top: 0;
    left: 0;
}

.trade-view .order-state-panel.open {
    display: block;
}

.order-confirm-panel .panel-header,.order-state-panel .panel-header {
    position: relative;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    color: white;
    text-align: center;
    /* background-color: #131f30; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    padding: 0 10px;
    font-family: "microsoft yahei";
}

.order-state-panel .panel-header > div{
    color: #fdbe19;
    border-bottom: 1px solid #000;
}

.order-confirm-panel .panel-header > div {
    /* border-bottom: 1px solid #000; */
}

.invest_account span{
    text-align: right;
    color: #fa709a;
    display: inline-block;
    width: 78%;
}

.panel-header {
    position: relative;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    color: white;
    text-align: center;
    /* background-color: #131f30; */
}

.close_tag {
    color: #6d6d6d;
    font-size: 28px;
    vertical-align: middle;
}

.end_time,.invest_account,.info-view > div {
    font-size: 12px;
    color: #CEC067;
    font-family: "microsoft yahei";
}

.order-confirm-panel .panel-body,.order-state-panel .panel-body {
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* background-color:#131f30; */
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-top: 0;
    /* border-bottom: 1px solid #000; */
    width: 100%;
    padding: 0 10px;
    margin-top: 1px;
    /* background-image: url(../img/back_logo.png); */
    background-size: 150px;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.panel-body {
    position: absolute;
    top: 45px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    /* background-color: #1b1a1e;
    border-top: 1px solid #2b2930; */
}

.end_time {
    color: #CEC067;
    margin-bottom: 0;
}

.panel-header .close {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    width: 40px;
    font-size: 18px;
    text-align: center;
    cursor: pointer;
    line-height: 35px;
}

.order-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -160px;
    height: 181px;
    background-color: rgb(30, 30, 40);
}

.order-panel.open {
    bottom: 44px;
    transition: bottom 300ms ease-out;
}

.panel-body .button-bar .button-update-order {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 146px !important;
    border: none !important;
    background-color: #006600;
}

.panel-body .button-bar .button-close {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 111px !important;
    border: none !important;
    background-color: #006600;
}

.panel-body .order-info {
    position: absolute;
    right: 50px;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

.panel-body .button-bar {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 50px;
}

.panel-body .button-bar .button-bid {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 0px !important;
    height: 73px !important;
    border: none !important;
    background-color: rgb(185, 60, 65);
}

.panel-body .button-bar .button-ask {
    color: rgb(203, 204, 211);
    position: absolute;
    width: 50px;
    left: 0px !important;
    right: 0px !important;
    top: 73px !important;
    bottom: 0px !important;
    border: none !important;
    background-color: #006600;
}

.limit-order-panel .button-bar .button-bid {
    height: 106px !important;
}

.limit-order-panel .button-bar .button-ask {
    top: 106px !important;
}

.limit-order-panel {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -260px;
    height: 253px;
    background-color: rgb(30, 30, 40);
}

.limit-order-panel.open {
    bottom: 44px;
    transition: bottom 300ms ease-out;
}

.trade-footer .row .col-40 .badge {
    position: absolute;
    right: 5px;
    top: 5px !important;
    font-size: 10px !important;
    padding: 0px 8px;
}

.panel-body .order-info .list .item {
    margin: 0px;
    padding: 0px;
    height: 35px;
    border: none;
    margin-top: 1px;
    line-height: 35px;
    background-color: rgb(30, 30, 40);
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.panel-body .order-info .list .item .input-label {
    color: rgb(203, 204, 211);
    text-align: center;
    font-size: 12px;
}

.panel-body .order-info .list .item .content-label {
    color: rgb(203, 204, 211);
    text-align: center;
    font-size: 12px;
}

.panel-body .order-info .list .item input,
.panel-body .order-info .list .item .input-content,
.panel-body .order-info .list .item select {
    color: rgb(203, 204, 211);
    font-size: 12px;
    background-color: rgb(30, 30, 40);
}

.panel-body .order-info .order-qoute {
    color: red;
    font-size: 18px;
    text-align: center;
}

.history-panel > .panel-body .list > .item {
    border: none;
    font-size: 14px;
    padding: 0px;
    height: 40px;
    line-height: 40px;
    margin-bottom: 1px;
    color: rgb(200, 200, 200);
    background-color: rgb(30, 30, 40);
    border-bottom: 1px solid rgb(38, 40, 52) !important;
}

.panel-body .list .category {
    width: 30px;
    text-align: center;
}

.panel-body .list .quantity {
    width: 50px;
    text-align: center;
}

.history-panel > .panel-body > .scroll-view {
    height: 100%;
    overflow-y: hidden;
    bottom: auto;
}

.history-panel .panel-body .row {
    padding: 0px;
    margin: 0px;
    display: table;
}

.history-panel .panel-body .row .col {
    padding: 0px;
    margin: 0px;
    width: auto;
    text-align: center;
    display: table-cell;
}

.order-modal-header {
    border: none;
    background-image: none;
    background-color: #081724;
    height: 40px;
    line-height: 40px;
}

.order-modal-header h1 {
    color: white;
    font-size: 14px !important;
}
.order-modal-header  .title{
        height:40px !important;
        line-height:40px !important;
}
.order-modal-header .close {
    position: absolute;
    top: 6px;
    left: 0px;
    bottom: 0px;
    height: 40px;
    width: 0.4rem;
    font-size: 25px;
    cursor: pointer;
    line-height: 40px;
    text-align: center;
    color: white;
}

.order-modal-content {
    background-color: #081724;
    overflow:visible;
    height:100%;
}

.order-modal-content .list > .item {
    border: none;
    font-size: 12px;
    padding: 0px;
    height: 51px;
    line-height: 51px;
    color: rgb(200, 200, 200);
    background-color: #081724;
    border: 1px solid #131f30 !important;
}

.order-modal-content .list > .item input {
    color: white;
}

.order-modal .button-bar {
    bottom: 0px;
    left: 0px;
    right: 0px;
    height: 45px;
    line-height: 45px;
    position: absolute;
}

.order-modal .button-bar .button-dark {
    font-size: 14px;
    height: 45px;
    line-height: 45px;
    border: none !important;
    border-radius: 0px 0px 0px 0px;
    background-color: #081724;
}

.order-modal .button-bar .button-balanced {
    font-size: 14px;
    border: none !important;
    border-radius: 0px 0px 0px 0px;
    background-color: rgb(185, 60, 65);
}

.order-modal .input-label {
    color: rgb(200, 200, 200);
    font-size: 14px;
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.order-modal .input-content {
    color: rgb(200, 200, 200);
    font-size: 14px;
}

img.loading {
    width: 30px;
}

.other-data {
    margin-left: 5px;
}
.rise {
    color: #1fc65b !important;
}
.fall {
    color: #fa2e42 !important;
}
.in_money{
	color:#1fc65b !important;
}
.out_money{
	color:#fa2e42 !important;
}
@media (min-width: 768px) {
    .trade-view .order-confirm-panel {
        max-width: 450px;
    }
}
body {
    /* overflow: hidden; */
}
.content {
    height: calc(100vh - 140px);
    margin: 0;
    overflow: hidden;
}
iframe {
    height: 100% !important;
}

button[data-v-ac4cc604] {
  display: block;
  padding: 0.5rem 1rem;
  cursor: pointer;
  text-decoration: none;
  color: #fff;
  border: none;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
button.material[data-v-ac4cc604] {
  background: linear-gradient(#0c91d7, #2143bf);
}
button.material[data-v-ac4cc604]:hover,
button.material[data-v-ac4cc604]:active {
  background: linear-gradient(#0c91d7, #2143bf);
}
button.material.round[data-v-ac4cc604] {
  border-radius: 25px;
}
button.flat[data-v-ac4cc604] {
  background-color: transparent;
  color: #ffffff;
  box-shadow: 0 0 5px #d3def1;
}
button.flat[data-v-ac4cc604]:hover,
button.flat[data-v-ac4cc604]:active {
  background-color: #d2ddff;
}
button.dark[data-v-ac4cc604] {
  color: #fff;
  background-color: #212529;
  box-shadow: 3px 3px 1px #8ba9f7, 0 0 5px #8ba9f7;
}
button.outline-blue[data-v-ac4cc604] {
  border: solid 1px #2142bf;
  font-size: 18px;
  border-radius: 25px;
  background: #fff;
  color: #2142bf;
  width: 100%;
}
button.purchase-btn[data-v-ac4cc604] {
  border: 1px solid #eadc85;
  background: transparent;
  color: #eadc85;
  border-radius: 30px;
  font-size: 15px;
}
button.default-btn[data-v-ac4cc604] {
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600; 
  width: 100%;
  height: 50px;
  margin: auto;
  max-width: 100%;
  color: white;
  background: #000;
  border: 0;
}
button.theme2_btn[data-v-ac4cc604]{
  border: 1px solid #3499FF;
  background: #1C203A;
  color: #fff;
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600; 
  width: 100%;
  max-width: 192px;
  height: 50px;
  margin: auto;
}
button.logout_btn[data-v-ac4cc604] {
  border-radius: 12px;
  font-size: 16px;
  font-weight: 600; 
  width: 100%;
  height: 50px;
  margin: auto;
  max-width: 100%;
  color: white;
  background: #8f94a7;
  border: 0;
}


div[data-v-48bb6248] {
  display: flex;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  flex-direction: row;
  flex-wrap: wrap;
  /* border: solid 4px #6a7aa6; */
  padding: 5px;
  border-radius: 8px;
  position: relative;
  background: #1A1516;
}

/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-2ee0df3d] {
  width: 25%;
}
.h-25[data-v-2ee0df3d] {
  height: 25%;
}
.w-50[data-v-2ee0df3d] {
  width: 50%;
}
.h-50[data-v-2ee0df3d] {
  height: 50%;
}
.w-75[data-v-2ee0df3d] {
  width: 75%;
}
.h-75[data-v-2ee0df3d] {
  height: 75%;
}
.w-100[data-v-2ee0df3d] {
  width: 100%;
}
.h-100[data-v-2ee0df3d] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-2ee0df3d] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-2ee0df3d] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-2ee0df3d] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-2ee0df3d] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
footer[data-v-2ee0df3d] {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9 !important;
  font-size: 12px;
  background-color: #383838;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  -webkt-box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.1);
  transition: all ease 0.5s;
  -webkit-transition: all ease 0.5s;
  -moz-transition: all ease 0.5s;
  -moz-backdrop-filter: saturate(120%) blur(15px);
  -webkit-backdrop-filter: saturate(120%) blur(15px);
  backdrop-filter: saturate(120%) blur(15px);
}
footer .nav-icon[data-v-2ee0df3d] {
  display: inline-block;
  width: 25px;
  height: 25px;
  margin: 0 auto;
  background-size: contain;
  opacity: 0.5;
  background-position: center;
  background-repeat: no-repeat;
}
.icon-home[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAAnCAYAAACSamGGAAAABHNCSVQICAgIfAhkiAAAA9ZJREFUWEftmDtvE0EQx2eOABJVmhR5AUd4CBqChChoDCVU8A1sBIkCCuAPgIglepvwtIOw6ZGgIRISUs7fIGUCSRxMcKBBpkIhZIf/nn2JY1/iPT9ICs7F+uzd2d/9Z2dmb5ladC3lUoMWUZqEBok50WPfiLbINHErDLmAwlNE0rlhj50V7rhq25Fis3M0Dbmcm7ggQm82A5axmKZXaO9FD3R54cU5JWuXLcsipRShQUsVLas/Hdbj/v7rPyofrCnI5VwqDMB0HaWmV7gEKiL8LTfxUIhGtxnzoOfI0L2WQC7NpcJQoh6gJ2lRsVzss4em9Q+F3MRdEon7geJBYr0Dw2NNQxbmk3EEx91ga403gX6dT11jphRs7Km00xJIGE/DeDgYoNebi8Qq0mMPv9W/LC+mLomi1/h6wOvRFGQul+7cp1bjjQNWxD1TpNseyriun39+ltiaxNcufc8ssW67AXe7gLI6hSgbbEzB2lGI6kjf0RLo93xyYG2V3yMhDjSkpAbcD0DYahnghmsp0zswFHFd/+lll+xZmxRR7wIFTilJC3IgH26VgtV2kMLWQQuF5AH5xecB/sEoujUgC2kXV1SR9qBq0N/W3uhW1ck3mf9LwHXXE03/Lif9ailqIA2rSHskBahXnbZ09w4DlrlkUTFf9aqTm5Y8YmwU7iP8x9olURC7qO1FYVovoy4kFExj8YaDGGp3Xw1qQdFu+4bDhflUAnreafekjdpXTGe4sJAC9O69dAXSkHr7dHrXYjJHuVRVSAdMJzYP2Oa5uKGdgMb0PzG9u+d0o5rZwZoc803mO7gEstiVX6gW6D9kA0tm9ysJt2a7/7u7Ad/6DGmnu/kV0lemelIlkoALg+Tg9kH6vTyV9wQO8q5xzsWDZvGC1p4U5PfypCGRb52AhSGIkknMKzrjowLVb1Ebak4dSpBJKCkhUzvoB8hhMyW/zj3TZKUaadKSPhoZ0aV107U098zBxCFTO3igbN/REXNIwUEj46OVdLfGLm+FshX/o1+s95gf5FMH3UL1xnv/owXkTTPIL5+eYGO8cek9R537WP+xWzVKwo6DcSGD8R5nFnZMIR9DSENXl5QG5KgP5KOykqZLhwA5agaZnx2XAIsdS0HF+k/cqYHMfxyHkhwyCT53PpLsweO3TSH1Oae+vDXoud7/3tJKbgEpSkf39uPX/0d0G0N+nkkEeqVgkcjBk9FMdXTnZ+IOws84mRPLq0MnouFqO777yfxs/IoohQMqHGoTDrW3a4WKh05FE9WG9X3uY3zQWlNXjOxgHpyiZ+yT0cVqW38BH6VcfnuVucYAAAAASUVORK5CYII=);
}
.icon-movie[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJEOTA3OUFCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJEOTA3OUJCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkQ5MDc5OEJDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkQ5MDc5OUJDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsRrMo4AAAHrSURBVHjatFbRUcMwDE04PrmrmYBsgPvXv6YTECbAG1AmIExAmYAyAWGChgmaDdINkk5gpN5zUYyTtnfUd+8SS1UkPT0nja210TnXxYCvJNgjsCa8EpJTE/D6IMwAXk/e/oXwhX2NRJ11eSDBDWEq9reEkeevCI+EMSFHJ/fuB/HADBYEfQTNCRJFSMYxb4T5zsIJ/gkZobK/K2H7UAcZ4c4bXoW5VD0xirBE3K6L0JA1lPFJuCZ8C8zgW/XQ1xIMYbufndemQXuFaxFIxb0mlIQG9yG6FnhOJ0EKoxE2TlLDviYo4VsiSdIzjz8JNgiSthx2jYDU8/NQV4EExk/AhtarUFayksoIdK0PUVSI6jnJVDwsQ0AqaJuKYip0Gon4Bp3vE3D1c+G0Hr/Kq9jNxFVberOxrmAn05E4hazlGGDJTQgN7BnkOsZvU0gzwj1L+EG8CTodGFTcCuUwt1eEiTeT2lEAetxqZfWSohKtOo5zwTlfnwVdKfyJmEEBihvslZ9gjqpUj0raHs0nYl6u8s4z5ORbTw2u/Rr3oXNQIG4Z8EX+QTOBk6wFr/45yWHTQ2/ZKFCxBedK0JCKPV/fA8UEEXpdG0iswXeZsYEsNaS6xbU6+Dnqyaww+FJQ5NRiTvkQxef+2/IjwABn4pIfqSlLeQAAAABJRU5ErkJggg==);
}
.icon-rank[data-v-2ee0df3d] {
  background-image: url(../img/icon-ranking.bfa94cf4.png);
}
.icon-ticket[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIyLjMgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REJEOTA3OUVCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REJEOTA3OUZCQzYyMTFFQjhFOEQ4NUM2MTg1MDVBNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQkQ5MDc5Q0JDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQkQ5MDc5REJDNjIxMUVCOEU4RDg1QzYxODUwNUE0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pkpl3W8AAAEiSURBVHja7FXbDYJAEATDP5RAB9KB2gEdaAlYgVoBdCB2gBWIFYgd0IF0cO7qYtZzeXjxkRg3mXDcY+duhj1spZT1zhhYb47fIagA6oU4AXxM7BCBC5gDCnoPADFgYrjxHRGUDuvE5Lk2Mf+UB1mHJEHTQn4Cv4UgAiQt4wVrB9IJtoB1RxJp57km4wxwABxvpFjJhLG6hsfa9VimHqOiuTwH9kW8zxEMlfQMe3rlanKJHpSCH0gwFBKuuhgdlmBB2kkEvlATWJwePevYU/2glxvugSKdPc0P60ng+pTWBroHibYbHkvAqGGM3wAVfUlTOt0dQVs0VXRFklp9Cq2LwOja4AQxk8hjl5ZpXHLZ9MsM2+4Tg0DZUk7w/2V+j+AswABka/HJpMC6fgAAAABJRU5ErkJggg==);
}
.icon-deposit[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,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);
}
.icon-personal[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB8AAAApCAYAAADNjfKJAAAABHNCSVQICAgIfAhkiAAABHRJREFUWEe1WF1PHFUYPu/Z1uoVxEu9WD4kRGy6y6ZNE6tdiD+g9BdQNLExmEDViAYsWdtaUROgtLE3hsU/IPwApZj6UaW7LFIsaWBBjbelMZrUZc7pc2Z2zs7uzscyu5zNZubMe8553u/3nSG2j5FderNfSJbkjOKSyTgRMSnZLjG2wphckYYxnXjtq51aj8S+4JH57nyMIjSLlfHA1ZJNdffcfCdwHRYEgme+fSPKDx/JSimbTUnxI/yqrlBBic7T8dM3Xg9iIBB85fvBWUay3+QTAEDAmbiafFdcHXQhZW/i9JdLfgz4gmd+GIxywfJF25q40IAlYZEPn/lC/NXrZ0OD524PQmKubK3ltA+z5faa4/lu7JWZZ0ODr94emoTKh1xVXmkCl/keGa2JUzc8vd9X7as/Di9iQVI7V5lTKdU7ncxlzozeYy/PeNrdF/y3ny4sAiFpGdvyNQVY6xwrAT4ZFvxdSC4huX9MetGVx4cGX/v5PVNyy7s9VKy9v5oupKgPHMDJUjjbcV70YYcJrHAopxvGXnjwe3feH8eJ4zXGdVUeeOnkZzx0qK3dGYlxYtmgNOlKJ7bQdWIifJJRh67/8mEWJo+VMpmd4fyvTLCBF09enQstudp4/9fRM4jzb9xSuU+Kz3Wd+KQ7SGOBhUUdsLE8OgtX6rdqiyWxDew259zo7kxM5BoCbjJw9yMwoKqbNbxyO0k50Hn8iq+6nWcEMajpG3cvmt5fdGs75RXLLIOk8lxn4lKgxKHA1abN5ZGmvciRPty2ABV/uQ1bzO8HtGZwBSb4M0lsiBdYYa4rccWzSj3Ips7AB6KSGUu1MOPqcOuZ0ehh/tQQXKsPCyCdHru4mxKisOA8XIHCFCi9rMdpQ/jIPCeap8K/C+3HJx5V2rcMfCtzOWpwM6Od229cB6wH02L4hdjFr50MaPCNzMexSIQvQoJmr/it9zk0ke44NqYbSxNcSSwOETIZNZd6M+XEdjUr1Yx66UKI6Y7Y2AU7XNnm6lV0qEgiZaMykt0spiq51/DeTwWjtS0xtkOby5820dP0sME2dnS51TUAgs61H/1ggPJrE/0gK8kdrRLuD3Qut9uOjrRR/t7nyFhs3HKmoo11FjCTueP9oHF0SY9bKb/+xSKwkuoVyKoWds042Dkj0UvbACfiSTeb2zm8rIdz9Gz10IUwztLO75N5CBvdT72uN96LCk7Rzv0pYStYS2ir3uEDlkuUbF73XMoU/bExLSz/Cnr7aiwdpynwa8LLpgf5nEmRoj8fzDxkkpp0ntI20G5vB0G5girX6fCs2Ofd8ijwa3gjiczDiZsaalN/H8k95v/0mIXl763rUSF4WsV7SQDr00eD549I0tTzHW+lbC/TAH9t3YwxIYehgT7EvakJxyeIsp6t1LXq11c/ek4wI/0/O5Rubz+vmwrP1lkxAi7Rq8kW8NAiJakvUWCoKuOWZWAETQ4628X6WzDlNueFW8+1ve3aenmCa3V43CjmIsSb/xNyxSlN0D4n/QlwCHgAoO5/VAAAAABJRU5ErkJggg==);
}
.icon-orderlist[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjdkMmJkNTQ1LThiMTAtNGUwMy1hYzZjLWMzMGVlNDBiNGY0YyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NjRBNDI3Q0YxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NjRBNDI3QkYxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY3ZDkxMjQ4LTY2MmEtNDkzZC1hYjNkLTZmNWFjZjNhZjM2OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA3MTJkZjgwLWFiOGQtNjc0MC1iOTZk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);
}
.icon-market[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAAA+CAYAAACbQR1vAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDcuMS1jMDAwIDc5LmIwZjhiZTkwLCAyMDIxLzEyLzE1LTIxOjI1OjE1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjdkMmJkNTQ1LThiMTAtNGUwMy1hYzZjLWMzMGVlNDBiNGY0YyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3NjRBNDI3Q0YxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3NjRBNDI3QkYxRDcxMUVEODUwN0E1QTlFQ0I1Njc2MiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmY3ZDkxMjQ4LTY2MmEtNDkzZC1hYjNkLTZmNWFjZjNhZjM2OCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjA3MTJkZjgwLWFiOGQtNjc0MC1iOTZk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);
}
.icon-support[data-v-2ee0df3d] {
  background-image: url(data:image/png;base64,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);
}
footer .nav[data-v-2ee0df3d] {
  align-items: center;
  max-width: 480px;
  margin: 0 auto;
}
footer .nav[data-v-2ee0df3d] {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
footer .nav-justified > .nav-link[data-v-2ee0df3d], .nav-justified .nav-item[data-v-2ee0df3d] {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}
footer .nav-justified .nav-item[data-v-2ee0df3d], .nav-justified > .nav-link[data-v-2ee0df3d] {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
  color: #ffffff;
}
footer .nav li.nav-item a.nav-link[data-v-2ee0df3d]:hover {
  color: #f6e174;
}
footer .nav .nav-item .nav-link span[data-v-2ee0df3d] {
  opacity: 0.5;
  color: #f6e174;
}
footer .nav .nav-item .nav-link.active[data-v-2ee0df3d] {
  color: #f6e174;
}
footer .nav .nav-item .nav-link.active span[data-v-2ee0df3d] {
  opacity: 1;
}
footer .nav .nav-item .nav-link.active .icon-home[data-v-2ee0df3d] {
  opacity: 1;
}
footer .nav .nav-item .nav-link.active .icon-personal[data-v-2ee0df3d] {
  opacity: 1;
}
footer .nav .nav-item .nav-link[data-v-2ee0df3d] {
  text-align: center;
  background: transparent;
  align-self: center;
  -webkit-align-self: center;
  -moz-align-self: center;
  height: 100%;
  position: relative;
}
footer .nav-fill .nav-item .nav-link[data-v-2ee0df3d], .nav-justified .nav-item .nav-link[data-v-2ee0df3d] {
  width: 100%;
}
footer .nav-link[data-v-2ee0df3d] {
  display: block;
  padding: 5px 0px 3px;
  color: #ffffff;
  text-decoration: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
footer .nav .nav-item .nav-link span .nav-text[data-v-2ee0df3d] {
  font-size: 12px;
  line-height: 18px;
  vertical-align: middle;
}
footer .nav .nav-item .nav-link span[data-v-2ee0df3d] {
  line-height: 13px;
  font-size: 10px;
  display: block;
  vertical-align: middle;
}
.close2[data-v-2ee0df3d] {
  background: #1e9fff;
  position: fixed;
  color: #ffffff;
  width: 35px;
  height: 35px;
  top: 20px;
  left: 0px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.livechat-iframe[data-v-2ee0df3d] {
  background: #232323;
  height: calc(100vh - 64px);
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
}
.livechat-iframe a.close[data-v-2ee0df3d] {
  position: fixed;
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
  text-align: center;
  width: 100%;
  background: rgba(0, 0, 0, 0.376);
  bottom: 0;
  padding: 20px;
}
iframe[data-v-2ee0df3d] {
  display: block;
  /* iframes are inline by default */
  border: none;
  /* Reset default border */
  height: 100vh;
  /* Viewport-relative units */
  width: 100vw;
}
/****************************************************
 Theme 1 Variables - Dark Yellow 
 Theme 2 Variables - Dark Blue 
*****************************************************/
/****************************************************
 General Variables start here
*****************************************************/
.w-25[data-v-feafd16a] {
  width: 25%;
}
.h-25[data-v-feafd16a] {
  height: 25%;
}
.w-50[data-v-feafd16a] {
  width: 50%;
}
.h-50[data-v-feafd16a] {
  height: 50%;
}
.w-75[data-v-feafd16a] {
  width: 75%;
}
.h-75[data-v-feafd16a] {
  height: 75%;
}
.w-100[data-v-feafd16a] {
  width: 100%;
}
.h-100[data-v-feafd16a] {
  height: 100%;
}

/****************************************************
 Theme 1 Variables - Dark Yellow start here
*****************************************************/
.bg-gradient-primary[data-v-feafd16a] {
  background-image: linear-gradient(310deg, #E6DE9A 0%, #CEC067 100%);
}
.bg-gradient-secondary[data-v-feafd16a] {
  background-image: linear-gradient(310deg, #272526 0%, #373432 100%);
}
.bg-gradient-tertiary[data-v-feafd16a] {
  background-image: linear-gradient(310deg, #ffffff 0%, #fff6e5 100%);
}

/****************************************************
 Theme 2 Variables - Dark Blue start here
*****************************************************/
.bg-gradient-primary[data-v-feafd16a] {
  background-image: linear-gradient(270deg, #1F1F1D 0%, #040404 100%);
}

/****************************************************
 Theme 3 Variables - Dark Blue start here
*****************************************************/
.fix-height-top[data-v-feafd16a] {
  position: relative;
  height: 100px;
}
.logo-small img[data-v-feafd16a] {
  max-height: 30px;
}
.head-title[data-v-feafd16a] {
  font-size: 15px;
  font-weight: normal;
  color: #ffffff;
  display: block;
  margin: auto;
}
.back-btn[data-v-feafd16a] {
  font-size: 20px;
  color: #8ba9f7;
  z-index: 999;
}
.lang-btn[data-v-feafd16a] {
  font-size: 20px;
  color: #ffffff;
  z-index: 999;
}
.header-fixed-top[data-v-feafd16a] {
  height: 54px;
  width: 100%;
  position: relative;
}
.with-logo[data-v-feafd16a] {
  margin-right: auto !important;
  margin-left: auto !important;
}
.without-logo[data-v-feafd16a] {
  margin-left: 0.5rem !important;
  margin-right: auto !important;
}
#mainNav[data-v-feafd16a] {
  background: none !important;
  background-image: linear-gradient(180deg, #272526, #373432) !important;
  height: 54px;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9;
  width: 100%;
}
#mainNav .navbar-brand[data-v-feafd16a] {
  color: #000000;
  font-weight: 800;
}
#mainNav .navbar-brand img[data-v-feafd16a] {
  max-height: 55px;
}
#mainNav .header-list li a[data-v-feafd16a] {
  color: #000000;
  text-decoration: none;
}
#mainNav .header-list li a svg[data-v-feafd16a] {
  font-size: 1.3rem;
}
#mainNav .header-list li a img[data-v-feafd16a] {
  width: 24px;
}
.triangle-pointer[data-v-feafd16a] {
  position: absolute;
  top: -10%;
  right: 35%;
  z-index: 1002;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 8px solid #8ba9f7;
}
.language-menu-wrapper[data-v-feafd16a] {
  position: absolute;
  width: 150px;
  top: 125%;
  right: -200%;
  background: #232323;
  transition: all 0.3s ease-in-out;
  display: none;
  box-shadow: 0px 3px 8px 2px rgba(0, 0, 0, 0.25);
  border-top: 3px solid #8ba9f7;
  color: #dee2e6;
}
ul.language-list[data-v-feafd16a] {
  list-style: none;
  text-align: center;
  width: 100%;
  z-index: 2;
  padding: 0.5rem 0;
  margin-bottom: 0;
}
ul.language-list li.language-list-item[data-v-feafd16a] {
  padding: 0.5rem 1.5rem;
  font-size: 18px;
}
ul.language-list li.language-list-item[data-v-feafd16a]:hover {
  color: #8ba9f7;
}
.language-btn:hover .language-menu-wrapper[data-v-feafd16a] {
  display: block;
  cursor: pointer;
}
.notify_bell[data-v-feafd16a] {
  position: absolute;
  top: -5px;
  right: -5px;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  background: #f6e174;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}
.sidenav[data-v-feafd16a] {
  height: calc(100% - 60px);
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background-color: #000000;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  box-shadow: 0 0 4px #ffffff;
}
.sidenav a[data-v-feafd16a] {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #838898;
  display: block;
  transition: 0.3s;
}
.sidenav a[data-v-feafd16a]:hover {
  color: #f1f1f1;
}
span.open_btn[data-v-feafd16a] {
  color: #ffffff;
  font-size: 20px;
  cursor: pointer;
}
.sidenav .closebtn[data-v-feafd16a] {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
@media screen and (max-height: 450px) {
.sidenav[data-v-feafd16a] {
    padding-top: 15px;
}
.sidenav a[data-v-feafd16a] {
    font-size: 18px;
}
}