/*公共样式部分*/
html,
body,
div,
p,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
form,
input,
select,
button,
textarea,
iframe,
table,
th,
td,
hr {
    box-sizing: border-box;
    -moz-box-sizing: border-box;  /* Firefox */
    -webkit-box-sizing: border-box;  /* Safari */
    line-height: normal;
}

img {
    border: none;
    vertical-align: middle;
}

body,
input,
select,
button,
textarea {
    font-size: 14px;
    font-family: "微软雅黑";
}

input[type=text] {
    padding-left: 5px;
}

/*消除ipad/iphone上button等input按钮渐变*/
input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer;
    -webkit-appearance: none;
}

/*消除ipad/iphone上带有属性disabled的input透明度*/
input:disabled {
    /*字体*/
    -webkit-text-fill-color: rgba(255, 255, 255, 1);
    /*背景*/
    -webkit-opacity: 1;
}

i,
em,
cite {
    font-style: normal;
}

/*隐藏vue未编译标签*/
[v-cloak] {
    display: none;
}

/*浮动*/
.fl {
    float: left;
}

.fr {
    float: right;
}

.clear:after {
    content: "";
    height: 0;
    display: block;
    visibility: hidden;
    clear: both;
}

/*解决ie6/7兼容问题*/
.clear {
    zoom: 1;
}

/*设置input和Textarea的placeholder颜色*/
*::-webkit-input-placeholder {
    color: #999;   /*WebKit browsers*/
}

*:-moz-placeholder {
    color: #999;  /*Mozilla Firefox 4 to 18*/
}

*::-moz-placeholder {
    color: #999;  /*Mozilla Firefox 19+*/
}

*:-ms-input-placeholder {
    color: #999;  /*Internet Explorer 10+*/
}

/*字体颜色*/
.font-blue {
    color: #28A3EF;
}

.font-red {
    color: #FB4746;
}

.font-gray {
    color: #999999;
}

.font-black {
    color: #666666;
}

.font-yellow {
    color: #FAC603;
}

.font-orange {
    color: #ff6600;
}

.font-green {
    color: #34c360;
}

.font-white {
    color: #FFFFFF;
}

/*字体大小*/
.font-small {
    font-size: 12px;
}

.font-normal {
    font-size: 16px;
}

.font-big {
    font-size: 18px;
}

.font-max {
    font-size: 32px;
}

.font-bold {
    font-weight: bold;
}

/*文本排序*/
.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

/*内容间距-----------------------------*/
.text-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.text-pad-5{
    padding: 5px;
}

.text-pad-10{
    padding: 10px;
}

.text-pad-20{
    padding: 20px;
}

.text-pad-10-20{
    padding: 10px 20px;
}

.text-pad-0-30{
    padding: 0 30px;
}

.text-pad-0-120{
    padding: 0 120px;
}

.pad-10-20-20{
    padding: 10px 20px 20px 20px;
}

.pad-0-20-10 {
    padding: 0 20px 10px 20px;
}

.pad-12-0 {
    padding: 12px 0;
}

.pad-40-0 {
    padding: 40px 0;
}

.pad-120-0 {
    padding: 120px 0;
}

.pad-top10 {
    padding-top: 10px;
}

/*批量选择表格---------------*/
.batch td {
    padding-top: 10px;
}

.batch {
    width: 100%;
}

.textbox
{
    width:960px;
    height:140px;
    padding: 5px;
    border: 1px solid #e6e6e6;
}

.exportsku-cancel {
    position: absolute;
    top: 19px;
    right: 58px;
    font-size: 14px;
    cursor: pointer;
}
/*批量选择表格结束--------------------*/

