@charset "UTF-8";
/* function */
@import "https://at.alicdn.com/t/font_520107_w03vaunh4ky2pgb9.css";
img {
  max-width: 100%;
}
.f-cb:after,
.f-cbli li:after {
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    content: ".";
}

.f-cb,
.f-cbli li {
    zoom: 1;
}

.f-ib {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.f-dn {
    display: none;
}

.f-db {
    display: block !important;
}

.f-df {
    display: flex;
    justify-content: space-between;
}

.f-fl {
    float: left;
}

.f-fr {
    float: right;
}

.f-pr {
    position: relative;
}

.f-prz {
    position: relative;
    zoom: 1;
}

.f-oh {
    overflow: hidden;
}

.f-fs1 {
    font-size: 12px;
}

.f-fs2 {
    font-size: 14px;
}

.f-fs3 {
    font-size: 16px;
}

.f-fs4 {
    font-size: 18px;
}

.f-fwn {
    font-weight: normal;
}

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

.f-tal {
    text-align: left;
}

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

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

.f-taj {
    text-align: justify;
    text-justify: inter-ideograph;
}

.f-vam,
.f-vama * {
    vertical-align: middle;
}

.f-wsn {
    word-wrap: normal;
    white-space: nowrap;
}

.f-pre {
    overflow: hidden;
    text-align: left;
    white-space: pre-wrap;
    word-wrap: break-word;
    word-break: break-all;
}

.f-wwb {
    white-space: normal;
    word-wrap: break-word;
    word-break: break-word;
}

.f-ti {
    overflow: hidden;
    text-indent: -30000px;
}

.f-ti2 {
    text-indent: 2em;
}

.f-lhn {
    line-height: normal;
}

.f-lh18 {
    line-height: 18px;
}

.f-lh20 {
    line-height: 20px;
}

.f-lh22 {
    line-height: 22px;
}

.f-lh24 {
    line-height: 24px;
}

.f-tdu,
.f-tdu:hover {
    text-decoration: underline;
}

.f-tdn,
.f-tdn:hover,
.f-tdn:visited,
.f-tdn:focus {
    text-decoration: none;
}

.f-toe {
    overflow: hidden;
    word-wrap: normal;
    white-space: nowrap;
}

.f-csp {
    cursor: pointer;
}

.f-csd {
    cursor: default;
}

.f-csh {
    cursor: help;
}

.f-csm {
    cursor: move;
}

.f-cna {
    cursor: not-allowed;
}

.f-usn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.f-bd-no {
    border: none !important;
}

.f-clr-blue {
    color: #36C8E6;
}

.f-clr-light {
    color: #999;
}

.f-clr-normal {
    color: #666;
}

.f-clr-dark {
    color: #333;
}

.f-rm-mar {
    margin: 0 !important;
}

.f-rm-mar-t {
    margin-top: 0 !important;
}

.f-rm-mar-r {
    margin-right: 0 !important;
}

.f-rm-mar-b {
    margin-bottom: 0 !important;
}

.f-rm-mar-l {
    margin-left: 0 !important;
}

.f-rm-pdg {
    padding: 0 !important;
}

.f-rm-pdg-t {
    padding-top: 0 !important;
}

.f-rm-pdg-r {
    padding-right: 0 !important;
}

.f-rm-pdg-b {
    padding-bottom: 0 !important;
}

.f-rm-pdg-l {
    padding-left: 0 !important;
}

.f-push-5 {
    margin-bottom: 5px !important;
}

.f-push-5-t {
    margin-top: 5px !important;
}

.f-push-5-r {
    margin-right: 5px !important;
}

.f-push-5-l {
    margin-left: 5px !important;
}

.f-push-10 {
    margin-bottom: 10px !important;
}

.f-push-10-t {
    margin-top: 10px !important;
}

.f-push-10-r {
    margin-right: 10px !important;
}

.f-push-10-l {
    margin-left: 10px !important;
}

.f-push-15 {
    margin-bottom: 15px !important;
}

.f-push-15-t {
    margin-top: 15px !important;
}

.f-push-15-r {
    margin-right: 15px !important;
}

.f-push-15-l {
    margin-left: 15px !important;
}

.f-push-20 {
    margin-bottom: 20px !important;
}

.f-push-20-t {
    margin-top: 20px !important;
}

.f-push-20-r {
    margin-right: 20px !important;
}

.f-push-20-l {
    margin-left: 20px !important;
}

.f-push-30 {
    margin-bottom: 30px !important;
}

.f-push-30-t {
    margin-top: 30px !important;
}

.f-push-30-r {
    margin-right: 30px !important;
}

.f-push-30-l {
    margin-left: 30px !important;
}

.f-push-40 {
    margin-bottom: 40px !important;
}

.f-push-40-t {
    margin-top: 40px !important;
}

.f-push-40-r {
    margin-right: 40px !important;
}

.f-push-40-l {
    margin-left: 40px !important;
}

.f-push-50 {
    margin-bottom: 50px !important;
}

.f-push-50-t {
    margin-top: 50px !important;
}

.f-push-50-r {
    margin-right: 50px !important;
}

.f-push-50-l {
    margin-left: 50px !important;
}

.f-pdg-5 {
    padding-bottom: 5px !important;
}

.f-pdg-5-t {
    padding-top: 5px !important;
}

.f-pdg-5-r {
    padding-right: 5px !important;
}

.f-pdg-5-l {
    padding-left: 5px !important;
}

.f-pdg-10 {
    padding-bottom: 10px !important;
}

.f-pdg-10-t {
    padding-top: 10px !important;
}

.f-pdg-10-r {
    padding-right: 10px !important;
}

.f-pdg-10-l {
    padding-left: 10px !important;
}

.f-pdg-15 {
    padding-bottom: 15px !important;
}

.f-pdg-15-t {
    padding-top: 15px !important;
}

.f-pdg-15-r {
    padding-right: 15px !important;
}

.f-pdg-15-l {
    padding-left: 15px !important;
}

.f-pdg-20 {
    padding-bottom: 20px !important;
}

.f-pdg-20-t {
    padding-top: 20px !important;
}

.f-pdg-20-r {
    padding-right: 20px !important;
}

.f-pdg-20-l {
    padding-left: 20px !important;
}

.f-pdg-30 {
    padding-bottom: 30px !important;
}

.f-pdg-30-t {
    padding-top: 30px !important;
}

.f-pdg-30-r {
    padding-right: 30px !important;
}

.f-pdg-30-l {
    padding-left: 30px !important;
}

.f-pdg-40 {
    padding-bottom: 40px !important;
}

.f-pdg-40-t {
    padding-top: 40px !important;
}

.f-pdg-40-r {
    padding-right: 40px !important;
}

.f-pdg-40-l {
    padding-left: 40px !important;
}

.f-pdg-50 {
    padding-bottom: 50px !important;
}

.f-pdg-50-t {
    padding-top: 50px !important;
}

.f-pdg-50-r {
    padding-right: 50px !important;
}

.f-pdg-50-l {
    padding-left: 50px !important;
}

.f-disabled {
    background-color: #dedede !important;
    color: #1B1B1B !important;
    cursor: not-allowed !important;
}

.f-relative {
    position: relative;
}

#main {
    margin-left: 0;
    margin-top: 0px;
    padding-right: 0;
    width: 100%;
    overflow: hidden;
    background: none;
}
.m-cntwrap {
  padding-right: 20px;
}

.m-sidebar {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    z-index: 100;
}
.m-sidebar.m-nomenu{
	  width: 110px;
}
.m-sidebar.m-nomenu~.m-main {
    padding-left: 130px;
}

.m-sidebar.m-nomenu~.m-topmenu {
    left: 110px;
}

.m-sidebar.m-nomenu .m-tmenu {
    display: none;
}

.m-sidebar #m-sidebar-1 {
    float: left;
    width: 110px;
    height: 100%;
    background-color: #262728;
    box-shadow: inset -1px 0px 0px 0px #e7e6ea;
    padding: 0 10px;
}

.m-sidebar #m-sidebar-2 {
    float: left;
    width: 110px;
    height: 100%;
    background-color: #fbfdfc;
}

.m-fmenu {
    float: left;
    width: 110px;
    height: 100%;
    background-color: #262728;
    /*box-shadow: inset -1px 0px 0px 0px #e7e6ea;*/
    padding: 0;
    overflow: auto;
}

.m-fmenu-logo {
    height: 83px;
    text-align: center;
    color: #36C8E6;
}

.m-fmenu-logo a {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin-top: 14px;
    border-radius: 50%;
    background-color: #fff;
    text-decoration: none;
}

.m-fmenu-logo a .iconfont {
    color: #36C8E6;
    font-size: 32px;
}

.m-fmenu-logo:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
}

.m-fmenu-logo img {
    max-width: 70%;
    max-height: 70%;
    margin-top: -4px;
}

.m-fmenu-logo i {
    font-size: 22px;
}

.m-fmenu-items {
    position: relative;
    text-align: center;
    font-size: 14px;
}

.m-fmenu-items .item {
    height: 50px;
    line-height: 50px;
    text-align: left;
    padding: 0 10px;
}

.m-fmenu-items .item.active:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 5px;
    height: 40px;
    background: #36C8E6;
    box-shadow: 2px 1px 4px 0 rgba(54, 200, 230, 0.5);
    border-radius: 0 11px 11px 0;
}

.m-fmenu-items .item.current {
    background-color: #fff;
}

.m-fmenu-items .item.current a {
    color: #36C8E6;
}

.m-fmenu-items .tit {
    font-size: 11px;
    text-align: left;
    color: #fff;
    padding: 0 10px;
}

.m-fmenu-items .item-home .iconfont {
    font-size: 12px;
    margin-right: 2px;
}

.m-fmenu-items .iconfont {
    font-size: 16px;
    vertical-align: middle;
    margin-right: 8px;
    margin-left: 10px;
}

.m-fmenu-items .iconfont,
.m-fmenu-items span {
    display: inline-block;
}

.m-fmenu-items a {
    color: #fff;
}

.s-item a:hover {
    text-decoration: none;
    color: #36C8E6;
}

.m-tmenu {
    float: left;
    width: 110px;
    height: 100%;
    background-color: #fbfdfc;
    border-right: 1px solid #eee;
}

.m-tmenu .iconfont {
    vertical-align: middle;
    float: right;
    margin-right: 10px;
}

.m-tmenu-items {
    height: 100%;
    background-color: #fbfdfc;
}

.m-tmenu-items .f-menu-item {
    height: 63px;
    line-height: 63px;
    font-size: 14px;
    color: #BDC9D5;
    padding-left: 13px;
    border-bottom: 1px solid #E4E3E8;
}

.m-tmenu-items li {
    font-size: 14px;
}

.m-tmenu-items li.active .item-smenu {
    color: #36C8E6;
}

.m-tmenu-items .item-smenu {
    display: block;
    min-height: 40px;
    line-height: 40px;
    padding-left: 10px;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #697B8C;
    border-left: 3px solid transparent;
}

.m-tmenu-items .item-smenu.current {
    color: #36C8E6;
    border-left: 3px solid #36C8E6;
}

.m-tmenu-items .item-smenu .iconfont {
    position: absolute;
    right: 10px;
    display: inline-block;
    transition: transform .3s;
}

.m-tmenu-items .item-smenu[aria-expanded="true"] .iconfont {
    transform: rotate(90deg);
}

.m-tmenu-items .t-item {
    height: 40px;
    padding-left: 18px;
}

.m-tmenu-items .t-item a {
    padding: 9px 15px 9px 12px;
    color: #666;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 90%;
    font-size: 13px;
}

.m-tmenu-items .t-item.current a {
    background-color: #63d4ec;
    color: #fff;
    border-radius: 6px;
}

.m-topmenu {
    position: absolute;
    top: 0;
    left: 220px;
    right: 0;
    height: 62px;
    line-height: 62px;
    font-size: 16px;
    padding-left: 20px;
    color: #697B8C;
    background-color: #fff;
    box-shadow: 0 1px 0 0 #E4E3E8;
    z-index: 101;
}

.m-topmenu iframe {
    float: left;
    width: 80%;
}

.m-topmenu .user {
    position: absolute;
    right: 0;
    width: 22%;
    padding: 0 20px;
    padding-left: 0px;
}

.m-topmenu .user .info-lists {
    text-align: right;
}
.m-topmenu .user .info-lists li{
    position: relative;
}
.m-topmenu .user .info-lists li .number{ 
    background: #36C8E6;
    color:#fff;
    position: absolute;
    top: 7px;
    height: 20px;
    font-size: 12px;
    line-height: 20px;
    padding: 0 5px;
    border-radius: 50%;
    right: -5px;
}

.m-topmenu .user .info-lists>li {
    display: inline-block;
    margin-right: 16px;
}

.m-topmenu .user .iconfont {
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0 0;
}

.m-topmenu .user .iconfont.f-fs1 {
    font-size: 14px;
    margin-left: 5px;
}

.m-topmenu .icon-nav .dropdown {
    text-align: left;
}

.m-topmenu .icon-nav .dropdown>a {
    display: block;
    width: 100%;
    height: 31px;
    line-height: 21px;
    text-align: center;
    font-size: 17px;
    color: #697B8C;
}

.m-topmenu .icon-nav .dropdown>a .iconfont {
    font-size: 18px;
}

.m-topmenu .icon-nav .dropdown-menu {
    top: 110%;
    border: none !important;
    box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    left: -120px;
}

.m-topmenu .icon-nav .dropdown-menu:after {
    content: "";
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 17px solid #fff;
    position: absolute;
    top: -17px;
    left: 121px;
}

.m-topmenu .icon-nav .dropdown-menu>li>a {
    width: 100%;
    vertical-align: middle;
    padding: 14px 20px;
    color: #697b8c;
}

.m-topmenu .icon-nav .dropdown-menu>li>a:hover {
    background-color: transparent;
}

.m-topmenu .icon-nav .dropdown-menu>li>a span {
    vertical-align: middle;
}

.m-topmenu .icon-nav .dropdown-menu>li>a i {
    margin-right: 20px;
}

.m-topmenu .dropdown-menu .dropdown-header {
    font-size: 14px;
    line-height: 2;
}

.m-topmenu .dropdown-menu>li>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.m-headbar {
    width: 100%;
    clear: both;
    background-color: #fff;
    height: 62px;
    line-height: 62px;
}

.m-headbar-tmenus li {
    height: 62px;
    display: inline-block;
    margin-right: 8px;
    text-align: center;
    border-bottom: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px;
}

.m-headbar-tmenus li a {
    font-size: 14px;
    color: #697B8C;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.m-headbar-tmenus li.current {
    border-bottom: 3px solid #36C8E6;
}

.m-headbar-tmenus li.current a {
    color: #36C8E6;
}

.m-rightcnt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-left: 110px;
    z-index: 99;
    background-color: #f5f5f5;
}

.m-main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    padding: 82px 30px 0px 240px;
    z-index: 99;
    background-color: #f5f5f5;
    margin-left: 0;
    margin-top: 0;
}

.m-main.nomenu {
    padding-left: 140px;
}

body {
    background: #f7f8fa;
    font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

label,
input,
button,
select,
textarea {
    font-size: 14px;
    font-weight: normal;
}

a:hover,
a:focus {
    text-decoration: none;
}

.body_sidebar {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 220px;
}

.content-wrap {
    overflow: hidden;
    height: 100%;
}

.container-wrap {
    width: 100%;
    height: 100%;
    padding-left: 240px;
    padding-right: 20px;
    padding-top: 60px;
    overflow: auto;
}

.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1 {
    padding: 0 10px;
}

.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2 {
    padding: 0 10px;
}

.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3 {
    padding: 0 10px;
}

.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4 {
    padding: 0 10px;
}

.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5 {
    padding: 0 10px;
}

.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6 {
    padding: 0 10px;
}

.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7 {
    padding: 0 10px;
}

.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8 {
    padding: 0 10px;
}

.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9 {
    padding: 0 10px;
}

.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10 {
    padding: 0 10px;
}

.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11 {
    padding: 0 10px;
}

.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding: 0 10px;
}

.col-xs-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
  width: 20%;
  float: left; 
}

/**::-webkit-scrollbar {
  width: 3px;
  height: 6px; }

*::-webkit-scrollbar-track {
  display: none; }

*::-webkit-scrollbar-thumb {
  background: #BDC9D5;
  border-radius: 3px;
  height: 4px; }

*::-webkit-scrollbar-corner {
  background: #E6E6E6; }*/

.icon-lingdangcopy {
    color: #37C8E7;
    font-size: 24px;
    vertical-align: middle;
}

.m-checkbox-wrap {
    position: relative;
    display: inline-block;
    line-height: 1;
    font-size: 0;
    margin-bottom: 0;
    margin-top: -2px;
    margin-right: 2px;
    vertical-align: middle;
}

.m-checkbox-wrap input[type="checkbox"] {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    visibility: hidden;
}

.m-checkbox-wrap input[type="checkbox"]:checked+.i-checkbox,
.m-checkbox-wrap.active .i-checkbox {
    background: url("../../img/check.png") no-repeat -18px 0;
}

.m-checkbox-wrap .i-checkbox {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("../../img/check.png") no-repeat 0 0;
}




.m-checkbox-wrap input[type="radio"] {
    position: absolute;
    width: 1px;
    height: 1px;
    left: 0;
    top: 0;
    visibility: hidden;
}

.m-checkbox-wrap input[type="radio"]:checked+.m-radio,
.m-checkbox-wrap.active .i-checkbox {
    background: url("../../img/blue.png") no-repeat -168px 0;
}

.m-checkbox-wrap .m-radio {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url("../../img/blue.png") no-repeat -120px 0;
}




.icon-tuichu {
    vertical-align: middle;
    margin-right: 20px;
}

.box {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.btn {
  min-width: 60px;
  height: 28px;
  padding: 4px 6px;
  border-radius: 2px;
  font-size: 12px;
  color: #8CA0B3;
  background: #fff;
  border: 1px solid #BDC9D5;
  font-weight: normal;
  transition: all .2s ease; 
}
.btn:hover, .btn:focus, .btn:active, .btn:active:focus {
  outline: none;
  color: #36C8E6;
  border-color: #36C8E6;
  background: #fff;
}
.btn:active {
  transform: scale(1.05);
}
.btn.btn-primary {
  color: #fff;
  background: #36C8E6;
  border-color: #36C8E6;
}
.btn.btn-primary:hover {
  color: #fff;
  background: #36C8E6;
  border-color: #36C8E6; 
}
.btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary:active:focus {
  color: #fff;
  background: #1ab0cf;
  border-color: #1ab0cf; 
}
.btn.btn-primary-link {
  color: #36C8E6;
  background: #fff;
  border-color: #36C8E6;
}
.btn.btn-primary-link:hover {
  color: #1ab0cf;
  background: #fff;
  border-color: #1ab0cf;
}
.btn.btn-primary-link:focus, .btn.btn-primary-link:active, .btn.btn-primary-link:active:focus {
  color: #1ab0cf;
  background: #fff;
  border-color: #1ab0cf;
}

.btn-group.f-push-t-20 {
    margin-top: 20px;
}

.btn-group>.btn+.btn {
    margin-left: 10px;
}

.input-group-btn .btn {
    padding: 0 8px;
    min-width: 20px;
    line-height: 26px;
}

.input-group-btn .btn .fa {
    line-height: 27px;
}

.page-actions {
    padding-top: 20px;
}

.page-actions .btn {
    font-size: 13px;
    margin-right: 14px;
    height: auto;
    border-radius: 2px !important;
}

/*
* 360°循环旋转组件
*/
.rotate {
  display: inline-block;
  -webkit-animation: rotate 1.5s infinite ease;
  animation: rotate 1.5s infinite ease; 
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg); 
  }
  100% {
    -webkit-transform: rotate(360deg); 
  } 
}

