.ib {
  display: inline-block;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.w {
  width: 100%;
}
.h {
  height: 100%;
}
body,
.mui-content {
  background-color: #fff;
}
.mui-content {
  padding-left: 1.84rem;
  height: 100%;
  overflow: hidden;
}
.mui-bar-nav ~ .mui-content {
  padding-top: 1rem;
}
.mui-table-view-cell {
  padding: 0;
}
.mui-table-view:before,
.mui-table-view:after,
.mui-table-view-cell:after {
  height: 0;
}
/*头部样式设置 start*/
.mui-bar-nav {
  height: 1rem;
  background-color: #fff;
  border-bottom: 0.01rem solid #f7f7f7;
  box-shadow: none;
}
.mui-bar-nav .mui-title {
  font-weight: normal;
  font-size: 0.3rem;
  color: #5894FF;
  height: 100%;
  line-height: 1rem;
  right: 0.3rem;
  left: 0.3rem;
  text-align: left;
}
/*头部样式设置 end*/
.left-menu,
.right-con {
  display: inline-block;
  float: left;
}
/*左侧菜单 start*/
.left-menu {
  width: 1.84rem;
  border-right: 0.01rem solid #f7f7f7;
  position: fixed;
  left: 0;
  top: 1rem;
}
.mui-control-content {
  display: block;
}
#segmentedControls .mui-control-item {
  border: none;
  color: #1A1A1A;
  font-size: 0.3rem;
  line-height: 0.4rem;
  margin: 0.32rem 0;
  padding-left: 0.31rem;
  width: 100%;
  text-align: left;
  display: inline-block;
  float: left;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  color: #5894FF !important;
  position: relative;
}
.mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active:before {
  content: '';
  position: absolute;
  display: inline-block;
  width: 0.06rem;
  height: 0.4rem;
  background-color: #5894FF;
  top: 0;
  left: 0;
}
/*左侧菜单 end*/
/*右侧内容 start*/
.right-con {
  width: 5.66rem;
  position: relative;
  padding: 0 0.3rem 0.5rem 0.18rem;
  height: 100% !important;
  overflow: auto;
}
/*二级目录 start*/
.two-menu-title {
  height: 0.3rem;
  line-height: 0.3rem;
  font-size: 0.28rem;
  color: #1A1A1A;
  padding-left: 0.2rem;
  position: relative;
  margin-top: 0.35rem;
}
.two-menu-title:before {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0.06rem;
  height: 0.3rem;
  background-color: #5894FF;
  left: 0;
  top: 0;
}
.mui-control-content {
  padding-top: 0.18rem;
  width: 100%;
}
.mui-control-content ul {
  border-left: 0.01rem solid #f7f7f7;
  display: inline-block;
  clear: both;
  position: relative;
}
.mui-control-content ul .mui-table-view-cell {
  border-right: 0.01rem solid #f7f7f7;
  border-bottom: 0.01rem solid #f7f7f7;
  width: 1.72rem;
  display: inline-block;
  float: left;
}
.mui-control-content ul .mui-table-view-cell:nth-of-type(1),
.mui-control-content ul .mui-table-view-cell:nth-of-type(2),
.mui-control-content ul .mui-table-view-cell:nth-of-type(3) {
  border-top: 0.01rem solid #f7f7f7;
}
.mui-control-content ul a {
  display: inline-block !important;
  float: left;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}
.mui-control-content .hot-control .mui-table-view-cell {
  height: 1.44rem;
}
.mui-control-content .hot-control a {
  padding-top: 0.93rem !important;
}
.mui-control-content .hot-control .img-icon {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0.93rem;
  text-align: center;
}
.mui-control-content .hot-control .img-icon img {
  width: 0.63rem;
  height: 0.63rem;
  position: absolute;
  left: 50%;
  margin-left: -0.315rem;
  top: 0.21rem;
}
.mui-control-content .hot-control .procuct-name {
  color: #1A1A1A;
  font-size: 0.24rem;
  line-height: 0.24rem;
  text-align: center;
}
.mui-control-content .other-control .mui-table-view-cell {
  height: 0.75rem;
}
.mui-control-content .other-control a {
  text-align: center;
  font-size: 0.24rem;
  line-height: 0.75rem;
}
.mui-control-content:last-child .hot-control li {
  width: 50% !important;
}
.mui-control-content:last-child .hot-control li.mui-table-view-cell:nth-of-type(3) {
  border-top: 0;
}
/*二级目录 end*/
/*自定义支付*/
.pay-con {
  position: absolute;
  top: -0.5rem;
  right: 0;
  height: 0.4rem;
  width: 1.57rem;
}
.pay-con a {
  line-height: 0.4rem !important;
  height: 0.4rem !important;
  color: #F68D26;
  font-size: 0.18rem !important;
  text-align: right !important;
}
/*右侧内容 end*/