.language-app-duihuan2{font-size: 13px;}
.text-split:before{content: '/';font-size: 13px;}
.f-17{font-size: 17px;}
.bg-primary-light{background: #F2E9DA!important}
.text-default{color: #56310D}
.border-left{border-color: #C39B6D!important}
.progress{background: #D1B390;}
.bg-block{background: #111;}
.text-gold{color: #C9A477}
.modal-content{background: #F7DFBA}
.modal-header{border: 0;}
.modal-footer{border: 0;}
#exchange-card{background: url(../img/dbj.png) no-repeat;background-size: cover;}
.qian-icon:before{content:'';background-position:left center;background-repeat:no-repeat;background-size: 100% 100%;width: 20px;height: 20px;display: inline-block;margin-right: 3px;vertical-align: middle;margin-bottom: 3px;}
.icon-duihuan:before{background-image: url(../img/duihuan.png);}
.icon-zc:before{background-image: url(../img/zc.png);}
.icon-zhengc:before{background-image: url(../img/zhengc.png);}
.icon-tuandui:before{background-image: url(../img/tuandui.png);}
.icon-yqhy:before{background-image: url(../img/yqhy.png);}
.icon-shuj:before{background-image: url(../img/shuj.png);}
.icon-tuigsj:before{background-image: url(../img/tuigsj.png);}
.icon-game:before{background-image: url(../img/youxi.png);}
.icon-process:before{background-image: url(../img/canyuliucheng.png);}
.exchange-content{margin-top: 10px;background: #F2E9DA;border-radius: 10px;padding: 10px;font-size: 15px;color: #56310D}
#button-Link{margin-top: 10px;background: linear-gradient(-90deg, #E7BC84, #C89B5F);color: #643818;width: auto;padding-left: 30px;padding-right: 30px;}
.icon-game:before{background-image: url(../img/youxi.png);}


#games-list .card-body .card{background: #F2E9DA;margin-bottom: 10px;}
#games-list .card-body .card:last-child{margin-bottom: 0;}
#games-list .text-success{position: absolute;background: linear-gradient(170deg, #FFD79F 0%, #B37116 100%);text-align: center;top: 50%;right: 15px;border-radius: 50%;padding: 5px;transform: translateY(-50%);}
#games-list .right-cicle:before{content: '';width: 70px;height: 70px;border: 5px solid transparent;border-radius: 50%;position: absolute;left: 0;top: 0;border-top-color: #000;transform: rotate(300deg);}
/*#games-list .right-cicle:after{content: '';width: 65px;height: 65px;border: 5px solid transparent;position:absolute;border-radius: 50%;}*/
#games-list .text-success .inner{display: block;background: #F2E9DA;border-radius: 50%;width: 60px;height: 60px;}
#games-list .right-cicle{position: absolute;width: 70px;height: 30px;top: 0;left: 0;overflow: hidden;}
#games-list .text-success .inner{color: #333;}
#games-list .link{position: absolute;left: 0;bottom: 0;}
#games-list .link a{color: #141519}
#games-list .link i{vertical-align: middle;margin-left: -5px;margin-bottom: 1px}

.faq-item{border-top: 1px solid #C39B6D;padding: 10px 0;}
.faq-item .faq-heading{font-size: 15px;font-weight: bold;color: #56310D;position: relative;padding-right: 20px;}
.faq-item .faq-heading .material-icons{position: absolute; right: 0;top: -4px;z-index: 1;transition: all .3s;}
.faq-item .faq-heading[aria-expanded="true"] .material-icons{transform: rotate(180deg);}
.faq-item .faq-content{font-size: 13px;color: #81654A;margin-top: 10px;}

.menu-overlay .main-menu{background: #1D1E20 url(../img/menu-bg.png) top center no-repeat;background-size: 100% auto;background-attachment: local;}
.menu-overlay .main-menu .avatar .background{border: 2px solid #fff;border-radius: 50%;}
.menu-overlay .main-menu .username{color: #333;}
.menu-overlay .main-menu .menu-container{margin-top: 70px;}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item{width: 50%;margin-bottom: 10px}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link .icon img{width: 38px;height: 38px;}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link.active{background: rgba(255,255,255,0.3)}
.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link span{color: #F3CF9D;font-size: 15px}
.menu-overlay .main-menu .menu-container .btn-withdraw{background: linear-gradient(-90deg, #E7BC84, #C89B5F);color: #50330D;padding: 8px 35px;border-radius: 19px;font-size: 17px;}
.menu-overlay .main-menu .menu-container .btn-withdraw .material-icons{vertical-align: middle;margin-bottom: 3px;margin-left: -3px;font-size: 19px;}
.form-control#link{font-size: 17px;color:#6C441D;background:#F2E9DA;border:none;}
.card-body .card{background: #F2E9DA}
.card-body .list-group .list-group-item{border-radius: 5px}
.list-group-item .qian-icon:before{width: 15px;height: 15px;}
.btn-primary{background: #141519;color: #F7DFBA;border: none;}
.btn-primary:after{content: '';background: url(../img/jiant.png) no-repeat;width: 7px;height: 14px;display: inline-block;vertical-align: middle;background-size: 100% 100%;margin-left: 4px;}
.btn-default{background: #DFB47B;color: #643817}
#j1_loading{text-align: center;}
#j1_loading a{color: #fff!important;}
#currency-switcher .currency-link{color: #999;position: relative;padding: 0 5px;}
#currency-switcher .currency-link.active{color: #fff;}
#currency-switcher .currency-link.active:after{content:'';width: 15px;height: 3px;background: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: -8px;z-index: 2}
.line-bg{background: url(../img/sjbj.png) top center no-repeat;background-size: 100% auto;}
.game-links{word-break: break-all;}
.game-links .content{font-size: 13px;color: #111;background: #E7D7BC;padding: 5px 10px;border-radius: 5px;}
.float-label{padding-top: 0;}
.form-group,.form-group .form-control-label{color: #B38A62;}
.form-group .material-icons{margin-top: 8px;color: #000;}
.form-group .inner{background: #F2E9DA;border-radius: 9px;padding: 5px 10px}
.float-label .form-control{border: none;padding: 0;}
.float-label .form-control:focus{border: none;}
.float-label .form-control-label{left: 40px;top: 50%;transform: translateY(-50%);}
.float-label.active .form-control-label{opacity: 0;}
.left-top-btn{z-index: 5000;}

li[role=treeitem]{background: #F7DFBA!important;padding: 15px 10px;border-radius: 10px;margin-bottom: 4px;}
.jstree-default .jstree-anchor{display: block;position: relative;}
.jstree-default .jstree-anchor:after{content: 'expand_more';font-family: 'Material Icons';font-weight: normal;font-style: normal;background: none;font-size: 24px;position: absolute;right: 0;z-index: 2;transition: all 0.3s;}
.jstree-default .jstree-icon.jstree-ocl{display: none!important;}
.jstree-default .jstree-anchor .jstree-icon.jstree-themeicon{font-family: 'Material Icons';font-weight: normal;font-style: normal;background: none;font-size: 24px;color: #000;}
.jstree-default .jstree-anchor .jstree-icon.jstree-themeicon:after{content: 'account_circle'}
.jstree-default  .jstree-anchor.jstree-clicked{background: none;box-shadow: none;}
.jstree-default  .jstree-anchor.jstree-clicked:after{transform: rotate(180deg);}
font[class='bet'],font[class='award'],font[class='m_bet'],font[class='m_award']{
        font-size: 0.4rem;
    }
    
.process__tabs{ height: 75px; width: 100%; padding: 0 15px; margin-top: 10px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between}
.process__item{ width: 70px; display: flex; flex-direction: column; align-items: center; justify-content: center}
.process__ball{ width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: #E8CDA4; color: #B29465; font-size: 20px; font-weight: bold}
.process__txt{ width: 70px; height: 39px; color: #9E7F4F; font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center}
.process__item--on .process__ball{ background: linear-gradient(-90deg, #E7BC84, #C89B5F); color: #56310D}
.process__item--on .process__txt{ color: #56310D}
.process__box{ width: calc(100% - 20px); padding: 0 11px; box-sizing: border-box; background: #141519; border-radius: 15px; margin: 5px 10px 0 10px; display: none}
.process__title{ height: 36px; width: 100%; border-bottom: 1px solid #C39B6D; color: #F7DFBA; font-size: 14px; font-weight: bold; display: flex; align-items: center; justify-content: center}
.process__title2{ color: #56310D; border-bottom: 1px solid #AB8458}
.process__th{ height: 40px; display: flex; align-items: center; justify-content: space-between}
.process__th__item{ width: calc(100%/3); font-size: 14px; color: #F7DFBA; display: flex; align-items: center; justify-content: center}
.process__td{ height: 30px; display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px}
.process__td__item{ width: calc(100%/3); height: 30px; display: flex; align-items: center; justify-content: center}
.process__td__img{ width: 64px; height: 22px; display: block}
.process__td__txt{ color: #F7DFBA; font-size: 14px; display: block}
.process__td__btn{ width: 80px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 15px; color: #643818; font-size: 14px; background: linear-gradient(-90deg, #E7BC84, #C89B5F)}
.process__box--on{ display: block}
.process__pic{ width: 100%; height: 260px; display: flex; flex-direction: column; align-items: center; justify-content: center}
.process__pic__img{ width: 122px; height: 122px; display: block}
.process__pic__img img{ width: 100%; height: 100%}
.process__pic__txt{ color: #56310D; font-size: 14px; text-align: center; margin-top: 34px; display: block}
.process__tip{ margin-top: 17px; color: #141519; font-size: 12px; width: 100%; text-align: center}
.process__tag{ height: 32px; margin-top: 20px; display: flex; align-items: center; justify-content: space-between}
.process__tag__item{ width: 25%; display: flex; align-items: center; justify-content: center; color: #56310D; font-size: 14px}
.process__tag__item--on{ border-bottom: 1px solid #56310D; font-weight: bold}
.process__url{ height: 40px; line-height: 40px; border: 0; display: none; width: 100%; background: #F2E9DA; color: #6C441D; font-size: 16px; border-radius: 20px; margin-top: 15px; padding: 0 19px; box-sizing: border-box; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.process__url--on{ display: block}
.process__copy{ width: 160px; height: 38px; border-radius: 19px; margin: 15px auto 38px auto; background: linear-gradient(-90deg, #E7BC84, #C89B5F); color: #643818; font-size: 16px; display: flex; align-items: center; justify-content: center}



@media screen and (max-width: 375px) {
	.menu-overlay .main-menu{background-size: 100% 200px;}
	.menu-overlay .main-menu .avatar-box{margin-top: -40px;}
}
@media screen and (max-width: 320px) {
	.menu-overlay .main-menu{background-size: 100% 150px;}
	.menu-overlay .main-menu .avatar-box{margin-top: -60px;}
	.menu-overlay .main-menu .menu-container{margin-top: 30px;}
	.menu-overlay .main-menu .menu-container .nav-pills .nav-item{margin-bottom: 3px;}
	.menu-overlay .main-menu .menu-container .nav-pills .nav-item .nav-link .icon img{width: 28px;height: 28px;}
}