@charset "UTF-8";
/*头部导航*/
.nav-title-warp {
  background: #283142; }

.nav-top-box {
  position: relative; }

.mx-nav-menu .nav-tisp {
  color: white; }

.user-name {
  color: #c9cbd0; }

.nav.navbar-nav > li > a {
  color: #c9cbd0 !important; }

.nav.navbar-nav > li > a:hover,
.nav.navbar-nav > li > a:focus {
  background: #2c374b; }

.changeColor {
  width: 30%;
  float: left;
  position: relative; }

.changewhite {
  position: absolute;
  width: 30px;
  height: 18px;
  border-radius: 5px;
  background: white;
  bottom: -33px;
  right: -100%; }

.changeblue {
  position: absolute;
  width: 30px;
  height: 18px;
  border-radius: 5px;
  background: #0d2147;
  bottom: -33px;
  right: -120%; }

@media (max-width: 480px) {
  .changewhite {
    left: 35%;
    top: 15px; }

  .changeblue {
    left: 45%;
    top: 15px; } }
@media (min-width: 768px) and (max-width: 1200px) {
  .changewhite {
    right: -20%; }

  .changeblue {
    right: -45%; } }
/*左导航栏*/
.menu-warp {
  width: 100%;
  background: white; }

.menu-warp .site_title-wrap {
  border: 0; }

.menu-border {
  border-right: 1px solid #dedede; }

.border-box {
  width: 1px;
  height: 52px;
  background: #283142;
  position: absolute;
  left: -1px;
  top: 0;
  z-index: 9999;
  display: inline-block; }

.menu-warp .site_title {
  width: 100%;
  background: #283142;
  height: 52px;
  line-height: 52px; }

.nav.side-menu > .nav-li > a,
.nav.child_menu > .nav-li > a {
  color: #545454; }

.chanagefontColor {
  color: #ffffff; }

.nav .nav-li.current-page a {
  color: #1890ff;
  background: #e7f4ff;
  border-left: 3px solid #1890ff;
  box-sizing: border-box; }

.nav.side-menu > .nav-li.current-page > a:hover,
.nav > .nav-li.current-page > a:focus {
  color: #1890ff;
  background: #e7f4ff; }

.nav.child_menu > .nav-li > a:hover {
  color: #1890ff; }

.nav.child_menu {
  background: white;
  border-left: 1px solid #dedede; }

.nav-sm ul.nav.nav-ul {
  background: white; }

.nav.side-menu > .nav-li.active > a {
  color: #1890ff;
  box-shadow: none;
  background: none; }

.nav.side-menu > .nav-li > a:hover {
  color: #56aeff !important; }

.nav.side-menu > .nav-li > a:hover,
.nav > .nav-li > a:focus {
  text-decoration: none;
  background: transparent; }

.top_nav .nav > .nav-li > a:focus,
.top_nav .nav > .nav-li > a:hover,
.top_nav .nav .open > a,
.top_nav .nav .open > a:focus,
.top_nav .nav .open > a:hover {
  background: #2c374b; }

/*会员管理*/
.x_panel_wrap {
  padding: 15px 15px;
  margin: 0;
  border: 0; }

.x_panel_box {
  padding: 0 17px;
  margin-bottom: 20px; }

.x_panel_wrap .x_title_wrap {
  position: relative;
  border-bottom: 0;
  padding: 0 0 10px; }

.x_title_wrap .x_title_bg {
  background: #1890ff;
  width: 4px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -15px; }

.x_title_wrap .panel-title-main {
  padding-left: 16px;
  margin: 0; }

.x_panel_wrap .x_content_wrap {
  padding: 0;
  margin: 0; }

.card-wrap a {
  padding: 0; }

.card-wrap .card-main {
  width: 100%;
  text-align: center;
  min-height: 192px;
  overflow: hidden; }

.shopmember-card-icon {
  width: 78px;
  height: 78px;
  background: url(../images/common/shopmember_card_icon-bak.png) no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-top: 22px; }

.shopmember-card-icon.a_01 {
  background-position: -234px -312px; }

.shopmember-card-icon.a_03 {
  background-position: -312px -156px; }

.shopmember-card-icon.a_04 {
  background-position: -390px 0; }

.shopmember-card-icon.a_02 {
  background-position: -156px 0; }

.shopmember-card-icon.a_06 {
  background-position: -78px -234px; }

.shopmember-card-icon.b_01 {
  background-position: -156px -156px; }

.shopmember-card-icon.b_04 {
  background-position: -312px -390px; }

.shopmember-card-icon.c_07 {
  background-position: -78px -156px; }

.shopmember-card-icon.c_08 {
  background-position: -234px -156px; }

.shopmember-card-icon.a_09 {
  background-position: 0 -234px; }

.shopmember-card-icon.c_01 {
  background-position: 0 -156px; }

.shopmember-card-icon.a_05 {
  background-position: 0 -390px; }

.shopmember-card-icon.c_03 {
  background-position: 0 0; }

.shopmember-card-icon.c_04 {
  background-position: -78px 0; }

.shopmember-card-icon.c_05 {
  background-position: -156px -234px; }

.shopmember-card-icon.b_03 {
  background-position: -156px -312px; }

.shopmember-card-icon.c_02 {
  background-position: 0 -156px; }

.shopmember-card-icon.a_08 {
  background-position: -312px -78px; }

.shopmember-card-icon.c_06 {
  background-position: -390px -78px; }

.shopmember-card-icon.f_1 {
  background-position: 0 -78px; }

.shopmember-card-icon.f_2 {
  background-position: -78px -390px; }

.shopmember-card-icon.f_3 {
  background-position: -312px -234px; }

.shopmember-card-icon.f_4 {
  background-position: -390px -312px; }

.shopmember-card-icon.f_5 {
  background-position: -234px 0; }

.shopmember-card-icon.f_6 {
  background-position: -78px -312px; }

.shopmember-card-icon.f_7 {
  background-position: -78px -234px; }

.shopmember-card-icon.f_8 {
  background-position: -234px -234px; }

.shopmember-card-icon.f_9 {
  background-position: -390px -390px; }

.shopmember-card-icon.f_10 {
  background-position: -234px -78px; }

.shopmember-card-icon.f_11 {
  background-position: 0 -312px; }

.shopmember-card-icon.f_12 {
  background-position: -390px -234px; }

.shopmember-card-icon.f_13 {
  background-position: -312px 0; }

.shopmember-card-icon.f_14 {
  background-position: -312px -312px; }

.shopmember-card-icon.f_15 {
  background-position: -390px -156px; }

.shopmember-card-icon.f_16 {
  background-position: -156px -390px; }

.shopmember-card-icon.f_17 {
  background-position: -78px -78px; }

.shopmember-card-icon.f_18 {
  background-position: 0px -468px; }

.shopmember-card-icon.f_19 {
  background-position: -78px -468px; }

.shopmember-card-icon.f_20 {
  background-position: -156px -468px; }

.shopmember-card-icon.f_21 {
  background-position: -234px -468px; }

.shopmember-card-icon.f_22 {
  background-position: -312px -468px; }

.shopmember-card-icon.f_23 {
  background-position: -390px -468px; }

.shopmember-card-icon.f_24 {
  background-position: 0px -546px; }

.shopmember-card-icon.f_25 {
    background-position: -78px -546px; }

.shopmember-card-icon.f_26 {
    background-position: -156px -78px; }

.shopmember-card-icon.f_27 {
    background-position: -156px -546px }

.shopmember-card-icon.f_28 {
    background-position: -234px -546px }

.shopmember-card-icon.f_5_8 {
    /* 5-1(列)*78px _ 8-1(排)*78px */
    background-position: -312px -546px }

.shopmember-card-icon.f_29 {
    /* 5-1(列)*78px _ 8-1(排)*78px */
    background-position: -390px -546px }

/*..shopmember-card-icon.c_06{background-position:;}*/
.signin-icon {
  width: 78px;
  height: 78px;
  background: url(../images/common/sign_in_icon.png) no-repeat;
  background-position: 0 0;
  display: inline-block;
  margin-top: 22px; }

.card-wrap .shopmember-title {
  font-size: 20px;
  padding: 4px 0;
  color: #333333; }

.card-wrap .shopmember-introduce {
  font-size: 14px;
  color: #666666;
  word-wrap: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  padding: 0 15px; }

.shopmember-wrap {
  height: 82px;
  overflow: hidden;
  margin-bottom: 5px; }

.card-wrap {
  box-shadow: none;
  -webkit-box-shadow: none; }

.card-wrap:hover {
  border-radius: 10px;
  -webkit-box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0px 10px rgba(0, 0, 0, 0.05); }

.mx-header-wrap {
  padding: 0;
  margin-bottom: 15px; }

/*暂无数据*/
.data-no {
  width: 150px;
  height: 150px;
  margin: 135px auto; }

.mx-page-content-padding {
  padding: 20px 0 0; }

.x_panel_border {
  border: none; }

.x_title_border {
  border: none; }

.theadheader {
  height: 42px;
  background: #42a1fa;
  color: white;
  text-align: center; }

/*首页修改*/
.rank-wrap {
  display: flex;
  -webkit-display: flex; }
  .rank-wrap .rank-shop {
    flex: 1;
    padding-right: 20px; }

/*商圈样式*/
.sm-bg-wrap {
  overflow: hidden;
  background: -webkit-linear-gradient(#757eff, #2782ff);
  /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#757eff, #2782ff);
  /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#757eff, #2782ff);
  /* Firefox 3.6 - 15 */
  background: linear-gradient(#757eff, #2782ff);
  /* 标准的语法 */ }

/*登录页面改版*/
.login-bg {
  position: relative;
  height: 100%; }

.login-item {
  position: fixed;
  left: 60%;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%); }

.item {
  height: 100%; }
  .item .banner-height {
    width: 100%;
    height: 100% !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    -webkit-background-size: 100% 100%; }
  .item .banner-height-l {
    background-image: url(../images/login/banner-1.jpg); }
  .item .banner-height-m {
    background-image: url(../images/login/banner-2.jpg); }
  .item .banner-height-r {
    background-image: url(../images/login/banner-3.jpg); }
  .item .banner-height-lsq {
    background-image: url(../images/login/sqbanner-1.jpg); }
  .item .banner-height-msq {
    background-image: url(../images/login/sqbanner-2.jpg); }
  .item .banner-height-rsq {
    background-image: url(../images/login/sqbanner-3.jpg); }

.color-bule {
  color: #2682ff; }

.sm-btn {
  background-color: #2682ff; }

.carousel-indicators .active {
  width: 35px;
  height: 10px; }

@media screen and (min-width: 768px) {
  .carousel-indicators {
    bottom: 10px; } }
.login-item-container {
  width: 380px !important;
  height: auto;
  margin: 0 !important;
  border-radius: 10px; }

.login-item-header {
  font-size: 24px;
  padding: 30px 0;
  text-align: center;
  color: #333333; }

.login-form-item {
  padding: 0 32px 110px !important; }

/*记录密码样式*/
/* .login-form-remember-item {
    display: flex;
    display: -webkit-flex;
    align-items: center;

    .check-item[type=checkbox] {
        width: 17px;
        height: 17px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        line-height: 18px;
        position: relative;
        margin: 0 !important;
        padding-left: 8px;
    }

    .check-item[type=checkbox]::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: #fff;
        width: 100%;
        height: 100%;
        border: 1px solid #d9d9d9
    }

    .check-item[type=checkbox]:checked::before {
        content: "\2713";
        background-color: #fff;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border: 1px solid #73879c;
        color: #1890ff;
        font-size: 20px;
        font-weight: bold;
    }
} */
.login-form-group-item {
  padding: 23px 0 0 !important; }

.login-wx-itme {
  max-width: 64px;
  max-height: 64px;
  position: absolute;
  right: 0;
  bottom: 0; }

@media (max-width: 768px) {
  .login-item {
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

  .banner-height {
    background-image: none !important; }

  .login-item-container {
    width: 350px !important; } }
@media only screen and (min-width: 768px) and (max-width: 990px) {
  .login-item {
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%); }

  .banner-height {
    background-attachment: fixed;
    background-position: center; }

  .login-item-container {
    width: 350px !important; } }
/*添加淡入淡出的css*/
.carousel-fade .carousel-inner .item {
  transition-property: opacity; }
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0; }
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1; }
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  transform: translate3d(0, 0, 0); }
.carousel-fade .carousel-control {
  z-index: 2; }

/*商圈主页CSS*/
.mx-sm-body {
  background: #f1f5f8; }

.sm-home-warp {
  border-radius: 5px;
  padding: 0 20px 0 20px;
  margin-bottom: 10px; }

.color-pale-red {
  border-top: 6px solid #fa6a63; }

.color-light-green {
  border-top: 6px solid #6bd684; }

.color-light-bule {
  border-top: 6px solid #5ca4f6; }

.color-light-orange {
  border-top: 6px solid #f8835a; }

.sm-header-wrap {
  margin: 10px 0;
  display: flex;
  display: -webkit-flex; }

.sm-header-l {
  flex: 1;
  font-size: 16px;
  color: #545454; }

.sm-header-r {
  flex: 1;
  text-align: right;
  font-size: 16px;
  color: #2870f9; }

.fa-style {
  font-size: 16px;
  color: #3758f9;
  padding-left: 4px; }

.sm-header-main {
  font-size: 26px;
  color: #545454;
  margin: 10px 0 18px 0;
  border-bottom: 1px solid #eeeeee; }

.sm-header-footer {
  display: flex;
  display: -webkit-flex; }

.sm-header-footer-l {
  flex: 1;
  font-size: 12px; }

.sm-header-footer-r {
  flex: 1;
  text-align: right;
  font-size: 12px; }

.color-up {
  color: #3282ff; }

.color-down {
  color: #f68f8f; }

/*内容区域*/
.sm-main-title {
  font-size: 16px;
  color: #545454;
  margin-bottom: 0;
  display: flex;
  display: -webkit-flex; }
  .sm-main-title .sm-main-title-l {
    flex: 1;
    text-align: left;
    font-size: 16px;
    color: #545454;
    margin-bottom: 20px; }
  .sm-main-title .sm-main-title-r {
    flex: 1;
    text-align: right;
    margin-bottom: 20px; }
    .sm-main-title .sm-main-title-r .sm-a {
      font-size: 16px;
      color: #545454; }

.sm-main-content-wrap {
  display: block;
  border-right: 1px solid #dedede; }

.sm-main-content {
  border-bottom: 1px solid #dedede;
  text-align: center; }
  .sm-main-content .sm-main-content-title {
    font-size: 16px;
    padding: 28px 0;
    color: #545454; }
  .sm-main-content .sm-main-content-num {
    font-size: 34px;
    margin-bottom: 42px;
    color: #333333; }

.sm-main-content-footer {
  background: #fafafa;
  text-align: center; }
  .sm-main-content-footer .sm-main-content-tit {
    font-size: 16px;
    color: #545454;
    padding: 18px 0; }
  .sm-main-content-footer .sm-main-content-number {
    font-size: 24px;
    padding-bottom: 25px; }

.order-color {
  color: #2cafff; }

.refund-color {
  color: #fa6a63; }

.account-color {
  color: #2cd1b4; }

.profit-color {
  color: #6c7ff7; }

.table-header {
  background: #f2f2f2; }
  .table-header tr {
    height: 34px; }

.sm-table-responsive {
  overflow-x: hidden; }

.sm-brand-table > tbody > tr:nth-of-type(2n+1) {
  background: white; }

.sm-brand-table > tbody > tr:nth-of-type(2n) {
  background: #fafafa; }

.table-header-l {
  width: 92px;
  padding: 0 16px;
  text-align: center; }

.table-header-m {
  width: 428px;
  padding: 0 16px;
  text-align: center; }

.table-header-c {
  width: 134px;
  padding: 0 16px;
  text-align: center;
  position: relative; }

.table-header-r {
  width: 134px;
  padding: 0 16px;
  text-align: center;
  position: relative; }

.sm-brand-table > thead > tr > th {
  border: 0; }

.sm-border {
  border-left: 1px solid rgba(221, 221, 221, 0.78);
  border-right: 1px solid rgba(221, 221, 221, 0.78); }

.sm-border-right {
  border-right: 1px solid rgba(221, 221, 221, 0.78); }

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

.sort-wrap {
  position: absolute;
  left: 62%;
  height: 34px;
  top: 10%; }

.sm-sort {
  color: #a3a3a3;
  position: relative;
  height: 34px; }

.current-color {
  color: #212121; }

/*支付宝会员样式修改*/
.alipay-wrap {
  background: white;
  margin: 25px 10px 0;
  border-radius: 10px 10px 0 0;
  position: relative; }
  .alipay-wrap .alipay-code-wrap {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    margin: -21px;
    top: 10px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    background: white; }
    .alipay-wrap .alipay-code-wrap .alipay-code-icon {
      width: 30px;
      height: 30px;
      background: url(../images/card/aliplay_code_icon.png) no-repeat;
      background-size: 100% 100%;
      margin: 6px auto; }
  .alipay-wrap .alipay-custom-group {
    padding-top: 25px; }
  .alipay-wrap .alipay-title {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center; }
    .alipay-wrap .alipay-title .f-item {
      flex: 1; }
  .alipay-wrap .alipay-tab-wrap {
    margin: 20px;
    border: 1px solid #666666;
    border-radius: 5px; }
    .alipay-wrap .alipay-tab-wrap .alipay-tab-content {
      display: flex;
      display: -webkit-flex;
      align-items: center; }
      .alipay-wrap .alipay-tab-wrap .alipay-tab-content .alipay-tab-item {
        flex: 1;
        height: 32px;
        line-height: 32px;
        border-left: 1px solid #666666;
        text-align: center;
        color: #333;
        cursor: pointer; }
        .alipay-wrap .alipay-tab-wrap .alipay-tab-content .alipay-tab-item .alipay-tab-item-current {
          color: #1E90FF; }
      .alipay-wrap .alipay-tab-wrap .alipay-tab-content .alipay-tab-item:first-of-type {
        border-left: 0; }