.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;}

.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;}
.user-layout .layui-nav-tree i{ font-size:20px;}
.user-layout .user-content { min-height:550px; margin: 20px 0 20px 215px; padding:20px; border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); }
.user-layout .user-content .layui-tab{ margin:0; }
.user-layout .user-msg { background-color: #F8F8F8; color: #666;padding: 10px 15px;line-height: 24px; border: 1px dotted #E9E9E9; }
.user-layout .user-panel{ border-radius: 2px; background-color: #fff; box-shadow: 0 1px 2px 0 rgba(0,0,0,.05); margin-top:15px; }
.user-layout .user-panel .panel-mid{display: inline-block; height: 10px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #e2e2e2;}
.user-layout .user-panel .panel-right { position: absolute; right: 15px;  padding-left: 10px; }
.user-layout .user-panel-title{position: relative; height: 50px; line-height: 50px; padding: 0 15px; border-bottom: 1px dotted #E9E9E9; color: #333; border-radius: 2px 2px 0 0; font-size: 14px;}
.user-layout .user-panel-border{border: 1px solid #e6e6e6; 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 #FFF;background: #FFF; }
.user-layout .user-panel-main .user-info{ display:inline-block; padding:0px 10px 0; vertical-align: middle; }
.user-layout .user-panel-main .user-info p{ display:block; line-height:24px; }

.user-header{
	position: fixed; text-align:center; left: 0; right:0; top: 0; margin:0 auto; z-index: 10000; width: 100%; height: 60px;
	background: rgb(15, 10, 51);
	border-bottom: 1px solid #E5E5E5;
}
.user-header .user-logo{ position: absolute; top:10px; left:10px; height:40px; line-height: 40px; font-size:14px; color:#000; }
.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: #ddd;}
.user-header .user-logo .text{ font-size:16px; color:#FFF;}
.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;}
.user-header .user-nav-user li> a{ color:#666;}
.user-header .user-nav-user li> a:hover{ color:#000; }
.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:#666;  }

.user-footer { margin:0; }
.user-footer .footer-nav{ padding:50px 0; text-align: left; border-top:1px solid #e2e2e2;  }
.user-footer .footer-nav .footer-list{ padding-left:0px; }
.user-footer .footer-nav .footer-list dt { margin:0px 0 10px; font-size:15px; color: #333; }
.user-footer .footer-nav .footer-list dd a{ line-height: 24px; color: #888; }
.user-footer .footer-nav .footer-list dd a:hover{ color: #333; }
.user-footer .footer-nav .footer-contact { padding:0 50px; border-left:1px solid #ddd; }
.user-footer .footer-nav .footer-contact dt { margin:0px 0 10px; font-size:15px; color: #333; }
.user-footer .footer-nav .footer-contact dd{ line-height:26px; padding:0 0 5px 0; color: #888; }
.user-footer .footer-nav .footer-contact dd i{ margin-right:5px; }
.user-footer .footer-nav .footer-map { text-align: center; color: #888; }
.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 #e2e2e2; color: #444; }
.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:20px; border-radius: 5px; margin:0px 0; border:1px solid #ddd; }
.user-panel.regester .title { font-size: 18px; color: #333; padding-bottom: 15px; margin-bottom: 15px; position: relative; border-bottom:1px solid #ddd;}
.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 #FFFFFF; background-color:#fff; 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: #333; margin-bottom:0px; }
.user-panel.regester .user-form-etc .txt a{ color:#f00; }
.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:#098bc9; 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:#30A5DD; }
.user-panel.regester .user-form-etc .app a:hover i.wechat{ color:#0ABC64 }
.user-login{
	/*background:url(../images/reg_bg.jpg);*/
	/*background-size: cover;*/
	/*background-position: center;*/
	/*background-repeat: no-repeat;*/
}
.user-reg{ background:url(../images/reg_bg.jpg) left center no-repeat; }
.noCourse{ min-height:300px; }


.user-layout .detail-block{ padding:20px; }
.user-layout .detail-block .detail-title{ line-height:40px; }
.user-layout .detail-block .detail-date{ font-size:14px; line-height:40px; color:#666; }
.user-layout .detail-block .detail-cont{ line-height:26px; padding:20px 0; border-top:1px solid #E9E9E9; }


.app-bind li{margin-bottom:10px; line-height:30px; color:#333; background-color: #F8F8F8; padding: 10px 15px; }
.app-bind li a{ color:#009688; }
.app-bind li .iconfont{ position: relative; top: 3px; margin-right: 5px; font-size:25px; }
.app-bind li .qq{ color:#30A5DD; }
.app-bind li .wx{ color:#0ABC64; }
.app-bind .app-havebind{color:#999;}
.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 #ddd; border-radius: 5px; cursor: pointer; color:#666; }
.user-layout .user-address .item.curr { background:#f4f4f4; color:#000; }
.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 #ddd; border-top: 1px solid #ddd; }
.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:#333; }
.user-layout .pay-item .item-tit{ display:block; background: #f7f7f7; border-left: solid 3px #ff9a00; padding: 5px 10px; }
.user-layout .pay-item .item-tit span{ height: 28px; line-height:28px; font-weight:bold; }
.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 .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; }

@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:#fff; padding:10px 10px; margin:0;}
	.user-layout .user-content{ padding:0px; }
	.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:none; width: auto; margin: 0px 0 0px 0px; min-height: 500px; background:#fff; transition: all .3s; -webkit-transition: all .3s; }
	.user-layout .user-content .layui-tab{ margin:0; }
	.layui-nav{margin-right: 0px;padding-right: 0px;}
	.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,.3); z-index: 99999;}
	.panel-reg{ padding:20px; margin:40px 20px 0; border-radius: 5px; }
	.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:#fff; text-align:center; }
	.user-header .user-logo {left:20px;}
}
.site-tree-mobile{ display: block;border: 1px solid rgba(255, 255, 255, 0.1);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;}

.m-user-account {margin-top:20px; margin-bottom:20px;}
.m-user-account img {height: 40px;width: 40px;border-radius: 100%; border:1px solid #FFF;background: #FFF;}
.m-user-account font {margin-left: 5px;}

input[readonly] {
	pointer-events: none;
	background: #e6e6e6;
}

.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;
	}
}