@keyframes rotate {
  0% {
    transform: rotate(0deg); 
  }
  100% {
    transform: rotate(360deg); 
  } 
}

.m-uploader-list {
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: #fff;
    box-shadow: 0 0 6px 0 rgba(196, 196, 196, 0.5);
    border-radius: 3px;
    width: 568px;
    min-height: 326px;
}

.m-uploader-list .up-alert {
    width: 100%;
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    padding-left: 14px;
    background-color: #36C8E6;
}

.m-uploader-list .hd {
    height: 50px;
    line-height: 50px;
    background-color: #fff;
    font-size: 16px;
    color: #697b8c;
    padding: 0 20px;
    border-bottom: 1px solid #e4e3e8;
}

.m-uploader-list .filelist .item {
    position: relative;
    width: 0;
    height: 70px;
    line-height: 70px;
    background-color: #fafbfd;
}

.m-uploader-list .filelist .file-info {
    position: absolute;
    top: 0;
    left: 0;
    width: 568px;
    height: 70px;
    padding: 0 16px;
}

.m-uploader-list .filelist .file-info>div {
    float: left;
}

.m-uploader-list .filelist .fi-icon {
    width: 60px;
}

.m-uploader-list .filelist .fi-name {
    width: 260px;
}

.m-uploader-list .filelist .fi-size {
    text-align: center;
    width: 80px;
}

.m-uploader-list .filelist .fi-progress {
    text-align: center;
    width: 80px;
}

.m-uploader-list .filelist .fi-op {
    text-align: right;
    width: 50px;
}

.form-group {
  margin-bottom: 20px; 
}
.form-group:after {
  content: "";
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  clear: both; 
}
.form-group.f-full .form-control {
  width: 100%; 
}
.form-group > .control-label.control-label-require:after {
  content: "*";
  display: inline-block;
  color: #FF0000; 
}
.form-group .form-control {
  outline: 0;
  line-height: 16px;
  width: 90%;
  height: 28px;
  padding: 4px 8px;
  color: #697B8C;
  border-radius: 2px !important;
  /* 为了兼容之前的主题样式 */
  border: 1px solid #BDC9D5;
  background-color: #fff;
  box-shadow: none; 
}
.form-group .inline-form {
  display: inline;
  width: 200px; 
}
.form-group textarea.form-control {
  height: auto;
  resize: vertical; 
}
.form-group select.form-control {
  -moz-appearance: none;
  -webkit-appearance: none;
  line-height: 20px;
  appearance: none;
  padding: 4px 12px;
  background: url(../../img/sorting-desc.png) no-repeat scroll 98% center transparent;
  background-color: #fff; 
}

.form-group .check-line {
  display: inline-block;
  width: 100px;
  margin: 4px 0 0; 
}
.form-group .check-line .inline {
  margin-bottom: 0;
  line-height: 1; 
}
.form-group .check-line .icheckbox_flat-blue.disabled,
.form-group .check-line .iradio_flat-blue.disabled {
  cursor: not-allowed; 
}
.form-group .help-block {
  display: block !important;
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 0; 
}
.input-group .form-control {
  width: 100%;
}
/*列表搜索的表单组件*/
.searchbox-form .form-group > .control-label {
  color: #697B8C;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 85px;
  margin-right: -85px;
  padding-top: 0;
  line-height: 28px;
  height: 28px;
  overflow: hidden; }
.searchbox-form .form-group > .form-box {
  width: 100%;
  float: right;
  padding-left: 85px;
  line-height: 28px; 
}
/*模态框中的表单组件*/
.modal .form-group > .control-label {
  color: #697B8C;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 85px;
  margin-right: -85px;
  padding-top: 0;
  line-height: 28px;
  height: 28px;
  overflow: hidden; }
.modal .form-group > .form-box {
  width: 100%;
  float: right;
  padding-left: 90px;
  line-height: 28px; 
}
.modal .form-group > .form-box .form-control {
  width: 100%;
  padding-left: 8px;
  padding-right: 6px;
}
.modal .searchbox-form .form-group > .form-box .form-control {
  width: 90%;
}
/*页面中的多行表单组件*/
.form-fixedwidth .form-group > .control-label {
  color: #697B8C;
  font-weight: 400;
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 150px;
  margin-right: -150px;
  padding-top: 0;
  line-height: 28px;
  height: 28px;
  overflow: hidden; }
.form-fixedwidth .form-group > .form-box {
  width: 100%;
  float: right;
  padding-left: 150px;
  line-height: 28px; 
}
.form-fixedwidth .form-group > .form-box [class^="col-"] {
  padding: 0; 
}
.form-group > .form-box.f-linkage div[class^="col-"] {
  padding-left: 0; 
}
.form-group > .form-box.f-linkage .form-control {
  width: 100%; 
}
.form-horizontal .form-group {
  margin-left: auto;
  margin-right: auto; 
}

.form-spicupload {
  display: inline-block;
  font-size: 0; 
}
.form-spicupload .upload-description {
  vertical-align: top;
  display: inline-block;
  color: #8CA0B3;
  margin-left: 15px;
  font-size: 12px;
  line-height: 17px; 
}
.form-spicupload .form-upload {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 102px;
  height: 102px;
  border: 1px dotted #BDC9D5;
}
.form-spicupload .form-upload.form-add {
  background: url(../../img/aebiz_ui/add.png) no-repeat center center;
}
.form-spicupload .form-upload:hover {
  border-color: #36C8E6;
  cursor: pointer; 
}
.form-spicupload .form-upload input[type="file"] {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0; 
}
.form-spicupload .form-upload > img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%; 
}

.m-more-upload .m-upload-ct {
  font-size: 0; 
}

.m-more-upload .u-list {
  display: inline-block;
  width: 102px;
  height: 102px;
  line-height: 100px;
  text-align: center;
  border: 1px solid #dae1e7;
  font-size: 0;
  overflow: hidden; 
}
.m-more-upload .u-list + .u-list,
.m-more-upload .u-list + .u-add {
  margin-left: 20px; 
}
.m-more-upload .u-list > img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%; 
}

.m-more-upload .u-add {
  position: relative;
  display: inline-block;
  width: 102px;
  height: 102px;
  border: 1px dotted #BDC9D5;
  background: url(../../img/aebiz_ui/add.png) no-repeat center center; 
}
.m-more-upload .u-add input[type="file"] {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  cursor: pointer; 
}

.m-more-upload .upload-description {
  vertical-align: top;
  display: inline-block;
  color: #8CA0B3;
  font-size: 12px;
  line-height: 17px; 
}

/*图片查看、删除操作*/
.operate-img {
  position: relative;
}
.operate-img:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.operate-img > img {
  display: inline-block;
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.operate-img .extras {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: center;
  line-height: 1.4;
  visibility: hidden;
  opacity: 0;
  transition: all .3s;
}
.operate-img .extras .extras-inner {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  height: auto;
}
.operate-img .extras .extras-inner a {
  display: inline-block;
  margin: 0 2px;
  width: 32px;
  padding: 5px 0;
  text-align: center;
  color: #fff;
  transition: background .3s;
}
.operate-img .extras .extras-inner a:hover {
  background-color: rgba(54, 200, 230, 0.8);
}
.operate-img .extras:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}
.operate-img:hover .extras {
  visibility: visible;
  opacity: 1;
}

/*图片底部左右移动、删除*/
.sort-img {
  position: relative;
}
.sort-img .bg {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -20px;
    height: 20px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.sort-img .cz {
    position: absolute;
    bottom: -20px;
    z-index: 1;
    height: 20px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    font-size: 12px;
    text-align: center;
    width: 100%;
    line-height: 20px;
    color: #fff;
}

.sort-img .cz i {
    margin: 0 2px;
    cursor: pointer;
}

.sort-img .cz i:hover {
    color: #36C8E6;
}

.sort-img:hover .bg,
.sort-img:hover .cz {
    bottom: 0;
}

/*全屏弹出样式*/
.fullmodal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 19930904;
  display: none;
  overflow: hidden;
  background-color: #f7f8fa; 
}
.fullmodal-header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1001;
  overflow: hidden;
  width: 100%;
  height: 62px;
  line-height: 62px;
  box-shadow: 0 2px 19px 0 #e3e3e3;
  color: #697b8c;
  padding: 0 74px 0 30px;
  background-color: #ffffff; 
}
.fullmodal-header .fullmodal-title {
  line-height: 62px; 
}
.fullmodal-header .fullmodal-btngroup {
  float: right; 
  padding: 17px 0;
  line-height: 0; 
}
.fullmodal-header .fullmodal-btngroup .btn {
  font-size: 14px;
  margin-left: 15px;
  padding: 4px 16px;
  line-height: 18px; 
}
.fullmodal-title {
  float: left;
  font-size: 16px; 
}
.fullmodal-close {
  position: absolute;
  top: 20px;
  right: 30px; 
}
.fullmodal-body {
  position: relative;
  background-color: #f7f8fa;
  overflow: hidden;
  width: 100%;
  height: 100%; 
}
.fullmodal-content {
  overflow: hidden;
  height: 100%; 
}
.fullmodal.fade {
  opacity: 1;
  transition: transform .3s ease-out;
  transform: translate(0, 100%); 
}
.fullmodal.fade.in {
  opacity: 1;
  transform: translate(0, 0); 
}
.fullmodal .box-content {
  padding-bottom: 0; 
}
.fullmodal .box-content .form-horizontal .col-xs-6, .fullmodal .box-content .form-horizontal .col-sm-6, .fullmodal .box-content .form-horizontal .col-md-6, .fullmodal .box-content .form-horizontal .col-lg-6 {
  padding: 0; 
}

.container-fullmodal {
  padding: 90px 30px 20px; 
}

.spinner {
  position: fixed;
  top: 180px;
  left: 50%;
  margin-left: -25px;
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px; 
}

.spinner > div {
  background-color: #36C8E6;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out; 
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s; 
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; 
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; 
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s; 
}

@-webkit-keyframes stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4); 
  }
  20% {
    -webkit-transform: scaleY(1); 
  } 
}

@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4); 
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1); 
  } 
}
/*全屏弹出样式 end*/
.modal-backdrop {
    z-index: 1340;
}
.modal {
    z-index: 1350;
}
.modal.in .modal-dialog {
  margin-top: 5%;
}

.modal .close:focus {
    outline: none;
}

.modal .modal-content {
    box-shadow: none;
    border: none;
}

.modal .modal-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: none;
}

.modal .modal-title,
.modal h4 {
    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #697b8c;
}

.y_highserch .modal-header .close {
    height: 40px;
    line-height: 40px;
    font-size: 40px;
    font-weight: lighter;
}

.modal .modal-body {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #8ca0b3;
}

.modal .modal-footer {
    padding: 10px 20px 30px;
    border-top: none;
    text-align: center;
}

.modal .modal-footer .btn {
  min-width: 90px;
  margin: 0 5px;
}

.modal.modal-tip .modal-heade {
    padding: 15px 15px 30px;
}

.modal.modal-tip .modal-body {
    text-align: center;
    font-size: 14px;
}

.modal.modal-tip .modal-footer {
    padding: 10px 0 30px;
}

.modal.modal-form .modal-dialog {
    width: 620px;
}

.y_highserch .form-group {
    margin-bottom: 20px;
}

.modal.modal-form .form-group {
    margin-bottom: 0;
}

.modal.modal-form .form-group+.form-group {
    margin-top: 20px;
}

.modal.modal-form .form-box {
    padding-left: 75px;
}

.modal.modal-form .control-label {
    width: 75px;
    margin-right: -75px;
}

.modal.modal-form .form-control {
    width: 100%;
}

.modal.modal-form .modal-body {
    padding-left: 10px;
    padding-right: 10px;
}

.modal.modal-form .modal-footer {
    padding: 10px 0 30px;
}

.modal.modal-form .col-xs-1,
.modal.modal-form .col-sm-1,
.modal.modal-form .col-md-1,
.modal.modal-form .col-lg-1 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-2,
.modal.modal-form .col-sm-2,
.modal.modal-form .col-md-2,
.modal.modal-form .col-lg-2 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-3,
.modal.modal-form .col-sm-3,
.modal.modal-form .col-md-3,
.modal.modal-form .col-lg-3 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-4,
.modal.modal-form .col-sm-4,
.modal.modal-form .col-md-4,
.modal.modal-form .col-lg-4 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-5,
.modal.modal-form .col-sm-5,
.modal.modal-form .col-md-5,
.modal.modal-form .col-lg-5 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-6,
.modal.modal-form .col-sm-6,
.modal.modal-form .col-md-6,
.modal.modal-form .col-lg-6 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-7,
.modal.modal-form .col-sm-7,
.modal.modal-form .col-md-7,
.modal.modal-form .col-lg-7 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-8,
.modal.modal-form .col-sm-8,
.modal.modal-form .col-md-8,
.modal.modal-form .col-lg-8 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-9,
.modal.modal-form .col-sm-9,
.modal.modal-form .col-md-9,
.modal.modal-form .col-lg-9 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-10,
.modal.modal-form .col-sm-10,
.modal.modal-form .col-md-10,
.modal.modal-form .col-lg-10 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-11,
.modal.modal-form .col-sm-11,
.modal.modal-form .col-md-11,
.modal.modal-form .col-lg-11 {
    padding: 0 10px;
}

.modal.modal-form .col-xs-12,
.modal.modal-form .col-sm-12,
.modal.modal-form .col-md-12,
.modal.modal-form .col-lg-12 {
    padding: 0 10px;
}

.modal.modal-form-nopassword .small-title {
    font-weight: 400;
    font-size: 14px;
    margin: 20px 0 10px;
}

.modal.modal-form-nopassword .form-group {
    margin-bottom: 0;
}

.modal.modal-form-nopassword .form-group+.form-group {
    margin-top: 12px;
}

.modal.modal-form-nopassword .form-box {
    padding-left: 0;
}

.modal.modal-form-nopassword .check-line {
    width: 100%;
}

.modal.modal-form-nopassword .modal-footer {
    padding: 10px 0 30px;
}

.modal.modal-Backlog .modal-header {
    border: 1px solid #d8dee4;
}

.modal.modal-Backlog .modal-body {
    padding: 0;
    overflow: hidden;
}

.modal.modal-Backlog .backlog-view {
    margin: 10px 0;
    max-height: 320px;
    overflow-y: auto;
}

.modal.modal-Backlog .backglog-item {
    margin: 0 20px;
    position: relative;
    line-height: 53px;
    cursor: pointer;
}

.modal.modal-Backlog .backglog-item+.backglog-item {
    border-top: 1px solid rgba(216, 222, 228, 0.5);
    margin-top: -1px;
}

.modal.modal-Backlog .backglog-item>a {
    display: block;
}

.modal.modal-Backlog .backglog-item>a:hover {
    text-decoration: none;
}

.modal.modal-Backlog .message-source {
    margin: 0 20px;
    font-size: 14px;
    color: #697b8c;
    vertical-align: middle;
    font-weight: 600;
}

.modal.modal-Backlog .message-detail {
    font-size: 14px;
    color: #697b8c;
    vertical-align: middle;
}

.modal.modal-Backlog .message-num {
    margin: 0 4px;
    font-size: 16px;
    color: #f77676;
}

.modal.modal-Backlog .icon-rightarrow {
    line-height: 1;
    position: absolute;
    top: 50%;
    margin-top: -7px;
    right: 0;
    color: #8ca0b3;
}

.modal.modal-change .control-label {
    width: 120px;
    margin-right: -120px;
    padding-top: 0;
    line-height: 28px;
    text-align: right;
    color: #8ca0b3;
}

.modal.modal-change .form-control {
    width: 100%;
}

.modal.modal-change .form-box {
    padding-left: 140px;
}

.modal.modal-change .form-group {
    margin-bottom: 0;
}

.modal.modal-change .col-sm-10+.col-sm-10 {
    margin-top: 20px;
}

.modal.modal-change .modal-footer {
    padding: 10px 20px 30px;
}

.modal.modal-change .error-message {
    color: #f77676;
    line-height: 2;
    margin-left: 140px;
}

.modal.modal-change .error-message>i {
    margin-right: 3px;
}

.modal.modal-associated-role .modal-dialog {
    width: 730px;
}

.modal.modal-associated-role .modal-header {
    box-shadow: 0 1px 0 0 rgba(216, 222, 228, 0.5);
}

.modal.modal-associated-role .modal-body {
    padding: 47px 60px 42px;
    font-size: 0;
}

.modal.modal-associated-role .modal-footer {
    padding: 0 20px 40px;
}

.modal.modal-associated-role .m-left {
    display: inline-block;
    width: 255px;
    height: 204px;
    border: 1px solid #A3AEB9;
    box-shadow: 0 2px 4px 0 rgba(205, 207, 211, 0.5);
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.modal.modal-associated-role .m-right {
    display: inline-block;
    width: 255px;
    height: 204px;
    border: 1px solid #37C8E7;
    box-shadow: 0 2px 4px 0 rgba(205, 207, 211, 0.5);
    overflow: hidden;
    font-size: 0;
    position: relative;
}

.modal.modal-associated-role .m-right .m-ct {
    margin-left: 0;
}

.modal.modal-associated-role .m-ct {
    display: inline-block;
    width: 213px;
    height: 202px;
    overflow-y: auto;
    margin-left: 40px;
    padding: 16px 0;
}

.modal.modal-associated-role .u-list {
    font-size: 14px;
    padding-left: 22px;
    line-height: 32px;
    color: #4d555c;
}

.modal.modal-associated-role .u-list:hover {
    background-color: #ECF0F4;
    cursor: pointer;
}

.modal.modal-associated-role .u-list+.u-list {
    margin-top: 5px;
}

.modal.modal-associated-role .u-des {
    display: inline-block;
    width: 40px;
    height: 202px;
    padding: 40px 10px;
    text-align: center;
    background-color: #A3AEB9;
    color: #fff;
    font-size: 14px;
    position: absolute;
    left: 0;
}

.modal.modal-associated-role .u-des2 {
    display: inline-block;
    width: 40px;
    height: 202px;
    padding: 40px 10px;
    text-align: center;
    background-color: #37C8E7;
    color: #fff;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
}

.modal.modal-associated-role .m-center {
    display: inline-block;
    width: 100px;
    height: 204px;
    line-height: 204px;
    overflow: hidden;
    position: relative;
}

.modal.modal-associated-role .i-arrowlr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: inline-block;
    width: 112px;
    height: 62px;
    background: url("../../img/aebiz_ui/arrow.png") no-repeat center center;
}

.modal.modal-high-lookup .modal-body {
    padding: 20px 20px 0 20px;
}

.modal.modal-high-lookup .modal-footer {
    padding: 10px 20px 20px 20px;
}

.modal.modal-high-lookup .form-control {
    width: 100%;
}


/*bootbox 提示弹出框样式*/
    /*设置bootbox提示框层次高于普通模态框，在同时出现时，bootbox提示框展示在上面*/
.bootbox {
    z-index: 1360;
}
.bootbox ~ .modal-backdrop {
    z-index: 1355;
}
.bootbox .close {
    font-size: 40px;
    margin-top: -5px;
    font-weight: lighter;
} 
.bootbox .bootbox-body {
    padding-top: 40px;
    padding-bottom: 10px;
    text-align: center;
}
.bootbox .modal-footer .btn {
  min-width: 90px;
  margin: 0 5px;
}



