@charset "utf-8";
/*后台管理系统样式*/
 a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ -moz-outline-style: none; /* FF */ }
/*ajax加载*/
.blank10{margin-top:10px;clear:both;}
.blank5{margin-top:5px;clear:both;}
.table-list{border: 1px solid #D5DFE8;}
.table-list table{min-width:1000px;}
.table-list thead th {background: none repeat scroll 0 0 #EAF0F7;font-weight: 700;height: 30px;}
.table-list td, .table-list th {padding: 0 10px;}
/*表格表单*/
table.table-striped{table-layout: fixed;}
.table-striped td{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;min-width: 60px;}
.table_form td{padding-left:12px}
.table_form th{font-weight:normal; text-align:right;padding-right:10px; color:#777}
.table_form td label{ vertical-align:middle}
.table_form td,.table_form th{padding:8px 0 8px 8px}
.table_form tbody td,.table_form tbody th{border-bottom:1px solid #eee; }
.colorpanel tbody td,.colorpanel tbody th{ padding:0;border-bottom: none;}
#myTabContent{border:1px solid #DDDDDD;border-top:none;}

/*表格.border_table{}*/
.border_table th,.border_table td{border:1px solid #E3E3E3; background:#F4FAFF;}

/*权限选择页面*/
.rulecb label{font-weight: normal;margin-bottom:0px;}
.rulecb label input{display:inherit;float:none;margin:0px;}
/*jquery.dragsort-0.5.1.min.js*/
.dragsort {width: 400px;padding-left:0px}
.dragsort li {background-color: #FFFFFF;border: 1px solid #EEEEEE;height: 30px;line-height: 30px;margin-bottom: 5px;overflow: hidden;padding: 0 6px;}
.dragsort li em {font-style: normal;}
.dragsort li b {color: #000000;display: none;float: right;font-weight: bold;padding: 0 6px;}
.dragsort li:hover b {display: block;}
.dragsort .draging-place {border-color: #CCCCCC;border-style: dashed;}
.trans_msg{filter:alpha(opacity=100,enabled=1) revealTrans(duration=.2,transition=1) blendtrans(duration=.2);}
.main-title h2 {color: #445566;font-size: 20px;font-weight: 400;}

/* tipfloat */
.tipfloat{border:solid 1px #ddd;background:#fff;display:none;z-index:999;position:fixed;_position:absolute;right:5px;bottom:0;width:236px;height:196px;overflow:hidden;border-radius:3px 3px 0px 0px}
.tipfloat .tiphead{background:#428bca;height:28px;line-height:28px;overflow:hidden;padding:0 5px;}
.tipfloat .tiphead strong{float:left;color:#fff;font-size:14px;}
.tipfloat .tiphead .close{display:block;float:right;cursor:pointer;color:#fff;font-size:14px}
.tipfloat .tiphead .close img{margin-top:5px;}
#ranklist{height:155px;overflow-y:auto;background:#fff;}
/* ranklist */
.ranklist{border:solid 1px #ddd;margin:5px;height:156px}
.ranklist li{margin:10px 10px 0px 10px;height:16px;line-height:16px;overflow:hidden;position:relative;padding:5px;vertical-align:bottom;}
.ranklist .top{height:16px;line-height:16px;overflow:hidden;position:relative;padding:5px;vertical-align:bottom;}

/*上传图片 + 错误提示*/
.upimage_validform_wrong{}
.upimage_validform_wrong button{ float:left;}
.upimage_validform_wrong .text-muted{ float:left; margin-top:13px;}
.upimage_validform_wrong .Validform_wrong{ margin-top:15px;}

/*字体*/
@font-face {
  font-family: 'iconfont';
  src: url('../iconfont/iconfont.eot');
  src: url('../iconfont/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../iconfont/iconfont.woff') format('woff'),
  url('../iconfont/iconfont.ttf') format('truetype'),
  url('../iconfont/iconfont.svg#iconfont') format('svg');
}
.hc-iconfont{
  font-family:"iconfont" !important;
  font-size:14px;font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
/*分类图标*/
.icon-all{}
.icon-all ul{ display:none;}
.icon-all ul li{ float:left; width:62px; text-align:center; height:52px; line-height:52px;}
.icon-all ul li i{ font-size:24px; color:#666; cursor:pointer; -webkit-transition: font-size 0.25s ease-out 0s; -moz-transition: font-size 0.25s ease-out 0s; transition: font-size 0.25s ease-out 0s;}
.icon-all ul li i:hover{ font-size:40px;}
.icon-all p i{ font-size:28px; color:#666; cursor:pointer; float:left;}
.icon-all p span{ float:left; margin-top:11px; font-size:14px;}
.icon-all p em{font-style: normal; float: left;margin-top: 14px; padding-left:10px; color:#25639e; cursor:pointer;-moz-user-select:-moz-none;}

.Lbg_img{ width:420px; height:auto; position:relative;}
.Lbg_img ul li img{ width:100%;}
.qrcode1{ background:url(../images/et.png) no-repeat; width: 36px; height: 36px; position: absolute; top: 1.3rem; right: 1.7rem;}
.tabth th { background: #EDF1F4;}



/*10月18日加微信卡券样式*/
.jfgg tr td:nth-child(3n){ width:55%;}
.wxg .btn{ background:none; padding:0 5px 0 10px !important; font-size:12px;}

.wxg a:hover{ text-decoration:none; color:#428bca;}
.wx_user_card{ width:318px; overflow:hidden; padding: 20px 20px 0; border: 1px solid #e7e7eb; margin: 10px auto; }
.sel-box{ width:8%;}
.prompt_div ul li{ margin-bottom:5px;}
.prompt_div ul li:last-child{ margin-bottom:0;}


.user_after{   position: relative;text-align: center; background:#fff;}
.shop_panel{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: left; padding: 0 0 10px; background-color: #5885cf; overflow: hidden; min-height: 137px; height: auto;}
.shop_panels{ border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; text-align: left; padding: 0 0 10px; overflow: hidden; min-height: 137px; height: auto;}
.logo_area { margin: 0; padding: 24px 20px 12px 66px; text-align: left;line-height: 20px; color: #fff; font-size: 14px; font-weight: bolder; text-shadow: 1px 1px 3px #666; position:relative;}
.logo_area .logo { position: absolute; top: 24px; left: 20px; display: block;  width: 38px; height: 38px; padding-top: 0; margin: 0 auto;  border-radius: 22px; -moz-border-radius: 22px; -webkit-border-radius: 22px; float: none; border: 1px solid #e7e7eb;  background-color: #fff; overflow: hidden;}
.w135{ display: inline-block; width: 135px; word-wrap: break-word;}
.card_name{ font-size: 14px !important; font-weight: bold; padding-left:0 !important; top:0 !important; display:block !important;}
.msg_area { padding: 0 20px 8px; margin-top: 40px; position: relative;}
.msg_area .member_number { font-size: 16px; font-family: menlo, tahoma; text-shadow: 1px 2px 2px #666; line-height: 18px; color: #fff;}
/*.qrcode{ background:url(../images/et.png) no-repeat;width: 36px; height: 36px; position: absolute; top: 26px; right: 20px;}*/
.zhanshi{ padding:0.5rem 0; }
.zhanshi span{ width:33.33%; border-right:1px solid #cccad7; text-align:center; float:left;}
.zhanshi span:last-child{ border-right:none;}
.zhanshi span a{ color: #337ab7;}
.zhanshi span em{ color: #676a6c; display:block; font-style:normal;}
.buy_d{ text-align:center; margin:20px 0;}
.buy_d a{ height: 36px; line-height: 36px; border: 1px solid #63b359; -webkit-border-radius: 6px; -moz-border-radius: 6px;  -ms-border-radius: 6px; border-radius: 6px; width: 136px; color: #63b359; display: inline-block;}
.member-center dd { display: block; padding: 10px !important; border-bottom: 1px solid #e7e7eb;}
.member-center dd:last-child { border-bottom: none;}
.member-center dd a { display: block;}
.member-center dd h3 { margin:0; font-size: 0.7rem; font-weight:normal;}
.member-center dd h3 i { font-size:0.8rem; vertical-align:middle; display: inline-block; width: 1rem; height: 1rem; margin-right: 0.1rem; background-repeat: no-repeat;}
/*右箭头*/
.icon-go-right{display:inline-block;width:7px;height:7px;border:solid #428bca;border-width:1px 1px 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.width_05{width:5% !important;}
.width_1{width:10% !important;}
.width_2{width:20% !important;}
.width_3{width:30% !important;}
.width_35{width:35% !important;}
.width_4{width:40%;}
.width_5{width:50%;}
.width_6{width:60%;}
.width_7{width:70%;}
.width_8{width:80%;}
.width_9{width:90% !important;}
.width_10{width:100% !important;}


/*统计页面*/
.count-title{ padding:20px 15px;box-sizing:border-box;}
.time-type {background:#fff;overflow: hidden; list-style: none; display: inline-block; margin: 0 20px 0px 0px; padding: 0; border: 1px solid #285e8e; border-radius: 3px;}
.time-type li { color:#666; float: left; margin-top: -1px; padding: 0; width: 50px; border-right: 1px solid #285e8e;}
.time-type li a{display:block;height:33px;line-height:33px;border-radius:0;color:#333;}
.time-type li a.active{background: #3071a9;color: #fff;}
.time-type li:last-child,.tab-last{ border-right:none;}
.time-type li button { width: 100%; border: none; margin: 0; height: 33px; background: #fff; border-radius: 0; padding: 2px 0;}
.time-type li button.active{ background:#3071a9; color:#fff;}
.count-title .form-control{ display:inline-block !important;}
.tubiao a{width: 68px;height: 34px; line-height: 34px; border: 1px solid #ccc; display: inline-block; text-align: center; margin-right:-1px; color:#333;}
.tubiao a.on{background-color: #E3E3E3;}

.chart_tab{margin:0px 15px 30px;border-top: 1px dashed #ccc;padding-top: 20px;}
.chart_tab_item{width: 50%;float: left;position: relative; min-height: 1px;padding-right: 15px;padding-left: 15px;}
.dashed_right{border-right: 1px dashed #ccc;}
.title_type{ padding: 0 0 0 20px; font-size: 14px; line-height: 20px; border-left: 6px solid #428BCA ; margin-top:5px;font-weight: normal;margin-left:0px;}
.dashed_right .title_type{margin-left:-15px}
.title_type select.form-control{ margin-top:-7px;}

.layui-layer-tips {background: 0 0; box-shadow: none; border: none;}
.layui-anim { -webkit-animation-name: bounceIn;animation-name: bounceIn;}
.layui-layer { display:none; top:-5px; left:25px; margin: 0; padding: 0; background-color: #fff; -webkit-background-clip: content; box-shadow: 1px 1px 50px rgba(0,0,0,.3); border-radius: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s; width:210px;z-index: 19891068; position:absolute;}
.layui-layer-tips .layui-layer-content{ position: relative; line-height: 22px; min-width: 12px; padding: 5px 10px; font-size: 12px; _float: left; border-radius: 3px; box-shadow: 1px 1px 3px rgba(0,0,0,.3); background-color: #F90; color: #fff;background-color: rgb(153, 153, 153);}
.layui-layer-tips i.layui-layer-TipsR { left: -8px;}
.layui-layer-tips i.layui-layer-TipsL,.layui-layer-tips i.layui-layer-TipsR{ top: 1px;border-bottom-style: solid; border-bottom-color: #F90;}
.layui-layer-tips i.layui-layer-TipsG { position: absolute; width: 0; height: 0; border-width: 8px; border-color: transparent; border-style: dashed;}

.tubiao{ display:inline-block; position:relative;}
.tubiao img{width:15px; height:15px;}
.tubiao:hover > .layui-layer{ display:block; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-duration: .3s; animation-duration: .3s;}


/*表*/
.biao_table{padding:0 30px;box-sizing:border-box;}
.biao_table table{ width:auto;}
.float_margins{padding:14px 0 7px;box-sizing:border-box;}
.float_margins h5{ font-weight:bold; color:#666;}

/*2018-08-21 用户画像*/
.bt_none{border-top:none !important;}
/*用户信息*/
.flex-box ul{overflow:hidden;margin-bottom:20px;display: flex; display: -webkit-flex;width: 100%; flex-wrap: wrap;}
.flex-box ul li{width:50%;float:left;padding:14px 0;border-bottom: 1px solid #e7eaec;position:relative;}
.flex-box ul li em{background:#428BCA;color:#fff;font-size:14px;border-radius:3px;padding:2px 5px;font-style: normal;}
.flex-box ul li span{float:right;margin-right:10%;font-size:14px;font-weight:bold;color:#676a6c;}
.flex-box ul li span img{width:15px;height:15px;vertical-align:middle;margin-left:5px;cursor:pointer;}
.bg_f8ac59{background:#f8ac59 !important;}

.fullmod{display:none;}
.fullmod .form-control{height:34px !important;font-weight:bold;width:auto;}
.fullmod .btn{padding:2px 5px;border-radius:3px;}
.fullmod .xuan_show{position:absolute;left:55px;top:14px;}
.fullmod #linkagelinkage_val{margin-right:0 !important;}

.edit_btn button{background: #428BCA;color: #fff; font-size: 14px; border-radius: 3px;padding: 2px 5px;border:solid 1px #428BCA;float:right;cursor:pointer;margin-top:-53px;}
.edit_btn button:hover{background-color: #299be2;border-color: #299be2;}

/*用户画像*/
.float-e-margins{border: 1px solid #E7EAEC;border-radius: 3px;}
.ibox-title{background-color: #ffffff; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 4px 0px 0; color: inherit; margin-bottom: 0; padding: 14px 15px 7px; min-height: 48px;}
.ibox-content{text-align:center;background-color: #ffffff; color: inherit; padding: 15px 20px 20px 20px; border-color: #e7eaec; border-image: none; border-style: solid solid none; border-width: 1px 0px;}

/*会员标签*/
.tag_name{font-size:16px;color:#666;font-weight:bold;margin-bottom:10px;}
.tag-list {overflow:hidden;margin-bottom:20px;}
.tag-list li {font-size: 14px;background-color: #f3f3f4;padding: 5px 15px;border-radius: 2px;margin:10px 10px 0 0;float:left;cursor:pointer;position:relative;}
.tag-list li.on{background:#428BCA;color:#fff;}
.tag-list li span{position:absolute;width:20px;height:20px;top:-10px;right:-10px;}
.tag-list li span img{width:20px;height:20px;}
.addTag input{width:430px;}
.addTag p{color: #f8ac59;font-size:14px;line-height:20px;margin-top:10px;}
.addTag p img{width:20px;height:20px;vertical-align:bottom;margin:0 10px 0 0;}
.tag_btn{text-align:left;}
.tag_btn button{font-size: 14px;background-color: #1a8bd2;border-color: #1a8bd2;color:#fff;padding: 7px 15px;border-radius: 2px;cursor:pointer;border:none;outline:none;}
.tag_btn button:hover{background-color: #299be2;border-color: #299be2;}

.tagModSearch .form-control { height: 44px; background-color: #fff; background-image: none; border: 1px solid #e5e6e7; border-radius: 1px; color: inherit; display: block; padding: 6px 12px; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; width: 100%; font-size: 14px; box-shadow: none;}
.tagModSearch { position: relative;margin-bottom:15px; }
.tagModSearch>img { width: 20px; float: right; position: absolute; top: 10px; right: 15px; }


#div_label{position:fixed;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.5);}
#div_label .dialog-main-label{background:#fff;width:670px;height:400px;position:absolute;left:50%;top:50%;
  transform:translateX(-50%) translateY(-50%);
  -moz-transform:translateX(-50%) translateY(-50%);
  -webkit-transform:translateX(-50%) translateY(-50%);
  -ms-transform:translateX(-50%) translateY(-50%);}
#div_label .tag-list {padding:20px;height:360px;overflow-y:scroll;margin-bottom:0;}
#div_label .tag-list li{margin:10px 20px 10px 0;}

/*
 * hxl 2018-11-12 会员统计
 */
.stat_plate{background:#fff;margin: 0px 15px;padding-top:20px;overflow:hidden;border-top: 1px dashed #ccc;}
.stat_plate h2{font-size:16px;padding-bottom:30px;margin: 10px 0 0 0;}
.stat_plate .sp_main{padding: 0 20px 10px 20px;}
.stat_plate .sp_main ul{display:table;width:100%;}

.stat_plate1 ul li{width:50%;float:left;margin-bottom:10px;}
.stat_plate1 ul li h3{font-size:14px;color:#666;font-weight:normal;padding-bottom:10px;margin:0;}
.stat_plate1 ul li .sp_cont span{width:33.3%;float:left;color:#999;font-size:14px;height:25px;}
.stat_plate1 ul li .sp_cont span em{color:#25639e;font-style:normal;}

.stat_plate2{padding-bottom:10px;}
.stat_plate2 dl {width:25%;float:left;margin-bottom:20px;}
.stat_plate2 dl dt{float:left;}
.stat_plate2 dl dt img{width:30px;height:30px;border-radius:3px;}
.stat_plate2 dl dd{float:left;color:#666;font-size:14px;line-height:30px;margin-left:10px;}

.stat_plate3 ul li{width:33.3%;float:left;margin-bottom:30px;}
.stat_plate3 ul li p{font-size:14px;color:#666;}
.stat_plate3 ul li h3{font-size:20px;color:#333;font-weight:normal;padding-bottom:10px;height:36px;line-height:36px;margin:0;}
.stat_plate3 ul li a{font-size:14px;color:#25639e;height:36px;line-height:36px;cursor:pointer;}

/*end*/