.layui-tab-title li { min-width:65px; padding: 0 10px; }

.user-layout .layui-table-page .layui-table-cell{ padding:0 10px; }
.user-layout .layui-table-page .layui-laypage-skip{ display:none;}

html, body.user-skin-dark {
    min-height: 100%;
    color: #e8eef8;
    background:
        radial-gradient(ellipse 80% 50% at 20% 0%, rgba(30, 80, 180, 0.28) 0%, transparent 55%),
        radial-gradient(ellipse 50% 40% at 90% 100%, rgba(212, 175, 55, 0.08) 0%, transparent 50%),
        #050a1a;
}
body.user-skin-dark a {
    color: #7dd3fc;
}
body.user-skin-dark a:hover {
    color: #f5c15a;
}

.user-layout{  position: relative; margin-top:2px;width: 100%;padding:0; height: 90vh;  }
.user-layout .layui-nav-tree{
    position: absolute;
    z-index: 1000;
    height: 100%;
    padding:15px 0;
    width: 200px;
    background: linear-gradient(180deg, #0a1630 0%, #06101f 100%);
    border-right: 1px solid rgba(80, 140, 220, 0.22);
    border-radius: 0 12px 12px 0;
}
.user-layout .layui-nav-tree.hidden {
    display: block;
}
.user-layout .layui-nav-tree i{ font-size:20px;}
.user-layout .layui-nav-tree .layui-nav-item a {
    color: #d7e3f5;
}
.user-layout .layui-nav-tree .layui-nav-item a:hover {
    background: rgba(56, 189, 248, 0.12);
    color: #fff;
}
.user-layout .layui-nav-tree .layui-this,
.user-layout .layui-nav-tree .layui-this>a,
.user-layout .layui-nav-tree .layui-this>a:hover {
    background: linear-gradient(90deg, rgba(245, 193, 90, 0.22), rgba(29, 78, 216, 0.28));
    color: #f5c15a;
}
.user-layout .user-content {
    min-height:550px;
    margin: 20px 0 20px 215px;
    padding:20px;
    border-radius: 12px;
    background: rgba(10, 22, 48, 0.86);
    border: 1px solid rgba(80, 140, 220, 0.22);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.06), 0 12px 32px rgba(0,0,0,.35);
    color: #e8eef8;
}
.user-layout .user-content .layui-tab{ margin:0; }
.user-layout .user-msg {
    background: rgba(8, 20, 44, 0.9);
    color: #9fb0c9;
    padding: 10px 15px;
    line-height: 24px;
    border: 1px solid rgba(80, 140, 220, 0.2);
    border-radius: 8px;
}
.user-layout .user-msg b { color: #f5c15a; }
.user-layout .user-panel{
    border-radius: 12px;
    background: rgba(8, 20, 44, 0.72);
    box-shadow: none;
    margin-top:15px;
    border: 1px solid rgba(80, 140, 220, 0.18);
}
.user-layout .user-panel .panel-mid{display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: rgba(80,140,220,.3);}
.user-layout .user-panel .panel-right { position: absolute; right: 15px;  padding-left: 10px; color: #7dd3fc; }
.user-layout .user-panel-title{
    position: relative;
    height: 50px;
    line-height: 50px;
    padding: 0 15px;
    border-bottom: 1px solid rgba(80, 140, 220, 0.18);
    color: #f5c15a;
    border-radius: 12px 12px 0 0;
    font-size: 14px;
}
.user-layout .user-panel-border{border: 1px solid rgba(80, 140, 220, 0.22); box-shadow: none;}
.user-layout .user-panel-main{padding: 10px 15px;}
.user-layout .user-panel-main .user-logo{ display:inline-block; height:70px; margin:0;}
.user-layout .user-panel-main .user-logo .layui-circle{ width: 70px;height: 70px;border-radius: 100%; border:1px solid rgba(245,193,90,.45);background: #0d1730; }
.user-layout .user-panel-main .user-info{ display:inline-block; padding:0px 10px 0; vertical-align: middle; color:#d7e3f5; }
.user-layout .user-panel-main .user-info p{ display:block; line-height:24px; }
.user-layout .user-panel-main .user-info .money { color: #f5c15a; font-weight: 700; }
.user-layout .user-list { list-style: none; padding: 0; margin: 0; }
.user-layout .user-list li { padding: 8px 0; border-bottom: 1px solid rgba(80,140,220,.12); color: #d7e3f5; }
.user-layout .user-list li em { color: #9fb0c9; font-style: normal; }

.user-header{
	position: fixed; text-align:center; left: 0; right:0; top: 0; margin:0 auto; z-index: 10000; width: 100%; height: 64px;
	background: linear-gradient(180deg, rgba(8, 16, 36, 0.96) 0%, rgba(5, 10, 26, 0.88) 100%);
    border-bottom: 1px solid rgba(212, 175, 55, 0.16);
    box-sizing: border-box;
}
.user-header .user-logo{ position: absolute; top:12px; left:16px; height:40px; line-height: 40px; font-size:14px; color:#e8eef8; }
.user-header .user-logo a{ vertical-align: middle; }
.user-header .user-logo a img{ max-height:100%; }
.user-header .user-logo .spli{display: inline-block; height:20px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: rgba(80,140,220,.3);}
.user-header .user-logo .text{ font-size:16px; color:#f5c15a; font-weight: 700; letter-spacing: .3px;}
.user-header .user-nav-user{ position: absolute; top: 0; right:0px; background: none; padding:0;}
.user-header .user-nav-user .layui-this:after,
.user-header .user-nav-user .layui-nav-bar,
.user-header .user-nav-user .layui-nav-more{ display: none !important; }
.user-header .user-nav-user li i{ padding-right:0px; font-size:18px; color:#e8eef8;}
.user-header .user-nav-user li> a{ color:#d7e3f5;}
.user-header .user-nav-user li> a:hover{ color:#f5c15a; }
.user-header .user-nav-user li .user-nav-avatar{ margin-right:5px; width:20px; height: 20px; border-radius: 100%; }
.user-header .tool{ margin:12px 10px 0 0;text-align:right; }
.user-header .backhome{ position: absolute; left:15px; top:7px; z-index: 1000; height: 100%; padding:15px 0; }
.user-header .kefu{ position: absolute; top:10px; right:10px; height:40px; line-height: 40px; font-size:14px; color:#9fb0c9;  }

.user-footer { margin:0; }
.user-footer .footer-nav{ padding:50px 0; text-align: left; border-top:1px solid rgba(80,140,220,.18);  }
.user-footer .footer-nav .footer-list{ padding-left:0px; }
.user-footer .footer-nav .footer-list dt { margin:0px 0 10px; font-size:15px; color: #d7e3f5; }
.user-footer .footer-nav .footer-list dd a{ line-height: 24px; color: #9fb0c9; }
.user-footer .footer-nav .footer-list dd a:hover{ color: #f5c15a; }
.user-footer .footer-nav .footer-contact { padding:0 50px; border-left:1px solid rgba(80,140,220,.18); }
.user-footer .footer-nav .footer-contact dt { margin:0px 0 10px; font-size:15px; color: #d7e3f5; }
.user-footer .footer-nav .footer-contact dd{ line-height:26px; padding:0 0 5px 0; color: #9fb0c9; }
.user-footer .footer-nav .footer-contact dd i{ margin-right:5px; }
.user-footer .footer-nav .footer-map { text-align: center; color: #9fb0c9; }
.user-footer .footer-nav .footer-map img{ max-width:80%; margin:0 auto; display:block; }
.user-footer .copyright{margin:0px 0 0; padding: 10px 10px; line-height: 30px; text-align: center; border-top:1px solid rgba(80,140,220,.18); color: #9fb0c9; }
.user-footer .copyright a{padding:0 6px; font-weight: 300; }


.user-login,.user-reg{ display:block; padding:50px 0; }
.user-login .layui-form-item .layui-form-checkbox[lay-skin="primary"] { margin-top:0px; }
.user-panel.regester{
    padding:28px 28px 24px;
    border-radius: 14px;
    margin:60px 0;
    background: linear-gradient(180deg, #0a1630 0%, #06101f 100%);
    border: 1px solid rgba(80, 140, 220, 0.28);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.08), 0 16px 40px rgba(0, 0, 0, 0.45);
}
.user-panel.regester .title {
    font-size: 20px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    border-bottom:1px solid rgba(80,140,220,.22);
}
.user-panel.regester .account{ padding-left:30px; background: url(../images/user_bg.png) 0px -53px no-repeat;width: 100%; }
.user-panel.regester .password{ padding-left:30px; background: url(../images/user_bg.png) 0px -24px no-repeat;width: 100%; }
.user-panel.regester .verify{ padding-left:30px; background: url(../images/user_bg.png) 0px -145px no-repeat; }
.user-panel.regester .verify-code{ position:absolute; right:1px; top:1px; height:34px;line-height:34px; border:1px solid rgba(80,140,220,.25); background-color:#0d1730; overflow:hidden;}
.user-panel.regester .email{ padding-left:30px; background: url(../images/user_bg.png) 0px -115px no-repeat; }
.user-panel.regester .qq{ padding-left:30px; background: url(../images/user_bg.png) 0px -178px no-repeat; }
.user-panel.regester .mobile{ padding-left:30px; background: url(../images/user_bg.png) 0px -83px no-repeat; }
.user-panel.regester .nickname{ padding-left:30px; background: url(../images/user_bg.png) 0px -53px no-repeat; }
.user-panel.regester .user-form-etc{ line-height:30px; color: #9fb0c9; margin-bottom:0px; }
.user-panel.regester .user-form-etc .txt a{ color:#f5c15a; }
.user-panel.regester .user-form-etc .app a{ float:left; margin:10px 10px 0 0; }
.user-panel.regester .user-form-etc .app a i{ font-size:18px; color:#38bdf8; margin:0 5px 0 0px; }
.user-panel.regester .user-form-etc .app a i.wechat{ color:#0dd572 }
.user-panel.regester .user-form-etc .app a:hover i{ color:#7dd3fc; }
.user-panel.regester .user-form-etc .app a:hover i.wechat{ color:#0ABC64 }
.user-reg{ background: none; }
.noCourse{ min-height:300px; }


.user-layout .detail-block{ padding:20px; }
.user-layout .detail-block .detail-title{ line-height:40px; color:#fff; }
.user-layout .detail-block .detail-date{ font-size:14px; line-height:40px; color:#9fb0c9; }
.user-layout .detail-block .detail-cont{ line-height:26px; padding:20px 0; border-top:1px solid rgba(80,140,220,.18); color:#d7e3f5; }


.app-bind li{margin-bottom:10px; line-height:30px; color:#d7e3f5; background-color: rgba(8,20,44,.9); padding: 10px 15px; border:1px solid rgba(80,140,220,.18); border-radius:8px; }
.app-bind li a{ color:#7dd3fc; }
.app-bind li .iconfont{ position: relative; top: 3px; margin-right: 5px; font-size:25px; }
.app-bind li .qq{ color:#38bdf8; }
.app-bind li .wx{ color:#0ABC64; }
.app-bind .app-havebind{color:#9fb0c9;}
.app-bind .app-havebind .icon-qq{color:#7CA9C9}
.app-bind .app-havebind .icon-weibo{color:#E6162D}


.user-layout .user-address{ display:block; }
.user-layout .user-address .item { display:block; padding: 5px 10px; border:1px solid rgba(80,140,220,.22); border-radius: 8px; cursor: pointer; color:#9fb0c9; background: rgba(8,20,44,.7); }
.user-layout .user-address .item.curr { background: rgba(29,78,216,.22); color:#fff; border-color: rgba(245,193,90,.45); }
.user-layout .user-address .item h5 { display:block; line-height:30px; }
.user-layout .user-address .item p { display:block; line-height:22px; padding:5px 0; min-height:70px; border-bottom: 1px solid rgba(80,140,220,.16); border-top: 1px solid rgba(80,140,220,.16); }
.user-layout .user-address .item span { display:block; text-align:center;padding:10px 0; }
.user-layout .user-address .item.addnew{ text-align:center; }
.user-layout .user-address .item.addnew h5 { font-size: 36px; line-height:30px; }
.user-layout .user-address .item.addnew p { border:0; min-height:auto;}


.user-layout .pay-item{ display:block; margin:0px auto; font-size:14px; color:#d7e3f5; }
.user-layout .pay-item .item-tit{ display:block; background: rgba(8,20,44,.9); border-left: solid 3px #f5c15a; padding: 5px 10px; }
.user-layout .pay-item .item-tit span{ height: 28px; line-height:28px; font-weight:bold; color:#f5c15a; }
.user-layout .pay-item .item-con{ display:block; font-size:14px; padding:10px 0; }
.user-layout .pay-item .item-con .pay-type{ display: block; padding:0px 0px; }
.user-layout .pay-item .item-con .pay_pic{ padding:20px 0px 0 13px; }
.user-layout .pay-item .submit-area{ display:block; text-align:right;padding:10px 0px; }
.user-layout .pay-item .submit-area span{ padding:0 20px; }

.user-layout .layui-tab-title {
    position: relative;
}
.user-layout .fund-balance {
    position:absolute;
    right:0;
    bottom:10px;
    color:#f5c15a;
    font-size:14px;
}

.user-layout .searchArea{ display:block; margin-top:10px; }
.user-layout .searchArea input{ height:32px; }
.user-layout .searchArea i.iconfont{ font-size:26px; margin:0 10px 0 10px; }

.user-layout .tableArea{ display:block; }

/* layui overrides */
body.user-skin-dark .layui-form-label,
body.user-skin-dark .layui-form-mid,
body.user-skin-dark .layui-word-aux,
body.user-skin-dark .layui-text {
    color: #d7e3f5;
}
body.user-skin-dark .layui-input,
body.user-skin-dark .layui-textarea,
body.user-skin-dark .layui-select {
    background: #0d1730;
    border-color: rgba(80,140,220,.25);
    color: #e8eef8;
}
body.user-skin-dark .layui-form-pane .layui-form-label {
    background: #10203a;
    border-color: rgba(80,140,220,.25);
    color: #d7e3f5;
}
body.user-skin-dark .layui-form-pane .layui-input-inline,
body.user-skin-dark .layui-form-pane .layui-input-block {
    border-color: rgba(80,140,220,.25);
}
body.user-skin-dark .layui-tab-title {
    border-bottom-color: rgba(80,140,220,.22);
}
body.user-skin-dark .layui-tab-title li {
    color: #9fb0c9;
}
body.user-skin-dark .layui-tab-title li a {
    color: inherit;
}
body.user-skin-dark .layui-tab-title .layui-this {
    color: #f5c15a;
}
body.user-skin-dark .layui-tab-title .layui-this:after {
    border-color: rgba(80,140,220,.22);
    border-bottom-color: #0a1628;
}
body.user-skin-dark .layui-table,
body.user-skin-dark .layui-table-view,
body.user-skin-dark .layui-table-header,
body.user-skin-dark .layui-table-box,
body.user-skin-dark .layui-table-body,
body.user-skin-dark .layui-table-page {
    background: transparent;
    color: #d7e3f5;
}
body.user-skin-dark .layui-table-view {
    border: 1px solid rgba(80, 140, 220, 0.22);
    box-shadow: 0 0 0 1px rgba(56, 189, 248, 0.06), 0 12px 32px rgba(0, 0, 0, .35);
}
body.user-skin-dark .layui-table,
body.user-skin-dark .layui-table th,
body.user-skin-dark .layui-table td,
body.user-skin-dark .layui-table-header,
body.user-skin-dark .layui-table-cell,
body.user-skin-dark .layui-table-page,
body.user-skin-dark .layui-table-total,
body.user-skin-dark .layui-table-patch {
    border-color: rgba(80, 140, 220, 0.22) !important;
    color: #d7e3f5;
}
body.user-skin-dark .layui-table thead tr,
body.user-skin-dark .layui-table-header,
body.user-skin-dark .layui-table-hover,
body.user-skin-dark .layui-table tbody tr:hover {
    background: rgba(16, 36, 68, 0.75);
}
body.user-skin-dark .layui-table[lay-even] tr:nth-child(even) {
    background: rgba(8, 20, 44, 0.55);
}
body.user-skin-dark .layui-laypage a,
body.user-skin-dark .layui-laypage span {
    background: #10203a;
    color: #d7e3f5;
    border-color: rgba(80,140,220,.22);
}
body.user-skin-dark .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background: #1d4ed8;
}
body.user-skin-dark .layui-btn,
body.user-skin-dark .layui-btn-normal,
body.user-skin-dark .layui-btn-danger {
    background: linear-gradient(180deg, #f5d07a, #d4a017);
    color: #1a1203;
    border: 0;
    font-weight: 700;
}
body.user-skin-dark .layui-btn-primary {
    background: transparent;
    color: #d7e3f5;
    border: 1px solid rgba(80,140,220,.35);
    font-weight: 500;
}
body.user-skin-dark .layui-btn-xs {
    font-weight: 600;
}
body.user-skin-dark .layui-form-checkbox[lay-skin="primary"] span {
    color: #9fb0c9;
}
body.user-skin-dark .layui-form-checkbox[lay-skin="primary"] i {
    background: #0d1730;
    border-color: rgba(80,140,220,.35);
}
body.user-skin-dark .layui-form-checked[lay-skin="primary"] i {
    background: #1d4ed8;
    border-color: #1d4ed8;
}

@media screen and (max-width: 768px) {
	.user-login,.user-reg{ background:none; height:auto; padding:0; min-height:auto;margin-top: 50px; }
	.user-panel.regBlcok{ margin:0px 0; }
	.user-layout{ width: auto; background:transparent; padding:10px 10px; margin:0;}
	.user-layout .user-content{ padding:14px; }
	.user-header .tool{ margin:12px 0px 0 0;text-align:right; }
	.user-header .tool .layui-btn{ padding: 0 15px; margin: 0px 5px 5px 0px; }
	.user-layout .user-content{ background:rgba(10, 22, 48, 0.86); width: auto; margin: 0px 0 0px 0px; min-height: 500px; transition: all .3s; -webkit-transition: all .3s; }
	.user-layout .user-content .layui-tab{ margin:0; }
	.layui-nav{margin-right: 0px;padding-right: 0px;}
	.user-layout .layui-nav-tree,
	.layui-nav-tree{left: -300px; transition: all .3s; -webkit-transition: all .3s;}
	.site-mobile .layui-nav-tree{ left: 0;top:0; height:100%;  position: fixed; z-index:100000; display:block; }
	.site-mobile .site-mobile-shade{content: ''; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,.55); z-index: 99999;}
	.panel-reg{ padding:20px; margin:40px 20px 0; border-radius: 12px; }
	.user-footer .footer-nav{ padding:20px 0; }
	.user-footer .footer-nav .footer-contact { padding:0 10px; border-left:0; }

	.quickTool{ padding:20px 0px 10px; background:transparent; text-align:center; }
	.user-header .user-logo {left:20px;}
}
.site-tree-mobile{ display: block;border: 1px solid rgba(245, 193, 90, 0.35);border-radius: 12px;width: 35px;height: 35px;margin-top: 12px; margin-right:20px; text-align: center;vertical-align: middle;}
.site-tree-mobile i{ display: block; line-height: 35px; font-size: 16px; text-align: center; padding:0px; color:#f5c15a;}

.m-user-account {margin-top:20px; margin-bottom:20px;}
.m-user-account img {height: 40px;width: 40px;border-radius: 100%; border:1px solid rgba(245,193,90,.45);background: #0d1730;}
.m-user-account font {margin-left: 5px; color:#e8eef8;}

body.user-skin-dark input[readonly] {
	pointer-events: none;
	background: #0a1428;
    color: #9fb0c9;
}

.layui-form-pane .layui-form-label {
	width: 140px;
	padding: 8px 2px;
}
.user-submit {
	text-align:center;
	width: 330px;
}

@media screen and (max-width: 450px) {
	.user-submit{
		text-align:center; width: 100%;
	}
	.layui-input, .layui-textarea {
		width: auto;
	}
	.popup_box_wap .layui-input, .layui-textarea {
		width: 100%;
	}
}