@charset "utf-8";

body {
    background: #F2F4F8;
    height: 100%;
    position: absolute;
    width: 100%;
}

@font-face {
    font-family: "iconfont";
    src: url('../images/iconfont.eot');
    src: url('../images/iconfont.eot#iefix') format('embedded-opentype'), url('../images/iconfont.woff') format('woff'), url('../images/iconfont.ttf') format('truetype'), url('../images/iconfont.svg#iconfont') format('svg');
}

[class^="icon-"] {
    vertical-align: middle;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

[class^="icon-"]:before {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
}

.icon-city:before {
    content: "\e622"
}

.icon-user:before {
    content: "\e611"
}

.icon-member:before {
    content: "\e612"
}

.icon-agent:before {
    content: "\e78d"
}

.icon-manager:before , .icon-managerShop:before{
    content: "\e608"
}

.icon-dataview:before {
    content: "\e620"
}

.icon-commodity:before {
    content: "\e692";
}

.icon-redpack:before {
    content: "\e692";
}

.icon-statistics:before {
    content: "\e6eb";
}
.icon-orderManage:before {
    content: "\e692";
}

.icon-match:before {
    content: "\e69c";
}

.icon-system:before {
    content: "\e607"
}

.icon-password:before {
    content: "\e648"
}

.icon-arrow:before {
    content: "\e7e2"
}

.icon-close-s:before {
    content: "\e627"
}

.icon-edit:before {
    content: "\e61a"
}

.icon-del:before {
    content: "\e68d"
}

.icon-add:before {
    content: "\e62b"
}

.icon-export:before {
    content: "\e722"
}

.icon-exit:before {
    content: "\e60d"
}

.icon-column:before {
    content: "\e6eb"
}

.icon-other:before {
    content: "\e720"
}
.icon-vipGrow::before{
    content: "\e720"
}
.icon-overtime:before {
    content: "\e720"
}
.icon-lowFree:before{
    content: "\e607"
}
.sortable-ghost {
    border-top: dashed 2px #526eac;
}

.ui-radio i,
.ui-checkbox i  , .ui-checkbox-m i{
    width: 17px;
    height: 17px;
    border: solid 1px #cbd5dd;
    border-radius: 50%;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
}

.ui-radio i:before,
.ui-checkbox i:before  , .ui-checkbox-m i:before {
    content: "";
    width: 11px;
    height: 11px;
    position: absolute;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: transparent;
}

.ui-radio i.focus,
.ui-checkbox i.focus  ,  .ui-checkbox-m i.focus{
    border-color: #545ca6;
}

.ui-radio i.focus:before {
    background: #545ca6;
}

.ui-radio label,
.ui-checkbox label  , .ui-checkbox-m label{
    cursor: pointer;
    color: #555;
    display: inline-block;
}

.ui-radio label i,
.ui-checkbox label i , .ui-checkbox-m label i{
    margin-right: 5px;
    position: relative;
    top: -1px;
}

.ui-checkbox i , .ui-checkbox-m i{
    border-radius: 0;
}

.ui-checkbox i:before ,.ui-checkbox-m i:before{
    width: 9px;
    height: 5px;
    border: solid 0 transparent;
    border-width: 0 0 2px 2px;
    left: 3px;
    top: 3px;
    border-radius: 0;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.ui-checkbox i.focus:before  , .ui-checkbox-m i.focus:before{
    border-color: #4CB6CB;
}

.ui-select {
    width: calc(100% - 2px);
    line-height: 32px;
    height: 32px;
    border: solid 1px #cbd5dd;
    background: #fff;
    font-size: 14px;
    text-align: center;
    color: #444;
    position: relative;
    transition: 0.3s border-color;
    -webkit-transition: 0.3s border-color;
    cursor: default;
}

.ui-select:before {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e696";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 8px;
    top: 6px;
    text-align: center;
    line-height: 23px;
    font-size: 20px;
    color: #4CB6CB;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transition: 0.3s transform;
    -webkit-transition: 0.3s transform;
}

.ui-select-value {
    padding: 0 15px;
    display: block;
    position: relative;
    height: 32px;
}

.ui-select ul {
    display: none;
    position: absolute;
    z-index: 9;
    width: 100%;
    left: -1px;
    top: 32px;
    border: solid 1px #cbd5dd;
    border-top: 0;
    background: #fff;
}

.ui-select li {
    padding: 0 15px;
}

.ui-select li:hover,
.ui-select li.focus {
    background: #4CB6CB;
    color: #fff;
}

.ui-select.active ul {
    display: block;
}

.ui-select.active:before {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.ui-dropdown {
    display: inline-block;
    line-height: 32px;
    height: 32px;
    border: solid 1px #cbd5dd;
    background: #fff;
    font-size: 12px;
    color: #444;
    position: relative;
    border-radius: 3px;
    position: relative;
    overflow: visible;
}

.ui-dropdown i {
    margin: 0 5px;
    color: #999;
    font-style: normal;
}

.ui-dropdown em {
    font-style: normal;
}

.ui-dropdown:before {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e504";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 8px;
    top: 6px;
    text-align: center;
    line-height: 23px;
    font-size: 20px;
    color: #4CB6CB;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: 0.3s transform;
    -webkit-transition: 0.3s transform;
}

.ui-dropdown.active:before {
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

.ui-dropdown .ui-dropdown-view {
    position: relative;
    padding: 0 35px 0 5px;
}

.ui-dropdown .ui-dropdown-pop {
    position: absolute;
    border: solid 1px #cbd5dd;
    box-shadow: 0 0 3px rgba(0, 0, 0, .2);
    border-radius: 3px;
    padding: 15px;
    display: none;
    left: -1px;
    top: 38px;
    z-index: 99;
    background: #fff;
    font-size: 14px;
    width: 480px;
}

.ui-dropdown.active .ui-dropdown-pop {
    display: block;
}

.ui-dropdown-pop label {
    width: 135px;
    font-size: 12px;
}
.ui-taggroup-n {
    display: inline-block;
    font-size: 0;
    /*overflow: hidden;*/
    /*height: 34px;*/
    vertical-align: middle;
}

.ui-taggroup-n li {
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    color: #666;
    background: #fff;
    border: solid 1px #cbd5dd;
    border-width: 1px 1px 1px 0;
    padding: 0 12px;
    cursor: pointer;
}

.ui-taggroup-n li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.ui-taggroup-n li:last-child {
    border-radius: 0 3px 3px 0;
}

.ui-taggroup-n li:hover,
.ui-taggroup-n li.focus {
    background: #4CB6CB;
    color: #fff;
    border-color: #4CB6CB;
}


.ui-taggroup {
    display: inline-block;
    font-size: 0;
    /*overflow: hidden;*/
    /*height: 34px;*/
    vertical-align: middle;
}

.ui-taggroup li {
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    color: #666;
    background: #fff;
    border: solid 1px #cbd5dd;
    border-width: 1px 1px 1px 0;
    padding: 0 12px;
    cursor: pointer;
}

.ui-taggroup li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.ui-taggroup li:last-child {
    border-radius: 0 3px 3px 0;
}

.ui-taggroup li:hover,
.ui-taggroup li.focus {
    background: #4CB6CB;
    color: #fff;
    border-color: #4CB6CB;
}

.ui-add,
.ui-back {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: #4CB6CB;
    position: relative;
}

.ui-back {
    width: 20px;
    height: 20px;
}

.ui-add:before,
.ui-add:after {
    content: "";
    position: absolute;
    display: block;
    width: 11px;
    height: 1px;
    background: #fff;
    top: 9px;
    left: 4px;
}

.ui-add:after {
    width: 1px;
    height: 11px;
    top: 4px;
    left: 9px;
}

.ui-back:before {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border: solid 1px #fff;
    border-width: 0 0 2px 2px;
    top: 6px;
    left: 7px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

[class^="ui-btn-"] {
    display: inline-block;
    padding: 0 10px 0 10px;
    border-radius: 3px;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    letter-spacing: 5px;
    transition: 0.3s background;
    -webkit-transition: 0.3s background;
}

.ui-btn-s {
    height: 34px;
    line-height: 34px;
}

.ui-btn-submit {
    background: rgba(23, 160, 90, .9);
}

.ui-btn-submit-custom {
    background: rgba(23, 160, 90, .9);
}

.ui-btn-submit:hover {
    background: rgb(23, 160, 90);
    color: #fff;
}

.ui-btn-cancer {
    background: rgba(79, 93, 107, .9);
}

.ui-btn-cancer:hover {
    background: rgb(79, 93, 107);
}

.ui-taggroup-checkbox {
    display: inline-block;
    font-size: 0;
    overflow: hidden;
    height: 34px;
    vertical-align: middle;
}

.ui-taggroup-checkbox li {
    display: inline-block;
    font-size: 12px;
    line-height: 32px;
    color: #666;
    background: #fff;
    border: solid 1px #cbd5dd;
    border-width: 1px 1px 1px 0;
    padding: 0 12px;
    cursor: pointer;
}

.ui-taggroup-checkbox li:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.ui-taggroup-checkbox li:last-child {
    border-radius: 0 3px 3px 0;
}

.ui-taggroup-checkbox li:active,
.ui-taggroup-checkbox li.focus {
    background: #4CB6CB;
    color: #fff;
    border-color: #4CB6CB;
}

/* 公共配置 start*/
.mainWrap {
    /* display: table; */
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1024px;
    max-height: 100%;
    overflow: hidden;
}

aside,
section {
    /* display: table-cell; */
    position: relative;
}

aside {
    width: 80px;
    height: 100%;
    background: #181F24;
    color: #8ca1af;
    z-index: 99;
    padding-top: 100px;
    padding-bottom: 60px;
    box-sizing: border-box;
    float: left;
}

aside .fold {
    display: none;
    height: 100%;
    width: 16px;
    position: fixed;
    left: 80px;
    bottom: 0;
}

aside .fold:before {
    display: block;
    height: 50px;
    width: 16px;
    background: #181F24;
    color: #fff;
    position: absolute;
    left: 0;
    top: auto;
    bottom: 0;
    font-size: 14px;
    line-height: 50px;
}

aside:hover .fold {
    display: block;
}

aside .nowDatatime {
    width: 70px;
    height: 40px;
    padding: 15px 0;
    line-height: 20px;
    margin: 20px 5px 10px;
    text-align: center;
    background: #4CB6CB;
    color: #fff;
    position: absolute;
    top: 0;
    border-radius: 50%;
    overflow: hidden;
    z-index: 9;
}

aside dl {
    width: 80px;
    height: 60px;
    position: relative;
    cursor: pointer;
}

aside dl.exit {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #111;
    z-index: 2;
}

aside dt {
    height: 60px;
    text-align: center;
    line-height: 60px;
    overflow: hidden;
}

aside dt i,
aside dt span {
    display: block;
    height: 60px;
    width: 80px;
    transition: 0.2s all;
    -webkit-transition: 0.2s all;
}

aside dt i {
    font-size: 22px
}

/*aside dt i:before{font-size: 22px}*/
aside dt i.icon-dataview:before {
    font-size: 24px
}

aside dt i.icon-behaviour:before {
    line-height: 48px
}

/* aside dt i.icon-system:before */
aside dt i.icon-other:before {
    line-height: 52px
}

aside dt span {
    display: block;
    height: 60px;
    width: 80px;
    color: #fff;
}

aside dd {
    background: #000;
    ;
    position: absolute;
    width: 170px;
    left: 80px;
    top: 0;
    max-height: 0;
    overflow: hidden;
    transition: 0.3s max-height;
    -webkit-transition: 0.3s max-height;
}

aside dd span {
    height: 32px;
    line-height: 32px;
    background: #000;
    padding-left: 15px;
    position: relative;
    display: block;
}

aside [router='other']~dd span {
    height: 30px !important;
    line-height: 30px !important;
}

aside dd .icon-arrow:before {
    text-align: left;
    text-indent: 20px;
}

aside dd span:hover {
    background: #2C3942;
    color: #fff;
}

aside dt:hover,
aside dl:hover dt {
    background: #2C3942;
}

aside dl:nth-of-type(n + 8) dd{
    top:auto;
    bottom:0;
}

aside dt:hover i,
aside dt:hover span,
aside dl:hover dt i,
aside dl:hover dt span {
    transform: translate3d(0, -60px, 0);
    -webkit-transform: translate3d(0, -60px, 0);
}

aside dt.focus i {
    color: #23e080
}

aside dt:hover+dd {
    background: #2C3942;
    max-height: 500px;
}

aside dd:hover {
    max-height: 600px;
}

aside.open {
    width: 170px;
    padding-top: 50px
}

aside.open .barHeight {
    position: absolute;
    left: 0;
    top: 50px;
    padding-bottom: 60px;
    height: 100%;
    box-sizing: border-box;
    overflow: scroll;
}

.bar_btn {
    display: none;
}

.open .bar_btn {
    display: none;
    cursor: pointer;
    opacity: 0;
    z-index: 9;
    position: fixed;
    left: 10px;
    top: 50%;
    margin-top: -25px;
    background-color: #ccc;
    width: 40px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

.open .bar_btn i {
    font-size: 20px;
    color: #000;
}

.bar_btn i.icon-shang-copy {
    vertical-align: middle;
}

aside.open .fold {
    left: 170px;
}

aside.open .nowDatatime {
    width: 100%;
    height: 50px;
    padding: 0;
    line-height: 50px;
    margin: 0;
    text-align: left;
    border-radius: 0;
}

aside.open .nowDatatime p {
    display: inline-block;
    text-indent: 10px;
}

aside.open dl {
    width: 170px;
    height: auto;
}

aside.open dt {
    height: 40px;
    line-height: 40px;
    text-align: left;
    border-top: solid 1px #181F24;
}

aside.open dt.focus {
    background: #2C3942;
}

aside.open dt i {
    width: 40px;
    height: 40px;
    float: left;
    font-size: 20px
}

aside.open dt span {
    height: 40px;
    width: 60px;
    float: left;
    color: #8ca1af
}

aside.open dt.focus span {
    color: #fff
}

aside.open dt:hover i,
aside.open dt:hover span,
aside.open dl:hover dt i,
aside.open dl:hover dt span {
    transform: none;
    -webkit-transform: none;
}

aside.open dd {
    position: static;
}

aside.open dt:hover,
aside.open dt:hover span {
    color: #fff;
}

aside.open dt:hover+dd {
    max-height: 0;
}

aside.open dt.drop+dd {
    max-height:600px;
}

aside.open dd span:first-child {
    border-top: solid 1px #181F24;
}

aside.open dd span.focus {
    background: #2C3942
}

aside.open .fold:before {
    transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
}

aside.minheight {
    padding: 0
}

aside.minheight .nowDatatime {
    /*display: none;*/
}

aside .arrowRight:after {
    content: '';
    display: inline-block;
    width: 8px;
    margin-right: 16px;
    height: 8px;
    border-top: 1px solid #8ca1af;
    border-right: 1px solid #8ca1af;
    -moz-transform: rotate(45deg);
    -moz-transition: all .2s ease-in .1s;
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all .2s ease-in .1s;
    -o-transform-origin: center center;
    -o-transform: rotate(45deg);
    -o-transition: all .2s ease-in .1s;
    -ms-transform-origin: center center;
    -ms-transform: rotate(45deg);
    -ms-transition: all .2s ease-in .1s;
    transform-origin: center center;
    transform: rotate(45deg);
    transition: all .2s ease-in .1s;
}

aside .arrowDown:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 16px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(-15deg);
    -moz-transition: all .2s ease-in .1s;
    -webkit-transition: all .2s ease-in .1s;
    -o-transform: rotate(-90deg);
    -o-transition: all .2s ease-in .1s;
    -ms-transition: all .2s ease-in .1s;
    transition: all .2s ease-in .1s;
}

section {
    background: #F2F4F8;
    z-index: 2;
    padding-top: 50px;
    box-sizing: border-box;
    height: 100%;
    margin-left: 80px;
}

aside.open+section {
    margin-left: 170px;
}

section .allClose {
    height: 48px;
    width: 55px;
    text-align: center;
    /*background:#fff;*/
    position: absolute;
    top: 0;
    left: -1px;
    z-index: 2;

}

section .allCloseBtn {
    display: inline-block;
    height: 100%;
    width: 100%;
    font: normal 14px/49px 'Microsoft Yahei';
    color: #fff;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    background: #08D468;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08D468), color-stop(100%, #3FCCF0));
    background: -webkit-linear-gradient(left, #08D468 0%, #3FCCF0 100%);
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
}

section .navContent {
    width: calc(100% - 100px);
    /*overflow-x: auto;*/
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 55px;
    height: 49px;

}

section nav {
    height: 48px;
    /*background: #fff;*/
    border-bottom: solid 1px #ddd;
    box-shadow: 0 1px 0 #eee;
    font-size: 0;
    transition: transform 0.1s;
}

nav .tags {
    display: inline-block;
    height: 100%;
    font: normal 14px/49px 'Microsoft Yahei';
    padding: 0 45px 0 25px;
    background: #F2F4F8;
    color: #181F24;
    z-index: 2;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    position: relative;
    left: -1px;
    cursor: default;
}

nav .tags:last-child {
    border-right: solid 1px #ddd;
}

nav .tags.focus {
    color: #fff;
    z-index: 9;
    border: none;
    margin-right: -1px;
    background: #08D468;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08D468), color-stop(100%, #3FCCF0));
    background: -webkit-linear-gradient(left, #08D468 0%, #3FCCF0 100%);
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
}

nav .tags .icon-close-s {
    position: absolute;
    display: block;
    right: 9px;
    top: 15px;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    cursor: pointer;
    text-align: center;
}

nav .tags.focus .icon-close-s {
    color: #fff;
}

nav .tags .icon-close-s:hover {
    background: rgba(0, 0, 0, .2);
    border-radius: 50%;
    color: #fff;
}

.container {
    position: absolute;
    width: 100%;
    height: calc(100% - 50px);
    top: 50px;
}

.container iframe {
    width: 100%;
    height: 100%;
    display: none;
}

input,
select {
    border: solid 1px #cbd5dd;
    border-radius: 2px;
    transition: 0.3s border-color;
    -webkit-transition: 0.3s border-color;
    display: block;
    width: calc(100% - 26px);
    height: 20px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 20px;
    color: #444;
    background: #fff;
}

select {
    height: 34px;
    display: inline-block;
    width: auto;
    padding: 0;
}

input:focus,
select:focus {
    border-color: #545ca6;
}

.form_error {
    border-color: red;
}

footer.othersys {
    text-align: center;
    height: 30px;
    line-height: 30px;
    clear: both;
    padding: 10px 0;
}

footer.othersys a {
    color: #666;
    margin: 0 10px;
    font-size: 14px;
}

.functionBtn ul li:nth-child(odd) {
    background: #f9f7f7;
}

.functionBtn ul {
    position: absolute;
    top: 0;
    left: 50%;
    width: 129px;
    background: #fff;
    border: 1px solid #e5e5e5;
    z-index: 9;
    text-align: center;
    transform: translate(-50%, 0) scale(0);
    transition: all 0.35s;
}

.functionBtn ul li:hover {
    background: #e5e5e5;
    color: #fff !important;
}

.functionBtn .btnIcon {
    margin: 0 auto;
    width: 38px;
    height: 24px;
    line-height: 17px;
    text-align: center;
    letter-spacing: 5px;
    padding: 0 0 0 4px;
    box-sizing: border-box;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    background: #08D468;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #08D468), color-stop(100%, #3FCCF0));
    background: -webkit-linear-gradient(left, #08D468 0%, #3FCCF0 100%);
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
}

.functionBtn:hover>ul {
    transform: translate(-50%, 0) scale(1);

}

/* 系统弹窗 start*/
.cms_pop_mask {
    background: rgba(0, 0, 0, .5);
    position: fixed;
    z-index: 100;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.cms_pop_box {
    background: #fff;
    position: fixed;
    z-index: 101;
    width: 1000px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*margin-left: -500px;*/
    border: solid 1px #fff;
    border-radius: 5px;
    padding-bottom: 50px;
    transition: all 0.1s;
}

.cms_pop_close,
.imgWater_remove {
    display: block;
    width: 25px;
    height: 25px;
    right: 10px;
    top: 10px;
    color: rgba(240, 80, 80, .75);
    position: absolute;
    font-size: 25px;
    line-height: 25px;
    transition: 0.3s color;
    -webkit-transition: 0.3s color;
}

.cms_pop_close:before,
.imgWater_remove:before {
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e603";
}

.cms_pop_close:hover,
.imgWater_remove:hover {
    color: rgba(240, 80, 80, 1);
}

.cms_pop_box input {
    background: #f7fafa;
    width: 60%;
    color: #000;
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    margin-top: 0px;
}

.cms_pop_tit,
.imgWater_title {
    background: #e8eff0;
    color: #333;
    border-bottom: solid 1px #d1dfe1;
    padding: 0 20px;
    height: 45px;
    line-height: 45px;
    font-size: 18px;
    border-radius: 5px 5px 0 0;
}

.cms_pop_con {
    text-align: center;
    font-size: 16px;
    line-height: 40px;
    padding: 25px 0 10px;
}

.cms_pop_btn {
    position: absolute;
    bottom: 10px;
    left: 40%;
    text-align: center;
    padding: 20px 0 10px;
    height: 34px;
    line-height: 34px;
}

.cms_pop_btn a {
    margin: 0 25px;
}

.cms_pop_tips {
    position: fixed;
    z-index: 100;
    top: 50%;
    left: 0;
    text-align: center;
    z-index: 101;
    width: 100%;
    line-height: 46px;
    margin-top: -23px;
}

.cms_pop_tips span {
    background: rgba(238, 57, 57, .9);
    color: #fff;
    font-size: 20px;
    display: inline-block;
    border-radius: 5px;
    padding: 0 35px;
}

.loadingGif {
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 104px;
    height: 104px;
    top: 50%;
    left: 50%;
    margin: -52px 0 0 -52px;
    z-index: 999;
    border-radius: 10px;
}

.loadingGif i {
    background: url(../images/loading_bg.png) no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 54px;
    height: 54px;
    margin: -27px 0 0 -27px;
    -webkit-animation: rotate360 1s infinite;
    animation: rotate360 1s infinite;
}

@-webkit-keyframes rotate360 {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes rotate360 {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.cardItem {
    transition: transform 0.5s, opacity 0.4s, color 0.4s;
}

.cardItem:hover {
    opacity: 0.7;
    color: #fff;
    transform: translate(0, -30px)
}

/* 系统弹窗 end*/

.form_box {
    text-align: left;
}

.cms_pop_con .form_box {
    padding: 0 30px;
}

.form_box dd {
    display: flex;
    flex-flow: row;
    padding: 10px 0;
    line-height: 20px;
}

.form_box dd.form_line {
    padding: 15px 50px;
    border-bottom: dashed 1px #ddd;
}

.form_box dd span {
    width: 150px;
}

.form_box dd .inputTxt {
    height: 32px;
    line-height: 16px;
    text-align: center;
}

.form_box dd.form_button {
    background: #f2f5f5;
    position: relative;
    margin-top: -1px;
    text-align: center;
    padding: 15px 0;
    display: block;
}

.form_box .form_left {
    flex: 1;
    font-size: 14px;
    color: #444;
}

.form_box .form_right {
    flex: 3;
}

.form_box .form_line .form_right {
    flex: 4;
}

.form_box dd textarea {
    width: 60%;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 12px;
    height: 120px;
    font-size: 14px;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: none;
    color: #545ca6;
}

.mainCtBox,
.mainEditForm {
    margin: 15px;
    border: solid 1px #e4e9ed;
    border-radius: 5px;
    background: #fff;
}

.mainCtBox h1,
.mainEditForm h1 {
    background: #f7fafa;
    color: #000;
    font-size: 18px;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;
    position: relative;
    border-bottom: solid 1px #e4e9ed;
    text-align: left;
    border-radius: 5px 5px 0 0;
}

.mainCtBox h1 .ui-add,
.mainEditForm h1 .ui-back {
    top: 3px;
    left: 25px;
}

.mainCtBox h1 .icon-export,
.mainCtBox h1 .icon-edit {
    color: #4CB6CB;
    display: inline-block;
    width: 22px;
    height: 24px;
    line-height: 22px;
    font-size: 22px;
    left: 25px;
}

.mainCtBox span {
    background: none;
    color: #000;
    font-size: 16px;
    line-height: 32px;
    position: relative;
    text-align: left;
}

.mainCtBox .options {
    padding: 15px;
}

.mainSearchBox {
    border-bottom: solid 1px #eaeef1;
    padding: 15px 15px 5px 15px;
    font-size: 14px;
}

.mainSearchBox input {
    background: #f7fafa;
    width: 100px;
    color: #000;
    font-size: 16px;
    height: 40px;
    line-height: 20px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
    margin-top: 5px;
}

.input_tips {
    position: relative;
    line-height: 34px;
    font-size: 10px;
}

.input_tips i {
    position: absolute;
    z-index: 3;
    font-style: normal;
    color: #aaa;
    top: 0;
    left: 7px;
}

.input_tips input {
    padding: 6px 6px 6px 44px;
    width: calc(100% - 52px);
    font-size: 12px;
}

.w50p {
    width: calc(50% - 32px)
}

.noViewTips {
    text-align: center;
    line-height: 30px;
    padding: 20px 0;
    font-size: 20px;
    color: #999;
}

.charts {
    margin: 20px 0;
    height: 500px;
}

.pages_box {
    height: 34px;
    font-size: 0;
    width: 100%;
    margin: 35px 0;
    text-align: center;
}

.pages_box li {
    display: inline-block;
    font-size: 12px;
    color: #999;
    overflow: hidden;
    height: 34px;
    vertical-align: top;
}

.pages_box .pages a {
    display: inline-block;
    height: 32px;
    padding: 0 15px;
    line-height: 32px;
    border: solid 1px #cbd5dd;
    border-width: 1px 1px 1px 0;
    color: #777;
}

.pages_box .pages a:first-child {
    border-left-width: 1px;
    border-radius: 3px 0 0 3px;
}

.pages_box .pages a.focus,
.pages_box .pages a:hover {
    background: rgba(23, 160, 90, .9);
    color: #fff;
    border-color: rgba(23, 160, 90, .9);
}

.pages_box .pages a.focus {
    position: relative;
    margin-left: -1px;
}

.pages_box .search {
    height: 32px;
    line-height: 32px;
    border-radius: 0 3px 3px 0;
    border: solid 1px #cbd5dd;
    border-width: 1px 1px 1px 0;
    padding: 0 65px 0 15px;
    position: relative;
}

.pages_box .search span {
    display: inline-block;
    width: 30px;
}

.pages_box .search input {
    border-width: 0;
    width: calc(100% - 10px);
    padding: 6px 5px;
    text-align: center;
    font-size: 12px;
}

.pages_box .ui-btn-submit {
    border-radius: 0 3px 3px 0;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 10px 0 15px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
}

.pages_box .ui-btn-submit-custom {
    border-radius: 0 3px 3px 0;
    position: absolute;
    right: -1px;
    top: -1px;
    padding: 0 10px 0 15px;
    font-size: 12px;
    height: 34px;
    line-height: 34px;
}

.pages_box .all {
    margin-left: 20px;
    line-height: 34px;
}

/* 公共配置 end*/

/* 登录 start*/
.login-wrap {
    background: url(../images/bg.jpg) no-repeat 50% 50%;
    background-size: cover;
    overflow: hidden;
    min-height: 1050px;
    position: static;
}

.login-form {
    width: 30%;
    min-width: 400px;
    margin: 250px auto 100px;
    background: #2B2B36;
    border-radius: 10px;
    overflow: hidden;
}

.login-form .head {
    height: 20px;
    padding: 20px;
    background: #23232e;
    text-align: right;
    line-height: 20px;
}

.login-form .head h1 {
    color: #fff;
    float: left;
    font-size: 18px;
    padding-left: 20px;
}

.login-form .head i {
    display: inline-block;
    margin-left: 10px;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background: #f1c85f;
}

.login-form .head i:nth-child(2) {
    background: #ea569a
}

.login-form .head i:nth-child(3) {
    background: #6756ea
}

.login-form input {
    display: block;
    background: #2B2B36;
    border: 0;
    border-bottom: solid 1px #484856;
    width: 70%;
    margin: 5px auto;
    height: 20px;
    line-height: 20px;
    padding: 20px 45px;
    color: #9199aa;
    font-size: 18px;
}

.login-form input[type=text] {
    background: url(../images/icon-admin.png) no-repeat 10px 50%;
}

.login-form input[type=password] {
    background: url(../images/icon-key.png) no-repeat 10px 50%;
    color: #dd3e3e
}

.login-form .key {
    position: relative;
}

.login-form .key:after {
    content: "";
    position: absolute;
    right: 15%;
    top: 20px;
    width: 21px;
    height: 21px;
    background: url(../images/icon-alert.png);
}

.login-form button {
    display: block;
    background: #3ea751;
    font: 30px/66px 'Microsoft Yahei';
    text-align: center;
    width: 100%;
    height: 75px;
    color: #fff;
    cursor: pointer;
    transition: 0.7s all;
    -webkit-transition: 0.7s all;
    margin-top: 60px
}

.login-form button:hover {
    background: #ff2775;
}

.login-wrap footer {
    color: #fff;
    text-align: center;
    font-size: 14px;
}

/* 登录 end*/

/* 嵌套伸缩列表 start*/
.nestable {
    margin: 20px 0;
}

.nestable li {
    line-height: 40px;
    font-size: 15px;
}

.nestable li [class^="icon-"] {
    float: right;
    margin-right: 10px;
    color: #4CB6CB;
    display: inline-block;
    padding: 0 5px;
    width: 25px;
    height: 40px;
}

.nestable li .icon-edit {
    font-size: 20px;
    line-height: 35px;
}

.nestable .nestable_wrap {
    height: 40px;
    background: #f7fafa;
    border: solid 1px #e4e9ed;
    border-radius: 3px;
    margin: 10px 15px 0;
    padding: 0 15px 0 0;
    overflow: hidden;
    color: #333;
}

.nestable .nestable_wrap .collapse {
    float: left;
    margin: 11px 20px 0;
    height: 16px;
    width: 16px;
    border: solid 1px #aaa;
    color: #999;
    text-align: center;
    font: normal 12px/15px 'Microsoft Yahei';
    cursor: pointer;
}

.nestable .nestable_wrap .collapse:before {
    content: "+";
    display: inline;
}

.open .nestable_wrap .collapse:before {
    content: "-";
}

.nestable .subNestable {
    margin-left: 40px;
    max-height: 0;
    overflow: hidden;
    transition: 0.5s max-height;
    -webkit-transition: 0.5s max-height;
}

.open .subNestable {
    max-height: 1000px;
}

.subNestable .nestable_wrap {
    padding-left: 18px;
}

/* 嵌套伸缩列表 end*/

/* 数据列表表格 start*/
.list_table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 0;
    text-align: left;
    word-break: break-all;
    overflow: visible;
    text-overflow: ellipsis;
}

.list_table tbody tr {
    border-bottom: solid 1px #eaeef1;
    background: #fff;
    margin-bottom: 100px;
    height: 60px;
}

.list_table tbody tr:nth-child(odd) {
    background: #f6f6f6;
    margin-bottom: 100px;
}

.list_table tr:hover {
    background: #e5e2e3;
}

.list_table tr:nth-child(odd):hover {
    background: #e5e2e3;
    margin-bottom: 100px;
}

.list_table thead tr {
    border-bottom: solid 1px #eaeef1;
    background: #fff;
    bottom: 10px;
}

.list_table td,
.list_table th {
    max-width: 150px;
    line-height: 24px;
    font-size: 13px;
    color: #555;
    padding: 7px 1px;
    table-layout: fixed;
}

.list_table th {
    font-weight: bold;
}

.list_table th.opr {
    text-align: right;
    padding-right: 30px;
}

.list_table td span {
    background: none;
    font-size: 13px;
}

.list_table td.opr {
    text-align: right;
    padding-right: 30px;
}

.list_table td.cer {
    text-align: center;
}

.list_table td.btn {
    text-align: center;
    margin-right: 0px;
}

.list_table td.btn a {
    color: #526eac;
    font-size: 14px;
}

.list_table .moreContent {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    animation: showAnimation 0.2s ease-in-out;
    -moz-animation: showAnimation 0.2s ease-in-out;
    -webkit-animation: showAnimation 0.2s ease-in-out;
    -moz-transition: max-height 0.5s ease-in-out;
    -o-transition: max-height 0.5s ease-in-out;
    -webkit-transition: max-height 0.5s ease-in-out;
    transition: max-height 0.5s ease-in-out;
}

.list_table .show {
    -moz-transform-origin: 50% 0%;
    -ms-transform-origin: 50% 0%;
    -o-transform-origin: 50% 0%;
    -webkit-transform-origin: 50% 0%;
    transform-origin: 50% 0%;
}

.list_table [class^="icon-"] {
    margin: 0 5px;
    color: #4CB6CB;
    display: inline-block;
    padding: 0 5px;
    height: 24px;
    width: 24px;
    font-size: 18px;
}

.list_table .icon-edit:before {
    font-size: 23px;
    top: -2px;
}

.list_table .icon-password:before {
    font-weight: bold;
}

.list_table .icon-user:before {
    font-weight: bold;
    font-size: 17px;
}

.list_table input {
    height: 24px;
    line-height: 24px;
    background: transparent;
    border-width: 0;
    width: 100%;
    padding: 0;
    color: #555;
}

.list_table .cer .ui-btn-submit:hover {
    background: none;
    cursor: pointer;
}

.list_table input:focus,
.list_table input.focus {
    background: #fff;
    border-width: 1px;
    height: 22px;
    line-height: 20px;
    width: calc(100% - 18px);
    padding: 0 8px;
    font-size: 12px;
}

.list_table .arrowRight:after {
    content: '';
    display: inline-block;
    width: 8px;
    margin-right: 16px;
    height: 8px;
    border-top: 1px solid #8ca1af;
    border-right: 1px solid #8ca1af;
    -moz-transform: rotate(45deg);
    -moz-transition: all .3s ease-in .1s;
    -webkit-transform-origin: center center;
    -webkit-transform: rotate(45deg);
    -webkit-transition: all .3s ease-in .1s;
    -o-transform-origin: center center;
    -o-transform: rotate(45deg);
    -o-transition: all .3s ease-in .1s;
    -ms-transform-origin: center center;
    -ms-transform: rotate(45deg);
    -ms-transition: all .3s ease-in .1s;
    transform-origin: center center;
    transform: rotate(45deg);
    transition: all .3s ease-in .1s;
}

.list_table .arrowDown:after {
    content: '';
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 16px;
    border-top: 1px solid #526eac;
    border-right: 1px solid #526eac;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(-15deg);
    -moz-transition: all .3s ease-in .1s;
    -webkit-transition: all .3s ease-in .1s;
    -o-transform: rotate(-45deg);
    -o-transition: all .3s ease-in .1s;
    -ms-transition: all .3s ease-in .1s;
    transition: all .3s ease-in .1s;
}

/* 数据列表表格 end*/

.addBlock {
    display: inline-block;
    background: #545ca6;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 31px;
    overflow: hidden;
    color: #fff;
    position: relative;
}

.addBlock:before {
    content: "+";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    font-size: 32px;
}

.block_info {
    width: 180px;
    float: left;
    margin: 0 30px 20px 0;
    padding: 8px 15px 32px;
    background: rgba(84, 92, 166, 1);
    border: solid 1px rgba(84, 92, 166, 1);
    line-height: 34px;
    position: relative;
    color: #fff;
    border-radius: 3px;
}

.block_info input {
    border-color: #545ca6;
}

.block_info .delBlock {
    display: none;
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    height: 24px;
    border-radius: 5px 0 0 0;
    background: rgba(0, 0, 0, .45);
    color: #fff;
    text-align: center;
    line-height: 25px;
    padding: 0 14px 0 16px;
}

.block_info:hover {
    border-color: rgba(0, 0, 0, .45);
}

.block_info:hover .delBlock {
    display: block;
}

/* 权限管理-选项卡 */
.com_table {
    font-size: 14px;
    padding: 0 0 0 30px;
}

.com_table_tit {
    position: relative;
    display: block;
    float: left;
    width: 100px;
    text-align: left;
    z-index: 2;
}

.com_table_tit li {
    line-height: 40px;
    height: 40px;
    border: 1px solid #fff;
    font-size: 14px;
    padding: 0 10px;
    margin-bottom: 5px;
    cursor: pointer;
}

.com_table_tit li.focus {
    border-color: #ddd;
    border-right-color: #fff;
    width: 79px;
}

.com_table_tit li.hasAuthority {
    color: #369;
}

.com_table_con {
    z-index: 1;
    position: relative;
    display: block;
    float: left;
    width: 405px;
    text-align: left;
    border: 1px solid #ddd;
    padding: 8px 15px;
    min-height: 200px;
}

.com_table_con ul {
    display: none;
}

.com_table_con ul li {
    border-top: 1px dashed #ccc;
    padding: 10px;
    line-height: 24px;
}

.com_table_con ul li:first-child {
    border-top: 0;
}

.com_table_con ul li:hover {
    background: #eee;
}

.comShowBingImg {
    width: 100px;
    margin-top: 50px;
    margin-left: -210px;
    height: auto;
}

.comShowBingImg_left {
    width: 100px;
    margin-top: 50px;
    margin-left: -320px;
    height: auto;
}

.comShowBingImg_right {
    width: 100px;
    margin-top: 50px;
    margin-left: -95px;
    height: auto;
}

.uploaderImg_box {
    width: 90px;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
}

.uploaderImgTit {
    width: 88px;
    border: solid 1px #ddd;
    line-height: 25px;
}

.uploaderImg_box .showImg {
    width: 90px;
    margin-top: 50px;
    margin-left: -210px;
    height: auto;
}

.uploaderImg_box .showImg_left {
    width: 90px;
}

.uploaderImg_box .showImg_right {
    width: 90px;
    margin-top: 50px;
    margin-left: -95px;
    height: auto;
}

/*  配置 商品管理编辑列表 */
.config_list_info,
product_list_info {
    float: left;
    padding: 0px 0px 10px 0px;
    margin-top: 10px;
}

.config_list_info p {
    float: left;
    height: 16px;
    line-height: 16px;
    padding: 0px 0px 5px 0px;
    font-size: 14px;
    color: #333;
    text-align: left;
    width: 180px;
    display: block;
    background-color: transparent;
}

.product_list_info {
    background: #eaeef1;
    border: 1px solid #B7B7B7;
}

.product_list_info a {
    color: #999;
}

.product_list_info span {
    float: left;
    padding: 0px 5px 0px 5px;
    font-size: 13px;
    color: #333;
    text-align: center;
    display: block;
    background-color: transparent;
}

.product_list_info input {
    float: left;
    width: 300px;
}

.product_list_info a:hover {
    color: #526eac;
}

.product_list_info dd {
    display: flex;
    flex-flow: row;
    padding: 5px 0;
    line-height: 34px;
}

.product_list_info dd.form_line {
    padding: 15px 50px;
    border-bottom: dashed 1px #ddd;
}

.product_list_info dd span {
    width: 120px;
    display: block;
}

.product_list_info dd.form_button {
    background: #f2f5f5;
    position: relative;
    margin-top: -1px;
    text-align: center;
    padding: 15px 0;
    display: block;
}

.product_list_info .form_left {
    flex: 1;
    font-size: 14px;
    color: #444;
}

.product_list_info .form_right {
    flex: 3;
}

.product_list_info .form_line .form_right {
    flex: 4;
}

.product_list_info dd textarea {
    width: 300px;
    border-radius: 5px 5px 5px 5px;
    padding: 0 10px;
    height: 60px;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: none;
    color: #545ca6;
}

.product_list_info .bidType {
    margin: 10px 0 10px 20px;
    background: #eee;
    border: 2px dashed #fff;
    width: 600px;
}

.product_list_info input {
    background: #fff;
    border-radius: 5px 5px 5px 5px;
}

.product_list_info .ui-button {
    width: 100px;
    color: #000;
    font-size: 16px;
    height: 35px;
    margin-left: 20px;
    line-height: 20px;
    position: relative;
    border-radius: 5px 5px 5px 5px;
}

.product_list_info .ui-button:focus,
select:focus {
    border-color: #545ca6;
}

.product_list_info .ui-button:hover {
    color: #fff;
}

.product_list_info .inputTxt {
    height: 32px;
    line-height: 16px;
    text-align: center;
}

.product_list_info .urlType {
    background: #eee;
    padding: 10px 0 10px 0;
    width: 600px;
    margin: 10px 0 10px 20px;
    border: #fff dashed 2px;
}

.startpage_list {
    background: #eee;
    border: 2px dashed #fff;
    width: 500px;
    border-radius: 5px 5px 5px 5px;
}

/* 鼠标经过相关的图片时显示大图 */
.comShowBingImgPop {
    background: #fff;
    position: absolute;
    width: 300px;
    top: 0;
    left: 0;
    box-shadow: 0 0 15px #636da7;
    border: 1px solid #ddd;
    z-index: 1002;
}

/* 系统配置支付方式 */
.addDiscountInfoRow {
    float: left;
    width: 40px;
    height: 65px;
    margin-left: 20px;
    margin-bottom: 20px;
    padding: 35px 30px;
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
    color: #666;
    text-align: center;
    font: 20px/32px 'Microsoft Yahei';
}

.addDiscountInfoRow:hover {
    background: rgb(23, 160, 90);
    color: #fff;
}

.addPayInfoRow {
    float: left;
    width: 40px;
    height: 64px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 58px 30px;
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
    color: #666;
    text-align: center;
    font: 20px/32px 'Microsoft Yahei';
}

.addPayInfoRow:hover {
    background: rgb(23, 160, 90);
    color: #fff;
}

.award_info {
    width: 275px;
    float: left;
    margin: 0 10px 20px 20px;
    padding: 10px 23px 33px 0px;
    background: #ffecdf;
    border: solid 2px #ffecdf;
    line-height: 40px;
    position: relative;
}

.award_info input {
    vertical-align: middle;
    margin: 10px 0 0 10px;
    width: 140px;
}

.award_info span {
    vertical-align: middle;
    margin: 10px 0 0 0px;
    width: 80px;
}

.award_info .custom_radio_list {
    margin-left: 8px
}

.award_info .custom_radio {
    float: none;
}

.award_info .delRow {
    display: none;
    position: absolute;
    left: auto;
    top: auto;
    right: 0;
    bottom: 0;
    height: 24px;
    border-radius: 5px 0 0 0;
    background: #c96;
    color: #fff;
    text-align: center;
    line-height: 25px;
    padding: 0 14px 0 16px;
}

.award_info:hover {
    border-color: #c96;
}

.award_info:hover .delRow {
    display: block;
}

.com_con_box {
    background: #fff;
    position: relative;
    border: 1px solid #DEDEDE;
    padding: 20px;
}

.com_title_box {
    position: relative;
    background: #f6f6f6;
    height: 46px;
    line-height: 46px;
    padding: 0 20px;
    font-weight: normal;
    font-size: 16px;
}

/* 预警管理  */
.dl_com_list_box {
    border-bottom: 1px dashed #CCCCCC;
    padding-bottom: 5px;
    margin-bottom: 18px
}

.dl_com_list_box .ui-file-submit {
    width: 300px;
    border: 0px;
    height: 35px;
    line-height: 35px;
}

/*删除电话----*/
.dl_com_list_box textarea {
    width: 300px;
    border-radius: 5px 5px 5px 5px;
    padding: 0 10px;
    height: 60px;
    line-height: 24px;
    border: 1px solid #ccc;
    outline: none;
    color: #545ca6;
}

.dl_com_list_box:last-child {
    border-bottom: 0;
}

.dd_com_list_box {
    float: left;
    margin-left: 20px;
}

.dd_products_input {
    float: left;
    width: 200px;
}

.form_tags {
    padding: 7px 10px 7px 15px;
    background: #ffecdf;
    line-height: 30px;
    margin: 10px 8px 8px 0;
}

.form_tags i {
    display: inline-block;
    height: 30px;
    width: 20px;
    overflow: hidden;
    text-align: center;
    margin-left: 10px;
    color: red;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    cursor: pointer;
    vertical-align: middle;
    line-height: 27px;
}

.form_tags i:before {
    content: "+";
    font-family: arial;
    font-size: 24px;
}

.notificationContent {
    float: left;
    text-align: left;
}

.notificationContent div {
    width: 80%;
    max-hight: 100px;
    margin: 40px 20px 10px 40px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #B7B7B7;
}

.phone {
    position: absolute;
    top: 0px;
    width: 320px;
    height: 568px;
    background-color: #fff;
    z-index: 999;
    color: #000;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
}

.phone .nav {
    position: absolute;
    top: 20px;
    width: 320px;
    height: 44px;
    background-color: #4994DE;
    z-index: 999;
    color: #fff;
    font-size: 18px;
    line-height: 44px;
    font-weight: bold;
    text-align: center;
}

.phone .content {
    position: absolute;
    top: 64px;
    width: 320px;
    background-color: #fff;
    z-index: 999;
    color: #000;
}

/*左箭头*/
.phone .left {
    width: 20px;
    height: 20px;
    top: 6px;
    position: absolute;
    left: 0;
    z-index: 2;
    /*兼容ie8-*/
    border: 1px solid #4994DE;
}

.phone .left-arrow1,
.left-arrow2 {
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
    /*兼容ie8-*/
    border-top: 10px transparent dashed;
    border-left: 10px transparent dashed;
    border-bottom: 10px transparent dashed;
    border-right: 10px white solid;
    overflow: hidden;
}

.phone .left-arrow1 {
    border-right: 10px #fff solid;
}

.phone .left-arrow2 {
    left: 2px;
    border-right: 10px #4994DE solid;
}

.phone .content {
    position: absolute;
    width: 100%;
    height: 505px;
    overflow-y: auto;
    overflow-x: hidden;
}

.phone .content::-webkit-scrollbar {
    width: 0.01px;
}

.showMoreItem {
    border-top: 1px solid #53b567;
    width: 140px;
    line-height: 38px;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #333;
    border-radius: 5px;
    margin: 0 20px 20px 0;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #4CB6CB;
    box-shadow: 0 1px 2px #b9ecc4;
    background: -webkit-linear-gradient(top, #4CB6CB, #4CB6CB);
    background: -moz-linear-gradient(top, #4CB6CB, #4CB6CB);
    background: linear-gradient(top, #4CB6CB, #4CB6CB);
}

.showMoreSide {
    padding-right: 30px;
}

.showMoreSide::after {
    position: absolute;
    display: inline-block;
    content: "\00bb";
    top: 3px;
    right: -4px;
    width: 38px;
    height: 30px;
    line-height: 26px;
    border-radius: 0 0 5px 5px;
    text-shadow: -2px 0 1px #333;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.showMoreItem.showMoreSide::after {
    border-top: 1px solid #1e7db9;
    box-shadow: -2px 0 2px 0 #497897 inset;
    background: -webkit-linear-gradient(right, #4CB5CB, #4CB5CB 60%);
    background: -moz-linear-gradient(right, #4CB6CB, #4CB6CB 60%);
    background: linear-gradient(right, #4CB6CB, #4CB6CB 60%);
}

/*发货栏目*/
.delivery_list_info {
    float: left;
    padding: 0px 0px 0px 0px;
}

.delivery_list_info p {
    float: left;
    width: 100%;
    line-height: 16px;
    padding: 0px 0px 5px 0px;
    margin-top: 10px;
    margin-left: 20px;
    font-size: 12px;
    text-align: left;
    display: block;
    color: #999;
}

/* .delivery_list_info p {
    padding-left: 25px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.delivery_list_info p:hover {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 50px;
} */

input[readonly] {
    background-color: #ddd;
}

input[disabled],
select[disabled],
textarea[disabled],
input[readonly],
select[readonly],
textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee;
}

.addConfigInfoRow {
    float: left;
    width: 627px;
    height: 30px;
    margin-bottom: 20px;
    margin-left: 20px;
    padding: 5px 2.5px;
    background: linear-gradient(to right, #08D468 0%, #3FCCF0 100%);
    color: #666;
    text-align: center;
    font: 20px/32px 'Microsoft Yahei';
}

/*展开更多*/
.showMoreItem.showMoreSide:after {
    border: 0;
    box-shadow: none;
    font-family: "iconfont" !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e504";
    position: absolute;
    display: block;
    width: 20px;
    height: 20px;
    right: 16px;
    top: 10px;
    text-align: center;
    line-height: 23px;
    font-size: 20px;
    color: #fff;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transition: all .2s ease-in .1s;
    -o-transform: all .2s ease-in .1s;
    -ms-transform: all .2s ease-in .1s;
    -moz-transform: all .2s ease-in .1s;
    -webkit-transition: all .2s ease-in .1s;
}

.showMoreItem.showMoreSide.showMoreSide_up:after {
    top: 7px;
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}

/*头部样式  #mainSearch 下面*/
.mainSearchBox input {
    height: 34px !important;
    box-sizing: border-box;
    margin-top: 0 !important;
}

.mainSearchBox .ui-btn-screen {
    line-height: 34px;
    font-size: 14px;
    border: none;
    width: 100px;
    text-align: left;
    letter-spacing: 0;
    color: red;
    cursor: pointer;
}

#more_screen {
    position: relative;
}

#more_screen:after {
    content: ">>";
    display: block;
    width: 30px;
    font-size: 14px;
    color: red;
    position: absolute;
    left: 100px;
    top: 5px;
}

#screenBox {
    position: absolute;
    left: 0;
    top: 40px;
    padding: 10px;
    width: 300px;
    border: 1px solid #666;
    overflow: hidden;
    z-index: 100;
    background: #fff;
}

#screenBox .close-btn {
    width: 60px;
    height: 30px;
    line-height: 30px;
    position: absolute;
    right: 10px;
    text-align: center;





    letter-spacing: 4px;
    top: 0;
    cursor: pointer;
    color: #000;
    font-weight: 600;
}

.screen-item {
    padding: 2px 0;
    font-size: 14px;
    overflow: hidden;
}

.screen-item .sc-title {
    line-height: 30px;
    font-size: 14px;
    color: #333;
    font-weight: 600;
}

.screen-item label {
    float: left;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
    width: 80px;
    padding: 0 10px;
}

.screen-item label input {
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

.screen-item .input-box {
    height: 26px;
    width: 100%;
}

.input-box .i-txt1 {
    float: left;
    line-height: 26px !important;
    padding-right: 5px;
    font-size: 14px;
}

.input-box .iarea1,
.input-box .iarea2 {
    float: left;
    width: 60px;
    padding: 0 10px;
    height: 24px !important;
    border: 1px solid #666;
    border-radius: 4px;
    font-size: 14px;
}

.input-box .i-txt2 {
    float: left;
    padding: 0 20px;
    line-height: 26px !important;
    font-size: 14px;
}

#screenBox .cancel-btn {
    float: right;
    margin-top: 5px;
    margin-right: 10px;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    width: 80px;
    text-align: center;
    background: rgba(23, 160, 90, .9);
    color: #fff;
    border-radius: 4px;
}

#screenBox .sure-btn {
    float: right;
    margin-top: 5px;
    cursor: pointer;
    line-height: 30px;
    padding: 0 10px;
    width: 60px;
    text-align: center;
    background: rgba(23, 160, 90, .9);
    color: #fff;
    border-radius: 4px;
}


.mainSearchBox input[type="text"] {
    min-width: 160px !important;
}

.mainSearchBox ul {
    margin-top: 0 !important;
}

.mainSearchBox span {
    line-height: 34px !important;
    margin-top: 0 !important;
}

/*余额查看*/
span.balance_leftCom {
    font-size: 14px;
}

span.balance_money {
    color: red;
    font-size: 18px;
}

span.balance_btn_recharge {
    background: #c9cacb;
    line-height: 28px !important;
    float: left;
    height: 28px;
    padding: 0 20px;
    cursor: pointer;
    border: 1px solid #bcbdbd;
    color: #666;
    margin: 2px 20px 2px 40px !important;
}

/*搜索头部*/
.searchInner {
    margin-right: 40px;
    margin-bottom: 10px;
}

.searchTxt {
    height: 20px;
}

.list_mytable {
    min-width: 958px;
}

.list_mytable thead .contentTableHead {
    background: #dddcdc;
    height: 50px;
}

.list_mytable tbody tr {
    background: #fff;
    padding: 0 !important;
}

.list_mytable tbody tr td {
    padding: 0 !important;
}

.tdInner {
    padding: 10px 0;
}

.list_mytable tbody tr:nth-child(odd) {
    background: #fff;
}

.list_mytable tbody tr:nth-child(even) {
    background: #f6f6f6;
}

.list_mytable tbody tr:hover {
    background: #e5e2e3;
}

.contentTableHead,
.list_mytable th,
.list_mytable td {
    text-align: center;
}

.tdLeft {
    width: 12%;
    height: 150px;
    line-height: 150px;
    border-right: 1px dashed #E1E1E8;
    box-sizing: border-box;
}

.tdRight {
    width: 88%;
    height: 150px;
}

.tdRight_box {
    width: 100%;
    min-height: 32px;
    padding: 8px 0;
    border: 1px solid transparent;
}

.tdRight_box span {
    display: block;
    line-height: 32px;
    min-height: 32px;
}

.tdRight_box.tdRight_line {
    border-bottom: 1px dashed #E1E1E8;
}

.tdw125 {
    display: block;
    float: left;
    width: 12.5%;
}

.tdw500 {
    display: block;
    float: left;
    width: 50%;
}

.tdRight_box:hover {
    background: #f6f6f6;
}

.tdRight_create {
    padding: 0 10px;
    margin: 0;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    border: 1px solid #bcbdbd;
    margin: 1px 0;
    color: #666;
    background: #c9cacb;
    cursor: pointer;
}

.tdRight_create:hover {
    background: #526eac;
    color: #fff;
    border-color: #697cb5;
}

.tdRight_tit a {
    color: #636da7;
}

.tdRight_tit a:hover {
    color: #1738f4;
}

/*启动项*/
.unload_imgWrap {
    width: 400px;
}

.unload_imgInnerUp {
    width: 400px;
    height: 34px;
}

.unload_imgInnerUp .ui-select,
.unload_imgInnerUp .uploadImg_btn {
    float: left;
}

.unload_imgInnerUp .uploadImg_btn {
    margin-left: 10px;
    padding: 1px 0;
    height: 32px;
}

.unload_imgWrap .uploaderImg_box {
    margin-right: 10px;
    margin-left: 0;
}

.inputNoEdit {
    padding: 0 0 0 130px !important;
}

.inputNoEdit span {
    width: 150px !important;
}

.inputNoEdit input {
    border-color: transparent;
    background-color: transparent;
    cursor: default;
    width: 100px !important;
}

.searchTxt_margin {
    margin: 0 40px 10px 0 !important;
}

.list_table .tableInput {
    display: inline-block !important;
    font-size: 12px;
    height: 20px;
    border: 1px solid #ccc;
    margin: 0 2px;
    line-height: 20px;
    box-sizing: content-box !important;
}

.tableInput[type="text"] {
    width: 22px;
}

div.tableInput {
    width: 30px;
    cursor: pointer;
}

.cms_pop_con {
    max-height: 605px;
    overflow-x: hidden;
    overflow-y: auto;
}
@media screen and (max-height:768px){
    .cms_pop_con {
        max-height: 450px;
        overflow-x: hidden;
        overflow-y: auto;
    }
}

.haspic {
    color: #C3C3C3;
}

.list_table .solidBg {
    background-color: #f6f6f6 !important;
}

.list_table .solidBg:hover {
    background-color: #f6f6f6 !important;
}

.titleWrap {
    position: relative;
}

.titleWrap div.nth1 {
    display: flex;
    position: absolute;
    height: 40px;
    line-height: 40px;
    right: 2px;
    top: 0;
    width: 246px;
    color: #000;
    font-size: 16px;
    border-radius: 5px 5px 5px 5px;
    padding: 6px 0px;
    letter-spacing: 0;
}

/*.titleWrap input{*/
/*position: absolute;height: 34px;right:20px;top:8px;*/
/*background: #f7fafa;*/
/*width: 100px;*/
/*color: #000;*/
/*font-size: 16px;*/
/*border-radius: 5px 5px 5px 5px;*/
/*padding:6px 12px;*/
/*line-height: 20px;*/
/*letter-spacing: 0;*/
/*}*/
.titleWrap .inputBtn2 {
    right: 140px;
}

.showImg_left {
    cursor: pointer;
}

.imgWater_cover {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.imgWater_Wrap {
    width: 600px;
    position: fixed;
    left: 50%;
    margin-left: -300px;
    background-color: #fff;
    z-index: 1000;
    border-radius: 5px;
}

.imgWater_head {
    width: 100%;
    height: 46px;
}

.imgWater_body {
    width: 560px;
    padding: 10px 20px 20px;
    position: relative;
}

.imgWater_thisImgWrap {
    width: 375px;
    overflow: hidden;
}

.imgWater_logoImgWrap {
    max-height: 667px;
}

.imgWater_thisImg {}

.originalImg {
    display: none;
}

.imgWater_logoImg {
    height: 26px;
    position: absolute;
    border: 1px dotted #ccc;
}

.imgWater_logoImg1 {
    left: 415px;
    top: 40px;
}

.imgWater_logoImg2 {
    left: 415px;
    top: 76px;
}

.imgWater_surebtn,
.imgWater_cancelbtn {
    width: 100px;
    color: #000;
    background-color: #fff;
    border-color: #cbd5dd;
    position: absolute;
    bottom: 20px;
    left: 415px;
    cursor: pointer;
    height: 34px;
}

.imgWater_cancelbtn {
    bottom: 74px;
}

.imgWater_promptTit {
    display: block;
    line-height: 20px;
    height: 20px;
    font-size: 12px;
    margin-bottom: 10px;
}

.arrowRight,
.arrowDown {
    padding: 10px 10px 10px 20px;
}

.config_con {
    margin-left: 130px;
}

.goods_info {
    padding-bottom: 20px;
    height: 334px;
}

.goods_info_list {
    min-height: 30px;
    margin-bottom: 10px;
    width: 100%;
}

.goods_info_msg {
    display: block;
    float: left;
    width: 80px !important;
    padding: 0 !important;
    height: 34px;
    line-height: 34px;
}

.goods_info_list input[type='text'] {
    width: 165px;
    float: left;
    margin-left: 0;
}

.goods_info_list input[type='button'] {
    width: 100px;
    float: left;
    margin-left: 0;
}

.goods_info_up {
    width: 100%;
    float: left;
}

.goods_info_down {
    padding-left: 80px;
    width: 60px;
    float: left;
}

.goods_info_down img {
    width: 60px;
    height: 60px;
}

.loadImgBtn {
    width: 190px !important;
    height: 34px !important;
}

.addPageBtn {
    color: #fff !important;
    margin: 10px 10px 40px 20px;
}

.required_project {
    display: inline !important;
    color: red !important;
}

.importExcel_btn {
    letter-spacing: 0px;
    padding: 0 10px;
    margin: 0 10px !important;
}

.cms_pop_box .btn_file {
    width: 220px;
    height: 34px !important;
    line-height: 34px !important;
    padding: 0 !important;
    border: #fff;
}

.list-show {
    width: 60%;
    color: #000;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0px;
    display: inline-block;
    padding: 6px 12px;
}

/*.ddd:nth-child(odd){*/
/*background: #e5e5e5;*/
/*}*/
.ddd {
    border-bottom: 1px solid #e5e5e5;
}

.order {
    background: url(../images/sort_desc.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right 12px;
}

.order2 {
    background: url(../images/sort_asc.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right 20px;
}

.order3 {
    background: url(../images/sort_both.png);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
}

.inputTypeFocus {
    background: orange !important;
}

/**********************/
.flex-box {
    display: flex;
    display: -webkit-box;
    /*只对block 块 元素有效果*/
}

/****垂直和水平方向*****/
.flex-hv-start {
    align-items: flex-start;
    /*垂直方向*/
    justify-content: flex-start;
    /*水平方向*/
    -webkit-box-align: start;
    /*垂直方向*/
    -webkit-box-pack: start;
    /*水平方向*/
}

.flex-hv-c {
    align-items: center;
    /*垂直方向*/
    justify-content: center;
    /*水平方向*/
    -webkit-box-align: center;
    /*垂直方向*/
    -webkit-box-pack: center;
    /*水平方向*/
}

.flex-hv-end {
    align-items: flex-end;
    /*垂直方向*/
    justify-content: flex-end;
    /*水平方向*/
    -webkit-box-align: end;
    /*垂直方向*/
    -webkit-box-pack: end;
    /*水平方向*/
}

/****垂直方向****/
.flex-v-start {
    align-items: flex-start;
    /*垂直方向*/
    -webkit-box-align: start;
}

.flex-v-c {
    align-items: center;
    /*垂直方向*/
    -webkit-box-align: center;
}

.flex-v-c {
    align-items: center;
    /*垂直方向*/
    -webkit-box-align: center;
}

/******水平方向******/
.flex-h-star {
    justify-content: flex-start;
    -webkit-box-pack: start;
}

.flex-h-c {
    justify-content: center;
    /*水平方向*/
    -webkit-box-pack: center;
}

.flex-h-end {
    justify-content: flex-end;
    -webkit-box-pack: end;
}

/**竖直排列**/
.flex-d-c {
    flex-direction: column;
}

.flex-1 {
    flex: 1;
    -webkit-box-flex: 1;
    /*等分 一定要加 width:0 */
    width: 0;
}

.flex-2 {
    flex: 2;
    -webkit-box-flex: 2;
    width: 0;
}

.flex-3 {
    flex: 3;
    -webkit-box-flex: 3;
    width: 0;
}

.flex-4 {
    flex: 4;
    -webkit-box-flex: 4;
    width: 0;
}

.flex-5 {
    flex: 5;
    -webkit-box-flex: 5;
    width: 0;
}

.flex-6 {
    flex: 6;
    -webkit-box-flex: 6;
    width: 0;
}

.flex-7 {
    flex: 7;
    -webkit-box-flex: 7;
    width: 0;
}

.flex-8 {
    flex: 8;
    -webkit-box-flex: 8;
    width: 0;
}

.flex-9 {
    flex: 9;
    -webkit-box-flex: 9;
    width: 0;
}
.inputEditBorder{
    border: 1px dotted red !important;
    box-sizing: border-box;
}


/* mesage-box */
#view-mode{
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    position:absolute;
    left:0;
    top:0;
    z-index:1000;
}
#message-box{
    min-width:600px;
    max-width:1200px;
    min-height:300px;
    max-height:600px;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50% , -50%);
    background:#fff;
    border-radius:20px;
}


/* 设置滚动条的样式 */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  /* 滚动槽 */
  ::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    border-radius: 10px;
    width: 10px;
  }
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #bbb;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
  }
  ::-webkit-scrollbar-thumb:window-inactive {
    background: #eee;
  }