/* 全局 */
html,body{ background-color: #ffffff; color:#333; font-family:"Microsoft YaHei"; font-size:14px; }
i,u{ font-style: normal; text-decoration:none }
a:hover{color:#036EB8}
table{ }
.img { text-align: center; }
.img img {vertical-align: middle;}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.text-center { text-align: center; }
.mid-spli{display: inline-block; height:10px; width: 1px; margin:0 5px; vertical-align: middle; background-color: #e2e2e2;}
.ellipsis{overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.color01{ color: #EB5401; } /*主色调*/
.color02{ color: #333333; } /*次色调*/
.color03{ color: #666666; } /*辅助色调*/
.font20{ font-size:20px; }
.font18{ font-size:18px; }
.font16{ font-size:16px; }
.bold{ font-weight:bold;  }
.fl{ float:left; }
.fr{ float:right; }
.m0{ margin:0px 0 !important; }
.p0{ padding:0px 0 !important; }
.d-n{ display:none;}
.d-b{ display:block;}
.pos-f{ position: fixed; }
.tl{ text-align:left; }
.tc{ text-align:center; }
.center-block { display: block; margin-right: auto; margin-left: auto; }
.layui-btn-primary:hover { border: 1px solid #C9C9C9; background-color: #FFFFFF; color:#EB5401; }
.layui-table-cell { padding: 0 10px; }
.layui-input-inline.pane{ border: 1px solid #e6e6e6; min-height: 36px; line-height:36px; margin-left: -2px; border-left: 0;}
/*单图*/
.uploadFile{ margin:5px 5px 5px 5px; width:60px; height:50px; padding:2px 0 0 0; float:left; }
.uploadFile:hover{ border: 1px dashed #FF5722; }
.uploadFile .layui-icon{ font-size:25px; margin-top:5px; }
.uploadFile p{ font-size:12px; }
/*上传显示区域*/
.uploadFileShow {margin:0px 0 0 0; }
.uploadFileShow dd {position: relative; float: left;margin:5px 5px 5px 5px; width:50px; height:50px; border:1px solid #ddd; padding:1px;}
.uploadFileShow dd .img {max-height:50px;max-width:50px; cursor:pointer; margin-right:1px;}
.uploadFileShow .operate {position: absolute;top: 0;right: 0;z-index: 1}
.uploadFileShow .operate i {cursor: pointer;background: #2F4056;padding:1px; font-size:12px;line-height: 15px;text-align: center;color: #fff;margin-right:2px;float: left;filter: alpha(opacity=80);-moz-opacity: .8;-khtml-opacity: .8;opacity: .8}
.uploadFileShow .operate i:hover { background: #009688; filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1}

/* 用户中心面板公共 */
.user-layout{  position: relative; margin-top:0px;  }
.user-layout .layui-nav-tree{position: absolute; top: 20; z-index: 1000; height: 100%; padding:15px 0;}
.user-layout .user-content { min-height:550px; margin: 20px 0 20px 215px; }
.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: relative; display:block; margin:0 auto; height:50px; padding:10px 0; border-bottom: 1px solid #ddd; }
.user-header .user-left{ display:block; height:50px; line-height:50px; vertical-align: middle; font-size:14px; color:#666; }
.user-header .user-left .logo{ display: inline-block; height: 50px; }
.user-header .user-left .logo img{ max-height: 100%; max-width: 100%; vertical-align: middle; }
.user-header .user-left .spli{display: inline-block; height:20px; width: 1px; margin: 0 10px; vertical-align: middle; background-color: #ddd;}
.user-header .user-left .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; font-size: 20px; }
.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:0px 0 0; width:100%; height:100%; overflow: hidden; background: url("../images/login_bg.jpg") no-repeat; background-size:cover; }
.user-reg{ background: url("../images/reg_bg.jpg") no-repeat; background-size:cover; }
.user-login .layui-form-item .layui-form-checkbox[lay-skin="primary"] { margin-top:0px; }
.user-panel.login-form{ padding:20px; margin:50px 20px; border-radius: 5px; border:1px solid #ddd; }
.user-panel.login-form .title { font-size: 18px; color: #333; padding-bottom: 15px; margin-bottom: 15px; position: relative; border-bottom:1px solid #ddd;}
.user-panel.login-form .account{ padding-left:30px; background: url(../images/user_bg.png) 0px -53px no-repeat; }
.user-panel.login-form .password{ padding-left:30px; background: url(../images/user_bg.png) 0px -24px no-repeat; }
.user-panel.login-form .verify{ padding-left:30px; background: url(../images/user_bg.png) 0px -145px no-repeat; }
.user-panel.login-form .email{ padding-left:30px; background: url(../images/user_bg.png) 0px -115px no-repeat; }
.user-panel.login-form .qq{ padding-left:30px; background: url(../images/user_bg.png) 0px -178px no-repeat; }
.user-panel.login-form .mobile{ padding-left:30px; background: url(../images/user_bg.png) 0px -83px no-repeat; }
.user-panel.login-form .nickname{ padding-left:30px; background: url(../images/user_bg.png) 0px -53px no-repeat; }
.user-panel.login-form .user-form-etc{ line-height:30px; color: #333; margin-bottom:0px; }
.user-panel.login-form .user-form-etc .txt a{ color:#f00; }
.user-panel.login-form .user-form-auth{ color: #333; margin:10px 0 0 0;height: 30px;line-height: 30px; }
.user-panel.login-form .user-form-auth a{ display:inline-block; }
.user-panel.login-form .user-form-auth a img{ width:30px; height:30px; }
.user-panel.login-form .captchaCode{ max-width:100%; height:36px; border:1px solid #e6e6e6;border-radius: 2px; cursor:pointer; background:#fff; }
.user-panel.login-form .mobileCode{ max-width:100%; height:38px; border:1px solid #e6e6e6;border-radius: 2px; cursor:pointer; background:#fff; }
@media screen and (max-width: 768px) {
 .user-panel.login-form{ padding:20px; margin:0px 0px; }
}

/*信息详细*/
.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:0px 0 0; }
.user-layout .searchArea input{ height:32px; }
.user-layout .searchArea i.iconfont{ font-size:26px; margin:0 10px 0 10px; }
/*列表区*/
.user-layout .tableArea{ display:block; }

/**/
.notice-list{ display:block; }
.notice-list li{ display:block; }
.notice-list li:after{ content: " ";font-size:0px;display: block;clear: both;visibility: visible; }
.notice-list li a{ float:left; }
.notice-list li em{ float:right; }

@media screen and (max-width: 768px) {
	.user-login,.user-reg{ background:none; height:auto; padding:0; min-height:auto; }
	.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 { padding:5px 0;}
	.user-header .user-left{ width:50% }
	.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; }
}