.popover {
    max-width: 1000px;
    border: none;
    background-color: #fff;
    box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
}

.popover.bottom>.arrow {
    border-bottom-color: #fff;
}

.popover .popover-content {
    padding: 14px 14px 14px 20px;
}

.popover .editable-input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

/*
.popover .editable-input .form-control {
    height: 21px;
}*/

.popover .editable-buttons {
    display: inline-block;
    vertical-align: middle;
    margin-left: 0;
}

.popover .editable-buttons:after {
    content: "";
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    clear: both;
}

.popover .editable-buttons>button {
    width: 20px;
    height: 20px;
    min-width: 20px;
    float: right;
    padding: 0;
    margin: 0;
}

.popover .editable-buttons>button:first-child {
    margin-left: 10px;
}

.popover .form-control {
    font-size: 14px;
    width: 100%;
}

.table-title {
    font-size: 20px;
    line-height: 50px;
    font-weight: 400;
    padding-left: 10px;
    height: auto;
    border-bottom: 1px solid #ddd;
}

th.with-checkbox {
    text-align: left;
}

.table > thead > tr > th {
  background: #edeff1;
  font-size: 14px;
  color: #8CA0B3;
  height: 48px;
  padding: 6px 15px!important;
  font-weight: 400; 
}

.table > tbody > tr > td {
  height: 48px;
  padding: 6px 15px!important;
  color: #697b8c;
  text-align: left;
  word-wrap: break-word; 
}
.table.white-normal  > tbody > tr > td {
  white-space: normal;
}
.table > tbody > tr > td .u-popover {
  color: #697b8c;
  text-decoration: underline;
  font-weight: 400; 
}
.table > tbody > tr > td .u-popover:hover {
  cursor: pointer; 
}
.table > tbody > tr > td .u-popover.editable-click, .table > tbody > tr > td .u-popovera.editable-click, .table > tbody > tr > td .u-popovera.editable-click:hover {
  border-bottom: none; 
}
.table > tbody > tr > td.dataTables_empty {
  text-align: center;
}
.table.dataTable .sorting {
  background: url(../../img/sorting.png) no-repeat right center #FAFBFD; 
  padding-right: 20px !important;
}
.table.dataTable .sorting_asc, .table.dataTable .sorting_desc {
  /* background-color: #FAFBFD;  */
  padding-right: 20px !important;
}
.table.dataTable .sorting_asc:not([aria-controls]),.table.dataTable .sorting_desc:not([aria-controls]) { 
  background-image: none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border: none; 
}

.table.table-log {
  background-color: #F4F6FA;
  border: 1px solid #D5BDBD; 
}
.table.table-log > tbody > tr:nth-child(odd) > td,
.table.table-log > tbody > tr:nth-child(odd) > th {
  background-color: #fff; 
}
.table.table-log > thead > tr > th {
  background-color: rgba(213, 189, 189, 0.19);
  height: 60px; 
}
.table.table-log > tbody > tr:nth-child(even) > td,
.table.table-log > tbody > tr:nth-child(even) > th {
  background-color: rgba(213, 189, 189, 0.19); 
}

.table.table-striped > tbody > tr:nth-child(odd) > td,
.table.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fff; 
}

.table.table-striped > tbody > tr:nth-child(even) > td,
.table.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #edeff1; 
}

.table.DTFC_Cloned > tbody > tr:nth-child(odd) > td,
.table.DTFC_Cloned > tbody > tr:nth-child(odd) > th {
  background-color: #fff; 
}

.table.DTFC_Cloned > tbody > tr:nth-child(even) > td,
.table.DTFC_Cloned > tbody > tr:nth-child(even) > th {
  background-color: #edeff1; 
}

.table.dataTable {
  margin-bottom: 0; 
  border: none;
}

.dataTables_scrollBody .table > thead > tr > th {
  padding-top: 0 !important; 
  padding-bottom: 0 !important; 
}

.op-link {
    color: #36C8E6;
    display: inline-block;
    margin-right: 4px;
}

.op-link.f-stares {
    color: #333;
}

.op-link.f-stares:hover {
    text-decoration: none;
}

.op-link+.icon-rightarrow,
.op-link+.icon-toparrow {
    font-size: 13px;
    color: #36C8E6;
    position: relative;
}

.op-link+.icon-rightarrow.f-top>.m-small-menu,
.op-link+.icon-toparrow.f-top>.m-small-menu {
    display: block;
    top: 30px;
}

.op-link+.icon-rightarrow.f-top>.m-small-menu:after,
.op-link+.icon-toparrow.f-top>.m-small-menu:after {
    content: "";
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 17px solid #fff;
    position: absolute;
    top: -15px;
    left: 40px;
}

.op-link+.icon-rightarrow.f-bottom>.m-small-menu,
.op-link+.icon-toparrow.f-bottom>.m-small-menu {
    display: block;
    bottom: 100%;
}

.op-link+.icon-rightarrow.f-bottom>.m-small-menu:after,
.op-link+.icon-toparrow.f-bottom>.m-small-menu:after {
    content: "";
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 17px solid #fff;
    position: absolute;
    bottom: -15px;
    left: 40px;
}

.op-link+.icon-rightarrow>.m-small-menu,
.op-link+.icon-toparrow>.m-small-menu {
    display: none;
    position: absolute;
    z-index: 1;
    /*  width: 72px; */
    white-space: nowrap;
    background: #fff;
    padding: 0 23px;
    box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    left: -46px;
}

.op-link+.icon-rightarrow>.m-small-menu>li,
.op-link+.icon-toparrow>.m-small-menu>li {
    line-height: 50px;
    color: #697b8c;
    text-align: center;
    cursor: pointer;
}

/*列表下拉操作*/
.more_btn {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
}
.more_btn i {
  display: inline-block;
  color: #36C8E6;
  -webkit-transition: transform .3s;
  transition: transform .3s;
}
.more_btn .more_down {
  position: absolute;
  top: 100%;
  right: -14px;
  margin-top: 15px;
  padding: 5px 0;
  background-color: #fff;
  z-index: 99;
  min-width: 60px;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  display: none;
}
.more_btn .more_down:after,.more_btn .more_down:before {
  content: "";
  display: block;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 17px solid #fff;
  position: absolute;
  top: -17px;
  right: 15px;
  z-index: 2;
}
.more_btn .more_down:after {
  border-bottom: 17px solid #eee;
  top: -18px;
  z-index: 1;
}
.dataTable tr:last-child .more_btn .more_down,.dataTable tr:nth-last-child(2) .more_btn .more_down,.dataTable tr:nth-last-child(3) .more_btn .more_down {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 15px;
}
.dataTable tr:last-child .more_btn .more_down:before,.dataTable tr:nth-last-child(2) .more_btn .more_down:before,.dataTable tr:nth-last-child(3) .more_btn .more_down:before {
  border-bottom: none;
  border-top: 17px solid #fff;
  top: auto;
  bottom: -17px;
}
.dataTable tr:last-child .more_btn .more_down:after,.dataTable tr:nth-last-child(2) .more_btn .more_down:after,.dataTable tr:nth-last-child(3) .more_btn .more_down:after {
  border-bottom: none;
  border-top: 17px solid #eee;
  top: auto;
  bottom: -18px;
}
.dataTable tr:first-child .more_btn .more_down,.dataTable tr:nth-child(2) .more_btn .more_down,.dataTable tr:nth-child(3) .more_btn .more_down {
  top: 100%;
  bottom: auto;
  margin-top: 15px;
  margin-bottom: 0;
}
.dataTable tr:first-child .more_btn .more_down:before,.dataTable tr:nth-child(2) .more_btn .more_down:before,.dataTable tr:nth-child(3) .more_btn .more_down:before {
  border-top: none;
  border-bottom: 17px solid #fff;
  top: -17px;
  bottom: auto;
}
.dataTable tr:first-child .more_btn .more_down:after,.dataTable tr:nth-child(2) .more_btn .more_down:after,.dataTable tr:nth-child(3) .more_btn .more_down:after {
  border-top: none;
  border-bottom: 17px solid #eee;
  top: -18px;
  bottom: auto;
}
.more_btn .more_down a {
  display: block;
  line-height: 30px;
  min-width: 40px;
  padding: 0 10px;
  color: #697B8C;
  cursor: pointer;
  white-space: nowrap;
  text-align: center;
  margin: 0;
  font-size: 12px;
}
.more_btn .more_down a:hover {
  color: #36C8E6;
}
.more_btn:hover i {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.more_btn:hover .more_down {
  display: block;
}
/*列表下拉操作 end*/

.DTFC_LeftHeadWrapper {
  border: none; 
}

.DTFC_LeftBodyWrapper .table > thead > tr > th, .DTFC_RightBodyWrapper .table > thead > tr > th {
  padding-top: 0 !important; 
  padding-bottom: 0 !important;  
}

.dataTables_wrapper {
  position: relative;
  background: #fff;
  color: #697B8C;
  padding-bottom: 0;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.dataTables_wrapper.normal_page {
    box-shadow: none;
}
.dataTables_wrapper .dataTables_processing {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  text-align: center;
  z-index: 100;
  background: rgba(255, 255, 255, 0.9);
  color: #fff;
}
.dataTables_wrapper .dataTables_processing:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -17px 0 0 -17px;
  -webkit-animation: spinnerFour 1s linear infinite;
  animation: spinnerFour 1s linear infinite;
  border: solid 4px transparent;
  border-top: solid 4px #36C8E6;
  border-radius: 100%;
  width: 35px;
  height: 35px;
}
@-webkit-keyframes spinnerFour {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes spinnerFour {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.dataTables_wrapper .dataTables_info {
  float: right;
  min-width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 20px; 
}
.dataTables_wrapper .dataTables_length {
  float: right;
  min-width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  margin-right: 0; 
}
.dataTables_wrapper .dataTables_length select {
  border-color: #E4E3E8;
}
.dataTables_wrapper .dataTables_length label {
  margin-bottom: 0;
  font-weight: normal;
}
.dataTables_wrapper .dataTables_operation {
  float: left;
  margin-top: 0; 
}
.dataTables_wrapper .dataTables_operation .form-group {
  vertical-align: top;
}
.dataTables_wrapper .dataTables_operation .m-checkbox-wrap {
  margin: 0 15px; 
}
.dataTables_wrapper .dataTables_operation .form-control {
  display: inline-block;
  vertical-align: middle; 
}
.dataTables_wrapper .dataTables_paginate {
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 20px;
  color: #697B8C; 
}
.dataTables_wrapper .dataTables_paginate > span > a {
  background: none; 
}
.dataTables_wrapper .dataTables_paginate > span > a.paginate_active, .dataTables_wrapper .dataTables_paginate > span > a.current {
  color: #36C8E6;
  background: none; 
}
.dataTables_wrapper .dataTables_paginate > a {
  background: none;
  border: 1px solid #E4E3E8; 
}

.dataTables_page_wrapper {
  background-color: #fff;
  height: 58px;
  line-height: 58px; 
}
.dataTables_page_wrapper:after {
  content: "";
  display: block;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  clear: both; 
}

.DTFC_RightHeadWrapper {
    border-right: none;
}

.DTFC_RightHeadWrapper .dataTable {
    border-right: none;
}

.DTFC_LeftWrapper, .DTFC_RightWrapper {
  height: auto !important;
  box-shadow: 0 -1px 8px #ceb6b6;; 
  border-left: 1px solid #edd8d8;
}


.DTFC_Blocker {
  background: #EAEAEA; 
}

.DTFC_ScrollWrapper, .dataTables_scroll {
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.08);
  overflow: hidden; 
}

.order-table.table>thead>tr>th {
    background: #EFEBEE;
}

.order-table.table.table-striped>tbody>tr:nth-child(even)>td {
    background: #EFEBEE;
}

/*.dataTables_page_wrapper {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}*/

.nav.nav-tabs {
    border-bottom: none;
    background-color: transparent;
    border-bottom: 1px solid #D8DEE4;
}

.nav.nav-tabs>li {
    margin-bottom: 0;
}

.nav.nav-tabs>li>a {
    margin-right: 15px;
    padding: 0;
    font-size: 16px;
    color: #8CA0B3;
    line-height: 46px;
    border-bottom: none;
    border: none;
}

.nav.nav-tabs>li>a:hover {
    background: none;
}

.nav.nav-tabs>li+li>a {
    margin: 0 15px;
}

.nav.nav-tabs>li.active>a {
    color: #36C8E6;
    border: none;
    background-color: inherit;
}

.nav.nav-tabs>li.active>a:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 100%;
    left: 0;
    background-color: #36C8E6;
    height: 3px;
}

.nav.nav-pills {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
}

.nav.nav-pills>li>a {
    color: #8CA0B3;
    border-radius: 0;
    font-size: 16px;
    line-height: 22px;
    padding: 13px 26px;
}

.nav.nav-pills>li+li {
    margin-left: 0;
}

.nav.nav-pills>li.active>a {
    background-color: #37C8E7;
    color: #fff;
}

.searchbox {
    padding: 20px 20px 10px 20px;
    /*overflow: hidden;*/
    margin-bottom: 20px;
}

.searchbox .form-group {
    margin-bottom: 20px;
}

.searchbox .searchbox-form {
    border-bottom: 1px solid #E4E3E8;
}

.searchbox .searchbox-form .form-group>.form-box {
    padding-left: 90px;
}

.searchbox .searchbox-form .form-group>.control-label {
    width: 90px;
    margin-right: -90px;
}

.searchbox .searchbox-form .form-group {
    width: 24%;
}

.searchbox .searchbox-form .form-group select {
    vertical-align: bottom;
}

.searchbox .searchbox-op {
    margin-top: 12px;
    margin-right: -8px;
}

.searchbox .searchbox-op .form-group {
    margin-bottom: 0;
}

.searchbox .searchbox-op .btn {
    min-width: 70px;
    margin-right: 8px;
}

.modal .searchbox {
    margin-top: 0;
    margin-bottom: 20px;
}

.panel-group .panel {
    border: none;
    background: #fff;
    box-shadow: 0 2px 4px 0 rgba(217, 217, 217, 0.5);
}

.panel-group .panel+.panel {
    margin-top: 20px;
}

.panel-group .panel-heading {
    height: 60px;
    padding: 20px;
    position: relative;
}

.panel-group .panel-heading .panel-title {
    color: #697b8c;
    font-size: 16px;
}

.panel-group .panel-heading .check-line.inline {
    margin-bottom: 0;
}

.panel-group .panel-heading .u-open {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    border-left: 1px solid #dfe5eb;
}

.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: none;
}

.panel-group .panel-heading.f-opening {
    background-color: #37C8E7;
}

.panel-group .panel-heading.f-opening .panel-title {
    color: #fff;
}

.panel-group .panel-body {
    padding: 0;
}

.panel-group .panel-body .table {
    margin-bottom: 0;
}

.panel-group .panel-body tr+tr {
    border-top: 1px solid #DFE5EB;
}

.panel-group .panel-body tr>td {
    padding: 20px !important;
}

.panel-group .panel-body tr>td:first-child {
    vertical-align: top;
}

.panel-group .panel-body tr>td+td {
    border-left: 1px solid #DFE5EB;
}

.panel-group .panel-body .check-line {
    margin-bottom: 0;
}

.panel-group .panel-body .check-line>.inline {
    line-height: 1;
    margin-bottom: 0;
}