.tv-cm {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

/*隐藏*/
.no-show {
    display: none;
}

.dp-b {
    display: block;
}

/*旋转*/
.transform-up {
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
}

.transform-down {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.transform-half {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/*自适应框*/
.flex-cout {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-out {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-in {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

/*背景*/
.bb-c {
    background: #FFFFFF;
}

.bb-g {
    background: #fcf2f2;
}
/*页面标题*/
.navbar-title {
    height: 50px;
    color: #000;

}

/*按钮----------------------------------*/
.common-btn {
    height: 32px;
    font-size: 14px;
    padding: 0 10px;
    border-radius: 1px;
}

.common-btn > i {
    margin-right: 4px;
    line-height: 30px;
}

.common-btn > img {
    height: 16px;
    margin-top: -4px;
    margin-right: 4px;
}

.least-btn {
    width: 24px;
    height: 24px;
    border-radius: 1px;
}

.least-btn > i {
    line-height: 22px;
}

.least-btn > img {
    height: 14px;
    margin: 4px;
}

.small-btn {
    width: 72px;
    height: 24px;
    font-size: 12px;
}

.small-btn > i {
    line-height: 22px;
}

.nm-br0-btn{
    height: 24px;
    font-size: 12px;
    border-radius: 0;
}

.nm-br0-btn > i {
    line-height: 22px;
}

.normal-btn{
    height: 24px;
    font-size: 12px;
    padding: 0 8px;
}

.normal-btn > i {
    line-height: 22px;
}

.normal-btn > img {
    height: 14px;
}

.big-btn {
    width: 132px;
    height: 36px;
    font-size: 16px;
}

.big-btn > i {
    line-height: 34px;
}

.status-btn {
    width: 84px;
    height: 24px;
    color: #666666;
    font-size: 12px;
    border: 1px solid #e6e6e6;
    background: #FFFFFF;
}

.status-btn:hover {
    color: #1299EC;
}

.status-btn.active {
    color: #FFFFFF;
    background: #28A3EF;
    border-color: #1299ec;
}

.status-btn:first-child {
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
}

.status-btn:last-child {
    border-top-right-radius: 1px;
    border-bottom-right-radius: 1px;
}

.status-btn > i {
    margin-right: 4px;
    line-height: 22px;
}

.default-btn {
    color: #666666;
    border: 1px solid #e6e6e6;
    background: #FFFFFF;
}

.default-btn:hover {
    color: #1299EC;
    border-color: #5ab8f2;
}

.default-btn.active {
    color: #FFFFFF;
    background: #28A3EF;
    border-color: #1299ec;
}

.look-btn {
    color: #ffffff;
    border: 1px solid #1299ec;
    background: #28a3ef;
}

.look-btn:hover {
    border-color: #33affc;
    background: #4cb9fc;
}
/*绿色按钮*/
.other-btn {
    color: #ffffff;
    border: 1px solid #34c360;
    background: #43cd6e;
}

.other-btn:hover {
    border-color: #33da69;
    background: #49de79;
}

.stop-btn {
    color: #ffffff;
    border: 1px solid #e1b203;
    background: #fac603;
}

.stop-btn:hover {
    border-color: #facc03;
    background: #fbd238;
}

.delete-btn {
    color: #ffffff;
    border: 1px solid #6b6b6b;
    background: #868686;
}

.delete-btn:hover {
    border-color: #ea5543;
    background: #ed6a5a;
}

.disabled-btn {
    color: #999999;
    background: #f2f2f2;
    cursor: default;
}

.disabled-btn:hover {
    color: #999999;
    background: #f2f2f2;
}

.disabled {
    color: #ffffff;
    border: 0;
    background: #999999;
    cursor: default;
}

.disabled:hover {
    color: #ffffff;
    background: #999999;
}

.white-btn {
    width: 200px;
    height: 44px;
    font-size: 16px;
    border: 1px solid #FFFFFF;
    border-radius: 2px;
    background: none;
}

.white-btn:hover {
    color: #0088ff;
    background: #FFFFFF;
}

.blue-btn {
    width: 112px;
    height: 36px;
    color: #0088FF;
    border: 2px solid #0088ff;
    border-radius: 2px;
    background: none;
}

.blue-btn:hover {
    color: #FFFFFF;
    background: #0088ff;
}

/*输入框----------------------------------------------------------*/
.common-input {
    width: 280px;
    height: 32px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    /* -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
     -webkit-transition: border linear .2s,box-shadow linear .2s;
     -moz-transition: border linear .2s,box-shadow linear .2s;
     -o-transition: border linear .2s,box-shadow linear .2s;
     transition: border linear .2s,box-shadow linear .2s;
     padding-top: 2px;
     padding-bottom: 2px;*/
}
/*日志详情筛选*/
.least-input {
    width: 214px;
    height: 24px;
}
/*一排4个*/
.small-input {
    width: 84px;
}

/*一排2个*/
.normal-input {
    width: 180px;
}

/*一排3个*/
.big-input {
    width: 214px;
}

/*一排6个*/
.big2-input {
    width: 98px;
}

/*一排1个*/
.biggest-input {
    width: 388px;
}

/*输入框带图标*/
.btime-input {
    background: url(/img/timeone.png) no-repeat right;
    height:32px;
}
.bstart-input {
    background: url(/img/bstart.png) no-repeat right;
    height:32px;
}
.bmoney-input {
    background: url(/img/bmoney.png) no-repeat right;
    height:32px;
}


/*下拉框-------------------------------------------------*/
.common-select {
    width: 140px;
    height: 32px;
    border: 1px solid #e6e6e6;
    padding: 5px;
    margin-top: 1px;
}
/*一排4个*/
.small-select {
    width: 84px;
}
/*一排2个*/
.normal-select {
    width: 180px;
}
/*一排3个*/
.big-select {
    width: 214px;
}
/*活动筛选*/
.biggest-select {
    width: 280px;
}

/*文本框*/
.common-textarea {
    width: 100%;
    height: 200px;
    padding: 5px;
    resize: none;
    border: 1px solid #e6e6e6;
}

/*框距*/
.mt-c {
    margin-top: 20px;
}

.mt-t {
    margin-top: 10px;
}

.mt-b {
    margin-top: 1px;
}

.mt-25 {
    margin-top: 25px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.ml-5 {
    margin-left: 5px;
}

.ml-6 {
    margin-left: 6px;
}

.ml-10 {
    margin-left: 10px;
}

.ml-20 {
    margin-left: 20px;
}

.ml-30 {
    margin-left: 30px;
}

.mlr-ao {
    margin-left: auto;
    margin-right: auto;
}

/*边框*/
.bl-0 {
    border-left: 0;
}

/*宽度、高度*/
.w-auto {
    width: 100%;
}

.w-36 {
    width: 36px;
}

.w-90 {
    width: 90px;
}

.w-800 {
    width: 800px;
}

.h-auto {
    height: 100%;
}

.h-24 {
    height: 24px;
}

.h-50 {
    height: 50px;
}

.h-90 {
    height: 90px;
}

.line-h20 {
    line-height: 20px;
}

.line-h30 {
    line-height: 30px;
}

.line-h50 {
    line-height: 50px;
}

/*sui面包屑*/
.sui-breadcrumb {
    padding: 9px 0;
    margin-bottom: 0;
}

/*sui分页*/
.sui-pagination {
    margin: 0;
    padding: 0px 0;
    float: right;
}

.sui-pagination div .page-num {
    height: 24px;
}

.sui-pagination div .page-num+.page-confirm {
    height: 24px;
}

/*sui表格*/
.sui-table {
    margin: 0;
    border: 0;
}


.sui-table th, .sui-table td {
    border-bottom: 1px solid #f2f2f2;
    text-align: center;
}

.sui-table th {
    padding: 6px 8px;
    background: #FFFFFF;
}

.sui-table td {
    font-size: 12px;
}

.sui-table .table-btns{
    max-width: 174px;

}

.sui-table tr:last-child td {
    border-bottom: 1px solid #f2f2f2;
}

/*空表格*/
.table {
    min-height: 400px;
    position: relative;
}

.table-empty {
    width: 100%;
    margin-top: -18px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
}

.table-empty > div {
    color: #666666;
}

.table-empty.has-btn {
    margin-top: -64px;
}

.table-empty.has-btn > button {
    width: 144px;
    height: 36px;
    margin-top: 10px;
    border-radius: 2px;
}

.table-empty.has-btn > button > img {
    height: 16px;
    margin-right: 10px;
    margin-top: -4px;
}

.swMain div.actionBar .sui-btn{
    width: 132px;
    height: 36px;
    font-size: 16px;
    text-align: center;
    line-height: 26px;
}

.swMain div.actionBar {
    height: auto;
    padding: 12px 0px 12px 0;
    background-color: #FFFFFF;
    width: 1002px;
}


/*提示文字*/
.small-tiptext{
    font-family: 宋体;
    font-size: 12px;
    color: #999;
    margin: 0 10px;
}
/*属性设置标题*/
.tiptitle{
   line-height: 20px;
    font-size: 14px;
    color: #333;
    font-weight: bold;
}

/*定位*/
.p-r {
    position: relative;
}

/*超链接*/
a.no,
a.no:link,
a.no:hover,
a.no:active,
a.no:visited{
    color: #333333;
    text-decoration: none;
}

/*鼠标样式*/
.c-p {
    cursor: pointer;
}