/**/
.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;  }
.user-layout .layui-nav-tree{position: absolute; top: 20; 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{ max-height:100%; }
.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;  border-top: 1px solid #ddd;}
.user-header .user-logo{ position: absolute; top:10px; left:10px; height:40px; line-height: 40px; font-size:14px; color:#666; }
.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; }
.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:150px 0;margin-top: 0px; }
.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; }
.user-panel.regester .password{ padding-left:30px; background: url(../images/user_bg.png) 0px -24px no-repeat; }
.user-panel.regester .verify{ padding-left:30px; background: url(../images/user_bg.png) 0px -145px no-repeat; }
.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/login_bg.jpg) left center no-repeat;background-size: 100% 100%;height: 100vh;position: fixed;width: 100%;}
.user-reg{ background:url(../images/reg_bg.jpg) left center no-repeat;background-size: 100% 100%; height: 100vh;position: fixed;width: 100%;}
.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{ padding:0; min-height:auto;background: url(../images/login_bgm.jpg) left center no-repeat;
    background-size: 100% 100%;
    height: 100vh;
    position: fixed;
    width: 100%; }
	.user-panel.regBlcok{ margin:0px 0; }
	.user-layout{ width: auto;  padding:10px 10px; margin:0;display: grid;align-items: center;height: 100vh;}
	.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-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; }
}