.panel-group .panel-body .check-line+.check-line {
    margin-top: 6px;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker.opensright .ranges,
.daterangepicker.opensright .calendar {
    float: left;
    margin: 4px;
}

.daterangepicker .ranges {
    width: 160px;
    text-align: left;
}

.daterangepicker .ranges .range_inputs>div {
    float: left;
}

.daterangepicker .ranges .range_inputs>div:nth-child(2) {
    padding-left: 11px;
}

.daterangepicker .calendar {
    display: none;
    width: 48%;
    margin: 1% !important;
}

.daterangepicker.single .calendar {
    width: 98%;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-date {
    border: none;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .ranges label {
    color: #333;
    display: block;
    font-size: 11px;
    font-weight: normal;
    height: 20px;
    line-height: 20px;
    margin-bottom: 2px;
    text-shadow: #fff 1px 1px 0px;
    text-transform: uppercase;
    width: 74px;
}

.daterangepicker .ranges input {
    font-size: 11px;
}

.daterangepicker .ranges .input-mini {
    background-color: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    font-size: 11px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 10px 0;
    padding: 0 6px;
    width: 74px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}

.daterangepicker .calendar-date {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar-time {
    text-align: center;
    margin: 8px auto 0 auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #eee;
    line-height: 30px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 20px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 21px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    /* width: 20px; */
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
}

.daterangepicker td.off {
    color: #999;
}

.daterangepicker td.disabled {
    color: #999;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
}

.daterangepicker td.in-range {
    background: #ebf4f8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker_start_input {
    float: left;
}

.daterangepicker_end_input {
    float: left;
    padding-left: 11px;
}

.daterangepicker th.month {
    width: auto;
}


/* #z-last b{position: absolute;} */

.daterangepicker_input > .form-control,.daterangepicker_input .fa {
  display: none; 
}

.daterangepicker {
    border: none;
    box-shadow: 0 10px 26px 0 rgba(0, 0, 0, 0.14);
}

.daterangepicker td.in-range {
    background: #36C8E6;
    color: #fff;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #fff;
    border: 1px solid #36C8E6;
    color: #fff;
    color: #8CA0B3;
    border-radius: 100%;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    border-radius: 100%;
    background: #fff;
}

.show-calendar {
    width: 590px;
    border:1px solid #efefef !important;
}
.show-calendar.single {
    width: 295px;
}

.show-calendar .ranges {
    padding-top: 4px;
    z-index: 4000;
    width: 88%;
    margin: 0 6% !important;
}


/* .daterangepicker.show-calendar {
  left:10% !important;
}
.z-daterangpicker01 .daterangepicker.show-calendar {
  right: 1% !important;
} */

.daterangepicker .ranges li {
    background: #fff;
    border: 1px solid #8CA0B3;
    border-radius: 2px;
    font-size: 12px;
    color: #8CA0B3;
    letter-spacing: 0.43px;
    height: 28px;
    line-height: 22px;
    margin-right: 10px;
}

.daterangepicker .ranges .range_inputs .btn-success {
    background-color: #36C8E6;
    border-color: #36C8E6;
    color: #fff;
}

.daterangepicker.show-calendar .ranges li {
    float: left;
}

.daterangepicker.show-calendar .ranges .range_inputs {
    float: right;
    margin-bottom: 8px;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #36C8E6;
    color: #fff;
    border: 1px solid #36C8E6;
}

.btn.btn-success,
.btn.btn-default {
    height: 28px;
    line-height: 15px;
}

.table-condensed>tbody>tr>td {
    padding-top: 9px;
    padding-bottom: 9px;
}


/*! X-editable - v1.5.1 
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
* http://github.com/vitalets/x-editable
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */

.editableform {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
}

.editableform .control-group {
    margin-bottom: 0;
    /* overwrites bootstrap margin */
    white-space: nowrap;
    /* prevent wrapping buttons on new line */
    line-height: 20px;
    /* overwriting bootstrap line-height. See #133 */
}


/* 
  BS3 width:1005 for inputs breaks editable form in popup 
  See: https://github.com/vitalets/x-editable/issues/393
*/

.editableform .form-control {
    width: auto;
}

.editable-buttons {
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    vertical-align: top;
    margin-left: 7px;
    /* inline-block emulation for IE7*/
    zoom: 1;
    *display: inline;
}

.editable-buttons.editable-buttons-bottom {
    display: block;
    margin-top: 7px;
    margin-left: 0;
}

.editable-input {
    vertical-align: top;
    display: inline-block;
    /* should be inline to take effect of parent's white-space: nowrap */
    width: auto;
    /* bootstrap-responsive has width: 100% that breakes layout */
    white-space: normal;
    /* reset white-space decalred in parent*/
    /* display-inline emulation for IE7*/
    zoom: 1;
    *display: inline;
}

.editable-buttons .editable-cancel {
    margin-left: 7px;
}


/*for jquery-ui buttons need set height to look more pretty*/

.editable-buttons button.ui-button-icon-only {
    height: 24px;
    width: 30px;
}

.editableform-loading {
    background: url("../../img/plugins/xeditable/loading.gif") center center no-repeat;
    height: 25px;
    width: auto;
    min-width: 25px;
}

.editable-inline .editableform-loading {
    background-position: left 5px;
}

.editable-error-block {
    max-width: 300px;
    margin: 5px 0 0 0;
    width: auto;
    white-space: normal;
}


/*add padding for jquery ui*/

.editable-error-block.ui-state-error {
    padding: 3px;
}

.editable-error {
    color: red;
}


/* ---- For specific types ---- */

.editableform .editable-date {
    padding: 0;
    margin: 0;
    float: left;
}


/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */

.editable-inline .add-on .icon-th {
    margin-top: 3px;
    margin-left: 1px;
}


/* checklist vertical alignment */

.editable-checklist label input[type="checkbox"],
.editable-checklist label span {
    vertical-align: middle;
    margin: 0;
}

.editable-checklist label {
    white-space: nowrap;
}


/* set exact width of textarea to fit buttons toolbar */

.editable-wysihtml5 {
    width: 566px;
    height: 250px;
}


/* clear button shown as link in date inputs */

.editable-clear {
    clear: both;
    font-size: 0.9em;
    text-decoration: none;
    text-align: right;
}


/* IOS-style clear button for text inputs */

.editable-clear-x {
    background: url("../../img/plugins/xeditable/clear.png") center center no-repeat;
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    opacity: 0.6;
    z-index: 100;
    top: 50%;
    right: 6px;
    margin-top: -6px;
}

.editable-clear-x:hover {
    opacity: 1;
}

.editable-pre-wrapped {
    white-space: pre-wrap;
}

.editable-container.editable-popup {
    max-width: none !important;
    /* without this rule poshytip/tooltip does not stretch */
}

.editable-container.popover {
    width: auto;
    /* without this rule popover does not stretch */
}

.editable-container.editable-inline {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    /* inline-block emulation for IE7*/
    zoom: 1;
    *display: inline;
}

.editable-container.ui-widget {
    font-size: inherit;
    /* jqueryui widget font 1.1em too big, overwrite it */
    z-index: 9990;
    /* should be less than select2 dropdown z-index to close dropdown first when click */
}

.editable-click,
a.editable-click,
a.editable-click:hover {
    text-decoration: none;
    border-bottom: dashed 1px #0088cc;
    cursor: pointer;
}

.editable-click.editable-disabled,
a.editable-click.editable-disabled,
a.editable-click.editable-disabled:hover {
    color: #585858;
    cursor: default;
    border-bottom: none;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus {
    font-style: italic;
    color: #DD1144;
    /* border-bottom: none; */
    text-decoration: none;
}

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

.editable-unsaved:after {
    /*    content: '*'*/
}

.editable-bg-transition {
    -webkit-transition: background-color 1400ms ease-out;
    -moz-transition: background-color 1400ms ease-out;
    -o-transition: background-color 1400ms ease-out;
    -ms-transition: background-color 1400ms ease-out;
    transition: background-color 1400ms ease-out;
}


/*see https://github.com/vitalets/x-editable/issues/139 */

.form-horizontal .editable {
    padding-top: 5px;
    display: inline-block;
}


/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */

.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
    border-top: 1px solid #ddd !important;
  }*/
}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.today:hover:hover {
    color: #000;
}

.datepicker table tr td.today.active:hover {
    color: #fff;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old,
.datepicker table tr td span.new {
    color: #999999;
}

.datepicker th.datepicker-switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

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

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

#ascrail2000 div {
    border-radius: 4px !important;
}

.z_background {
    background: #fff;
}

.z_shoadow {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.z_bodycolor {
    background: #F7F8FA;
}

.dashboard_content {
    background: #36C8E6;
    width: 100%;
    padding: 30px 0 20px 0;
}

.z-user_content {
    background: #fff !important;
    color: #8CA0B3;
}

.z-user_content.dashboard_content .row .col-sm-2 p {
    color: #8CA0B3;
}

.z-user_content.dashboard_content .row .col-sm-2 .dashboard_p2 {
    color: #697B8C;
}

.z-user_content.dashboard_content .row .col-sm-2 .dashboard_p3 {
    color: #697B8C;
}

.dashboard_content .row .col-sm-2 p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.dashboard_content .row .col-sm-2 p.dashboard_p1 {
    font-size: 30px;
    line-height: 42px;
}

.dashboard_content .row .col-sm-2 p.dashboard_p2 {
    font-size: 14px;
}

.z_order {
    background: #fff;
    padding: 28px 0 36px 0;
}

.z_order p {
    text-align: center;
}

.z_order p.z-orderp1 {
    font-size: 30px;
    color: #F77676;
    line-height: 42px;
    margin-bottom: 10px;
}

.z_order p.z-orderp2 {
    font-size: 14px;
    color: #697B8C;
    line-height: 20px;
}

.z-colorchoose {
    background: #fff;
}

.z-colorchoose p {
    font-size: 16px;
    color: #697B8C;
    padding: 10px 0 18px 20px;
}

.z-colorchoose ul {
    overflow: hidden;
    padding: 0 20px 14px 20px;
}

.z-colorchoose ul li {
    width: 26px;
    height: 26px;
    float: left;
    margin-bottom: 10px;
    margin-right: 17%;
    cursor: pointer;
    position: relative;
}

.z-colorchoose ul li.z-colorchoose01 {
    background: #36C8E6;
}

.z-colorchoose ul li.z-colorchoose02 {
    background: #3685E6;
}

.z-colorchoose ul li.z-colorchoose03 {
    background: #6336E6;
}

.z-colorchoose ul li.z-colorchoose04 {
    background: #302E2E;
    margin-right: 0;
}

.z-colorchoose ul li.z-colorchoose05 {
    background: #E6367C;
}

.z-colorchoose ul li.z-colorchoose06 {
    background: #F67C77;
}

.z-colorchoose ul li.z-colorchoose07 {
    background: #F0D921;
}

.z-colorchoose ul li.z-colorchoose08 {
    background: #F0D921;
    margin-right: 0;
}

.z-colorchoose .z-colorchoose ul li.active {
    position: absolute;
    left: 50%;
    top: 10px;
}

.z-use {
    background: #fff;
    padding: 20px 6px 20px 6px;
    height: 128px;
}

.z-use h1 {
    font-size: 16px;
    color: #697B8C;
    margin-bottom: 20px;
    padding-left: 22px;
}

.z-use h1 a {
    font-size: 16px;
    color: #36C8E6;
    margin-left: 20px;
}

.z_usecol {
    overflow: hidden;
}

.z_usecol li {
    text-align: center;
    font-size: 14px;
    color: #697B8C;
}

.z_usecol li .z-usebox {
    margin: 0 14px;
    opacity: 0.6;
    background: #F4F5F7;
    height: 50px;
    line-height: 50px;
}

.z_usecol .col-xs-1-5,
.z_usecol .col-sm-1-5,
.z_usecol .col-md-1-5,
.z_usecol .col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.z_usecol .col-xs-1-5 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .z_usecol .col-sm-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .z_usecol .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .z_usecol .col-lg-1-5 {
        width: 20%;
        float: left;
    }
}

.z-tubiao .box-title h3 {
    font-size: 16px;
    color: #697B8C;
    float: left;
}

.z-tubiao .box-title {
    padding: 11px 20px;
    line-height: 23px;
}

.z-tubiao .box-title .fl span {
    font-size: 14px;
    color: #8CA0B3;
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}

.z-tubiao .box-title .fr .z-last {
    padding-left: 20px;
    font-size: 14px;
    color: #8CA0B3;
    margin-top: 5px;
    display: inline-block;
    border-left: 0 solid #efefef;
}

.z-tubiao .fr em {
    font-style: normal;
    font-size: 14px;
    color: #8CA0B3;
    margin-right: 20px;
    cursor: pointer;
}

.z-tubiao .box-title .fr .z-last {
    position: relative;
}

.z-tubiao .z_line {
    position: absolute;
    left: 0;
    width: 1px;
    height: 52px;
    background: #efefef;
    top: -16px;
}

.z-tubiao table thead tr {
    font-size: 14px;
    color: #8CA0B3;
}

.z-tubiao table {
    width: 100%;
    margin-bottom: 20px;
}

.z-tubiao table thead tr td,
.z-tubiao table tbody tr td {
    padding: 0 0 0 4%;
    text-align: left;
    height: 40px;
}

.z-tubiao table tbody tr {
    font-size: 14px;
    color: #697B8C;
}

.z-tubiao .box-content {
    height: 436px;
}

.z-userpiechart .box-content {
    height: 330px;
}

.z-tubiao table tbody tr td span {
    background: #36C8E6;
    height: 16px;
    display: inline-block;
}

.z-modify {
    overflow: hidden;
    border: 1px solid #E4E3E8;
    padding-top: 17px;
    padding-bottom: 17px;
    height: 200px;
}

.z-modify li {
    width: 41%;
    float: left;
    background: #F8F9FA;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 13px;
    color: #b2bac4;
    margin: 0 4.5%;
    margin-bottom: 20px;
}

.z-modifybtn .btn {
    vertical-align: middle;
    margin: 0 auto;
    display: block;
    width: 21%;
}

.z-modal-title {
    font-size: 16px;
    color: #697B8C;
}

.z-modal-title span {
    font-size: 16px;
    color: #697B8C;
    margin-left: 10px;
}

.zuo_modal .modal-header {
    padding: 20px;
}

#z-lasttwo,
#z-lastthree,
#z-lastfour,
#z-lastfive,
#z-lastsix,
.z-lasttwo {
    opacity: 0;
    width: 20px;
    width: 128%;
    position: absolute;
    left: 0;
    top: -16px;
    height: 65px;
}

.z-dataarrow.daterangepicker.opensright:before {
    left: unset;
    right: 38px !important;
}

.z-dataarrow.daterangepicker.opensright:after {
    left: unset;
    right: 39px !important;
}

.z-piechart .box-content {
    height: 230px !important;
}

.z_Province {
    width: 25%;
}

.z_usershu {
    width: 15%;
}

.m-dashboard .row {
    margin-left: -10px;
    margin-right: -10px;
}

.z-Finance {
	display: inline-block;
    color: #F77676;
    font-size: 30px;
}

.z-finacebox {
    text-align: center;
    padding-top: 40px;
}

.z-saleitembox {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 25px;
}
.z-saleitembox .z-Financebottom {
    color: #F77676;
}

.z-Finance .col-sm-3 {
    text-align: center;
}

.z-item-message {
  position: absolute;
  left: 50%;
  top: 0;
  width: 18px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  background: #ddd;
  border-radius: 50%;
  font-size: 16px;
  margin-top: -10px;
  margin-left: 30px;
}

.z-Finance span {
    margin-right: 10px;
}

.z-littletitle {
    font-size: 14px;
    color: #697B8C;
}

.z-Financebottom {
    font-size: 24px;
    color: #697B8C;
    line-height: 22px;
    border-right: 1px solid #E4E3E8;
}

.z-Financebottom span {
    margin-right: 4px;
}

.z-userleft {
    margin-top: 20px;
}

.z-userleft h3 {
    padding: 11px 20px;
    line-height: 23px;
    font-size: 16px;
    color: #697B8C;
}

.z-tubiao.z-userbox .box-content {
    height: 384px;
}

.z-userSurvey dt {
    float: left;
}

.z-userSurvey dl {
    margin-bottom: 50px;
}

.z-userSurvey {
    font-size: 14px;
    color: #697B8C;
    padding: 45px 58px 2px 58px;
}

.z-userSurvey dd span {
    font-size: 30px;
    color: #44515E;
    margin-bottom: 3px;
    display: inline-block;
}

.c-user-center {
    margin: 0 60px;
}

.c-user-center .container {
    margin: 0;
    margin-top: 24px;
    width: auto;
    padding: 48px 0;
    background: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.c-user-center .container .row {
    margin: 0;
}

.c-user-center .container .col-sm-3 {
    padding: 0;
    padding-left: 50px;
}

.c-user-center .container .col-sm-3 dd.img-box {
    width: 64px;
    height: 64px;
    margin-right: 20px;
}

.c-user-center .container .col-sm-3 dd.img-box img {
    width: 100%;
}

.c-user-center .container .col-sm-3 dt:after {
    height: 46px;
    border-right: 1px solid #E4E3E8;
    content: "";
    position: absolute;
    top: 11px;
    right: 0;
}

.c-user-center .container .col-sm-3 dt {
    font-weight: normal;
    text-align: center;
}

.c-user-center .container .col-sm-3 dt .price {
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #F77676;
    height: 45px;
    line-height: 45px;
}

.c-user-center .container .col-sm-3 dt .price span {
    margin-right: 5px;
}

.c-user-center .container .col-sm-3 dt .price-title {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
}

.c-user-center .container .col-sm-last dt:after {
    height: 0;
    content: "";
}

.c-user-center .table-container {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    margin-top: 20px;
}

.c-user-center .table-container .already-purchased {
    padding: 15px 40px;
    background: #ffffff;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #36C8E6;
    letter-spacing: 0;
}

.c-user-center .table-container .table {
    background: #ffffff;
}

.c-user-center .table-container .table tbody>tr>td:first-child {
    padding-left: 40px !important;
}

.c-user-center .table-container .table th {
    text-align: center;
}

.c-user-center .table-container .table thead .dropdown {
    text-align: left;
    padding-left: 40px !important;
}

.c-user-center .table-container .table thead .dropdown a {
    text-decoration: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
}

.c-user-center .table-container .table thead .open {
    padding: 0 !important;
}

.c-user-center .table-container .table thead .open .dropdown-toggle {
    width: 182px;
    background: #FFFFFF;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.08);
    display: block;
    height: 100%;
    line-height: 48px;
    padding-left: 40px;
    text-decoration: none;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
    font-weight: normal;
}

.c-user-center .table-container .table th {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
}

.c-user-center .table-container .table th .dropdown-toggle i {
    margin-left: 15px;
}

.c-user-center .table-container .table th .tbale-sideslip {
    width: 182px;
    background: #FFFFFF;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.08);
    border: 0;
}

.c-user-center .table-container .table th .tbale-sideslip a {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
    padding-left: 40px;
}

.c-user-center .table-container .table td {
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #4D555C;
    text-align: center;
}

.c-user-center .table-container .table td dd.img-box {
    width: 84px;
    height: 84px;
    background: #ffffff;
    padding: 5px;
}

.c-user-center .table-container .table td dd.img-box img {
    width: 100%;
}

.c-user-center .table-container .table td dt {
    font-weight: normal;
    width: 65%;
    margin: 5px 0;
    margin-left: 2%;
    position: relative;
}

.c-user-center .table-container .table td dt .order-product {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-all;
    font-family: PingFangSC-Medium;
    font-size: 14px;
    color: #4D555C;
}

.c-user-center .table-container .table td dt .order-num {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4D555C;
    position: relative;
    bottom: -10px;
}

.c-uer-view .account-freeze {
    background: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    margin-top: 20px;
    padding: 30px 0;
    text-align: center;
}

.c-uer-view .account-freeze img {
    width: 370px;
    height: 195px;
}

.c-uer-view .account-freeze p {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #F77676;
    letter-spacing: 0;
}

.c-uer-view .essential-information {
    margin-top: 20px;
    background: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    padding: 30px 20px;
}

.c-uer-view .essential-information .row {
    margin: 0;
}

.c-uer-view .essential-information .row .col-sm-3 {
    padding: 0;
}

.c-uer-view .essential-information .row .col-sm-3 .head-box {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    overflow: hidden;
}

.c-uer-view .essential-information .row .col-sm-3 .head-box img {
    width: 100%;
}

.c-uer-view .essential-information .row .col-sm-3>ul {
    margin-left: 20px;
}

.c-uer-view .essential-information .row .col-sm-3>ul li {
    line-height: 2.5;
}

.c-uer-view .essential-information .row .col-sm-3>ul li p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    letter-spacing: 0;
}

.c-uer-view .essential-information .row .col-sm-3>ul li p span {
    margin-right: 10px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
    letter-spacing: 0;
}

.c-uer-view .essential-information>p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #36C8E6;
    letter-spacing: 0;
    padding-bottom: 20px;
}

.c-uer-view .source-information .row .col-sm-3>ul {
    margin: 0;
}

.c-uer-view .label-information ul:after {
    content: "";
    display: table;
    clear: both;
}

.c-uer-view .label-information a {
    text-decoration: none;
    font-family: PingFangSC-Regular;
    font-size: 11px;
    color: #36C8E6;
    letter-spacing: 0;
    padding: 5px 10px;
    background: #CFF4FB;
    border-radius: 2px;
    margin-right: 15px;
    display: block;
}

.c-balance .container {
    margin-bottom: 20px;
    padding: 20px 40px 20px 20px;
}

.c-balance .container p {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #36C8E6;
    letter-spacing: 0;
}

.c-balance .container a {
    font-family: PingFangSC-Regular;
    font-size: 18px;
    color: #8CA0B3;
    text-decoration: none;
}

.c-balance .container a i {
    margin-left: 20px;
}

.c-balance .table tbody tr td:last-child {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #F77676;
}

.c-balance .table td {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4D555C;
}

.c-integral-detail .container {
    margin-bottom: 20px;
    padding: 20px 40px 20px 20px;
}

.c-integral-detail .container p {
    font-family: PingFangSC-Medium;
    font-size: 18px;
    color: #36C8E6;
    letter-spacing: 0;
}

.c-integral-detail .table td {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #4D555C;
}

.c-integral-detail .table td,
.c-integral-detail .table th {
    text-align: center;
}

.c-integral-detail .table thead tr th:first-child,
.c-integral-detail .table tbody tr td:first-child {
    text-align: left;
}

.c-integral-detail .table thead tr th:first-child p:first-child,
.c-integral-detail .table tbody tr td:first-child p:first-child {
    margin-bottom: 10px;
}

.c-integral-detail .table .get {
    font-family: PingFangSC-Medium;
    font-size: 16px;
    color: #F77676;
}

.c-coupon .table td,
.c-coupon .table th {
    text-align: left;
}

.z-order-img {
    position: relative;
}

.z-order-img img {
    padding: 25px 0;
    display: block;
    margin: 0 auto;
    position: relative;
}

.z-order-img b {
    color: #fff;
    font-size: 10px;
    position: absolute;
    top: 117px;
    left: 46%;
    font-weight: normal;
}

.z-order-img span {
    position: absolute;
    left: 46%;
    top: 45px;
    color: #fff;
    font-size: 10px;
}

.z-order-img em {
    position: absolute;
    left: 46%;
    bottom: 45px;
    color: #fff;
    font-style: normal;
    font-size: 10px;
}

.z-payment {
    position: absolute;
    left: 6%;
    font-size: 10px;
    color: #697B8C;
    bottom: 57px;
    text-align: right;
}

.z-payment01 {
    position: absolute;
    right: 1%;
    text-align: left;
    top: 76px;
    font-size: 10px;
    color: #697B8C;
}

.z-payment02 {
    position: absolute;
    right: 7%;
    text-align: left;
    bottom: 50px;
    font-size: 10px;
    color: #697B8C;
}


/* 订单详情页面 */

.z-buyers {
    width: 38%;
}

.buyers_content {
    padding: 37px 0 60px 0;
    overflow: hidden;
}

.z_orstepms {
    width: 80%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    padding: 0;
    float: left;
    margin-top: 30px;
}

.z_orstepms li {
    float: left;
    width: 25%;
    text-align: center;
    color: #424242;
    font-size: 12px;
    list-style: none;
    position: relative;
}

.z_orstepms li div {
    font-size: 28px;
    color: #bbb;
    position: relative;
    z-index: 2;
    width: 26px;
    height: 26px;
    margin: 0 auto;
}

.z_orderdtep .z_stms1 div,
.z_orderdtep .z_stms2 div {
    color: #db3833;
}

.z_orderdtep .z_stms1 p b {
    color: #697B8C;
}

.z_orstepms li p {
    color: #BDC9D5;
    font-size: 14px;
    padding-top: 40px;
    margin: 0;
    font-family: "Microsoft Yahei";
}

.z_orstepms li p b {
    font-weight: normal;
    margin-left: 10px;
}

.z_orstepms li s {
    position: absolute;
    left: -50%;
    width: 100%;
    border: 1px dashed #E4E3E8;
    overflow: hidden;
    top: 20px;
}

.z_orderdtep .z_stms2 s,
.z_orderdtep .z_stms3 s {
    border: 1px dashed #36C8E6;
}

.z-buyersleft {
    float: left;
    width: 20%;
}

.z-buyersleft i {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
}

.z-buyersleft span,
.z-buyersleft em {
    font-size: 14px;
    color: #36C8E6;
    display: block;
    font-style: normal;
    text-align: center;
}

.z-buyersleft span {
    margin-bottom: 10px;
}

.z-orderimg {
    float: left;
    width: 85px;
    height: 85px;
}

.z-orderright {
    width: 64%;
    margin-left: 13px;
    font-size: 14px;
    color: #697B8C;
}

.z-orderright span,
.z-orderright em {
    font-size: 12px;
    color: #FFFFFF;
    background: #F77676;
    border-radius: 2px;
    display: inline-block;
    height: 17px;
    line-height: 17px;
    padding: 0 7px;
}

.z-orderright b {
    font-weight: normal;
    display: block;
    padding-top: 20px;
    font-size: 14px;
}

.z-orderright em {
    font-style: normal;
}

.z-ordertr {
    height: 110px !important;
}

.z-ordertitle {
    font-size: 16px;
    color: #36C8E6;
    height: 56px;
    line-height: 56px;
    background: #fff;
    padding-left: 20px;
}

.z-orderbottom {
    background: #fff;
    height: 60px;
    line-height: 60px;
    margin-top: -20px;
}

.z-orderbottom li {
    float: left;
    width: 20%;
    padding-left: 20px;
}

.z-orderbottom b {
    font-weight: normal;
    margin-left: 10px;
}

.z-orderbottom em {
    font-style: normal;
    color: #F77676;
    margin-left: 10px;
}

.z-storebox {
    padding: 30px 0 30px 0;
}

.z-storebox li {
    float: left;
    padding-left: 20px;
    position: relative;
}

.z-storebox span {
    display: block;
    color: #8CA0B3;
    margin-bottom: 20px;
    overflow: hidden;
}

.z-storebox em {
    color: #697B8C;
    font-style: normal;
    margin-left: 10px;
    float: left;
    width: 76%;
}

.z-storebox li b {
    font-weight: normal;
    width: 20%;
    display: inline-block;
    text-align: right;
    float: left;
}

.z-storebox .z-storetitle {
    font-size: 16px;
    color: #36C8E6;
    margin-bottom: 28px;
}

.z-storebox:after {
    content: "";
    display: block;
    height: auto;
    clear: both;
}

.z-storebox li:after {
    content: '';
    width: 1px;
    height: 30px;
    background: #DEDEDE;
    position: absolute;
    right: 0;
    top: 0;
    height: 202px;
}

.z-storefirst {
    width: 26%;
    padding-right: 20px;
}

.z-storesecond {
    width: 28%;
    padding-left: 50px !important;
}

.z-storethree {
    width: 46%;
    padding-left: 50px !important;
}

.z-storethree b {
    width: 16%;
}

.z-storethree:after {
    display: none;
}

.z-logisticsimg {
    margin-bottom: 30px;
}

.z-logisticsimg img {
    width: 85px;
    height: 85px;
    float: left;
    margin-right: 10px;
}

.z-logisticsimg .fl {
    width: 66%;
}

.z-logisticsimg h1 {
    font-size: 14px;
    color: #697B8C;
    line-height: 20px;
}

.z-logisticsimg a {
    font-size: 14px;
    color: #36C8E6;
    margin-top: 9px;
    display: inline-block;
}

.z-logisticsbottom p {
    font-size: 14px;
    color: #697B8C;
}

.z-logisticsbottom strong {
    font-weight: normal;
    font-size: 14px;
    color: #8CA0B3;
    margin-right: 10px;
}

.z-logisticsimg:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
}

.z-logisticsbox {
    padding-left: 50px !important;
    width: 74%;
}

.z-logisticsbox:after {
    display: none;
}

.z-logisticsleft {
    width: 34%;
}

.z-status-list {
    margin: 0;
    padding: 0;
    margin-left: 100px;
    padding-left: 10px;
    list-style: none;
    font-size: 12px;
    position: relative;
}

.z-staus-step:before {
    content: '';
    position: absolute;
    top: 5px;
    background-color: #BDC9D5;
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    margin-left: -3px;
    margin-right: 30px;
}

.z-staus-step {
    height: 60px;
    font-size: 14px;
    color: #8CA0B3;
    position: relative;
    border-left: 1px dashed #d9d9d9;
}

.z-staus-step strong {
    font-weight: normal;
    width: 90%;
    display: inline-block;
    margin-left: 10%;
}

.z-staus-step strong b {
    margin-top: 10px;
    display: block;
    float: none;
    width: auto;
    text-align: left;
}

.z-staus-color {
    color: #36C8E6;
}

.z-logisticsright {
    width: 66%;
}

.z-staus-time {
    position: absolute;
    right: 107%;
    text-align: right;
    width: 20% !important;
}

.z-staus-color.z-staus-step:before {
    border: 3px solid #36C8E6;
}

.carousel-indicators li:after {
    display: none;
}

.z-logisticsbox .carousel-indicators .active {
    background-color: #36C8E6;
}

.z-logisticsbox .carousel-indicators li {
    width: 7px;
    height: 7px;
    border-radius: 100%;
    background: #BDC9D5;
    padding: 0;
    margin: 0 3px;
}

.z-logisticsbox .carousel-indicators {
    bottom: 0;
    right: 3% !important;
    left: unset;
    width: auto;
    margin-left: 0;
}

#x_moretip {
    display: none;
    background: #fff;
    padding: 0 20px;
    position: absolute;
    bottom: 160px;
    left: 28%;
    width: 620px;
    border-radius: 2px;
    box-shadow: 0 10px 26px 0 rgba(0, 0, 0, 0.14);
    z-index: 10;
}

