文件
mashangyoujiu/Public/Retail/css/store.css

1342 行
22 KiB
CSS
可执行文件

*{
font-family:"微软雅黑"
}
.manage {
width: 100%;
margin: auto;
height: 78px;
padding: 0 25px;
overflow: hidden;
}
.manage_left {
float: left;
margin-top: 32px;
font-size: 13px;
}
.Business_title {
height: 60px;
background: url(../img/tab_bj.png) no-repeat;
}
.Business_title a img {
float: left;
margin-top: 7px;
margin-right: 5px;
margin-left: 15px;
}
.Business_title .sel {
color: #fff;
/*border: 1px solid #2DB7F5;*/
background: url(../img/tab_hover.png) no-repeat;
top:1px;
z-index: 999;
}
.Business_title a {
width: 161px;
float: left;
height: 35px;
line-height: 36px;
text-indent: 4em;
margin-right: -27px;
background: url(../img/tab_bj.png) no-repeat;
border-bottom: 1px solid #eee;
/*border: 1px solid #ddd;
background:#fff;
border-radius: 3px;*/
/*color: #333;
font-size: 14px;
padding-left: 20px;
margin-right: 10px;
text-indent: 1em;
url(../img/add2.png) no-repeat 10px center;*/
}
/*.Business_title a:hover{
background: #2DB7F5;
color: #fff;
}
*/
/*.Business_title a:last-child{
background: none;
font-size: 3px;
color: #404c54;
}
*/
.Business_title a:first-child {
position: relative;
z-index: 10;
}
.Business_title a:nth-child(2n) {
position: relative;
z-index: 5;
}
.Business_title a:last-child {
position: relative;
z-index: 3
}
.Business_title a span {
border-radius: 15px;
padding: 0 4px;
background: #1E9FFF;
color: #fff;
top: -3px;
position: relative;
}
.Business_lan {
padding-left: 15px;
}
.Business_lan a {
font-size: 13px;
height: 20px;
float: left;
line-height: 20px;
margin-right: 20px;
color: #5f5f5f;
}
.Business_lan a img {
float: left;
margin-right: 5px;
}
.manage_left input {
width: 175px;
height: 25px;
line-height: 25px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 10px 0 10px;
text-indent: 1em;
color: #666;
}
.manage_left input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.manage_left input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right {
float: left;
line-height: 50px;
padding-top: 16px;
color: #565656;
font-size: 12px;
/*width: 550px;*/
/*margin-left:20px;*/
}
.manage_right label span {
line-height: 41px;
float: left;
margin-right: 5px;
color: #777;
}
.manage_right label {
margin-top: 5px;
}
.manage_right input {
width: 250px;
height: 27px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 8px 0 10px;
text-indent: 1em;
color: #999;
font-family: "微软雅黑";
font-size: 12px;
}
.manage_right input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.manage_right_Dc input {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli_count/dc_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
border-radius:14px;
font-size:12px;
text-indent:8px;
margin-top:28px;
}
.manage_right_Dc input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
/*商家管理table数据列表*/
.Business {
width: 98%;
margin-left: 10px;
}
.Business_tb1 {
width: 96%;
/* height: 480px; */
border: 1px solid #ededed;
border-radius: 5px;
background: #fff;
margin-left: 15px;
text-align: center;
}
.Business_tb1 tr td img {
width: 20px;
margin-right: 5px;
}
.Business_tb1 tr:nth-child(2n+0) {
background: #f9fafc;
}
.Business_tb1 tr {
height: 40px;
line-height: 40px;
font-size: 12px;
color: #717171;
text-align: center;
padding: 0;
margin: 0;
}
.Business_tb1 tr td {
border-right: 1px solid #ebecee;
border-bottom: 1px solid #ebecee;
line-height: 20px;
padding: 4px;
}
.Business_tb1 tr td {
border-right: 1px solid #ebecee;
border-bottom: 1px solid #ebecee;
}
.Business_tb1 p {
height: 1px;
width: 100%;
background: #ddd;
}
.Business_tb1 tr:first-child {
width: 100%;
height: 48px;
line-height: 46px;
/*border-bottom: 1px solid #ddd;*/
z-index: 500;
color: #4c4c4c;
}
.Business_tb1 tr th {
width: 3%;
/*border-bottom: 1px solid #ebecee;*/
/*border-right: 1px solid #ebecee;*/
overflow: hidden;
white-space: nowrap;
/* 不换行 */
text-overflow: ellipsis;
text-align: center;
}
.Business_tb1 tr th img {
float: left;
width: 22px;
margin-left: 10px;
}
/*结算方式下拉*/
.manage_left select {
width: 100px;
height: 29px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 30px 0 10px;
text-indent: 1em;
color: #666;
font-family: "微软雅黑";
font-size: 12px;
outline: none;
-webkit-appearance: none;
padding-right: 23px;
background: #fff url(../img/sj.png) 80px center no-repeat;
overflow: hidden;
/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow: ellipsis;
}
.option:checked,
option: {
color: white;
}
.manage_left select:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
/*佣金结算总金额数据*/
.Total {
width: 92%;
/* margin: auto; */
height: 62px;
padding: 0 2%;
background: #fff url(../img/line.png) center no-repeat;
border-radius: 3px;
border: 1px solid #1E9FFF;
box-shadow: 0px 0px 5px #1E9FFF;
margin-bottom: 5px;
line-height: 62px;
margin-left: 15px;
margin-top: -10px;
}
.total_left {
width: 47%;
float: left;
}
.total_left span:last-child {
font-size: 20px;
color: #1E9FFF;
}
.total_right {
width: 47%;
float: right;
}
.total_right span:last-child {
font-size: 20px;
color: #1E9FFF;
}
/*收银台页面*/
.manage_left p {
line-height: 35px;
font-size: 13px;
padding-left: 15px;
}
.manage_left p:last-child {
background: url(../img/zftd.png) 110px center no-repeat;
background-size: 422px;
}
.Software {
width: 97%;
height: 750px;
margin: auto;
padding-left: 15px;
}
.so_down {
width: 194px;
height: 310px;
background: #fff;
box-shadow: 0px 0px 20px #ccc;
border-radius: 3px;
padding: 15px 16px;
margin-left: 25px;
float: left;
margin-right: 20px;
margin-bottom: 35px;
}
.icon {
width: 50px;
height: 42px;
border-radius: 50%;
box-shadow: 0px 0px 8px #ccc;
text-align: center;
padding-top: 8px;
float: left;
position: relative;
left: -42px;
background: #fff;
}
.down_title {
width: 170px;
margin-top: 7px;
float: left;
margin-left: -32px;
margin-bottom: 10px;
}
.down_title img {
vertical-align: top;
margin-top: 3px;
}
.down_title p {
text-align: left;
margin-top: 5px line-height: 22px;
font-size: 16px;
color: #333;
}
.down_title p a {
float: right;
}
.down_title p:last-child {
font-size: 12px;
color: #a5b7cb;
}
.so_down h1 {
display: block;
width: 100%;
height: 200px;
text-align: center;
}
.so_down:hover {
box-shadow: 0px 0px 15px #1E9FFF;
}
.so_down ul {
height: 57px;
margin-top: 3px;
}
.so_down li {
line-height: 25px;
width: 100%;
line-height: 20px;
display: block;
font-size: 12px;
color: #1E9FFF;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.so_down li:first-child {
color: #6c6c6c;
}
.down {
width: 100%;
height: 32px;
border-radius: 3px;
background: #1E9FFF;
color: #fff;
line-height: 32px;
text-align: center;
font-size: 12px;
position: relative;
bottom: -18px;
}
/*app内容页*/
.SoApp {
width: 97%;
height: 530px;
background: url(../img/app_bj1.png) no-repeat 50px 20px;
border-radius: 5px;
margin-left: 25px;
border: 1px solid #f6f8f9;
margin-top: 20px;
}
.SoApp img {
margin-left: 20px;
float: left;
margin-right: 50px;
}
.SoApp p {
width: 60%;
text-align: center;
color: #1E9FFF;
margin-top: 300px;
font-size: 16px;
margin-bottom: 10px;
margin-left: 300px;
}
.SoApp table {
width: 60%;
height: 135px;
}
.SoApp table td {
min-width: 300px;
padding-left: 40px;
background: url(../img/gou.png) no-repeat 16px center;
}
/*素材下载中心样式*/
.file_tb {
width: 97%;
height: 470px;
padding-left: 15px;
}
.z_file {
width: 165px;
height: 238px;
background: #fff;
border: 1px solid #ddd;
padding: 2px;
float: left;
margin-right: 22px;
margin-bottom: 25px;
overflow: hidden;
border-radius: 3px;
}
/*.z_file:nth-child(5n+0){
margin-right: 0px;
}*/
.z_file dl {
height: 150px;
}
.z_file dl p {
width: 100%;
height: 36px;
background: rgba(64, 76, 84, 0.9);
text-align: center;
line-height: 36px;
color: #fff;
position: relative;
bottom: 35px;
}
.z_file dl dt {
width: 165px;
height: 190px;
overflow: hidden;
text-align: center;
vertical-align: middle;
display: table-cell;
}
.z_file dl dt img {
height: 100%;
vertical-align: middle;
display: table-cell;
max-height: 185px;
margin: auto;
}
.z_file dl dd {
/*position: relative;
bottom: 35px;*/
color: #757575;
font-size: 12px;
padding-left: 10px;
line-height: 18px;
padding-top: 6px;
margin-top: -35px;
overflow: hidden;
}
.z_file dl dd li {
width: 110px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.z_file dl dd a {
width: 32px;
height: 32px;
border: 1px solid #1E9FFF;
float: right;
border-radius: 50%;
margin-right: 8px;
margin-top: 3px;
background: url(../img/down.png) no-repeat center center;
}
.z_file dl dd a.shanchu {
width: 32px;
height: 32px;
border: 1px solid #1E9FFF;
float: right;
border-radius: 50%;
margin-right: 8px;
margin-top: 3px;
background: url(../img/down_2.png) no-repeat center center;
}
.z_file dl dd img {
width: 100%;
float: right;
margin-right: 10px;
}
.z_file dl dd a img {
width: 35px;
margin-top: 2px;
}
/*我的素材 下载样式*/
.z_file p {
color: #999;
font-size: 12px;
padding: 0 7px;
text-align: center;
}
.z_file a {
width: 134px;
height: 134px;
background: #f6f8f9;
border-radius: 50%;
margin: 20px auto;
text-align: center;
color: #1E9FFF;
display: block;
font-size: 12px;
}
.z_file a img {
width: 42px;
margin-top: 34px;
margin-bottom: 10px;
}
.z_file a input {
margin-top: 10px;
font-family: "微软雅黑";
font-size: 12px;
}
.z_file a input v
/*小马哥大学*/
.school_text {
width: 96%;
margin: auto;
padding-left: 25px;
margin-left: 2%;
margin-top: 25px;
}
.school_news {
width: 20%;
float: left;
min-width: 252px;
height: 252px;
border: 1px solid #ddd;
border-radius: 5px;
background: #fff;
float: left;
margin-right: 24px;
}
.school_news dt {
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
color: #fff;
background: #1E9FFF;
border-radius: 4px 4px 0 0;
}
.school_news dd {
height: 120px;
padding: 17px;
font-size: 12px;
line-height: 20px;
}
.school_news dd li {
margin: 11px 0;
}
.school_news p {
width: 103px;
height: 28px;
border: 1px solid #1E9FFF;
border-radius: 3px;
text-align: center;
line-height: 28px;
color: #1E9FFF;
margin: 0 auto;
margin-top: 39px;
}
/*小马哥大学右边往期列表*/
.school_history {
width: 70%;
min-width: 700px;
height: 252px;
border: 1px dashed #ddd;
float: left;
background: #fff;
border-radius: 3px;
}
.school_history p {
text-align: center;
color: #1E9FFF;
line-height: 42px;
padding-bottom: 5px;
background: url(../img/line2.png) center bottom no-repeat;
margin-bottom: 8px;
}
.school_history li {
float: left;
width: 43%;
margin-left: 41px;
font-size: 12px;
line-height: 35px;
color: #4b4a4a;
white-space: nowrap;
/*规定段落中的文本不进行换行*/
text-overflow: ellipsis;
/*文字段在容器内超宽时,截断该文字段并且续以省略号*/
overflow: hidden;
}
.school_history li a {
color: #4b4a4a;
width: 245px;
white-space: nowrap;
/*规定段落中的文本不进行换行*/
text-overflow: ellipsis;
/*文字段在容器内超宽时,截断该文字段并且续以省略号*/
overflow: hidden;
float: left;
}
.school_history li span {
float: right;
color: #999;
display: block;
}
.school_history li:nth-child(2n) {
margin-left: 75px;
}
/*蓝色字*/
.lan {
color: #1E9FFF;
}
/*添加商户add_text*/
.add_text {
width: 97%;
border-radius: 3px;
margin: 25px;
}
/*添加员工*/
.box-content {
font-family: "微软雅黑";
width: 350px;
height: 240px;
background: #Fff;
border: 1px solid #ddd;
border-radius: 3px;
margin: auto;
padding: 40px 130px;
font-size: 14px;
color: #666;
line-height: 35px;
margin-top: 45px;
}
.box-content div {
margin-bottom: 20px;
}
.box-content input {
width: 220px;
height: 28px;
border: 1px solid #ddd;
border-radius: 3px;
text-indent: 1em !important;
margin-bottom: 5px;
color: #787878;
}
.form-actions input {
padding: 6px 22px;
background: #1E9FFF;
color: #fff;
border: none;
border-radius: 3px;
border: 1px solid #1E9FFF;
margin-left: 20px;
width:100px !important;
height: 30px;
margin-top:20px;
}
.box-content span {
width: 110px;
display: block;
margin-right: 10px;
float: left;
}
.box-content span i {
color: orangered;
margin-right:5px;
display:block;
float: left;
}
.box-conten form .div {
margin-bottom: 20px;
}
/*员工修改*/
.box-content2 {
font-family: "微软雅黑";
width: 408px;
background: #Fff;
border: 1px solid #ddd;
border-radius: 3px;
margin: auto;
padding: 40px 60px;
font-size: 14px;
color: #666;
line-height: 35px;
margin-top: 45px;
padding-bottom:25px;
}
.box-content2 div {
margin-bottom: 10px;
}
.box-content2 input {
width: 220px;
height: 28px;
border: 1px solid #ddd;
border-radius: 3px;
text-indent: 1em !important;
color: #787878;
border-radius:4px;
}
.box-content2 p{
height:24px;
}
.box-content2 p img{
position: relative;
top: 5px;
margin-right: 5px;
}
.box-content2 p span{
width:110px;
text-align:right;
float:left;
}
.box-content2 p input{
height:24px;
line-height:24px;
}
.box-content2 span {
width: 110px;
display: block;
margin-right: 10px;
float: left;
text-align:right;
}
.box-content2 span i {
color: orangered;
margin-right:5px;
float: none;
display: inline-block;
}
.box-conten2 form .div {
margin-bottom: 20px;
}
.form-actions input{
border-radius:4px;
color:#fff;
height:35px !important;
text-indent:0 !important;
}
.manage_right2 {
float: right;
line-height: 50px;
color: #565656;
font-size: 12px;
margin-right: 2%;
/*margin-left:20px;*/
}
.manage_right2 label span {
line-height: 41px;
float: left;
margin-right: 5px;
color: #777;
}
.manage_right2 label {
margin-top: 5px;
}
.manage_right2 input {
width: 250px;
height: 27px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 8px 0 10px;
text-indent: 1em;
color: #999;
font-family: "微软雅黑";
font-size: 12px;
}
.manage_right2 input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right2 input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.manage_right3 {
float: right;
line-height: 50px;
color: #565656;
font-size: 12px;
margin-right: 2%;
/*margin-left:20px;*/
}
.manage_right3 label span {
line-height: 41px;
float: left;
margin-right: 5px;
color: #777;
}
.manage_right3 label {
margin-top: 5px;
}
.manage_right3 input {
width: 250px;
height: 27px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 8px 0 10px;
text-indent: 1em;
color: #999;
font-family: "微软雅黑";
font-size: 12px;
}
.manage_right3 input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right3 input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.manage_right3 {
float: right;
line-height: 50px;
color: #565656;
font-size: 12px;
margin-right: 2%;
/*margin-left:20px;*/
margin-top: 17px;
}
.manage_right3 label span {
line-height: 41px;
float: left;
margin-right: 5px;
color: #777;
}
.manage_right3 label {
margin-top: 5px;
}
.manage_right3 input {
width: 250px;
height: 27px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 8px 0 10px;
text-indent: 1em;
color: #999;
font-family: "微软雅黑";
font-size: 12px;
}
.manage_right3 input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right3 input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.manage_right3 {
float: right;
line-height: 50px;
color: #565656;
font-size: 12px;
margin-right: 2%;
/*margin-left:20px;*/
}
.manage_right3 label span {
line-height: 41px;
float: left;
margin-right: 5px;
color: #777;
}
.manage_right3 label {
margin-top: 5px;
}
.manage_right3 input {
width: 250px;
height: 27px;
line-height: 27px;
border: 1px solid #ddd;
border-radius: 13px;
margin: 0 8px 0 10px;
text-indent: 1em;
color: #999;
font-family: "微软雅黑";
font-size: 12px;
}
.manage_right3 input:focus {
border: 1px solid #fff;
box-shadow: 0px 0px 5px #1E9FFF;
}
.manage_right3 input:last-child {
width: 76px;
height: 27px;
background: #1E9FFF url(../../images/yuangongguanli/search_bai.png) 8px center no-repeat;
border: 1px solid #1E9FFF;
color: #fff;
line-height: 22px;
font-family: "微软雅黑";
margin-left: 0;
}
.Business_title2 {
height: 60px;
background: url(../img/tab_bj.png) no-repeat;
}
/*#list1:active{
background:#1E9FFF url(../img/add1_b.png) no-repeat 10px center;
}*/
/*.Business_title a:active{
background:#1E9FFF url(../img/add1_b.png) no-repeat 10px center;
}*/
.Business_title2 a img {
float: left;
margin-top: 7px;
margin-right: 5px;
margin-left: 15px;
}
.Business_title2 .sel {
color: #fff;
/*border: 1px solid #1E9FFF;*/
background: url(../img/tab_hover.png) no-repeat;
}
.Business_title2 a {
width: 161px;
float: left;
height: 35px;
line-height: 36px;
text-indent: 5em;
margin-right: -27px;
background: url(../img/tab_bj.png) no-repeat;
/*border: 1px solid #ddd;
background:#fff;
border-radius: 3px;*/
/*color: #333;
font-size: 14px;
padding-left: 20px;
margin-right: 10px;
text-indent: 1em;
url(../img/add2.png) no-repeat 10px center;*/
}
/*.Business_title2 a:hover{
background: #1E9FFF;
color: #fff;
}
*/
/*.Business_title2 a:last-child{
background: none;
font-size: 3px;
color: #404c54;
}
*/
.Business_title2 a:first-child {
position: relative;
z-index: 10;
}
.Business_title2 a:nth-child(2n) {
position: relative;
z-index: 5;
}
.Business_title2 a:last-child {
position: relative;
z-index: 3
}
.Business_title2 a span {
border-radius: 15px;
padding: 0 4px;
background: #1E9FFF ;
color: #fff;
top: -3px;
position: relative;
}
/*<!--佣金结算样式-->*/
.CommissionBox{
width: 96%;
height:150px;
margin:20px 2%;
text-align: center;
margin-top: -21px;
}
.CommissionBox li{
float:left;
width:23.5%;
height:150px;
background: #fff;
border-radius: 5px;
margin-right: 2%;
}
.CommissionBox li:last-child{
margin-right:0;
}
.CommissionBox dt{
color:#585858;
font-size: 15px;
height:33px;
margin-top:20px;
line-height: 33px;
text-indent: -40px;
font-weight: 400;
font-family: "微软雅黑";
}
.CommissionBox dt img{
float:left;
margin-left: 20px;
}
.CommissionBox dd{
line-height: 85px;
color:#838383;
font-size: 35px;
font-family: "AvantGarde Bk BT","arial","微软雅黑";
}
.Graph{
width: 96%;
height:530px;
background: #fff;
border-radius: 5px;
margin:20px 2%;
}
.GraphTitle {
padding:30px;
}
.GraphTitle span{
float:left;
width:215px;
height: 75px;
font-size: 12px;
color:#7b8da0;
font-weight: 300;
}
.GraphTitle h5{
color:#4c5e70;
font-size: 18px;
font-weight: 400;
}
.Graph p{
background: #eee;
padding: 0 2%;
height: 48px;
line-height: 48px;
margin-top: 15px;
color: #666;
}
.Graph select{
border-radius: 14px;
border: 1px solid #ddd;
height: 28px;
padding: 0 14px;
width: 120px;
margin-right: 10px;
}
.daoch{
width: 100px;
height: 28px;
margin-top: 9px;
display: block;
float: right;
line-height: 28px;
color: #fff;
border-radius: 14px;
text-indent: 2em;
background: #1E9FFF url(../img/dc.png) no-repeat 5px center;
}