@import url("/assets/css/bootstrap.css");
@import url("../assets/fastadmin.css");
@import url("/assets/libs/font-awesome/css/font-awesome.min.css");
@import url("/assets/libs/toastr/toastr.min.css");
@import url("/assets/libs/fastadmin-layer/dist/theme/default/layer.css");
@import url("/assets/libs/bootstrap-table/dist/bootstrap-table.min.css");

* {
  padding: 0;
  margin: 0;
}
html,
body {
  height: 100%;
}
body {
  background: #f6f5fa;
  font-size: 14px;
  line-height: 1.5715;
}
body.is-dialog {
  background: #fff;
}
ul,li {
  list-style: none;
  font-style: normal;
}
a {
  font-style: normal;
}

nav {
  width: 100%;
  height: 77px;
  background: #EBEBEB;
}
.conterBox {
  min-width: 1200px;
  /* max-width: 1500px; */
  max-width: 1200px;
  margin: 0 auto;
}
.displayFlex {
  display: flex;
  align-items: center;
}
nav .conterBox {
  display: flex;
  align-items: center;
}
nav .title {
  flex: 1;
  font-size: 24px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #000000;
  line-height: 75px;
}
nav .shpoing, nav .msg, nav .user {
  height: 28px;
}
nav .shpoing {
  margin-right: 42px;
}
nav .msg {
  margin-right: 51px;
}
nav .right {
  display: flex;
  align-items: center;
}
nav .user {
  height: 45px;
  display: flex;
  position: relative;
  align-items: center;
}
nav .right img {
  height: 100%;
  display: block;
}
nav .user  span {
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 45px;
  padding-left: 17px;
}
nav .user ul {
  display: none;
  width: 125px;
  height: 150px;
  position: absolute;
  top: 62px;
  left: 0;
  padding: 12px;
  background: rgba(0,0,0,.6);
  box-sizing: border-box;
}
nav .user ul li {
  width: 100%;
  height: 33px;
  border-bottom: 1px solid #eee;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  text-align: center;
  line-height: 27px;
}
nav .user ul li:last-child {
  border-bottom: 0;
}

nav .user ul li a{
  color: rgba(255,255,255, .6);

}

/* nav */

.user_banner {
  height: 150px;
  background: url(/assets/index/img/nav/bg_in.jpg);
  background-size: 100% 100%;
  margin-bottom: 10px;
}
.user_banner .conterBox {
  display: flex;
  height: 100%;
  align-items: center;
}
.user_banner .logg {
  width: 100px;
  height: 100px;
  margin-right: 34px;
}

.user_banner .content_info {
  height: 140px;
}

.user_banner .content_info .name {
  height: 54px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #010101;
  padding-top: 20px;
  box-sizing: border-box;
}

.user_banner .content_info .content_text {
  width: 589px;
  height: 87px;
  padding: 10px 19px;
  background: #EBEBEB;
  font-size: 14px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #333333;
  box-sizing: border-box;
}

/* user_banner */
.wanl_order_list tr {
  white-space: nowrap;
}

.conceal .item {
  display: flex;
}
.conceal .item  .order_info {
  padding-left: 20px;
}

.tips {
  height: 42px;
  background: #fffbe7;
  padding: 0 15px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 1;
  margin-bottom: 10px;
}
.tips img {
  width: 17px;
  display: block;
  margin-right: 11px;
}
.tips i {
  color: #1252CC;
  font-style: normal;
}


/* .tips */

.main-sidebar-box {
  display: flex;
  width: 1200px;
  min-width: auto;
  margin: 0 auto;
  max-width: 1200px;
}
.bootstrap-table .fixed-table-container {
  overflow-x: auto;
}
.bootstrap-table .fixed-table-container .fixed-table-body {
  overflow: initial;
}
.main-sidebar-box .sidebar-menu {
  width: 223px;
  height: 984px;
  background: #FFFFFF;
  padding-top: 20px;
  box-sizing: border-box;
}

.main-sidebar-box .sidebar-menu .menu-list a {
  width: 160px;
  height: 60px;
  line-height: 60px;
  padding-left: 32px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
}
.main-sidebar-box .sidebar-menu .menu-list a span {
  flex: 1;
  font-weight: bolder;
}


.main-sidebar-box .sidebar-menu .menu-list a img {
  width: 10px;
  height: 15px;
}