#x_moretip img {
    margin-right: 20px;
}

#x_moretip p {
    display: inline-block;
    width: 64%;
    float: left;
    padding-top: 25px;
    font-size: 14px;
    color: #697B8C;
}

#x_moretip span {
    float: right;
    padding-top: 25px;
}

#x_moretip li {
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #E4E3E8;
}

#x_moretip:after {
    content: " ";
    bottom: -12px;
    margin-left: -10px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 140px;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 16px solid #fff;
}

.z-logisticsbox .carousel-inner:after {
    content: "";
    display: block;
    height: auto;
    clear: both;
}


/* .z-logisticsbox .carousel-inner{
    overflow: 
} */

.z-storebox #x_moretip li:after {
    display: none;
}

.z_storehidden {
    position: relative;
}

.z_storehidden img {
    float: left;
}

.ued_row {
    margin-right: -5px;
    margin-left: -5px;
}

.z-repertorybox {
    padding: 25px 0 38px 32px;
    width: 100%;
    font-size: 14px;
    color: #697B8C;
}

.z-repertorydiv {
    margin-right: 2%;
}

.z-repertorydiv,
.z-repertorydiv01 {
    width: 49%;
    float: left;
    margin-top: 20px;
}

.z-tubiao.z-repmap01 .box-content {
    height: 366px;
}

.z_repertleft {
    float: left;
    margin-left: 6%;
}

.z-repertorybox i {
    float: left;
}

.z-repertorybox span {
    font-size: 34px;
    display: block;
    color: #697B8C;
    margin-bottom: 5px;
}

.z-repermap.z-tubiao .box-content {
    height: 650px;
}

