body{ font-size: 14px; color: #6b6b6b;}
body a{ color: #6b6b6b;}
body a:hover{ color: #16baaa; text-decoration: none;}
/* .layuimini-logo img{ display: none!important;} */
.layui-layout-admin .layuimini-logo h1{ display: none; margin: 0; color: #fff;}
.showLLW .layuimini-logo img{ display: inline-block!important;}
.showLLW .layui-layout-admin .layuimini-logo h1{ display: none;}
.ellipsis{white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; -o-text-overflow: ellipsis;}

.pub_scorll::-webkit-scrollbar{width: 4px;height: 4px}
.pub_scorll::-webkit-scrollbar-track{background-color: #f0f0f0;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em;}
.pub_scorll::-webkit-scrollbar-thumb{background-color: #d2d2d2;-webkit-border-radius: 2em;-moz-border-radius: 2em;border-radius: 2em}


/* .layuimini-content-page{background-color:#f2f2f2!important;} */
.layuimini-container {border:1px solid #f2f2f2;border-radius:5px;background-color:#f2f2f2}
.layuimini-main {margin:10px; border:5px solid #ffffff;border-radius:5px;background-color:#ffffff}
.layuimini-container .layuimini-main{ padding:0 10px;}
.layui-breadcrumb>* {font-size: 13px!important;}

/**必填红点 */
.layuimini-form>.layui-form-item>.required:after {content:'*';color:red;position:absolute;margin-left:4px;font-weight:bold;line-height:1.8em;top:6px;right:5px;}
.layuimini-form>.layui-form-item>.layui-form-label {width:120px !important;}
.layuimini-form>.layui-form-item>.layui-input-block {margin-left:150px !important;}
.layuimini-form>.layui-form-item>.layui-input-block >tip {display:inline-block;margin-top:10px;line-height:10px;font-size:10px;color:#a29c9c;}

/**搜索框*/
.layuimini-container .table-search-fieldset {margin: 0;border: 1px solid #e6e6e6;padding: 10px 20px 5px 20px;color: #6b6b6b;}

/*隐藏弹窗表单提交按钮*/
.hide-laySubmit{display: none;}

/*全局通用宽度*/
.w50{width: 50px!important;}
.w100{width: 100px!important;}
.w150{width: 150px!important;}
.w200{width: 200px!important;}
.w250{width: 250px!important;}
.w300{width: 300px!important;}
.w350{width: 350px!important;}
.w400{width: 400px!important;}
.w500{width: 500px!important;}
.margin10{margin: 10px;}

/*重置下拉框最大高度*/
.layui-form-select dl{ max-height: 200px!important;}

.editModuleInfo{ padding: 15px 10px; width: auto!important;}
.editModuleInfo .layui-form-label{ width: 120px;}
.editModuleInfo .layui-input-block,.editModuleInfo .layui-input-inline{ margin-left: 150px;}

/* 表格分页默认居中 */
.layui-table-page {text-align: center; padding-top: 10px; height: 50px;}
/*表格表头全局居中*/
/* .layui-table-header  th .layui-table-cell{ text-align: center;} */

.admin-tips{ display: inline-block; white-space: nowrap; margin-left: 10px; font-size: 14px; background-color: #e6f7ff; border: 1px solid #91d5ff; color: #3a3a3a; padding: 0 10px; border-radius: 3px;}
.admin-tips > i{ margin-right: 5px; color: rgb(14, 111, 185); vertical-align: middle;}

/*排序页面*/
.navListSort{ position: absolute; top: 15px; right: 5px; padding-right: 10px; bottom: 15px; left: 15px; overflow-y: auto;}
.navSort-list{display: block; position: relative;}
.navSort-list .navSort-list{padding-left: 40px;}
.navSort-collapsed .navSort-list{display: none;}
.navSort-item, .navSort-empty, .navSort-placeholder{display: block; position: relative; min-height: 40px;}

.navSort-handle,.navSort-handle-none{display: block; width: 40px; height: 37px; line-height: 35px; text-align: center; border: 1px solid #ccc; background: #fafafa; -webkit-border-radius: 3px; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; top: -1px; left: -1px; position: absolute; border-top-right-radius: 0; border-bottom-right-radius: 0; cursor: move; font-size: 20px;}

.navSort-handle:hover,.navSort-handle-none:hover,.navSort-con:hover{color: #5874d8; background: #fff;}
.navSort-item>.navSort-btn{display: block; position: absolute; top: 4px; left: 48px; cursor: pointer; width: 20px; height: 30px; text-align: center; z-index: 99; cursor: pointer; line-height: 30px; font-family: "layui-icon" !important; font-size: 20px;transition: all .2s;}
.navSort-item>.navSort-btn::before{ content: "\e602"; }
.navSort-item>.navSort-btn[data-action='collapse']{transform: rotate(90deg); top: 5px; left: 46px;}

.navSort-placeholder, .navSort-empty{margin: 5px 0; padding: 0; min-height: 30px; background: #f2fbff; border: 1px dashed #b6bcbf; box-sizing: border-box; -moz-box-sizing: border-box;}
.navSort-empty{border: 1px dashed #bbb; min-height: 100px; background-color: #e5e5e5; }
.navSort-dragel{position: absolute; pointer-events: none;z-index: 99999999; min-width:400px;}
.navSort-dragel .navSort-handle{-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1); box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);}
.navSort-con{display: block; height:35px; margin: 5px 0; padding:0px 10px 0px 70px; border: 1px solid #ddd; background: #fefefe;  border-radius: 3px; position: relative;}
.navSort-con.navSort-con-selected{background: #fff;}
.navSort-dragel > .navSort-item > .navSort-con{margin: 0;}
.navSort-text{ height: 35px; line-height: 35px; cursor: default;}
.navSort-text > span{ display: inline-block; margin: 0 5px;}
.navSort-text > span.showtips{ font-size: 14px;}
.navSort-con:hover{ background-color: #fafafa;}
.navSort-con:hover > .navSort-handle,.navSort-dragel>.navSort-item .navSort-handle{ background-color: #5874d8; color: #fff;}

li.navSort-item li .navSort-con::before,li.navSort-item li .navSort-con::after{ position: absolute; content:"";}
li.navSort-item li .navSort-con::before{ left: -20px; top: -6px; height: 50px; width: 1px; background-color: #ccc;}
li.navSort-item li .navSort-con::after{ left: -20px; top: 16px; width: 20px; height: 1px; background-color: #ccc;}
li.navSort-item li:last-child > .navSort-con::before{ height: 23px;}

li.navSort-item ol ol::before{left: -19px;top: -8px; bottom: 0; width: 1px; background-color: #ccc;position: absolute;content:"";}
li.navSort-item > ol > li:last-child > ol::before{ display: none;}
.navListSort .displayHide{ opacity: .5;}

.layui-laypage .layui-laypage-first,.layui-laypage .layui-laypage-last{ border: 1px solid #ddd!important; margin-right: 8px; border-radius: 2px;}

.fa-close.isCheck_0{ color: #ff5722; font-size: 16px;}
.fa-check.isCheck_1{color:#5FB878; font-size: 16px;}

#keywordList{ min-height: 30px; font-size: 0; width: 600px;}
#keywordList > li{ font-size: 14px; display: inline-block; height: 35px; line-height: 35px; padding: 0 20px; white-space: nowrap; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; cursor: pointer; border-radius: 4px; background-color: #fff;}
#keywordList > li.on{ border-color: #5874d8; color:#fff; background-color: #5874d8;}
#keywordList > li:hover{border-color: #5874d8;}
.seoKeywordItem .layui-input-inline{ margin-left: 0!important; margin-right: 10px;}

.layui-input-split{ border-width: 1px;border-style: solid;}
.layui-input-suffix{ right: 0;border-radius: 0 2px 2px 0;top: 0; padding: 0 10px; height: 100%;text-align: center; transition: all .3s;box-sizing: border-box;}
.layui-input-group{ position: relative;display: table;box-sizing: border-box;}
.layui-input-group>*{display: table-cell;vertical-align: middle;position: relative;}
.layui-input-group .layui-input-split{ white-space: nowrap;}
.layui-input-group>.layui-input-suffix{ border-left: 0;}

.uploadImgBox > div{ display: inline-block; width: 78px; height: 78px; border: 1px solid #ddd; margin-right: 10px; margin-bottom: 10px; vertical-align: top;}
.uploadImgBox > div:hover{ border-color: #5874d8;}
.uploadImgBox > div.uploadImg{ cursor: pointer; position: relative; border-style: dashed;}
.uploadImgBox > div.uploadImg::before,.uploadImgBox > div.uploadImg::after{ content: ""; position: absolute; background-color: #ddd; left: 50%; top: 50%;}
.uploadImgBox > div.uploadImg::before{ width: 1px; height:40px;  margin-top: -20px;}
.uploadImgBox > div.uploadImg::after{ width: 40px; height: 1px; margin-left: -20px;}
.uploadImgBox > div.uploadImg:hover::before,.uploadImgBox > div.uploadImg:hover::after{ background-color: #5874d8;}
.uploadImgBox > div.editImg{ position: relative; font-size: 0; text-align: center;}
.uploadImgBox > div.editImg img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.uploadImgBox > div.editImg::after{ content: ""; height: 100%; display: inline-block; vertical-align: middle; width: 0; overflow: hidden;}
.uploadImgBox > div.editImg span.edit{ position: absolute; right: 0; bottom: 0; width: 20px; padding-left: 3px; height: 23px; cursor: pointer; z-index: 9; background-color: #5874d8; color: #fff; text-align: center; line-height: 23px; font-size: 14px; display: none;}
.uploadImgBox > div.editImg span.del{ cursor: pointer; position: absolute; top: -5px; right: -5px; width: 14px; height: 14px; background-color: #ff5414; border-radius: 100%;  color: #fff; font-size: 13px; text-align: center; line-height: 16px; display: none;}
.uploadImgBox > div.editImg:hover span.edit,.uploadImgBox > div.editImg:hover span.del{ display: block;}

.layui-laypage .layui-laypage-spr{ margin-right: 5px;}

#getSplitWords{display: none;}

.tool_tip{background-color:rgba(0,0,0,.8);padding:5px 10px 10px 10px;border-radius:4px;color:#fff;font-size:12px;position:absolute;z-index:999999999;max-width:300px;word-wrap:break-word; line-height: 23px;}
.tool_tip:before{position:absolute;content:'';background-color:rgba(0,0,0,0);width:0;height:0;border-width:5px;border-style:solid}
.tool_tip_top:before{top:100%;left:50%;transform:translate(-50%,0);-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);border-color:rgba(0,0,0,.8) transparent transparent transparent}
.tool_tip_right:before{top:50%;left:0;transform:translate(-100%,-50%);-ms-transform:translate(-100%,-50%);-webkit-transform:translate(-100%,-50%);border-color:transparent rgba(0,0,0,.9) transparent transparent}
.tool_tip_bottom:before{top:0;left:50%;transform:translate(-50%,-100%);-ms-transform:translate(-50%,-100%);-webkit-transform:translate(-50%,-100%);border-color:transparent transparent rgba(0,0,0,.9) transparent}
.tool_tip_left:before{top:50%;left:100%;transform:translate(0,-50%);-ms-transform:translate(0,-50%);-webkit-transform:translate(0,-50%);border-color:transparent transparent transparent rgba(0,0,0,.9)}

/* 首页数据 */
#homePage{ color:#171717; padding: 15px;}
#homePage .subBanner{ height: 375px; border-radius: 4px; overflow: hidden; background-image: url("//oss.xinghuo86.cn/system/0/1437800364769343.jpg"); background-position: top center; background-size: cover;}
#homePage .homeLink{ height:92px; position: relative; z-index: 9;}
#homePage .designBtns{ position: absolute; height: 104px; left: 150px; right: 150px; top: -54px; overflow: hidden; border-radius: 6px;  text-align: center;}
#homePage .designBtns > a{ display: block; position: absolute; top: 0; bottom: 0; line-height: 104px; font-size: 24px;}
#homePage .showNum_2 > a{ width: 50%;}
#homePage .showNum_1 > a{ width: 100%;}
#homePage .designBtns > a.webBtn{ left: 0; color: #fff; background-color: #16baaa;}
#homePage .designBtns > a.wapBtn{ right: 0; color:#171717; background-color: #fff;}
#homePage .designBtns > a::before{ content: ""; display:inline-block; vertical-align: middle; margin-right: 10px; width: 65px; height: 65px; background-repeat: no-repeat; background-size: cover;}

#homePage .designBtns > a.webBtn::before{ background-image: url("../images/webIcon.png"); }
#homePage .designBtns > a.wapBtn::before{ background-image: url("../images/wapIcon.jpg"); }
#homePage .homeTitle{ padding-top: 30px; height: 50px; font-size: 18px;}
#homePage .totalItem{ height: 160px; background-color: #fff; border-radius: 10px; overflow: hidden; position: relative; padding-left: 30px;}
#homePage .totalItem .itemName{ padding-top: 25px; height: 43px; font-size: 16px;}
#homePage .totalItem .itemNums{ font-size: 30px; height: 50px;}
#homePage .totalItem .itemIcon{ position: absolute; right: 30px; bottom: 30px; width: 93px; height: 76px;  background-size: cover; background-repeat: no-repeat;}
#totalUv .itemIcon{ background-image: url("../images/viewIcon_1.jpg");}
#totalOrders .itemIcon{ background-image: url("../images/viewIcon_2.jpg");}
#totalMoney .itemIcon{ background-image: url("../images/viewIcon_3.jpg");}
#homePage .reportItem{ background-color: #fff; border-radius: 8px; height: 500px; padding: 0 20px;}
#homePage .reportItem .reportTop{ padding-top: 30px; font-size: 16px; height: 50px;}
#homePage .reportItem .reportCon{ height: 400px;}
#homePage .reportItem .itemProgress{ height: 80px;}
#homePage .reportItem .itemBar{ height: 58px; border-radius: 6px; padding-left: 20px; position: relative; line-height: 58px; font-size: 16px;}
#homePage .reportItem .itemBar::before{ position: absolute; content:""; z-index:0; left: 0; top: 0; bottom: 0; border-radius: 6px; height: 58px; width: 100%; background-color: #f2f2f2;}
#homePage .reportItem .itemProgress:first-child .itemBar{ background-color: #16baaa; color:#fff!important;}
#homePage .reportItem .itemBar .totalNum{ position: absolute; left: 20px; top: 0;}
#homePage .reportItem .itemBar .totalRate{ position: absolute; left: 175px; color: #16baaa;}
#homePage .reportItem .itemProgress:first-child .itemBar::before{ display: none;}
#homePage .reportItem .eChartItem{ height: 400px;}
#homePage .reportItem .itemBar.wr90::before{ width: 90%;}
#homePage .reportItem .itemBar.wr80::before{ width: 80%;}
#homePage .reportItem .itemBar.wr70::before{ width: 70%;}
#homePage .reportItem .itemBar.wr60::before{ width: 60%;}
#visitorConver .vistorTabTop{ font-weight: bold;}
#visitorConver .vistorTabTop,#visitorConver .vistorTabItem{ height: 68px; display:flex;}
#visitorConver .vistorTabItem .up{ color: #bd3004;}
#visitorConver .vistorTabItem .up::before{ content: "▲"; margin-right: 3px;}
#visitorConver .vistorTabItem .down{ color: #1aa094;}
#visitorConver .vistorTabItem .down::before{ content: "▼"; margin-right: 3px;}
#visitorConver .tabItem{ line-height: 50px; flex: 1; text-align: center; font-size: 16px;}

#quickQuery{ background-color: #fff; margin-bottom: 10px!important; border-radius: 5px;}
/* #quickQuery .searchTips{ color: #16baaa;} */
#quickQuery #queryDay > span.layui-btn{ width: 100px;}
#quickQuery #queryDay > span.on{ color: #fff; background-color: #16baaa; border-color: #16baaa;}
#quickQuery .laydate-selected:hover{ background-color: #16baaa!important;}
#quickQuery .layui-laydate-content td.laydate-selected{background-color: #1E9FFF; color: #fff;}