@charset "utf-8";
/* CSS Document */
@import url("../js/Huploadify/Huploadify.css");
/*@import url("../js/sku/sku_style.css");*/
html{overflow-y: auto; overflow-x: hidden;}
body, td, th{font-family: "微软雅黑", serif; font-size: 14px; color: #666666;}
body{background-color: #f2f2f2; margin: 0; width: 100vw;}
a{text-decoration: none;}
a:hover{text-decoration: none; color: #008add;}
a:focus{outline: none;}
div, p, ul, li, p, dl, dt, dd, s, b, form, h1, h2, h3{list-style: none; margin: 0; padding: 0;}
input, button, select, textarea{outline: none; color: #666666; font-family: "微软雅黑", serif;}
.none{clear: both;}
.fl{float: left;}
.fr{float: right;}
img{border: 0 none #FFFFFF; flex-shrink: 0;}
.xin_zi{color: #cccccc; font-size: 12px;}
/* flex 样式*/
.flex{display: flex;}
.flex.column{flex-direction: column;}
.flex.wrap{flex-wrap: wrap;}
.flex.acenter{align-items: center;}
.flex.jcenter{justify-content: center;}
.flex.jright{justify-content: flex-end;}
.flex.jcb{justify-content: space-between;}
.flex.jca{justify-content: space-around;}
.flex.jce{justify-content: flex-end;}
.flex.center{align-items: center; justify-content: center;}
.flex.flex1{flex: 1;}
.flex .flex1{flex: 1;}
.flex .ase{align-self: flex-end;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt16{margin-top: 16px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb16{margin-bottom: 16px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb40{margin-bottom: 40px;}
.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr40{margin-right: 40px;}
.h20{height: 20px;}
.h22{height: 22px;}
.h10{height: 10px;}
.h40{height: 40px;}
.inblock_a{ display: inline-block; margin-left: 10px !important; margin-bottom: 10px;}
/* 省略号 */
.ellipsis{overflow: hidden; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis;}
.ellipsis1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-break: break-all;}
.ellipsis2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ellipsis3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
/*左侧栏*/
#shared-sidebar{width: 92px; webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; position: fixed; left: 0; top: 0; height: 100%; width: 92px; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif; z-index: 11;}
#shared-first-sidebar{position: absolute; top: 0; bottom: 0; left: 0; height: 100%; width: 92px; background-color: #444; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; overflow: hidden; z-index: 2;}
.shared-first-sidebar-nav{margin-top: 56px; padding-right: 20px; box-sizing: content-box; width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 1 100%; -moz-box-flex: 1; flex: 1 1 100%; overflow-x: hidden; overflow-y: scroll;}
.shared-first-sidebar-nav li.active{background: #fff;}
.shared-first-sidebar-nav li{width: 92px; font-size: 14px; height: 40px; line-height: 40px; cursor: pointer;}
.shared-first-sidebar-nav li a{font-size: 12px; color: #c8c9cc; display: block; padding-left: 10px; text-decoration: none;}
.shared-first-sidebar-nav li .sidebar-icon, .shared-first-sidebar-nav li .sidebar-icon-svg{position: relative; top: -1px; display: inline-block; margin-right: 4px; width: 18px; height: 18px; vertical-align: middle;}
.shared-first-sidebar-nav li .sidebar-icon{background: url(../php_img/sidebar-icon.png) no-repeat;}
.shared-first-sidebar-nav li .sidebar-icon-shouye{background-position: 0 0}
.shared-first-sidebar-nav li .sidebar-icon-xitong{background-position: 0 -90px}
.shared-first-sidebar-nav li .sidebar-icon-gongsi{background-position: 0 -18px}
.shared-first-sidebar-nav li .sidebar-icon-jine{background-position: 0 -108px}
.shared-first-sidebar-nav li .sidebar-icon-huiyuan{background-position: 0 -72px}
.shared-first-sidebar-nav li .sidebar-icon-wenzhang{background-position: 0 -54px}
.shared-first-sidebar-nav li .sidebar-icon-guanggao{background-position: 0 -36px}
.shared-first-sidebar-nav li .sidebar-icon-app{background-position: 0 -126px}
.shared-first-sidebar-nav li .sidebar-icon-setting{background-position: 0 -144px}
.shared-first-sidebar-nav li .sidebar-icon-im{background-position: 0 -288px}
.shared-first-sidebar-nav li .sidebar-icon-huodong{background-position: 0 -306px}
.shared-first-sidebar-nav li .sidebar-icon-tiezi{background-position: 0 -324px}
.shared-first-sidebar-nav li .sidebar-icon-xinxi{background-position: 0 -342px}
.shared-first-sidebar-nav li .sidebar-icon-baoming{background-position: 0 -360px}
.shared-first-sidebar-nav li .sidebar-icon-order{background-position: 0 -378px}
.shared-first-sidebar-nav li .sidebar-icon-jifen{background-position: 0 -396px}
.shared-first-sidebar-nav li .sidebar-icon-product{background-position: 0 -414px}
.shared-first-sidebar-nav li.active{background: #fff}
.shared-first-sidebar-nav li.active a{color: #333}
.shared-first-sidebar-nav li.active .sidebar-icon-shouye{background-position: -36px 0}
.shared-first-sidebar-nav li.active .sidebar-icon-xitong{background-position: -36px -90px}
.shared-first-sidebar-nav li.active .sidebar-icon-gongsi{background-position: -36px -18px}
.shared-first-sidebar-nav li.active .sidebar-icon-jine{background-position: -36px -108px}
.shared-first-sidebar-nav li.active .sidebar-icon-huiyuan{background-position: -36px -72px}
.shared-first-sidebar-nav li.active .sidebar-icon-wenzhang{background-position: -36px -54px}
.shared-first-sidebar-nav li.active .sidebar-icon-guanggao{background-position: -36px -36px}
.shared-first-sidebar-nav li.active .sidebar-icon-app{background-position: -36px -126px}
.shared-first-sidebar-nav li.active .sidebar-icon-setting{background-position: -36px -144px}
.shared-first-sidebar-nav li.active .sidebar-icon-im{background-position: -36px -288px}
.shared-first-sidebar-nav li.active .sidebar-icon-huodong{background-position: -36px -306px}
.shared-first-sidebar-nav li.active .sidebar-icon-tiezi{background-position: -36px -324px}
.shared-first-sidebar-nav li.active .sidebar-icon-xinxi{background-position: -36px -342px}
.shared-first-sidebar-nav li.active .sidebar-icon-baoming{background-position: -36px -360px}
.shared-first-sidebar-nav li.active .sidebar-icon-order{background-position: -36px -378px}
.shared-first-sidebar-nav li.active .sidebar-icon-jifen{background-position: -36px -396px}
.shared-first-sidebar-nav li.active .sidebar-icon-product{background-position: -36px -414px}
.shared-first-sidebar-nav li:not(.active):hover{background: #666}
.shared-first-sidebar-nav li.hover{background: #666}
.shared-first-sidebar-nav li.hover a{color: #fff}
.shared-first-sidebar-nav li.hover .sidebar-icon-shouye{background-position: -54px 0}
.shared-first-sidebar-nav li.hover .sidebar-icon-xitong{background-position: -54px -90px}
.shared-first-sidebar-nav li.hover .sidebar-icon-gongsi{background-position: -54px -18px}
.shared-first-sidebar-nav li.hover .sidebar-icon-jine{background-position: -54px -108px}
.shared-first-sidebar-nav li.hover .sidebar-icon-huiyuan{background-position: -54px -72px}
.shared-first-sidebar-nav li.hover .sidebar-icon-wenzhang{background-position: -54px -54px}
.shared-first-sidebar-nav li.hover .sidebar-icon-guanggao{background-position: -54px -36px}
.shared-first-sidebar-nav li.hover .sidebar-icon-app{background-position: -54px -126px}
.shared-first-sidebar-nav li.hover .sidebar-icon-setting{background-position: -54px -144px}
.shared-first-sidebar-nav li.hover .sidebar-icon-im{background-position: -54px -288px}
.shared-first-sidebar-nav li.hover .sidebar-icon-huodong{background-position: -54px -306px}
.shared-first-sidebar-nav li.hover .sidebar-icon-tiezi{background-position: -54px -324px}
.shared-first-sidebar-nav li.hover .sidebar-icon-xinxi{background-position: -54px -342px}
.shared-first-sidebar-nav li.hover .sidebar-icon-baoming{background-position: -54px -360px}
.shared-first-sidebar-nav li.hover .sidebar-icon-order{background-position: -54px -378px}
.shared-first-sidebar-nav li.hover .sidebar-icon-jifen{background-position: -54px -396px}
.shared-first-sidebar-nav li.hover .sidebar-icon-product{background-position: -54px -414px}
.shared-first-sidebar-nav li:first-child:hover{background: #666;}
.shared-first-sidebar-nav li:first-child:hover a{color: #fff}
.shared-first-sidebar-nav li:first-child:hover .sidebar-icon-shouye{background-position: -54px 0}
.shared-first-sidebar-nav li.active:first-child:hover{background: #fff;}
.shared-first-sidebar-nav li.active:first-child:hover a{color: #333}
.shared-first-sidebar-nav li.active:first-child:hover .sidebar-icon-shouye{background-position: -36px 0}
/*侧栏logo及下拉菜单*/
#shared-team-logo{position: fixed; top: 0; bottom: 0; height: 56px; width: 92px; word-break: break-word; background: #444; z-index: 1002}
#shared-team-logo .shared-team-logo-wrap{display: block; margin: 0 16px; height: 56px; overflow: hidden}
#shared-team-logo .team-logo{margin: 12px auto 0; width: 32px; height: 32px; -webkit-border-radius: 50%; border-radius: 50%; background-size: cover; background-position: 50% 50%; background-color: #fff; border: 1px solid #fff}
#shared-team-logo .team-logo, .shared-team-info{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
/*侧栏顶部logo经过滑动*/
.shared-team-info{background: #fff; display: none; position: fixed; left: 20px; top: 55px; color: #333; width: 300px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, .2); box-shadow: 0 1px 6px rgba(0, 0, 0, .2); font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif; z-index: 99991}
.shared-team-info:before{content: " "; width: 0; height: 0; position: absolute; left: 19px; top: -12px; border: 6px solid transparent; border-bottom-color: #fff}
.shared-team-info .wrap{padding: 0 16px}
.shared-team-info .wrap:first-child{-webkit-border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0; background-color: #f8f8f8}
.shared-team-info .wrap:first-child .item{border-bottom: 0}
.shared-team-info .wrap:last-child{-webkit-border-radius: 0 0 2px 2px; border-radius: 0 0 2px 2px; background-color: #f8f8f8}
.shared-team-info .wrap:last-child .item, .shared-team-info .wrap:nth-last-child(2) .item{border-bottom: 0}
.shared-team-info .wrap:hover{background-color: #008add}
.shared-team-info .wrap:hover .item{color: #fff; border-color: #008add}
.shared-team-info .wrap:hover .shop-text, .shared-team-info .wrap:hover .user-account, .shared-team-info .wrap:hover .zenticon{color: #fff}
.shared-team-info .logout-logo{background-image: url(../php_img/logout.png); background-size: cover; width: 20px; height: 20px}
.shared-team-info .wrap:hover .logout-logo{background-image: url(../php_img/logout_w.png)}
.shared-team-info .item{font-size: 12px; padding: 16px 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -moz-box-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; align-items: center; color: #111; border-bottom: 1px solid #eee}
/*侧栏滑动右边显示菜单*/
.second-portal-wrap{position: fixed; top: 0; left: 92px; width: 160px; bottom: 0; z-index: 59}
.second-portal-wrap .shared-second-sidebar{margin-left: 160px; display: none}
.shared-second-sidebar{-webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; width: 160px; height: 100%; margin-left: 92px; padding-bottom: 20px; background-color: #fff; border-right: 1px solid #ebedf0; z-index: 1; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); transform: translateX(-100%); overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; flex-direction: column; font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, Helvetica, Arial, PingFang SC, Hiragino Sans GB, Microsoft Yahei, STHeiti, SimSun, sans-serif}
.shared-second-sidebar .second-sidebar-title{/*-webkit-box-flex:0;-webkit-flex:0 0 56px;-moz-box-flex:0;flex:0 0 56px;*/ padding-left: 16px; width: 100%; height: 56px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #ebedf0; font-size: 14px; color: #666; line-height: 56px; font-weight: 500}
.shared-second-sidebar .second-sidebar-nav{-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; padding-right: 10px; padding-left: 10px; overflow-y: auto;}
.second-sidebar-nav .second-group-title, .second-sidebar-nav li{position: relative; /*width:108px;*/ min-height: 30px; line-height: 32px; padding: 2px 0; color: rgba(0, 0, 0, 0.65); cursor: pointer; font-size: 14px; font-family: "微软雅黑", serif; box-sizing: border-box;}
.second-sidebar-nav .second-group-title.active a, .second-sidebar-nav li.active a{color: rgba(0, 0, 0, 0.95); background-color: #ebedf0}
.second-sidebar-nav .second-group-title.active a, .second-sidebar-nav li.second-nav-item:hover a{color: rgba(0, 0, 0, 0.95);}
.second-sidebar-nav .second-group-title a, .second-sidebar-nav li a{position: relative; display: block; font-size: 12px; text-align: left; padding-left: 16px; -webkit-border-radius: 2px; border-radius: 2px; font-family: "微软雅黑", serif; color: rgba(0, 0, 0, 0.65);}
.second-sidebar-nav .second-group-title .second-group-title, .second-sidebar-nav li .second-group-title{margin: 0}
.second-sidebar-nav .second-group-nav{padding: 0}
.second-sidebar-nav .second-group-nav .second-group-title{position: relative; cursor: pointer; padding-left: 16px;}
.second-sidebar-nav .second-group-nav .second-group-title > a{padding-left: 0}
.second-sidebar-nav .second-group-nav a{text-align: left; padding-left: 18px; color: #666}
.second-sidebar-nav .second-group-nav li.active a{color: #666666}
.second-sidebar-nav .second-group-nav .second-nav-item a{font-size: 13px; font-family: "微软雅黑", serif;}
.second-sidebar-nav .divider{border-top: 1px solid #ebedf0; margin: 15px 0; height: 0;}
.second-sidebar-body{/*background-color: #fafafa;*/ border-left: 2px solid #ebedf0; margin-left: 5px; margin-bottom: 10px;}
.second-sidebar-body .second-nav-item:first-child{padding-top: 0;}
.second-sidebar-body .second-nav-item:last-child{padding-bottom: 0;}
.second-sidebar-body li.active a{-webkit-border-radius: 2px; border-radius: 0 2px 2px 0}
.second-sidebar-nav i, .second-sidebar-nav em{display: inline-block; width: 4px; height: 4px; border: solid #878787; border-width: 1px 1px 0 0; -webkit-transform: scale(1.25) rotate(135deg); -moz-transform: scale(1.25) rotate(135deg); transform: scale(1.25) rotate(135deg); background: none; position: absolute; top: 16px; right: 2px; margin-left: 12px; margin-right: 12px; transition: all 2s; -moz-transition: all 0.1s; /* Firefox 4 */ -webkit-transition: all 0.1s; /* Safari 和 Chrome */ -o-transition: all 0.1s; /* Opera */}
.second-sidebar-nav .nav-icon{-webkit-transform: scale(1.25) rotate(45deg); -moz-transform: scale(1.25) rotate(45deg); transform: scale(1.25) rotate(45deg); top: 18px;}
/*后台首页主体*/
#index-container{margin-left: 92px; background: #f2f2f2; width: calc(100% - 92px); width: -webkit-calc(100% - 92px); width: -moz-calc(100% - 92px); min-width: 810px; position: relative; font-size: 12px;}
.container{zoom: 1; padding: 0;}
.index-header{position: relative;}
.index-header-alert{background-color: #008add; color: #fff; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 10px 0 10px 30px; font-size: 12px; box-sizing: border-box; height: 56px;}
.index-header-alert .alert-text{font-weight: 700;}
.index-header-alert .alert-tel{display: inline-block; margin-right: 10px;}
.index-header-alert .alert-btn{margin-left: 20px; color: #008add; text-decoration: none; background: #fff; height: 38px; line-height: 36px; padding: 0 23px; font-size: 14px; display: inline-block; border: 1px solid #008add; text-align: center; box-sizing: border-box; cursor: pointer; transition: all .3s;}
.index-header-web{display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; height: 56px; background-color: #fff; padding: 0 20px; -ms-flex-pack: justify; justify-content: space-between;}
.index-header-web-l{cursor: pointer; margin-left: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.index-header-web-l .title{font-size: 20px; color: #333; font-weight: 700;}
.index-header-web-l .web-tag{border-radius: .167em; margin-left: 5px; line-height: 1.2; display: inline-block; font-size: 12px; color: #fff; padding: .084em .417em; border: 1px solid #fff;}
.index-header-web-l .web-tag.red{border-color: rgb(255, 67, 67); background: rgb(255, 67, 67);}
.index-header-web-l .web-tag.hui{border-color: rgb(153, 153, 153); color: rgb(153, 153, 153);}
.index-header-web-r{position: relative; display: inline-block;}
.index-header-web-r .shared-team-info{position: absolute; top: 20px; left: auto; right: 0;}
.index-header-web-r .user-info{cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center;}
.index-header-web-r .user-info .avatar{width: 20px; height: 20px; border-radius: 50%; object-fit: cover; box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);}
.index-header-web-r .user-info .name{margin: 0 8px; font-size: 14px; color: #333;}
.index-header-web-r .user-info .icon{background-image: url(../php_img/arrow_dark.png); background-size: cover; width: 20px; height: 20px;}
.index-content{padding: 20px; display: -ms-flexbox; display: flex;}
.index-content-zhuti{-ms-flex: 1; flex: 1; padding: 0 20px 0 0;}
.zhuti-alert{background: #fff7cc; border: 1px solid #feb; color: #333; padding: 15px; margin-bottom: 20px; box-sizing: border-box; width: 100%; font-size: 12px; line-height: 12px; position: relative;}
.zhuti-alert .link{margin-left: 10px; color: #008add; text-decoration: none;}
/*后台首页主体概况*/
.zhuti-gaikuang{background-color: #fff; padding: 20px; margin-bottom: 20px;}
.zhuti-gaikuang .header{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; margin-bottom: 20px;}
.zhuti-gaikuang .header .header-title{font-size: 16px; font-weight: 900; color: #333; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center;}
.zhuti-gaikuang .header .switch{cursor: pointer; margin-left: 10px; height: 18px; width: 18px; background-size: cover; background-image: url(../php_img/eye-on.png);}
.zhuti-gaikuang .header .header-action{display: inline-block; margin-left: 30px;}
.zhuti-gaikuang .header .header-action .actions-time{color: #999; margin-right: 10px;}
.zhuti-gaikuang .box{padding: 20px;}
.zhuti-gaikuang .box .box-row{margin-left: 80px; position: relative; display: -ms-flexbox; display: flex;}
.zhuti-gaikuang .box .box-row:before{content: ""; display: inline-block; position: absolute; left: -80px; width: 45px; height: 45px; background-position: 0 0; background-repeat: no-repeat; background-image: url(../php_img/zhuti-icon.png);}
.zhuti-gaikuang .box-row-item{color: #333; font-size: 12px; flex-basis: 33.33%;}
.zhuti-gaikuang .box-row-item .amount{cursor: pointer; display: block; font-size: 24px; margin: 6px 0 10px; color: #008add;}
.zhuti-gaikuang .box-row-item .amount.red{color: #ff4444;}
.zhuti-gaikuang .box-row-item .amount-zuotian{color: #666;}
.zhuti-gaikuang .box .box-x{background-color: #eee; width: 100%; height: 1px; margin: 20px 0;}
.zhuti-gaikuang .box .row-second:before{background-position: 0 -45px;}
/*后台首页主体常用功能*/
.zhuti-gongneng{background-color: #fff; padding: 20px; margin-bottom: 20px;}
.zhuti-gongneng .header{display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding-left: 5px; margin-bottom: 20px;}
.zhuti-gongneng .header .header-title{font-size: 16px; font-weight: 900; color: #333; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center;}
.zhuti-gongneng .box-list{display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; padding: 10px 0; margin-bottom: -5px;}
.zhuti-gongneng .box-list-item{position: relative; box-sizing: border-box; padding-left: 50px; -ms-flex-preferred-size: 25%; flex-basis: 25%; color: #333; margin-bottom: 20px; line-height: 24px; height: 24px; text-decoration: none;}
.zhuti-gongneng .box-list-item:before{content: ""; display: inline-block; position: absolute; left: 15px; width: 24px; height: 24px; background-position: 0 -650px; background-repeat: no-repeat; background-image: url(../php_img/zhuti-icon.png);}
.zhuti-gongneng .box-list .item-2:before{background-position: 0 -722px}
.zhuti-gongneng .box-list .item-3:before{background-position: 0 -794px}
.zhuti-gongneng .box-list .item-4:before{background-position: 0 -866px}
.zhuti-gongneng .box-list .item-5:before{background-position: 0 -674px}
.zhuti-gongneng .box-list .item-6:before{background-position: 0 -746px}
.zhuti-gongneng .box-list .item-7:before{background-position: 0 -818px}
.zhuti-gongneng .box-list .item-8:before{background-position: 0 -890px}
.zhuti-gongneng .box-list .item-9:before{background-position: 0 -698px}
.zhuti-gongneng .box-list .item-10:before{background-position: 0 -770px}
.zhuti-gongneng .box-list .item-11:before{background-position: 0 -842px}
.zhuti-gongneng .box-list .item-12:before{background-position: 0 -914px}
/*后台首页右侧栏*/
.index-content-aside{display: -ms-flexbox; display: flex; -ms-flex: 0 0 240px; flex: 0 0 240px; -ms-flex-direction: column; flex-direction: column; width: 240px;}
.content-aside-swt{margin-bottom: 20px;}
.content-aside-swt img{width: 240px; height: 160px;}
.content-aside-kefu{cursor: pointer; position: relative; margin-bottom: 20px; padding: 20px; background-color: #fff; color: #333;}
.content-aside-kefu .aside-kefu{padding-left: 60px; position: relative;}
.aside-kefu .icon, .aside-zixun .icon{position: absolute; display: inline-block; left: 0; height: 43px; width: 44px; background-repeat: no-repeat; background-size: cover; background-position: bottom; background-image: url(../php_img/aside-kefu.png);}
.aside-zixun .icon.icon-im{background-image: url(../php_img/aside-zixun-im.png);}
.aside-zixun .icon.icon-app{width: 35px; height: 40px; background-image: url(../php_img/aside-zixun-app.png);}
.aside-zixun .icon.icon-wx{width: 35px; height: 40px; background-image: url(../php_img/aside-zixun-app.png);}
.aside-kefu .title, .aside-zixun .title{color: #333; font-weight: 400; font-size: 16px; line-height: 1em; margin-bottom: 5px; margin-top: 0;}
.aside-kefu .desc, .aside-zixun .desc{color: #666; font-size: 12px; line-height: 1.5em;}
.content-aside-zixun{cursor: pointer; position: relative; margin-bottom: 20px; padding: 20px; background-color: #fff; color: #333;}
.content-aside-zixun .aside-zixun{display: block !important; margin: 0 0 40px; padding-left: 60px; position: relative;}
.content-aside-zixun a:last-child .aside-zixun{margin-bottom: 0;}
/*后台首页底部司瓦图logo*/
.index-footer{text-align: center;}
.index-footer .swt-logo{display: inline-block; height: 34px; width: 185px; background-size: cover; background-image: url(../php_img/index_top3.png);}
/*后台内页员页面*/
.main-container{background: #f2f2f2; width: auto; margin-left: 250px; min-width: 1220px; margin-right: 224px; margin-top: 56px;}
.main-top{position: fixed; height: 56px; min-width: 750px; box-sizing: border-box; background: #fff; border-bottom: 1px solid #e5e5e5; padding: 0 20px; line-height: 56px; -webkit-transition: padding-right .5s; -moz-transition: padding-right .5s; transition: padding-right .5s; color: #333; top: 0; z-index: 58; width: -webkit-calc(100% - 449px); width: -moz-calc(100% - 449px); width: calc(100% - 449px); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); font-size: 12px;}
.main-top a{color: #333;}
.main-top a:hover{color: #006add;}
.main-container .layui-tab-card{box-shadow: none;}
.main-container .layui-tab-card > .layui-tab-title{background-color: #f2f2f2;}
/*后台内页员页面-头部链接切换*/
.main-zhuti{padding: 10px 0 0 10px;}
.mzhuti-container{min-height: calc(100vh - 88px); padding: 16px 26px 0 10px; min-width: 750px; -webkit-box-shadow: none; box-shadow: none; background-color: #fff;}
.mzhuti-tab{border-bottom: 1px solid #ebedf0; margin-bottom: 10px; margin-top: -13px; color: #333; font-size: 14px;}
.mzhuti-tab a{vertical-align: middle; text-decoration: none; display: inline-block; height: 50px; line-height: 48px; padding: 0 20px; min-width: 0; border: none; background: transparent; font-size: 14px; color: #666; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.mzhuti-tab a.active{color: #333;}
.mzhuti-tab a.active:after{display: block; color: #333; border-bottom: 2px solid #0099fc; content: ""; margin: 0;}
.mzhuti-tab2{position: relative; border-bottom: 1px solid #e5e5e5; outline: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.mzhuti-tab2 .tab-content{margin-bottom: 0; height: 35px; /*overflow: hidden;*/}
.mzhuti-tab2 .tab-content li{display: block; float: left; color: #666; border: 1px solid #e5e5e5; border-left: none; background-color: #f8f8f8; text-align: center; min-width: 60px; padding-right: 15px; padding-left: 15px; line-height: 34px; height: 34px;}
.mzhuti-tab2 .tab-content li a{font-size: 12px;}
.mzhuti-tab2 .tab-content li.active{position: relative; color: #008add; background-color: #F4FCFF; border-bottom: 1px solid #008add;}
.mzhuti-tab2 .tab-content li.active a{color: #008add;}
.mzhuti-tab2 .tab-content li:first-child{border-left: 1px solid #e5e5e5;}
.mzhuti-select{margin-top: 0; margin-right: 0; margin-bottom: 20px; margin-left: 0;}
.mzhuti-select.no{margin-bottom: 14px;}
.mzhuti-btn{background: #008add; display: inline-block; height: 26px; line-height: 26px; padding: 0 15px; font-size: 12px; color: #fff; border: 1px solid #008add; border-radius: 2px; text-align: center; cursor: pointer; transition: all .3s;}
.mzhuti-btn:hover{color: #ffffff;}
.mzhuti-btn.col{background: #fff; color: #333; border: 1px solid #ddd; margin-left: 10px;}
.mzhuti-btn.col:hover{color: #008add;}
.mzhuti-select-content{position: relative; background: #f8f8f8; padding-top: 20px; padding-right: 20px; padding-bottom: 1px; padding-left: 0;}
.mzhuti-select-content.no{border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.mzhuti-select-list{}
.mzhuti-select-list .select-item{margin-bottom: 10px; float: left;}
.mzhuti-select-list .select-item .select-item-text{float: left; padding-top: 5px; text-align: right; line-height: 18px; width: 100px; font-size: 12px; color: #000000; margin-right: 5px;}
.mzhuti-select-list .select-item .select-item-input{min-width: 140px; height: 30px; float: left;}
.mzhuti-select-list .select-item .select-item-input.tj{padding-top: 5px; font-size: 12px;}
.mzhuti-select-list .select-item .select-item-input.tj a{padding-top: 0; font-size: 12px;}
.mzhuti-select-list .select-item .select-item-input.tj2{height: auto;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a{background: #ffffff; border-radius: 5px; padding: 10px 50px 10px 15px; align-items: flex-start; justify-content: center; margin-right: 15px; border: solid 1px #ffffff;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a .t{font-size: 14px; color: #333333;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a .n{font-size: 12px; margin-top: 5px; color: #999999;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a.cur{background: #E8EFFA; border: solid 1px #008add;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a.cur .t{color: #008add;}
.mzhuti-select-list .select-item .select-item-input.tj2 .a.cur .n{color: #008add;}
.mzhuti-select-list .select-item .select-item-input.tj2.on2{}
.mzhuti-select-list .select-item .select-item-input.tj2.on2 a{padding: 10px 35px 10px 15px;}
.mzhuti-select-list .input, .mzhuti-select-list .select{-moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 0 5px; height: 26px; font-size: 12px; color: #666;}
.mzhuti-select-list .input.no{width: 64px;}
.mzhuti-select-list .select-item .select-item-input a{font-size: 12px; padding-top: 5px; display: inline-block;}
.zent-date-range-picker__filter{display: inline-block; padding-top: 2px;}
.zent-date-range-picker__btn{margin-left: 8px; display: inline-block; padding: 2px 4px; font-size: 12px; color: #bbb; cursor: pointer; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 2px}
.zent-date-range-picker__btn.active, .zent-date-range-picker__btn:hover{color: #38f; border-color: #008add}
.mzhuti-select-list .select-item .select-item-option{float: left; border-radius: 2px; margin-right: 5px;}
.mzhuti-select-group{margin-bottom: 20px;}
.mzhuti-select-group .select-group{margin-left: 100px;}
.nei_table1{}
.nei_table1 .td1{color: #fff; background: #535353;}
.nei_table1 .tr1{background-color: #FFFFFF;}
.nei_table1 .tr1:hover, .nei_table1 .tr1.nn{background-color: #f3f3f3;}
.nei_table1 .td2{color: #535353; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #E0E0E2; border-left-color: #E0E0E2;}
.nei_table1 .td3{border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #E0E0E2; border-bottom-color: #E0E0E2; border-left-width: 1px; border-left-style: solid; border-left-color: #E0E0E2;}
.nei_table2{}
.nei_table2 .td1{background-color: #535353; color: #FFFFFF;}
.nei_table2 .td2{background-color: #F6F8F6; border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; border-bottom-color: #E0E0E2; border-left-color: #E0E0E2;}
.nei_table2 .td3a{border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #E0E0E2; border-left-width: 1px; border-left-style: solid; border-left-color: #E0E0E2;}
.nei_table2 .td3{border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #E0E0E2; border-bottom-color: #E0E0E2; border-left-width: 1px; border-left-style: solid; border-left-color: #E0E0E2;}
/*服务列表修改价格、标题样式*/
.xiugai_title{}
.xiugai_title .xiugai_title_tex{margin-left: 30px;}
.xiugai_title .xiugai_title_img{position: relative; width: 15px; height: 15px; vertical-align: middle; margin-left: 5px; cursor: pointer;}
.xiugai_title .xiugai_img{display: none;}
.xiugai_title .xiugai_img img{width: 100%;}
.xiugai_title .xiugai_title_tan{display: none; min-width: 600px; z-index: 2000; height: 50px; position: absolute; left: -120px; top: 27px;}
.xiugai_title_tan .arrow{display: block; position: relative; margin-left: 110px; z-index: 2; width: 6px; height: 6px; background: #fff; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .2); overflow: hidden; transform: translateY(-50%) rotate(225deg); left: 14px;}
.xiugai_title_tan .inp_tan_container{position: relative; margin-top: -6px; z-index: 1; padding: 10px 15px; border-radius: 2px; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); background-color: #fff;}
.xiugai_title_tan input{width: 490px; padding: 5px; font-size: 12px;}
.xiugai_title_tan a{font-size: 12px;}
.xiugai_jiage{position: relative;}
.xiugai_jiage .xiugai_jiage_tex{margin-left: 30px;}
.xiugai_jiage .xiugai_img{display: none; width: 15px; height: 15px; vertical-align: middle; margin-left: 5px; cursor: pointer;}
.xiugai_jiage .xiugai_img img{width: 100%;}
.xiugai_jiage .xiugai_jiage_tan{width: 180px; z-index: 2000; height: 50px; position: absolute; left: 10px; top: 50px; display: none;}
.xiugai_jiage_tan .arrow{display: block; position: relative; margin-left: -70px; z-index: 2; width: 6px; height: 6px; background: #fff; box-shadow: 1px 1px 0 0 rgba(0, 0, 0, .2); overflow: hidden; transform: translateY(-50%) rotate(225deg); left: 14px;}
.xiugai_jiage_tan .inp_tan_container{position: relative; margin-top: -6px; z-index: 1; padding: 15px; border-radius: 2px; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); background-color: #fff;}
.xiugai_jiage_tan input{width: 80px; font-size: 12px;}
.xiugai_jiage_tan a{font-size: 12px;}
/*列表删除修改样式*/
.nei_editbj{background-image: url(../php_img/nei_editbj.png); background-repeat: no-repeat; background-position: 0 0; height: 32px; margin-right: auto; margin-left: auto; width: 99px;}
.nei_editbj a{float: left; height: 28px; width: 49px; display: block; padding-top: 4px;}
.nei_editbj a.no{margin-left: -1px;}
.nei_editbj.n2{width: 50px;}
.nei_editbj.n3{background-image: url(../php_img/nei_editbj2.png); background-repeat: no-repeat; background-position: 0 0; height: 32px; margin-right: auto; margin-left: auto; width: 103px;}
.nei_editbj.n3 a{width: 35px;}
.nei_editbj.n4{background-image: url(../php_img/nei_editbj4.png); background-repeat: no-repeat; background-position: 0 0; height: 32px; margin-right: auto; margin-left: auto; width: 137px;}
.nei_editbj.n4 a{width: 35px;}
/*内页右侧帮助*/
.aside-help-container{position: fixed; top: 0; right: 0; bottom: 0; width: 224px; background: #fff; font-size: 12px; border-left: 1px solid #e5e5e5; z-index: 59;}
.help-container-head{line-height: 55px; height: 55px; padding: 0 20px; font-size: 14px; font-weight: bold; color: #333333; border-bottom: 1px solid #e5e5e5;}
.help-container-head.help-icon{width: 16px; height: 16px; margin-top: -2px; margin-right: 8px; display: inline-block; background: url(../php_img/sidebar-icon.png) no-repeat; background-position: 0 -180px; vertical-align: middle;}
.help-container-body{padding: 10px 10px 60px; overflow-x: hidden; overflow-y: scroll; height: 100%;}
.help-body-title{color: #333; border-left: 2px solid #008add; padding-left: 8px; padding-right: 10px; line-height: 12px; margin: 10px 0;}
.help-body-title a{color: #008add; text-decoration: none; float: right; font-size: 12px;}
.help-x{border-top: 1px solid #e5e5e5; margin: 20px 7px;}
.help-body-service{position: relative;}
.help-body-service a{display: block; border-top: 2px solid #fff; background-color: #f8f8f8; border-radius: 2px;}
.help-body-service a .kefu{padding: 20px 0; margin-bottom: 0;}
.help-body-service a .kefu{padding: 20px 0; margin-bottom: 0;}
.help-body-service a .kefu .kefu-btn{display: block; margin: 0 15px; border: 1px solid #bbb; background: #fff; border-radius: 2px; text-align: center; line-height: 24px; color: #333;}
.help-body-service a .kefu .kefu-btn .kefu-btn-text{position: relative; display: inline-block; padding-left: 20px; margin: 0 auto; background: url(../php_img/kefu-btn.png) no-repeat 0; background-size: 15px; font-size: 12px;}
.help-body-service a .tel{font-size: 12px; color: #333333; text-align: center; padding: 14px 0; margin: 0 0 30px;}
.tex_main{display: none; position: fixed; bottom: 10px; left: 95px; z-index: 100000;}
.tex_cont{width: 300px; border: solid 1px #ccc; background: #FFFFFF; -moz-box-shadow: 0 0 10px #666; -webkit-box-shadow: 0 0 10px #666; box-shadow: 0 0 10px #666;}
.tex_cont .cont_list{position: relative;}
.tex_cont .cont_list span{display: block; position: absolute; top: -15px; right: -15px;}
.tex_cont .cont_list .tex_list{height: 350px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; padding: 10px;}
.tex_cont .cont_list .tex_list li{display: block; background: #F5F5F5; padding: 10px; margin-bottom: 10px;}
.tex_cont .cont_list .tex_list li h3{display: block; color: #999999; font-size: 12px; margin-bottom: 5px; font-weight: normal;}
.tex_cont .cont_list .tex_list li p{display: block; font-size: 14px; line-height: 23px; margin-bottom: 5px;}
.tex_cont .cont_list .tex_list li div{text-align: right; font-size: 12px; color: #999;}
.tex_cont .cont_list .tex_list li a{display: inline-block; font-size: 12px; color: #999;}
.tex_cont .cont_list .tex_list li a:hover{color: #666; text-decoration: none;}
.tex_cont .cont_list .tex_add{padding: 10px; border-top: solid 1px #ccc;}
.tex_cont .cont_list .tex_add textarea{resize: none; outline: none; border: none; width: 100%;}
.tex_cont .cont_list .tex_add .anniu{padding: 5px 10px; background: #666; margin-top: 10px; margin-left: 222px; border: none; color: #FFFFFF; font-size: 12px;}
.tex_leibie{width: 30px;}
.tex_leibie .lb_list{min-height: 40px; width: 30px;}
.tex_leibie .lb_list .lb_itme{width: 30px; max-height: 440px; overflow: scroll; overflow-x: hidden; overflow-y: scroll;}
.tex_leibie .lb_list .lb_itme li{padding: 5px; background: #666; display: block; border-bottom: #6E5A5C 1px solid;}
.tex_leibie .lb_list .lb_itme li.on{background-color: #008add; border-bottom: #008add 1px solid;}
.tex_leibie .lb_list .lb_itme li.on .textarea_div{background-color: #008add;}
.tex_leibie .lb_list .lb_itme li .textarea_div{min-height: 30px; width: 20px; margin: 0 auto; border: none; font-size: 12px; color: #FFFFFF; background: #666; resize: none; text-align: center;}
.tex_leibie .lb_list span{display: block; text-align: center; width: 30px; height: 30px; padding-top: 10px; background: #6E5A5C;}
.tex_leibie .lb_list span img{width: 20px;}
/************************************** 选择按钮 **********************************************/
.pagination-panel{width: 100%; padding: 10px; box-sizing: border-box; background: #FFF; display: flex; align-items: center; position: sticky; bottom: 0; z-index: 130; overflow: hidden; box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);}
.pagination-panel .loo{flex: 1;}
/*右侧帮助*/
#app_help_nav{position: fixed; right: -224px; top: 0; z-index: 58; width: 120px; -moz-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s;}
#app_help_nav.no{right: 0;}
.app-help-icon-close{width: 13px; height: 10px; position: absolute; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAQCAYAAAAS7Y8mAAAAAXNSR0IArs4c6QAAAORJREFUOBGtlD0OgkAQhWeNQdFaA72dR7CSG3hSb6CNR9BOTawgWitKs+7bqBl+FsbAFJPN8N7HWzJBkanT+bLTpBek1IH8QTQLgivmxZLq4OuhjXxvZaFazyl9bY5JMsW8WFIdfBYchuFtPPSWHB7H8aQIlurgU9wM2P2ZbQnJzWfBywDjGpwluhxYapLoSmCJCRpUXfJKcJPJUj/NBXeC28LtVvAErrMyi+56xudfnTMxv6IitTc7HDVtCNdVgttCcYMSmEPb7HIO3BU0l7hL6A/cNRTgPtojzdZE9f+Hf3TQvgF0vzkA1dBZhAAAAABJRU5ErkJggg==) no-repeat; background-size: cover; right: 16px; top: 23px; cursor: pointer; z-index: 58;}
.no_app_help .main-container{margin-right: 0;}
.no_app_help .main-top{width: -webkit-calc(100% - 225px); width: -moz-calc(100% - 225px); width: calc(100% - 225px);}
.no_app_help .fixedbutton .fd{width: -webkit-calc(100% - 290px); width: -moz-calc(100% - 290px); width: calc(100% - 290px);}
.no_app_help .fixedbutton.no .fd{width: 100%;}
.no_app_help .aside-help-container{right: -224px;}
.no_app_help .yuangongBiji{right: 10px;}
/*右侧帮助*/
#app_help_nav{display: none;}
.app-help-icon-close{display: none;}
.main-container{margin-right: 0;}
.main-top{width: -webkit-calc(100% - 225px); width: -moz-calc(100% - 225px); width: calc(100% - 225px);}
.aside-help-container{right: -224px;}
.yuangongBiji{right: 10px;}
/*layer*/
body .layui-layer-btn .layui-layer-btn0{border-color: #008add !important; background-color: #008add !important;}
body .u-flyer{background-color: #008add;}
body .class-layer-demo-custom .layui-layer-title{background-color: #555555; color: #fff;}
body .class-layer-demo-custom .layui-layer-btn{padding: 5px 10px 10px;}
body .class-layer-demo-custom .layui-layer-btn-c{position: relative; box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);}
body .class-layer-demo-custom .layui-layer-setwin span {color: #fff; font-size: 20px;}
/*body .layer_diy_open .layui-layer-title{font-weight: bold; background: #555555; color: #ffffff; font-size: 15px;}
body .class-layer-demo-custom .layui-layer-title{background-color: #535353; color: #fff; border-bottom: 1px solid #eee;}
body .class-layer-demo-custom .layui-layer-btn{background-color: #f6f8f8; border-top: 1px solid #eee;}*/
/* 模板区域 */
#app .min_height{min-height: 55px; display: flex; align-items: center;}
#app .mzhuti-container .search-panel{overflow: hidden;}
#app .mzhuti-container .search-panel .layui-tab a{font-weight: bold;}
#app .mzhuti-container .search-panel .layui-tab .layui-this a{color: #008add;}
#app .mzhuti-container .search-panel .el-form-item{margin-bottom: 16px;}
#app .mzhuti-container .search-panel .el-form-item--large{margin-bottom: 16px;}
#app .mzhuti-container .search-panel .but{margin-left: 12px; line-height: normal;}
#app .mzhuti-container .search-panel .layui-tab-brief > .layui-tab-title .layui-this:after{border-bottom: 2px solid #008add;}
#app .mzhuti-container .search-panel .loo{display: flex;}
#app .mzhuti-container .search-panel .loo .right{display: flex; flex: 1; justify-content: flex-end;}
#app .mzhuti-container .container-panel{overflow: hidden;}
#app .mzhuti-container .container-panel .avatar{overflow: hidden; margin-top: 10px; flex-shrink: 0;}
#app .mzhuti-container .container-panel .avatar-mini{width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;}
#app .mzhuti-container .container-panel .product-mini{width: 66px; height: 66px; flex-shrink: 0;}
#app .el_table_header{background-color: #535353; color: #fff; font-weight: normal;}
#app .layui-tab .layui-tab-title{border: none;}
#app .footer-panel{display: flex; align-items: center; position: sticky; bottom: 0; z-index: 66; overflow: hidden; background: #FFF; padding-top: 16px; padding-bottom: 10px;}
#app .footer-panel .left{flex: 1;}
#app .layui-tab{margin: 0 0 16px 0;}
#app [id^="page-open-"]{display: none; padding: 20px;}
#swt-do [id^="page-open-"]{display: none; padding: 20px;}
#app .image-slot{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: var(--el-fill-color-light); color: var(--el-text-color-secondary); font-size: 12px;}
#swt-do{min-height: 100vh; padding: 10px; box-sizing: border-box; background: #FFFFFF; overflow: hidden;}
#swt-do .el_table_header{background-color: #666; color: #fff; padding: 4px 0; font-weight: normal;}
#swt-do .el_table_header_style2{background-color: #f6f6f6; color: #666; padding: 8px 0;}
#swt-do .flex_column_width{display: flex; flex-direction: column; width: 100%;}
.tip_text_custom{background: #ecf5ff; color: #707070; padding: 8px 16px; border-radius: 4px; border-left: 5px solid #409eff; box-sizing: border-box;}
.tip_text_custom .t{font-size: 15px; color: #010101;}
.column_form_custom{display: flex; flex-direction: column; width: 100%;}
[v-cloak]{display: none; /* 隐藏未渲染的 Vue 内容 */}
#app .el-empty .el-empty__description{--el-font-size-base: 22px;}

#swt-do .ui_table{position: relative; overflow: hidden;}
#swt-do .ui_table .ui_thead_th{background: #f5f5f5; padding: 0 12px; box-sizing: border-box; height: 32px; text-align: left; border: 1px solid #f2f2f2;}
#swt-do .ui_table .ui_tbody_td{border: 1px solid #f2f2f2; padding: 10px 5px 10px 12px; box-sizing: border-box; font-size: 12px; color: #666;}
#swt-do .ui_table .ui_thead_th .title{font-size: 12px; color: #333; font-weight: bold;}

#swt-do .user_item {background: #F5F5F5; padding: 6px 10px; border-radius: 6px; margin: 0 10px 10px 0; box-sizing: border-box;}
#swt-do .user_item .img {width: 48px; height: 48px; border-radius: 2px; margin-right: 10px;}
#swt-do .user_item .p {font-size: 14px; color: #515553; line-height: 20px;}
#swt-do .user_item .del {font-size: 22px; color: #515553; cursor: pointer;}

/*空内容*/
.kongbai_box{font-size: 14px; color: #909399; padding: 20px 0; object-fit: cover;}

/*按钮样式*/
.btn_a{display: block; line-height: 100%;}

/*自定义组件*/
.component_html_user {overflow: hidden;}
.component_html_user .style1 .touimg {width: 20px; height: 20px; border-radius: 50%; margin-right: 6px;}
.component_html_user .style1 .name {font-size: 14px; color: #666;}
.component_html_user .style2 .touimg {width: 44px; height: 44px; border-radius: 2px; margin-right: 6px;}
.component_html_user .style2 .name {font-size: 14px; color: #666;}
.component_html_user .style2 .mobile {font-size: 14px; color: #666;}
.component_html_user .style3 .touimg {width: 32px; height: 32px; border-radius: 2px; margin-right: 6px;}
.component_html_user .style3 .name {font-size: 14px; color: #666;}

/*定义文字颜色*/
.p_color_jia{color: #ff00ff;}
.p_color_pem{color: #008add;}