.c-warehouse-coverage .iconfont {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.c-warehouse-coverage .m-classify .m-select-ct::-webkit-scrollbar {
    width: 3px;
    height: 20px;
    display: none;
}

.c-warehouse-coverage .m-classify .m-select-ct::-webkit-scrollbar-track {
    display: none;
}

.c-warehouse-coverage .m-classify .m-select-ct::-webkit-scrollbar-thumb {
    background: #BDC9D5;
    border-radius: 3px;
    height: 4px;
}

.c-warehouse-coverage .m-classify .m-select-ct::-webkit-scrollbar-corner {
    background: #E6E6E6;
}

.c-warehouse-coverage .z-tubiao .box-title {
    line-height: 20px;
}

.c-warehouse-coverage .z-tubiao .box-title .fr .z-last {
    padding: 5px 0;
    padding-left: 20px;
    background: #37C8E7;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    border-radius: 2px;
    margin-top: 0;
    display: inline-block;
    opacity: 1;
    border-left: 0;
}

.c-warehouse-coverage .z-tubiao .box-title .fr .z-last em {
    color: #ffffff;
}

.c-warehouse-coverage .col-sm-3,
.c-warehouse-coverage .col-sm-6,
.c-warehouse-coverage .row {
    padding: 0;
    margin: 0;
}

.c-warehouse-coverage .open {
    border-right: 1px solid #DFE5EB;
}

.c-warehouse-coverage .open>p {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #697B8C;
}

.c-warehouse-coverage .open .repertory {
    padding: 15px;
    padding-right: 0;
    position: inherit;
    right: 0;
    border: 0;
    top: inherit;
    width: auto;
    -webkit-transform: inherit;
    transform: inherit;
    transition: inherit;
}

.c-warehouse-coverage .open .repertory .c_help_find {
    padding-right: 15px;
}

.c-warehouse-coverage .open .repertory .c_topbar_input {
    background: #fff;
    width: auto;
    height: 35px;
    line-height: 35px;
    padding-left: 10px;
}

.c-warehouse-coverage .open .repertory .c_topbar_input input {
    width: 88%;
    padding: 0;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip {
    border: 0;
    box-shadow: none;
    height: 455px;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip li {
    padding: 0;
    height: 35px;
    line-height: 35px;
    padding-left: 30px;
    margin-right: 15px;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip li a {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    display: block;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip li:hover {
    background: #F0F2F4;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip li.active {
    background: #37C8E7;
}

.c-warehouse-coverage .open .repertory .repertory-sideslip li.active a {
    color: #ffffff;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .modal-body {
    padding-bottom: 0;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .open {
    border: 0;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .open .repertory-sideslip {
    background: #FFFFFF;
    padding: 20px 0 20px 15px;
    border: 1px solid #D8DEE4;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-product-select {
    box-shadow: none;
    margin-top: 0;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-product-select .u-classify-name {
    padding: 0;
    text-align: center;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .modal-dialog {
    width: 1076px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-group+.form-group {
    margin-top: 0;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box {
    padding-left: 20px;
    height: 385px;
    margin-top: 10px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box .u-classify-list.f-active .icheckbox_flat-blue+span {
    color: #ffffff;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box .u-classify-list {
    width: 100%;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box .u-classify-list .checked+span {
    color: #37C8E7;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box .u-classify-list .icheckbox_flat-blue,
.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .form-box .u-classify-list .iradio_flat-blue {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-crumbs-bar {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #002500;
    line-height: 20px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-crumbs-bar>.u-tt {
    color: #697B8C;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-crumbs-bar p {
    display: inline-block;
    margin-left: 40px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .m-crumbs-bar p span {
    color: #37C8E7;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom ul:after {
    content: "";
    display: table;
    clear: both;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom {
    margin-top: 10px;
    padding-top: 20px;
    background: #FBFCFD;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom ul li {
    margin-left: 40px;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #4D555C;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom ul li:first-child {
    margin-left: 20px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom ul li:last-child {
    width: 74%;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .c-repertory-bottom ul li:last-child p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #4D555C;
    line-height: 20px;
}

.c-warehouse-coverage .open .repertory+.repertory-set .modal.modal-form .modal-footer .btn.btn-primary {
    background: #37C8E7;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    width: 115px;
}

.c-warehouse-coverage .open .repertory-set {
    padding: 15px;
}

.c-warehouse-coverage .open .repertory-set .btn.btn-primary {
    background: #FFFFFF;
    border: 1px solid #37C8E7;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #37C8E7;
    width: 100%;
    text-align: center;
    height: 30px;
}

.c-warehouse-coverage .open .repertory-set .modal-header {
    background: #FFFFFF;
    box-shadow: 0 1px 0 0 rgba(216, 222, 228, 0.5);
}

.c-warehouse-coverage .open .repertory-top-title {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #697B8C;
}

.c-warehouse-coverage #repertoryMap {
    height: auto;
}

.c-warehouse-coverage .repertory-priority {
    border-left: 1px solid #DFE5EB;
    padding: 15px;
}

.c-warehouse-coverage .repertory-priority .repertory-body {
    height: 520px;
    overflow-y: auto;
}

.c-warehouse-coverage .repertory-priority>p {
    margin-bottom: 17px;
}

.c-warehouse-coverage .repertory-body>ul {
    background: #F7F8F9;
}

.c-warehouse-coverage .repertory-body>ul li a {
    height: 30px;
    line-height: 30px;
}

.c-warehouse-coverage .repertory-body>ul li a.active {
    color: #ffffff;
    background: #37C8E7;
}

.c-warehouse-coverage .repertory-body>ul li a span {
    display: inline-block;
    width: 32px;
    text-align: center;
    padding: 0 10px;
}

.c-warehouse-coverage .repertory-body>ul>li>a {
    background: #ffffff;
}

.c-warehouse-coverage .repertory-body>ul a {
    display: block;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    text-decoration: none;
}

.c-warehouse-coverage .repertory-body>ul ul {
    margin-left: 20px;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .modal-body {
    padding-top: 0;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .repertory-priority {
    background: #FFFFFF;
    border: 1px solid #D8DEE4;
    height: 500px;
    overflow-y: auto;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .repertory-priority li.u-classify-list.j-classify-list.f-active {
    transition: all .2s ease;
    color: #fff;
    background: #38C8E6;
    position: relative;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .repertory-priority li.u-classify-list.j-classify-list.f-active a {
    color: #ffffff;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .repertory-priority li.u-classify-list.j-classify-list.f-active:after {
    content: "";
    display: block;
    width: 11px;
    height: 24px;
    background: url(../../img/aebiz_ui/triangle.png) no-repeat center center;
    position: absolute;
    top: 0;
    right: -16px;
    z-index: 999;
}

.priority-box {
    height: 500px;
    overflow-y: auto;
    padding-right: 10px;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .col-sm-7 .priority-box li {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #DFE5EB;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .col-sm-7 .priority-box li a {
    color: #D8DEE4;
    font-family: PingFangSC-Regular;
    font-size: 24px;
    margin-left: 10px;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .col-sm-7 .priority-box li a:hover {
    color: #37C8E7;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .col-sm-7 .priority-box li a.red:hover {
    color: #F77676;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .col-sm-7 .priority-box li a.disabled {
    visibility: hidden;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .btn.btn-primary {
    background: #37C8E7;
    border-radius: 2px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
    width: 115px;
}

.c-warehouse-coverage .open .repertory-priority .repertory-set .modal.modal-form .modal-dialog .repertory-title {
    padding: 15px 0;
}

.c-modal-header {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(216, 216, 216, 0.32);
    padding: 20px 25px;
}

.c-modal-header button.btn {
    margin-right: 30px;
}

.c-container .sales-area {
    margin-top: 20px;
}

.c-container .sales-area .row {
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(217, 217, 217, 0.5);
    padding: 40px 60px 80px;
}

.c-container .sales-area .row .form-group .form-control {
    width: 40%;
}

.c-container .sales-area .row .modal-body {
    padding: 0;
}

.c-container .sales-area .row .modal-body .m-product-select {
    margin-top: 0;
    padding: 0;
    box-shadow: none;
}

.c-container .sales-area .row .modal-body .m-product-select .m-select-ct {
    height: 600px;
}

.c-container .sales-area .row .modal-body .m-product-select .m-select-ct .u-classify-list {
    width: 100%;
}

.c-container .sales-area .row .modal-body .m-product-select .m-select-ct .u-classify-list>div {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.c-container .sales-area .row .modal-body .m-product-select .m-crumbs-bar {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #002500;
    line-height: 20px;
}

.c-container .sales-area .row .modal-body .m-product-select .m-crumbs-bar .u-tt {
    color: #697B8C;
}

.c-container .sales-area .row .modal-body .m-product-select .m-crumbs-bar p {
    display: inline-block;
    margin-left: 40px;
}

.c-container .sales-area .row .modal-body .m-product-select .m-crumbs-bar p span {
    color: #37C8E7;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom {
    margin-top: 10px;
    padding-top: 20px;
    background: #FBFCFD;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom ul:after {
    content: "";
    clear: both;
    display: table;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom>ul>li {
    margin-left: 40px;
    font-family: PingFangSC-Semibold;
    font-weight: 600;
    font-size: 14px;
    color: #4D555C;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom>ul>li>ul>li>p {
    font-weight: 500;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom>ul>li:first-child {
    margin-left: 20px;
}

.c-container .sales-area .row .modal-body .m-product-select .c-repertory-bottom>ul>li:last-child {
    width: 74%;
}

.z-userpiechart.z-tubiao .box-content {
    height: 330px;
}
.z-userpiechart.z-tubiao .box-content.h_350 {
  height: 350px; 
}

/*
* 产品中心概况
*/
.ranking_list {
  padding: 15px 20px 5px;
}
.ranking_list li {
  margin-bottom: 15px;
}
.ranking_list li p {
  font-style: 12px;
  line-height: 18px;
  height: 18px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  color: #697B8C;
  margin-bottom: 4px;
}
.ranking_list li b {
  display: block;
  width: 0px;
  height: 8px;
  border-radius: 19px;
  background: #37C8E7;
}
.ranking_list.red li b {
  background-color: #F77676;
}
.ranking_scale {
  position: relative;
  border-top: 1px solid #efefef;
  margin: 0 20px;
}
.ranking_scale li {
  position: absolute;
  width: 50px;
  margin-left: -25px;
  text-align: center;
  font-size: 12px;
  color: #697B8C;
  padding-top: 10px;
  left: 0;
}
.ranking_scale li.scale_2 {
  left: 20%;
}
.ranking_scale li.scale_3 {
  left: 40%;
}
.ranking_scale li.scale_4 {
  left: 60%;
}
.ranking_scale li.scale_5 {
  left: 80%;
}
.ranking_scale li.scale_6 {
  left: 100%;
}
.ranking_scale li:before {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
  width: 1px;
  height: 9px;
  background-color: #efefef;
}
.ranking_scale li.scale_1:before {
  margin: 0;
}
/*
* 产品中心概况 end
*/

.c-after-service .account-freeze p {
    font-family: PingFangSC-Semibold;
    font-size: 16px;
    color: #36C8E6;
    letter-spacing: 0;
    margin-top: 20px;
}

.c-after-service .table {
    margin-bottom: 0;
}

.c-after-service .table .price {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #36C8E6;
    letter-spacing: 0;
}

.c-after-service .table .picture-information .z-orderimg+.c-hover-box {
    display: none;
    position: absolute;
    width: 154px;
    height: 154px;
    line-height: 154px;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.c-after-service .table .picture-information .z-orderimg+.c-hover-box .c-hover {
    color: #ffffff;
    width: auto;
    display: block;
    margin: 0;
    text-align: center;
}

.c-after-service .table .picture-information .z-orderimg+.c-hover-box .c-hover i.first {
    margin-right: 25px;
}

.c-after-service .table .picture-information p {
    padding: 20px 0;
}

.c-after-service .table .picture-information .imgbox {
    width: 154px;
    height: 154px;
    margin-right: 20px;
    display: inline-block;
    position: relative;
}

.c-after-service .table .picture-information .imgbox .z-orderimg {
    float: inherit;
    width: 100%;
    height: 100%;
}

.c-after-service .table .picture-information .imgbox:hover .z-orderimg+.c-hover-box {
    display: block;
}

.c-after-service .c-orderbottom {
    padding: 20px 0;
    background: #ffffff;
}

.c-after-service .c-orderbottom p {
    text-align: right;
    margin-right: 15%;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    letter-spacing: 0;
}

.c-after-service .c-ordertitle {
    height: 48px;
    line-height: 48px;
}

.c-after-service .c-ordertitle+.table tbody td .txt {
    width: 92%;
}

.c-after-service .c-ordertitle+.table tbody td p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    letter-spacing: 0;
}

.c-after-service .c-ordertitle+.table tbody td p span {
    color: #3CCAE7;
    margin-right: 20px;
    text-align: right;
    display: inline-block;
    width: 90px;
}

.c-after-service .c-ordertitle+.table thead th p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    letter-spacing: 0;
}

.c-after-service .c-ordertitle+.table thead th p span {
    color: #3CCAE7;
    margin-right: 20px;
    text-align: right;
    display: inline-block;
    width: 90px;
}

.c-after-service .c-ordertitle+.table tbody tr td:first-child p span,
.c-after-service .c-ordertitle+.table thead tr th:first-child p span {
    width: 65px;
}

.c-after-service .log-information {
    background: #EFEBEE;
    border: 1px solid #D5BDBD;
    margin-top: 20px;
}

.c-after-service .log-information li.bg-f {
    background: #ffffff;
}

.c-after-service .log-information li {
    padding: 15px 25px;
}

.c-after-service .log-information li span {
    margin-right: 20px;
}

.c-after-service .log-information .bg-f+li:after {
    content: "";
    display: table;
    clear: both;
}

.c-after-service .log-information .bg-f+li p {
    width: 92%;
}

.mark-title {
    font-size: 16px;
    color: #697B8C;
    padding: 15px;
}

.mark-content {
    text-align: center;
    background: #29C8E8;
    padding: 40px 0;
    margin-bottom: 30px;
}

.mark-content01 {
    background: #F97573 !important;
}

.mark-content h3 {
    font-style: normal;
    font-size: 22px;
    color: #FFFFFF;
    margin-bottom: 10px;
    line-height: 30px;
}

.mark-content h4 {
    font-style: normal;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 20px;
    margin-bottom: 16px;
}

.mark-content a {
    text-align: center;
    width: 17%;
    background: #fff;
    display: inline-block;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #29C8E8;
}

.mark-tool {
    background: #F3F4F5;
    overflow: hidden;
    padding: 20px;
    margin-bottom: 20px;
}

.mark-tool .fl span {
    font-size: 20px;
    color: #697B8C;
    display: block;
    line-height: 28px;
    margin-bottom: 3px;
}

.mark-tool i {
    float: left;
    margin-right: 12px;
    width: 54px;
    height: 54px;
    font-size: 54px;
    line-height: 54px;
    color: #FF8417;
}

.mark-tool i.red {
    color: #F97573;
}

.mark-tool i.yellow {
    color: #FFCC01;
}

.mark-tool .fl em {
    font-size: 14px;
    color: #8CA0B3;
    line-height: 20px;
    font-style: normal;
}

.price_box {
    border-top: 9px solid #36C8E6;
    padding: 0 20px;
    overflow: hidden;
    margin-top: 20px;
}

.price_boxtitle h2 {
    font-size: 16px;
    color: #36C8E6;
    line-height: 22px;
    padding: 9px 0 18px 0;
}

.price_boxtitle .price-des {
    padding-bottom: 18px;
    border-bottom: 1px solid #E4E3E8;
    overflow: hidden;
}

.price_boxtitle .price-des span {
    font-size: 14px;
    color: #8CA0B3;
    float: left;
}

.price_boxtitle .price-des span b {
    font-size: 14px;
    color: #697B8C;
    font-weight: normal;
    margin-left: 8px;
}

.price_boxtitle .price-des .price_left {
    margin-right: 7%;
}

.price_content {
    background: #FFFFFF;
    box-shadow: 0 1px 3px 0 rgba(222, 222, 222, 0.5), 2px 0 3px 0 rgba(0, 0, 0, 0.08);
    width: 61%;
    padding: 41px 0 18px 0;
    margin: 25px auto;
    overflow: hidden;
}

.price_content .price_information {
    width: 50%;
    float: left;
    padding-left: 9%;
}

.price_content .price_information span {
    display: block;
    font-size: 18px;
    color: #C7D7E5;
    margin-bottom: 23px;
}

.price_content .price_information .inf_title {
    font-size: 20px;
    color: #36C8E6;
}

.price_content .price_information .inf_title01 {
    color: #F77676;
}

.price_content .price_information .inf_color {
    color: #36C8E6;
}

.price_content .price_information b {
    font-weight: normal;
    display: inline-block;
    text-align: right;
}

.price_information01 {
    position: relative;
}

.price_information01:after {
    content: '';
    width: 1px;
    height: 30px;
    background: #DEDEDE;
    position: absolute;
    right: 0;
    top: 0;
    height: 220px;
}

.c-batch-import .c-batch-top:after {
    clear: both;
    display: table;
    content: "";
}

.c-batch-import .c-batch-top {
    background: inherit;
    position: inherit;
    height: auto;
    margin: 0 60px;
}

.c-batch-import .c-batch-top .third_menu {
    padding-left: 0;
    margin-top: 12px;
}

.c-batch-import .c-batch-top .third_menu a {
    height: auto;
    line-height: 1;
    padding: 12px 0;
}

.c-batch-import .c-batch-container {
    margin: 20px 20px 30px;
    padding: 50px;
    background: #FFFFFF;
    box-shadow: 0 2px 4px 0 rgba(217, 217, 217, 0.5);
    width: auto;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload {
    margin-bottom: 50px;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-group .form-box {
    width: auto;
    padding-left: 90px;
    /*margin-bottom: 20px;*/
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-group .form-box .searchbox-op {
    margin: 0;
    padding: 0;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-group .form-box .searchbox-op a {
    border: 1px solid #D8DEE4;
    line-height: initial;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .searchbox-op .buttom {
    border: 1px solid #37C8E7;
    border-radius: 4px;
    color: #37C8E7;
    position: relative;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .searchbox-op .buttom .file-input {
    opacity: 0;
    top: 0;
    left: 0;
    width: 80px;
    height: 32px;
    position: absolute;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .searchbox-op i {
    background: inherit;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-upload-prompt {
    line-height: 30px;
    float: right;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-upload-prompt i {
    background: url(../../img/aebiz_ui/excel.png) no-repeat center #fff;
    background-size: 100%;
    display: inline-block;
    width: 28px;
    height: 28px;
    vertical-align: middle;
    margin-right: 10px;
}

.c-batch-import .c-batch-container .searchbox-form .form-upload .form-upload-prompt i.zip {
    background-image: url(../../img/aebiz_ui/zip.png);
}

.c-batch-import .c-batch-container .searchbox-form .control-label {
    width: 113px;
    padding-left: 5px;
    text-align: right;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
}

.c-batch-import .c-batch-container .searchbox-form .form-buttom-box {
    margin-top: 50px;
}

.c-batch-import .c-batch-container .searchbox-form .form-buttom-box .form-buttom {
    text-decoration: none;
    margin-left: 117px;
    display: inline-block;
    background: #37C8E7;
    border-radius: 2px;
    padding: 5px 45px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #FFFFFF;
}

.c-batch-import .c-batch-container select.form-control {
    margin: 0;
    width: 270px;
    margin-left: 90px;
}

.c-batch-import .c-batch-container .form-prompt {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #8CA0B3;
    margin-left: 117px;
    /*float: left;*/
    margin-top: 5px;
}

.c-batch-import .c-batch-container .searchbox-op {
    padding-left: 117px;
    margin-top: 20px;
}

.c-batch-import .c-batch-container .searchbox-op i {
    display: inline-block;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    margin: -2px 5px 0 0;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.c-batch-import .c-batch-container .searchbox-op .buttom {
    text-decoration: none;
    border: 1px solid #D8DEE4;
    border-radius: 4px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #697B8C;
    padding: 5px 15px;
    display: inline-block;
    margin-right: 10px;
}

.c-batch-import .c-batch-container .upload-txt ul {
    padding-top: 5px;
}

.c-batch-import .c-batch-container .upload-txt ul li {
    padding: 0px 10px 40px 20px;
    border-left: 1px solid #DCE1E6;
    position: relative;
}

.c-batch-import .c-batch-container .upload-txt ul li .dotto {
    position: absolute;
    left: -6px;
    top: -5px;
    color: #C1CEDB;
}

.c-batch-import .c-batch-container .upload-txt ul li .txt-content h3 {
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #697B8C;
    position: relative;
    top: -5px;
}

.c-batch-import .c-batch-container .upload-txt ul li .txt-content p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #697B8C;
}

.c-batch-import .c-batch-container .upload-txt ul li.upload-txt-last {
    border: 0;
}


/*2017-12-7 cy 帮助中心主页*/

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    /* WebKit*/
    color: #8CA0B3;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #8CA0B3;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #8CA0B3;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    /* IE 10+ */
    color: #8CA0B3;
}

.c_header #navigation {
    background: #ffffff;
    left: 0;
    margin-bottom: 20px;
    padding: 0;
}

.c_layout {
    margin: 0 250px;
}

.c_layout .row {
    margin: 0;
}

.c_layout .row .col-sm-3 {
    padding-left: 0;
}

.c_layout:after {
    content: "";
    display: table;
    clear: both;
}

.c_header .third_sidebar .third_menu {
    padding-left: 0;
}

.c_header #navigation #brand {
    margin-top: 6px;
    margin-bottom: 0;
}

.c_header .third_sidebar .third_menu li {
    margin: 0;
    line-height: 59px;
}

.c_header .third_sidebar .third_menu li a {
    padding: 0 10px;
    display: inline;
    line-height: inherit;
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #697B8C;
    letter-spacing: 0;
    border-left: 1px solid #E4E3E8;
    border-bottom: 0;
}

.c_header .third_sidebar .third_menu li a.c_login_name {
    font-size: 20px;
    border: 0;
}

.c_header #navigation .user {
    padding-right: 0;
}

.c_topbar_input {
    width: 460px;
    height: 28px;
    line-height: 28px;
    margin-top: 17px;
    padding-left: 20px;
    border: 1px solid #BDC9D5;
    border-radius: 2px;
}

.c_topbar_input input {
    outline: none;
    border: 0;
    box-sizing: border-box;
    background: #ffffff;
    height: 100%;
    padding-left: 5px;
    width: 95%;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #8CA0B3;
    letter-spacing: 0;
    vertical-align: top;
}

.c_container .subnav {
    background: #FFFFFF;
    border: 1px solid #FBFCFD;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
}

.c_container .subnav-menu li {
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.c_container .subnav .subnav-title {
    height: 50px;
    line-height: 50px;
    margin: 0 20px;
    border-bottom: 1px solid #E3E3E3;
}

.c_container .subnav-menu li a,
.c_container .subnav .subnav-title a {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #697B8C;
    text-decoration: none;
}

.c_container .subnav a:hover {
    color: #36C8E6;
}

.c_container .subnav a.active {
    padding: 5px 20px;
    margin-left: -20px;
    color: #36C8E6;
    border-left: 3px solid #36C8E6;
}

.c_helpCenter_right {
    background: #FFFFFF;
    padding: 1.7% 1.4%;
}

.c_helpCenter_right p {
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
    letter-spacing: 0;
}

.c_helpCenter_right .helpCenter_right_b {
    padding-top: 25px;
}

.c_helpCenter_right .helpCenter_right_top {
    margin-bottom: 1.4%;
}

.c_helpCenter_right .helpCenter_right_top p {
    line-height: 1.5;
    font-size: 12px;
}

.c_helpCenter_right .helpCenter_right_top p i {
    margin: 0 1% 0 1.4%;
}

.c_helpCenter_right .helpCenter_right_top .title {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #8CA0B3;
    letter-spacing: 0;
    margin-bottom: .9%;
}

.c_helpCenter_right .txt p {
    margin-bottom: .9%;
}

.c_helpCenter_right .helpCenter-img {
    width: 100%;
    max-height: 285px;
    overflow: hidden;
    margin-top: 20px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 20px;
}

.c_helpCenter_right .helpCenter-img img {
    width: 100%;
    max-height: 285px;
}

.c_topbar_input input:focus+ul {
    display: block;
}

.c_topbar_input ul {
    z-index: 99;
    background: #FFFFFF;
    max-height: 228px;
    overflow-y: scroll;
    padding-left: 20px;
    margin-left: -20px;
    display: none;
}

.c_topbar_input ul li {
    line-height: 38px;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
}

.c_topbar_input ul::-webkit-scrollbar {
    width: 3px;
    height: 20px;
}

.c_topbar_input ul::-webkit-scrollbar-track {
    display: none;
}

.c_topbar_input ul::-webkit-scrollbar-thumb {
    background: #BDC9D5;
    border-radius: 3px;
    height: 4px;
}

.c_topbar_input ul::-webkit-scrollbar-corner {
    background: #E6E6E6;
}

.dropdown .helpCenter-sideslip-box {
    position: fixed;
    top: 62px;
    width: 300px;
    right: -320px;
    bottom: 0;
    z-index: 999;
    opacity: .94;
    border: 0;
    border-left: 1px solid #e4e3e8;
    padding: 20px;
    display: block;
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all .5s;
}

.dropdown .helpCenter-sideslip-box .helpCenter-sideslip {
    border: 1px solid #FBFCFD;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    margin-top: 20px;
}

.dropdown .helpCenter-sideslip-box .helpCenter-sideslip li {
    float: inherit;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.dropdown .helpCenter-sideslip-box .helpCenter-sideslip li a {
    display: inline;
    width: auto;
    text-decoration: none;
    height: auto;
    line-height: inherit;
}

.dropdown .helpCenter-sideslip-box .c_topbar_input {
    width: inherit;
    opacity: 0.5;
    background: #F4F5F7;
    border: 1px solid #BDC9D5;
    border-radius: 2px;
    text-align: center;
}

.dropdown .helpCenter-sideslip-box .c_topbar_input input {
    width: 50%;
}

.dropdown .helpCenter-sideslip-box .helpCenter-more {
    line-height: 50px;
    padding: 0 20px;
}

.dropdown .helpCenter-sideslip-box .helpCenter-more a {
    display: inline;
    width: auto;
    text-decoration: none;
    height: auto;
    line-height: inherit;
}

.open .helpCenter-sideslip-box {
    position: fixed;
    top: 62px;
    width: 300px;
    right: -320px;
    bottom: 0;
    z-index: 999;
    opacity: .94;
    border: 0;
    border-left: 1px solid #e4e3e8;
    padding: 20px 40px 20px 20px;
    visibility: visible;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    transition: all .5s;
}

.open .helpCenter-sideslip-box .helpCenter-more {
    line-height: 50px;
    padding: 0 20px;
}

.open .helpCenter-sideslip-box .helpCenter-more a {
    display: inline;
    width: auto;
    text-decoration: none;
    height: auto;
    line-height: inherit;
}

.open .helpCenter-sideslip-box h2 {
    font-family: PingFangSC-Regular;
    font-size: 30px;
    color: #697B8C;
    letter-spacing: 0;
}

.open .helpCenter-sideslip-box .c_topbar_input {
    width: inherit;
    opacity: 0.5;
    background: #F4F5F7;
    border: 1px solid #BDC9D5;
    border-radius: 2px;
    text-align: center;
}

.open .helpCenter-sideslip-box .c_topbar_input input {
    width: 50%;
}

.open .helpCenter-sideslip-box .onfoucs .c_topbar_input {
    text-align: left;
}

.open .helpCenter-sideslip-box .onfoucs .c_topbar_input .c_help_seach {
    width: 89%;
}

.open .helpCenter-sideslip-box .onfoucs+.helpCenter-sideslip {
    height: 102px;
    overflow: hidden;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip::-webkit-scrollbar {
    width: 3px;
    height: 20px;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip::-webkit-scrollbar-track {
    display: none;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip::-webkit-scrollbar-thumb {
    background: #BDC9D5;
    border-radius: 3px;
    height: 4px;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip::-webkit-scrollbar-corner {
    background: #E6E6E6;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip {
    border: 1px solid #FBFCFD;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    border-radius: 2px;
    margin-top: 20px;
    height: 400px;
    overflow-y: scroll;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip li {
    float: inherit;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

.open .helpCenter-sideslip-box .helpCenter-sideslip li a {
    display: inline;
    width: auto;
    text-decoration: none;
    height: auto;
    line-height: inherit;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #8CA0B3;
}

.f-pdg-10-t {
    padding-top: 10px;
}

.m-basic-mes {
    /*margin-top: 20px;*/
    background-color: #fff;
    box-shadow: 0 2px 4px 0 rgba(217, 217, 217, 0.5);
    padding: 20px;
}

.m-related-brand {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    padding: 18px;
    margin-top: 20px;
}

.m-related-brand .u-tt {
    color: #36C8E6;
    font-weight: 400;
    font-size: 16px;
    margin-bottom: 16px;
}

.m-related-brand .m-bd {
    width: 100%;
    overflow-x: hidden;
}

.m-related-brand .m-ct {
    width: 105%;
    font-size: 0;
}

.m-related-brand .u-brand-list {
    font-size: 0;
    display: inline-block;
    width: 165px;
    height: 80px;
    line-height: 76px;
    border: 2px solid #d8dee4;
    margin: 0 20px 20px 0;
    text-align: center;
    position: relative;
}

.m-related-brand .u-brand-list:hover>.u-relation {
    display: block;
}

.m-related-brand .u-brand-list.f-hasrelation {
    border-color: #36C8E6;
}

.m-related-brand .u-brand-list.f-hasrelation>.u-relation-logo {
    display: block;
}

.m-related-brand .u-brand-list.f-hasrelation:hover>.u-relation {
    display: none;
}

.m-related-brand .u-brand-list.f-hasrelation:hover>.u-concel-relation {
    display: block;
}

.m-related-brand .u-brand-img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.m-related-brand .u-relation,
.m-related-brand .u-concel-relation {
    display: none;
    position: absolute;
    top: -2px;
    left: -2px;
    width: 165px;
    line-height: 76px;
    background: rgba(255, 255, 255, 0.95);
    color: #36C8E6;
    text-align: center;
    border: 2px solid #36C8E6;
    font-size: 16px;
    cursor: pointer;
    z-index: 10;
}

.m-related-brand .u-relation-logo {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
}

.m-product-select {
    padding: 20px;
    margin-top: 20px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.m-product-select>.u-tt {
    font-weight: 400;
    font-size: 14px;
    line-height: 1.1;
    color: #6A7C8D;
    margin-bottom: 20px;
}

.m-product-select>.m-ct:after {
    content: "";
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    clear: both;
}

.m-product-select .m-classify {
    position: relative;
    float: left;
    margin-left: -1px;
    width: 25%;
    box-shadow: 0 0 0 1px #d8dee4 inset;
}

.m-product-select .m-classify:last-child .u-classify-list.f-active:after {
    display: none;
}

.m-product-select .u-classify-name {
    line-height: 50px;
    color: #697b8c;
    font-weight: 400;
    font-size: 16px;
    padding-left: 30px;
    padding-right: 30px;
    box-shadow: 0 2px 3px 0 rgba(223, 223, 223, 0.5);
}

.m-product-select .m-select-ct {
    padding: 0 18px;
    margin: 17px 0;
    height: 186px;
    overflow-x: hidden;
    overflow-y: auto;
}

.m-product-select .u-classify-list {
    position: relative;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    padding-left: 10px;
    font-size: 14px;
    color: #697b8c;
    letter-spacing: 0;
}

.m-product-select .u-classify-list+.u-classify-list {
    margin-top: 8px;
}

.m-product-select .u-classify-list:hover {
    cursor: pointer;
    background: #ECF0F4;
}

.m-product-select .u-classify-list:hover .y_operate {
    display: block;
}

.m-product-select .u-classify-list.f-active {
    transition: all .2s ease;
    color: #fff;
    background: #38C8E6;
    position: relative;
}

.m-product-select .u-classify-list.f-active:hover {
    cursor: initial;
}

.m-product-select .u-classify-list.f-active:after {
    content: "";
    display: block;
    width: 11px;
    height: 24px;
    background: url("../../img/aebiz_ui/triangle.png") no-repeat center center;
    position: absolute;
    top: 10px;
    right: -18px;
    z-index: 999;
}

.m-product-select .u-classify-list.f-active .y_operate {
    display: block;
}

.m-product-select .u-classify-list.f-active .y_operate i {
    color: #fff;
}

.m-product-select .u-classify-list .y_name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 54%;
}

.m-product-select .u-classify-list .y_operate {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 10px;
    display: none;
}

.m-product-select .u-classify-list .y_operate i {
    font-size: 16px;
    margin-left: 6px;
    color: #8CA0B3;
}

.m-product-select .u-classify-list .name-tit2 {
    right: 63px;
}

.m-product-select .u-classify-list .name-tit2 .icon-error {
    color: #F77676;
}

.m-product-select .name-tit2 {
    position: absolute;
    top: 0;
    right: 80px;
    width: 60px;
    text-align: center;
}

.m-crumbs-bar {
    line-height: 1;
    margin-top: 16px;
}

.m-crumbs-bar>.u-tt {
    color: #36C8E6;
    font-size: 16px;
}

.m-crumbs-bar>.m-crumbs-ct {
    display: inline-block;
    margin-left: 15px;
}

.m-crumbs-bar .u-list {
    display: inline-block;
    font-size: 16px;
    color: #BDC9D5;
    letter-spacing: 0;
}

.m-crumbs-bar .u-list+.u-list:before {
    content: ">";
    display: inline-block;
    margin: 0 8px;
}

.m-crumbs-bar .u-list:last-child {
    color: #8CA0B3;
}

.m-shop-mes {
    padding-top: 20px;
    margin: 20px 0;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.m-specifications-ct {
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
    margin-top: 20px;
    padding-top: 20px;
}

.m-describe-wrap {
    margin-top: 20px;
    padding-top: 20px;
    background: #fff;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}

.m-ueditor-container {
    line-height: 1.2 !important;
}

.mt-product-select .m-select-ct {
    height: 285px;
    margin-bottom: 50px;
}

.mt-product-select .m-classify {
    position: relative;
}

.mt-product-select .m-classify .mat_add {
    position: absolute;
    bottom: 20px;
    font-style: normal;
    left: 21px;
    background: #36C8E6;
    border-radius: 2px;
    display: inline-block;
    width: 116px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
}

.mt-product-select .mt-classify {
    width: 50%;
}

.mt-product-select .u-classify-name {
    padding-right: 30px;
    position: relative;
}

.mt-product-select .u-classify-name em {
    position: absolute;
    left: 37%;
    font-style: normal;
    width: 38%;
    text-align: center;
}

.mt-product-select .u-classify-name b {
    font-weight: normal;
    position: absolute;
    right: 15%;
    font-style: normal;
}

.mt-product-select .u-classify-list {
    position: relative;
    padding-right: 8px;
}

.mt-product-select .u-classify-list em {
    position: absolute;
    font-style: normal;
    left: 37%;
}

.mt-product-select .u-classify-list b {
    position: absolute;
    font-weight: normal;
    right: 13%;
}

.op-select .m-select-ct {
    height: 286px;
    margin-bottom: 40px;
}

.op-select .list-op-lt {
    font-weight: 400;
    position: absolute;
    bottom: 15px;
    left: 34px;
    font-size: 14px;
    color: #37C8E7;
    cursor: pointer;
    font-style: normal;
}

.op-select .list-op-rt {
    font-weight: 400;
    position: absolute;
    bottom: 15px;
    right: 34px;
    font-size: 14px;
    color: #37C8E7;
    cursor: pointer;
    font-style: normal;
}

.f-14 .u-classify-name {
    font-size: 14px;
}

.batch-op {
    padding: 25px 30px;
}

.batch-op .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    height: 24px;
    padding: 0 5px;
    border-color: #BDC9D5;
    color: #8CA0B3;
}

.y_rowdelect {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    height: 20px;
    line-height: 18px;
    width: 20px;
    text-align: center;
    background: #efefef;
    border-radius: 50%;
    cursor: pointer;
    transition: background .3s;
}

.y_rowdelect:hover {
    background: #ddd;
}

.m-tip-view {
    background: #fff;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.1);
    margin: 20px 0;
    padding: 24px 21px;
}

.m-tip-view .i-warn {
    display: inline-block;
    width: 48px;
    height: 48px;
    border: 1px solid red;
    border-radius: 50%;
    vertical-align: middle;
}

.m-tip-view .warn-text {
    display: inline-block;
    margin-left: 16px;
    vertical-align: middle;
}

.m-tip-view .warn-text>.u-tt {
    font-size: 24px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 5px;
    color: #f77676;
}

.m-tip-view .warn-text .u-text {
    font-size: 14px;
    color: #697b8c;
}

.m-audited-wrap:after {
    content: "";
    display: block;
    visibility: hidden;
    overflow: hidden;
    height: 0;
    clear: both;
}

.m-audited-wrap .m-33-box {
    width: 33.33333%;
    float: left;
}

.m-audited-wrap .m-33-box+.m-33-box {
    margin-left: -1px;
    border-left: 1px solid #D8DEE4;
}

.m-audited-wrap .m-22-box {
    width: 50%;
    float: left;
}

.m-audited-wrap .m-22-box+.m-22-box {
    margin-left: -1px;
    border-left: 1px solid #D8DEE4;
}

.m-audited-wrap .table {
    margin-bottom: 0;
}

.m-audited-wrap td:first-child {
    color: #8ca0b3;
}

/**
 * 后台UED改造样式
 * add by yb 18.2.7
 */
.breadcrumbs {
  /*display: none;*/
  background: none;
  margin-bottom: 10px;
}
/*表格为空*/
.dataTables_empty {
  text-align: center;
}
/*表格内按钮样式*/
.table .btn {
  color: #36C8E6;
  display: inline-block;
  white-space: nowrap;
  margin: 0 5px 0 0;
  border: none;
  background: none;
  padding: 0;
  height: auto;
  min-width: 0;
}
.table .btn:hover {
  color: #1ab0cf;
  background: none;
  border: none;
}
/*TAB切换样式*/
.box.border1-top, .border1-top {
  border-top: none !important;
  margin-bottom: 0;
}
.tabs {
  border-bottom: 1px solid #efefef;
}
.tabs.tabs-inline.tabs-top > li {
  margin-right: 30px;
}
.tabs.tabs-inline.tabs-top > li > a {
  font-size: 14px;
  line-height: 22px;
  color: #8CA0B3;
  padding: 12px 0 9px;
  background: none;
  border-bottom: 3px solid transparent;
}
.tabs.tabs-inline.tabs-top > li > a i {
  margin-right: 5px;
}
.tabs.tabs-inline.tabs-top > li > a:hover {
  color: #36C8E6;
  background: none;
}
.tabs.tabs-inline.tabs-top > li.active > a {
  color: #36C8E6;
  border-color: #36C8E6;
  background: none;
}
.tabs.tabs-inline.tabs-top > li.active > a:hover {
  background: none;
}
/*美化复选框部分选中样式*/
.part-check .icheckbox_flat-blue {
  background-position: 0 -22px;
}
/*四级tabs样式改*/
.fourth_ul_left {
  background-color: #fff;
  padding-left: 20px;
}


/*内页头部样式*/
.page-header .pull-left h1 {
  font-size: 18px;
}

/*内页表单样式*/
.box.bordered-top, .bordered-top {
  border-top: none !important;
  margin-bottom: 0;
}
.box.box-bordered .box-content {
  border: none !important;
}
.form-horizontal.form-bordered .form-group {
  border: none;
  background: none;
}
.form-horizontal.form-bordered .form-group [class*="col-"] {
  border: none;
}
.form-horizontal.form-bordered .form-group .control-label {
  text-align: right;
}
.box .form-horizontal {
  padding-top: 20px;
  padding-bottom: 20px;
}
.box .form-horizontal .form-actions {
  padding-top: 10px;
  padding-bottom: 10px;
}
.page-header {
  background: #fff;
  margin: 0;
  border-bottom: 1px solid #efefef;
  padding: 0 30px;
}

/*商品发布流程*/
.y_step li {
  float: left;
  width: 164px;
  height: 33px;
  line-height: 32px;
  text-align: center;
  color: #fff;
  font-size: 16px;
  background: url(../../img/aebiz_ui/step_bg.png) right top no-repeat;
}
.y_step li.first {
  width: 150px;
  padding-right: 10px;
}
.y_step li.active {
  background-position: right bottom
}

/*无数据提示模块*/
.y_empty {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #b4bcc5;
  overflow: hidden;
  min-height: 200px;
}
.y_empty s {
  position: absolute;
  left: 50%;
  bottom: 50%;
  display: block;
  width: 96px;
  height: 67px;
  margin-left: -48px;
  background: url(../../img/aebiz_ui/no_thing.png) center no-repeat;
}
.y_prev_bg s {
  background-image: url(../../img/aebiz_ui/prev_bg.png);
}
.y_empty p {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  margin-top: 15px;
}

/*白色alert提示框*/
.alert.alert-ued {
  background: #fff;
  border: 1px solid #eee;
  box-shadow: 0 0 2px 0 rgba(0,0,0,0.10);
  font-size: 14px;
  color: #697B8C;
  overflow: hidden;
  padding: 20px;
}
.alert.alert-ued h4 {
  font-size: 24px;
  color: #F77676;
  margin-bottom: 8px;
}
.alert.alert-ued .iconleft {
  float: left;
  font-size: 48px;
  color: #F77676;
  line-height: 1;
  margin: 3px 18px 0 0;
}

/*查看页表单*/
.form-view .form-group {
  font-size: 14px;
  line-height: 20px;
  padding: 14px 0;
  margin-bottom: 0;
  color: #4D555C;
  background: #fff;
}
.form-view .form-group .control-label {
  margin-bottom: 0;
  color: #36C8E6;
  padding-left: 30px;
  padding-right: 20px;
}
.form-view .form-group:nth-child(odd) {
  background: #FAFBFD;
}
.form-view .form-actions {
  padding: 20px 20px 20px 10px;
}

/*查看页表格*/
.table-view {
  background: #fff;
  font-size: 14px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);
}
.table-view tr:nth-child(odd) {
  background: #FAFBFD;
}
.table-view tr th {
  background: none;
  color: #36C8E6;
  font-weight: normal;
  padding-left: 20px !important;
  padding-right: 20px !important;
}
.view-title {
  font-size: 16px;
  line-height: 1.5;
  padding: 13px 20px;
}

/*审核状态*/
.invoice-name {
  text-align: center;
  font-size: 30px;
  padding: 20px;
  color: #36C8E6;
}

.z-fromtextright .control-label {
	text-align: right;
	padding-top: 4px;
}


/*编辑页面css*/
.y_storesee .table tr th{
	background: none;
	color: #5D8AE3;
	padding-left: 30px;
}
.y_storesee .table{
	border: none;
}
.y_storesee .table tr:nth-child(odd){
	 background: #F8FAFC;
}

.y_storesee .table .gallery{
	margin: 0px;
}

/*财务概况*/
.z-gaik{
	padding: 20px 15px 10px; 
}
.z-gaik .z-gth3 {
	color: #697B8C;
    font-size: 16px;
    margin-bottom: 10px;
}
.z-gaik .z-gul  li{
	overflow: hidden;
	zoom: 1;
	border-bottom: 1px dashed #ddd;
    height: 56px;
    line-height: 56px;
    font-size: 14px;
    color: #697B8C;
}
.z-gaik .z-gul  li:last-of-type {
	border: none;
}
.z-gaik .z-gul li .z-glifl {
	font-size: 14px;
}
.z-gaik .z-gul li .z-glifl font {
	margin-left: 6px;
	color: #E63A3A;
}
.z-gaik .z-gul li a {
	color: #36C8E6;
	font-size: 14px;
}

.pl100{
	padding-left: 100px;
}
.z-fromtextright1 label.control-label {
	text-align: right;
	padding-right: 15px;
	font-weight: bold;
	color: #666;
}

.z-glistViewh3 h3.y_qdh4 {
	float: left;
	margin: 10px 0 10px 0;
	line-height: 24px;
	font-weight: 400;
	color: #697B8C;
	font-size: 16px;
	padding-left: 16px;
}
.z-glistViewh3 .z-gtableh3 {
	line-height: 24px;
	font-weight: 400;
	color: #697B8C;
	font-size: 16px;
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
}
.bg_fff {
	background-color: #fff;
}
.dashboard_p1 .color_fff {
	color: #fff;
}
.changeLogBtn {
	border: none;
	background-color: #fff;
}
.changeLogfa {
	font-size: 16px;
	font-weight: 600;
	transition: -ms-transform .3s;
	transition: -moz-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
}
.current.changeLogfa {
	-ms-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

#totalprice .table{
	width: 100% !important;
}
#totalprice .dataTables_scrollHeadInner{
	width: 100% !important;
}
.f-pdg-100-r {
	padding-right: 100px;
}
.z-gnoborder {
	border: none !important;
}
.f-pdg-100-r .form-group .form-control {
	width: 100%;
}
.z-form-group {
	overflow: hidden;
	zoom: 1;
}
/*.z-form-group::before, .z-form-group::after {
	content: '';
	display: none !important;
}*/
.modal .form-group.z-form-group > .form-box {
	float: none;
	padding-left: 108px;
	padding-right: 40px;
}
.form-horizontal.form-bordered .form-group.z-form-group .control-label {
	padding-top: 5px;
}
.curson {
		cursor: pointer;
}
.contentBox {
	box-sizing: content-box;
}


.z-Financebottom.z-gainoborder {
	border-right: none;
}
.z-littletitle a {
	color: #697B8C;
}
.z-form-textrigth.form-horizontal .control-label {
	text-align: right;
}

.form-view.form-horizontal.form-bordered .form-group [class*="col-"] {
	background-color: transparent;
}
.form-view.form-horizontal.form-bordered .form-group .control-label {
	color: #36C8E6;
}
.y_storesee .table tr th {
	color: #36C8E6;
}



.m-fmenu-items .item:hover {
	background-color: #909295;
}
.m-tmenu-items li.s-item {
	padding: 6px 0;
}
.m-tmenu-items .item-smenu {
		min-height: 28px;
    line-height: 26px;
}
.m-headbar-tmenus li a:hover {
	color: #36C8E6;
}
.m-fmenu-items .item.current:hover{
	background-color: #fff;
}
.z_gaichang .z_usecol li .z-usebox a {
	font-size: 14px;
	color: #697B8C;
}
.z_gaichang .z_usecol li .z-usebox {
	opacity: 1;
}
.z-curpotain {
	cursor: pointer;
}
.z_gaichang .z_usecol li .z-usebox a i,
.z_gaichang .z_usecol li .z-usebox a i {
	color: #60C1F7;
	position: relative;
  top: 1px;
  margin-right: 3px;
}
.z-tubiao .box-title .fr .z-last b {
	font-weight: normal;
}
.z-tubiao .box-title .fr .z-last b span {
	color: #8CA0B3;
}
.z-tubiao .box-title .fr .z-last b i {
	font-size: 16px;
}
.z-lasttwo {
	cursor: pointer;
}
.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 20px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.3);
    content: '';
}
.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 21px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}
.z-gaiW33 {
	width: 33.3% !important; 
}
.z-gailogob {
	border: 2px solid #8ca0b3;
}

#m-fmenu .m-fmenu-items>ul>li a span{float: left;width: 45px;}
#m-fmenu .m-fmenu-items>ul>li a .iconfont{float: left;width: 35px;}

.z-control-labeltop3 .form-group .col-sm-2,
.z-control-labeltop3 .form-group  .col-sm-4{
	padding-top: 3px;
}
.z-control-labeltop3 .form-group  .col-sm-4 .paddword_leve {
	margin-top: 0;
}
.z-contenthelp .col-sm-10 .col-xs-4:first-of-type {
	padding-right: 0;
}
.z-contenthelp .col-sm-10 .col-xs-4:last-of-type {
	padding-left: 0;
}
.z-contenthelp .form-group .help-block {
	padding-top: 7px;
}



/*datatable表格表头宽度不能自动计算时，强制宽度为100%*/
.datatable_fullwidth .dataTables_scrollHeadInner {
    width: 100% !important;
    box-sizing: border-box !important;
}
.datatable_fullwidth .table.dataTable {
    width: 100% !important;
}

.y_classmage .y_classtre .m-picturemanagement,
.y_classmage .y_classtre .m-picturemanagement .dynatree-container {
	background-color: #fff;
}
.y_classmage .y_classedit {
	border-left: none;
}
.gallery .item-img .mit-name {
	background-color: #fff;
}
.gallery .item-img .mit-name .label-control {
	text-align: left;
	padding: 0 6px;
	color: #666;
}
.gallery .item-img .mit-name .img-attr {
	border-top: none;
	color: #666;
	
}
.dobble-modle .modal.bootbox-confirm .modal-content,
.dobble-modle .modal.bootbox-alert .modal-content{
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
.tabs.tabs-inline.tabs-top {
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(140,160,179,.5);
} 
.z-gaiw10 {
	width: 10% !important;
} 

.z-main_color a:hover {
	color: #36C8E6;
} 
.ranking_list .popover.top>.arrow {
	border-top-color: transparent;
}
.z-form-horizontalLeft .control-label {
	text-align: left;
}
.y_highserch .modal-header {
	padding-left: 20px;
}
.y_highserch .form-horizontal .control-label {
	text-align: left;
}
.z-gaiboxcolr.z-saleitembox .z-Financebottom {
	color: #697B8C;
}
.z-otherForm .form-group .col-sm-4,
.z-otherForm .form-group .col-sm-10 {
	padding-top: 8px;
}
.modal .modal-footer .btn {
	min-width: 100px;
}
.modal-footer .btn+.btn {
	margin-left: 50px
}
.z-last input {
	cursor: pointer;
}
.dataTable.table td a,.dataTable.table td a.op-link {
	cursor: pointer;
}
.z-icheck-me {
	position: relative;
	top: -3px;
} 
.z-gaiage .form-group .form-control {
	width: 98%;
}
.daterangepicker.opensright.show-calendar:before {
	border-bottom-color:rgba(0,0,0,0.15);
}


/*表单错误提示*/
label.error {
    font-weight: normal;
    color: #ff7049;
}



/*全部消息页面*/
[v-cloak] {
    display: none;
}
.message-page{
   padding-right:20px;
}
.message-page .message-left{
  background: #fff;
 padding: 30px 0;
}
.message-page .message-left a{
    font-size: 14px;
    padding: 5px 30px;
    position: relative;
    display: block;
    color: #000;
    line-height: 30px;
}
.message-page .message-left a s{
    position: absolute;
    left: 0px;
    height: 30px;
    width: 3px;
    background: #36C8E6;
    color: #36C8E6;
    display: none;
}
.message-page .message-left li.active s{
    display: block;
}

.message-right .time{
   text-align: center;
   color: #333;
   font-size: 16px;
}

.m-card{
    margin: 20px 0;
    background: #fff;
}
.m-card h3{
  line-height: 40px;
  font-size: 14px;
  padding: 0 20px;
  border-bottom: 1px solid #eeeeee;
}
.m-card h3 span{
    padding-right: 10px;
    color:#34a7be;
}
.m-card h3 .fr{
	color:red
}
.m-card  .m-tit{
  padding: 15px 20px;
}

.m-messageinfo .m-card h3 .fr{
	color:#666;
}

.lookatmore{
    text-align: center;
    font-size: 14px;
    color: #000
}

.m-messageinfo .m-tit{
	padding:30px 20px;
    min-height: 200px;
	
}

/*属性模板管理*/
.m-attributetemplate {
    background: #fff;
     padding: 0 0 30px;
}

.m-attributetemplate .col-sm-4 {
  
    border-right: 1px solid #e6e6ee;
}

.attributetemplate-lt{
  margin: 0 30px;
}
.attributetemplate-lt h3{
    font-size: 14px;
    line-height: 40px;
    padding: 20px 0 10px;
    /* font-weight: bold */
}
.attributetemplate-lt .itme{
    overflow: hidden;
    zoom: 1;
    font-size: 0px;
    
}
.attributetemplate-lt .itme span{
   display: inline-block;
   font-size: 12px;
   margin-left: 10px;
   margin-bottom: 10px;
   border: 1px solid #e6e6ee;
   padding: 5px 10px;
   cursor: pointer;
}

.attributetemplate-lt .itme span.active{
    border: 1px solid #368ee0;
    color: #368ee0
}

.attributetemplate-lt.bar{
    
  padding-bottom: 25px;
  border-bottom: 1px solid #E6E6E6;
}


.attributetemplate-rt{
    padding-top: 40px;
    padding-right:10px; 
}

.attributetemplate-tab{
    font-size: 0px;
    margin-left: -5px;
}

.attributetemplate-tab span{
   cursor: pointer;
   border: 1px solid #f1f1f1;
   display: inline-block;
   font-size: 14px;
   text-align: center;
   line-height: 40px;
   padding: 0 5px;
}
.attributetemplate-tab .itme{
  display: inline-block;
  margin-left: 5px;
  margin-bottom: 10px;
  background: #f1f1f1;
}
.attributetemplate-tab .itme i{
    position: relative;
    z-index: 99;
    display: inline-block;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin: 0 0 9px 0;
    background: url(../../img/upper.png) no-repeat;
    background-size:100% auto; 
    vertical-align: middle;
}

.attributetemplate-tab .itme i.lower{
    margin: 0 0 9px 0;
    background: url(../../img/lower.png) no-repeat;
    background-size:100% auto; 
}

.attributetemplate-tab span.active{
    border: 1px solid #368ee0;
    color: #368ee0;
    background: #fff;
}
#myTable > tbody th{
    text-align: center
}
#myTable > tbody td.f-tac{
    text-align: center
}
#myTable label{
   font-weight: normal;
   vertical-align: middle;
   padding-right: 10px;
}
#myTable label input{
    vertical-align: middle;
    margin-top: 0px;
    margin-bottom: 3px;
    margin-right: 5px;
}

#myTable .upward{
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 20px;
    background: url(../../img/upward.png) center no-repeat;
    background-size:100% 100%; 
}

#myTable .down{
    cursor: pointer;
    display: inline-block;
    width: 25px;
    height: 20px;
    
    background: url(../../img/down.png) center no-repeat;
    background-size:100% 100%; 
}


/*发布组合商品页面*/
.y_commislide {
    padding: 20px 20px 0;
    background: #fff;
}
.y_commibprod {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px
}

.y_commibprod dt {
    width: 180px;
    height: 180px;
    overflow: hidden;
    border: 1px solid #ddd;
    margin: 0 auto 10px
}

.y_commibprod dt img {
    width: 180px;
    height: 180px;
}

.y_commibprod dd {
    text-align: center;
}
.y_commibprod dd .btn {
    padding: 0;
    width: 180px;
    height: 40px;
    line-height: 40px;
}

.y_commibul li {
    vertical-align: middle;
    padding-bottom: 10px;
}

.y_commibul li.name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.y_commibul2 {
    padding-top: 30px;
}
.y_commibul2 li {
    padding-bottom: 20px
}

.y_commibul2 li .form-control {
    display: inline;
    width: 60%;
    padding: 0 5px;
}

.y_commibul2 li .y_positionipt {
    width: 60px;
    text-align: center;
}

.y_chosecombin {
    margin: 0 -5px;
    overflow: hidden;
    zoom: 1
}

.y_chosecombin li {
    height: 131px;
    margin-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
    overflow: hidden;
}

.y_chosecombin li .y_empty {
    text-align: center;
    line-height: 131px;
    background: #f5f5f5;
}

.y_combprdbox {
    overflow: hidden;
    padding: 20px 10px;
    height: 100%;
    background: #fff;
    border: 1px solid #ddd
}

.y_combprdbox dt {
    float: left;
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    overflow: hidden;
}

.y_combprdbox dt img {
    width: 100%;
    height: 100%;
}

.y_combprdbox dd {
    margin-left: 110px;
    overflow: hidden;
    position: relative;
    height: 100px;
}

.y_combprdbox dd h4 {
    margin-bottom: 5px;
    max-height: 36px;
    line-height: 18px;
    overflow: hidden;
    font-size: 13px;
}

.y_combprdbox dd .y_combbtn {
    position: absolute;
    right: 5px;
    bottom: 8px;
    display: none;
}

.y_combprdbox dd .btn {
    padding: 3px 10px;
}

.y_combprdbox .length {
    margin-left: 20px;
}
.y_combprdbox .length b {
    display: inline-block;
    vertical-align: middle;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    background: #666;
    color: #fff;
    border-radius: 50%;
    font-weight: bold;
    font-size: 14px;
    cursor: pointer;
}
.y_combprdbox .length .form-control {
    display: inline-block;
    width: 40px;
    height: 28px;
    line-height: 28px;
    text-align: center;
}
.y_chosecombin .y_setmainbtn {
    position: absolute;
    left: 5px;
    top: 0;
    background: #36C8E6;
    color: #fff;
    line-height: 28px;
    padding: 0 5px;
    cursor: pointer;
    display: none;
}
.y_chosecombin .y_maintag {
    position: absolute;
    left: 5px;
    top: 0;
    background: #36C8E6;
    color: #fff;
    line-height: 28px;
    padding: 0 5px;
    cursor: pointer;
}
.y_chosecombin li:hover .y_setmainbtn,.y_chosecombin li:hover dd .y_combbtn {
    display: block;
}

.y_serprdcomb .form-control {
    width: 30%;
}

.y_serprdcomb .text-warning {
    padding-left: 20px;
}

.y_combprdboxlist .y_combprdbox {
    border: 1px solid #ddd;
    background: #fff;
}

.y_combprdboxlist .y_combprdbox.active {
    border-color: #aada81
}

.y_combprdboxlist dd h4 {
    height: 18px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.y_combprdboxlist dd .y_combbtn {
    display: block;
}

/*.flexslider 滚动切换*/
.flexslider {
    position: relative;
    zoom: 1;
    overflow: hidden;
    padding: 0 40px;
}

.flex-viewport {
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-viewport li {
    overflow: hidden;
    display: none;
}

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

.flexslider .slides>li {
    /*display: none;*/
    -webkit-backface-visibility: hidden;
}

.flexslider .slides img {
    width: 100%;
    display: block;
}

.flex-direction-nav a {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    display: block;
    cursor: pointer;
    opacity: 1;
    background: url(../../img/appturn.png) no-repeat #fafafa;
    background-size: 100% 100%;
    z-index: 11;
    font-size: 0;
    line-height: 0;
}

.flex-direction-nav .flex-next {
    right: 0;
    background-image: url(../../img/appturn2.png);
}

.flex-direction-nav .flex-prev {
    left: 0;
}


/*发布商品内页*/
.box-border {
    border: 1px solid #BDC9D5;
}
.m_tabpcshow .form-group {
    float: left;
    width: 50%;
}
.select_pic {
    width: 100%;
    overflow: hidden;
    padding: 30px 0 20px;
}

.select_pic dt {
    float: left;
    padding: 6px 0 0;
    width: 30%;
    text-align: right;
}

.select_pic dt {
    float: left;
}

.select_pic_ts {
    color: #999;
    padding-left: 30%;
}

.w_piclist_row {
    margin: 0px;
}

.pro_pic_list {
    width: 100%;
    background: #f6f6f6;
    margin: 0;
    padding: 20px 2%;
    margin: 0 auto;
    list-style: none;
    overflow: hidden;
}

.pro_pic_list li {
    float: left;
    width: 104px;
    height: 104px;
    padding: 1px;
    border: 1px solid #ddd !important;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1%;
}

.pro_pic_list li img {
    width: 100px;
    height: 100px;
    padding: 1px;
}

.pro_pic_list li .bg {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -20px;
    height: 20px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.pro_pic_list li .cz {
    position: absolute;
    bottom: -20px;
    z-index: 1;
    height: 20px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    font-size: 12px;
    text-align: center;
    width: 100%;
    line-height: 20px;
    color: #fff;
}

.pro_pic_list li .cz i {
    margin: 0 2px;
    cursor: pointer;
}

.pro_pic_list li .cz i:hover {
    color: #C33;
}

.pro_pic_list li:hover .bg,
.pro_pic_list li:hover .cz {
    bottom: 0;
}

.pro_pic_list .w_no_img {
    text-align: center;
    line-height: 104px;
}
.pro_vedio_list li {
    width: 240px;
    height: 155px;
    background: #fff;
}

/*
.pro_pic_ml {
    margin: 20px;
}

.pro_pic_ml .filetree {
    border: 2px solid #ddd;
    margin-top: 10px;
    min-height: 240px;
}

.pro_pic_zs .search {
    margin-top: 20px;
    float: right;
    width: 190px;
}

.pro_pic_zs .search .seacher-img {
    float: left;
    width: 150px;
}

.pro_pic_zs .pic_top {
    margin-top: 25px;
    float: left;
}

.pro_pic_zs ul.gallery {
    width: 101%;
    margin: 10px 0 5px 0;
    padding: 0;
    list-style: none;
    overflow: hidden;
    border-top: 2px solid #ddd;
}

.pro_pic_zs ul.gallery li {
    float: left;
    width: 90px;
    margin: 10px 10px 0 0;
    position: relative;
    overflow: hidden;
}

.pro_pic_zs ul.gallery li img {
    width: 90px;
    height: 90px;
    border: 1px solid #ddd;
}

.pro_pic_zs ul.gallery li .bg {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -20px;
    height: 20px;
    background: #000;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
}

.pro_pic_zs ul.gallery li .cc {
    position: absolute;
    bottom: -20px;
    z-index: 1;
    height: 20px;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    -moz-transition: all 0.8s;
    font-size: 12px;
    text-align: center;
    width: 100%;
    line-height: 20px;
    color: #fff;
}

.pro_pic_zs ul.gallery li:hover .bg,
.pro_pic_zs li:hover .cc {
    bottom: 0;
}

.pro_pic_zs li .y_box {
    position: relative;
    width: 90px;
    height: 90px;
    overflow: hidden;
    margin-bottom: 3px;
}

.pro_pic_zs li .y_name {
    line-height: 18px;
    height: 18px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
}

.y_hasnopic {
    text-align: center;
    padding: 30px 0;
}*/


.m-cntwrap .form-horizontal.form-bordered .form-group .control-label{
	padding:0px;
	min-height: 40px;
}

.m-cntwrap .y_chogoodclass{
	padding:20px 20px 10px;
}
.m-cntwrap .m-textfield{
	padding:0px !important;;
}

.m-whole .box{
    padding-bottom: 30px;
}
.m-whole .box-title{
	 margin-bottom: 30px;
}
.m-whole .box-title h3 {
    font-size: 16px;
    color: #697B8C;
    float: left;
}
.m_dashboardcontent p {
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}

.m_dashboardcontent p.dashboard_p1 {
    font-size: 30px;
    line-height: 42px;
}

.m_dashboardcontent p.dashboard_p2 {
    font-size: 16px;
    color: #333;
}


/*仪表盘*/
.m-dropdown{
   position: relative;
   cursor: pointer;
}

.m-dropdown .dropdown-menu {
    top: 154%;
    border: none !important;
    box-shadow: 0 6px 26px 0 rgba(0, 0, 0, 0.18);
    border-radius: 4px;
    left: -78px;
}


.m-dropdown .dropdown-menu:after {
    content: "";
    display: block;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 17px solid #fff;
    position: absolute;
    top: -17px;
    left: 121px;
}
.m-dropdown .dropdown-menu > li > a{
	padding: 8px 20px;
    color: #697b8c;
}
.m-dropdown .dropdown-menu > li:focus > a, .dropdown-menu > li:hover > a{
	background: #eeeeee;
    color: #333;
}


/*关联sku*/
.relation-sku{
    padding: 20px;
}

.relation-rt h3{
   font-size: 16px;
   padding: 8px 10px;
   margin-bottom: 10px;
}

.relation-list{
  padding: 0 10px;
  margin-bottom: 30px;
}

.relation-list span{
    display: inline-block;
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 1px solid #e6e6ee;
    padding: 5px 10px;
    cursor: pointer;
}

.relation-list span.active {
    border: 1px solid #368ee0;
    color: #368ee0;
}


.relation-sku .searchbox-form .form-group>.control-label {
    width: 90px;
    margin-right: -90px;
}

.relation-sku .searchbox-form .form-group .form-control{
    width: 100%
}
.dataTable-wh table,.dataTable-wh .dataTables_scrollHeadInner{
	width:100% !important;
}
.pro_pic_list li .z-nvideo_bg {
  display: block;
	width: 100%;
	position: absolute;
	bottom: -20px;
	right: 0;
	height: 20px;
	background: #000;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
}
.pro_pic_list li .z-nvideo_close {
	position: absolute;
	left: 0;
    bottom: -20px;
	z-index: 1;
	height: 20px;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-moz-transition: all 0.8s;
	font-size: 12px;
	text-align: center;
	width: 100%;
	line-height: 18px;
	color: #fff; 
	cursor: pointer;
}
.pro_pic_list li:hover .z-nvideo_bg,
.pro_pic_list li:hover .z-nvideo_close{
	bottom: 0px;
}


.modal .m-addModal .form-group > .control-label{
    margin-right: 0;
}
.flexslider .swiper-button-next, .flexslider .swiper-button-prev {
	 width: 30px;
    height: 30px;
    background-size: 30px 30px;
    outline: none;
}
.flexslider .swiper-button-prev,.flexslider .swiper-container-rtl .swiper-button-next {
	background-image: url(../../img/appturn.png);
	left: 5px;
}
.flexslider .swiper-button-next,.flexslider .swiper-container-rtl .swiper-button-prev {
	background-image: url(../../img/appturn2.png);
	right: 5px;
	
}
.z-fileinput-new {
	margin-bottom: 0;
}
.z-fileinput-new .btn.btn-default {
	width: 80px;
	height: 80px;
	line-height: 70px;
}
.z-slideboder {
	border: 1px solid #BDC9D5;
}
.z-nfileinput-exists {
	position: absolute;
    top: -5px;
    right: 0;
    line-height: 0.6;
    vertical-align: middle;
    color: #fff;
    opacity: .7;
    font-size: 16px;
    width: 20px;
    text-align: center;
    background: #000;
    line-height: 19px;
}
.z-nfileinput-exists:hover{
	 color: #fff;
}

/*编辑商品新增折叠效果*/
.m-accordionheading{
    text-align: center;
    line-height: 40px;
    border-top: 1px solid #BDC9D5;
    cursor: pointer;
    font-size:16px;
    color:#666;
}

.m-accordionheading i{
	display: inline-block;
	width: 30px;
	height: 30px;
	background: url("../../img/m-down.png") center no-repeat;
	background-size: 20px 14px;
	vertical-align: middle;
}
.m-accordionheading.active i{
	background: url("../../img/m-up.png") center no-repeat;
	background-size: 20px 14px;
}

.m-gategoeyattr .dataTables_scrollHeadInner,.m-gategoeyattr .table {
	width:100% !important;
}

/*修改提示框宽度*/
.bootbox-alert .modal-dialog, .bootbox-confirm .modal-dialog{
	    width: 400px !important;
}

/*修改视频悬浮关闭按钮*/
.pro_pic_list li .z-nvideo_close-g {
	   position: absolute;
    right: 0px;
    top: -20px;
    z-index: 1;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 18px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    transition: all 0.8s;
}
.pro_pic_list li .z-nvideo_bg-g {
    display: block;
    width: 100%;
    position: absolute;
    top: -20px;
    right: 0px;
    width: 20px;
    height: 20px;
    opacity: 0.5;
    background: rgb(0, 0, 0);
    transition: all 0.8s;
}
.pro_pic_list li:hover .z-nvideo_bg-g, .pro_pic_list li:hover .z-nvideo_close-g {
    top: 0px;
}

.v-my-modal .modal-dialog {
	width: 400px;
}
.bootbox.v-my-modal .bootbox-body {
	padding-top: 0 !important;
	max-height: 275px;
    overflow: auto;
}
.modal.v-my-modal .modal-body {
	padding-bottom: 20px;
}
.onborder {
	border: none !important;
	cursor: default !important;
}