.main-sidebar-box .sidebar-menu .menu-list.cur a img {
  transform: rotate(90deg);
}
.main-sidebar-box .sidebar-menu .menu-list.cur .child-menu {
  display: block;
}
.main-sidebar-box .child-menu {
  display: none;
  background: #f6f5fa;
}
.main-sidebar-box .child-menu .child-menu-list.cur {
  color: #fff;
  font-weight: bold;
  background: #1352cc;
}
.main-sidebar-box .child-menu .child-menu-list.cur a {
  color: #fff;
 
}
.main-sidebar-box .child-menu .child-menu-list {
  color: #000;
  height: 58px;
  line-height: 58px;
  font-size: 18px;
  font-family: PingFang SC;
  font-weight: bold;
}


.main-sidebar-box .sidebar-content {
  flex: 1;
  margin-left: 17px;
  overflow: hidden;
}
/* .main-sidebar-box */

.btn.btn-primary {
  width: 93px;
  color: #fff;
  background: #1352cc;
  border-radius: 20px;
  font-size: 20px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #FEFEFE;
}
.fixed-table-toolbar input[type=text] {
  padding-left: 12px;
}
.fixed-table-toolbar input[type=date] {
  padding: 0 20px;
  border-radius: 10px;
}
input[type=text], .col-sm-10 textarea {
  background: #F6F5FA;
  border: 1px solid #B8C7CE;
  border-radius: 2px;
}
.form-check-label {
  margin-bottom: 0;
}
.breadcrumb-item a{
  color: #999;
}
.breadcrumb-item.cur a{
  color: #000;
  font-weight: bold;
}
.fixed-table-pagination {
  background: #f6f5fa;
  padding: 0 15px;
  overflow: hidden;
}
.pagination .toast {
  float: left;
  width: 124px;
  height: 34px;
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: 400;
  color: #000000;
  line-height: 34px;
  text-align: center;
  background: #fff;
  margin-right: 20px;
}
.pagination .page-pre a, .pagination .page-next a {
  border: none;
  background: none;
}
.fixed-table-pagination .pagination a {
  border-radius: 5px;
  margin: 0 4px;
}
.fixed-table-pagination .pagination .active a {
  color: #000;
  background: #FFCC66;
  border: none;
}


/* 兼容 */

footer {
  height: 121px;
  border-top: 1px solid #D8D8D8;
}
footer .conterBox {
  display: flex;
}
footer .serve {
  padding-top: 37px;
}
footer .serve img {
  float: left;
  width: 34px;
  height: 34px;
  margin-top: 4px;
  margin-right: 18px;
}
footer .serve .cont {
  float: left;
}
footer .serve p, footer .serve span {
  font-size: 16px;
  font-family: PingFang SC;
  font-weight: bold;
  color: #253036;
  line-height: 1;
}
footer .serve span {
  color: #999;
  margin-top: 16px;
}

footer .text {
  flex: 1;
  text-align: center;
  padding-top: 48px;
}

footer .code {
  margin-top: 28px;
  width: 63px;
  height: 63px;
}


.fix-108 {
  width: 108px;
  text-align: center;
}
.fix-200 {
  width: 200px;
  text-align: center;
}

.fix-308, .fix-282 {
  width: 282px;
  text-align: center;
}
.fix-308 .item {
  height: 100%;

}
.fix-390 {
  width: 390px;
  text-align: left;
}
.order_info {
  line-height: 60px;
}

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

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

.bootstrap-table .table, .bootstrap-table .table thead>tr>th,.fixed-table-container tbody tr td  {
  border: none;
}
.row.row-flex {
  display: none;
}

#ribbon {
  overflow: hidden;
  padding: 10px 15px;
  position: relative;
  background: #fff;
  margin-bottom: 10px;
}

#ribbon a {
  text-decoration: none !important;
}
#ribbon .breadcrumb {
  display: inline-block;
  margin: 0;
  padding: 0;
  background: none;
  vertical-align: top;
}
#ribbon .breadcrumb > .active,
#ribbon .breadcrumb li {
  color: #aaa;
}
#ribbon .shortcut a {
  margin-left: 10px;
}

/*
 * RIBBON
 */
.fixed-table-toolbar {
  margin-bottom: 47px;
}

.fixed-table-toolbar button.btn {
  height: 33px;
  font-size: 16px;
  line-height: 1;
}