html, body {
  background-color: #efeff4;
  /*font-family: "PingFangSC-Regular";*/
}

.clearfix:after {
  display: block;
  content: " ";
  height: 0;
  visibility: hidden;
  clear: both
}

.clearfix .li2 color:red .clear {
  clear: both
}

em, i {
  font-style: normal;
}

li {
  list-style: none;
}

span.mui-icon {
  /*font-size: 14px;
color: #2870ff;
margin-left: -15px;
padding-right: 10px;*/
}

.clear {
  clear: both;
}

.mui-off-canvas-left {
  color: #fff;
}

.border_tb {
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5;
}

.border_t {
  border-top: 1px solid #e5e5e5;
}

.border_b {
  border-bottom: 1px solid #e5e5e5;
}

* {
  font-size: 14px;
}

.mui-popup-title+.mui-popup-text {
  word-break: break-word;
  /*弹窗文本强制换行*/
}

.title {
  /*margin: 35px 15px 10px;*/
}

.back_icon {
  top: -5px;
  left: 10px;
}

.back_icon.mui-icon-closeempty:before {
  font-weight: 700;
  font-size: 34px;
}

.apply .title {
  font-size: 14px;
  background-color: #fff;
  padding-left: 17px;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  font-weight: bold;
}

.touxiang {
  border-radius: 50%;
  border: #fff solid 2px;
}

.title .logo {
  display: block;
  margin: 10px auto;
  height: 30px;
}

.title+.content {
  margin: 10px 15px 35px;
  color: #bbb;
  text-indent: 1em;
  font-size: 14px;
  line-height: 24px;
}

.title .c_more {
  font-size: 15px;
  border: 1px solid rgba(163, 163, 163, 0.5);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 10px;
}

.title .c_more a {
  color: #6d6d72;
}

.title .c_more .mui-icon-forward {
  font-size: 14px;
  margin: 0px;
  padding: 0px;
}

.search {
  width: 90%;
  height: 40px;
  margin: auto auto;
  position: relative;
}

.search .SearchKey {
  width: 100%;
  background-color: #5D5A5A;
  color: #D8D8D8;
}

.search .mui-icon-search {
  font-size: 30px;
  color: #D3D4D6;
  position: absolute;
  top: 3px;
  right: 0px;
  z-index: 1000;
  display: block;
}

input {
  color: #000;
}

/* 星号必填 */

.kong:before {
  content: "\00A0\00A0";
}

.xing:before {
  content: "*";
  color: #ff0000;
  padding-right: 4px
}

/* placeholder必填选项红色 */

.invalid:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: red;
  opacity: 1;
}

.invalid::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: red;
  opacity: 1;
}

input.invalid:-ms-input-placeholder {
  color: red;
}

input.invalid::-webkit-input-placeholder {
  color: red;
}

.noborder {
  border: none
}

/*颜色样式*/

.color_red {
  color: #ff0000 !important;
}

.color_black {
  color: #000;
}

.color_999 {
  color: #999;
}

.color_blue {
  color: #00b9d2;
}

.color_green {
  color: #00ae7b;
}

.color_orange {
  color: #ff962c;
}

/*背景样式*/

.bg_white {
  background-color: #fff !important;
}

.bg_yellow {
  background-color: #fff5e5;
}

/*字体大小*/
.f12 {
  font-size: 12px !important;
}

.f14 {
  font-size: 14px !important;
}

.f16 {
  font-size: 16px;
}

.f18 {
  font-size: 18px;
}

.f20 {
  font-size: 20px;
}

.f22 {
  font-size: 22px;
}

.f24 {
  font-size: 24px;
}

.f26 {
  font-size: 26px;
}

.f28 {
  font-size: 28px;
}

.f30 {
  font-size: 30px;
}

/*border样式*/

.border-right-none {
  border-right: none !important;
}

.border-left-none {
  border-left: none !important;
}

.border-bottom-none {
  border-bottom: none !important;
}

.border-top-none {
  border-top: none !important;
}

.w100 {
  width: 100%;
}

.fr {
  float: right;
}

.fl {
  float: left;
}

.ma {
  margin: 0px auto;
}

.m0 {
  margin: 0px
}

.m02 {
  margin: 2px
}

.m05 {
  margin: 5px
}

.m10 {
  margin: 10px
}

.m15 {
  margin: 15px
}

.m20 {
  margin: 20px
}

.m02 {
  margin: 2px
}

.mt0 {
  margin-top: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mt02 {
  margin-top: 2px
}

.mt05 {
  margin-top: 5px
}

.mt06 {
  margin-top: 6px
}

.mt10 {
  margin-top: 10px
}

.mt15 {
  margin-top: 15px
}

.mt20 {
  margin-top: 20px
}

.mt25 {
  margin-top: 25px
}

.mt30 {
  margin-top: 30px
}

.mt35 {
  margin-top: 35px
}

.mt40 {
  margin-top: 40px
}

.mt50 {
  margin-top: 50px
}

.mb02 {
  margin-bottom: 2px
}

.mb05 {
  margin-bottom: 5px
}

.mb06 {
  margin-bottom: 6px
}

.mb10 {
  margin-bottom: 10px
}

.mb15 {
  margin-bottom: 15px
}

.mb20 {
  margin-bottom: 20px
}

.mb25 {
  margin-bottom: 25px
}

.mb30 {
  margin-bottom: 30px
}

.mb35 {
  margin-bottom: 35px
}

.mb40 {
  margin-bottom: 40px
}

.mb50 {
  margin-bottom: 50px
}

.ml05 {
  margin-left: 5px
}

.ml10 {
  margin-left: 10px
}

.ml15 {
  margin-left: 15px
}

.ml20 {
  margin-left: 20px
}

.ml25 {
  margin-left: 25px
}

.ml30 {
  margin-left: 30px
}

.ml40 {
  margin-left: 40px
}

.ml50 {
  margin-left: 50px
}

.mr05 {
  margin-right: 5px
}

.mr10 {
  margin-right: 10px
}

.mr15 {
  margin-right: 15px
}

.mr20 {
  margin-right: 20px
}

.mr25 {
  margin-right: 25px
}

.mr30 {
  margin-right: 30px
}

.mr40 {
  margin-right: 40px
}

.mr50 {
  margin-right: 50px
}

.p4-p6 {
  padding: 4px 6px
}

.p0 {
  padding: 0px !important
}

.p5 {
  padding: 5px;
  line-height: 20px;
}

.p10 {
  padding: 10px
}

.p15 {
  padding: 15px
}

.p20 {
  padding: 20px
}

.pt0 {
  padding-top: 0px
}

.pt05 {
  padding-top: 5px
}

.pt10 {
  padding-top: 10px
}

.pt15 {
  padding-top: 15px
}

.pt20 {
  padding-top: 20px
}

.pt25 {
  padding-top: 25px
}

.pt30 {
  padding-top: 30px
}

.pt40 {
  padding-top: 40px
}

.pt50 {
  padding-top: 50px
}

.pb05 {
  padding-bottom: 5px
}

.pb10 {
  padding-bottom: 10px
}

.pb15 {
  padding-bottom: 15px
}

.pb20 {
  padding-bottom: 20px
}

.pb25 {
  padding-bottom: 25px
}

.pb30 {
  padding-bottom: 30px
}

.pb40 {
  padding-bottom: 40px
}

.pb50 {
  padding-bottom: 50px
}

.pl0 {
  padding-left: 0px
}

.pl05 {
  padding-left: 5px
}

.pl10 {
  padding-left: 10px
}

.pl15 {
  padding-left: 15px
}

.pl20 {
  padding-left: 20px
}

.pl25 {
  padding-left: 25px
}

.pl30 {
  padding-left: 30px
}

.pl40 {
  padding-left: 40px
}

.pl50 {
  padding-left: 50px
}

.pr05 {
  padding-right: 5px
}

.pr10 {
  padding-right: 10px
}

.pr15 {
  padding-right: 15px
}

.pr20 {
  padding-right: 20px
}

.pr25 {
  padding-right: 25px
}

.pr30 {
  padding-right: 30px
}

.pr40 {
  padding-right: 40px
}

.pr50 {
  padding-right: 50px
}

.pm {
  padding: 0px;
}

.text-index-50 {
  text-indent: 50px !important;
}

.text-index-80 {
  text-indent: 80px !important;
}

.h20 {
  line-height: 20px;
}

.h30 {
  line-height: 33px;
}

.fw700 {
  font-weight: 700;
}

.disblock {
  display: block
}

/*加载样式*/

/*.rz-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 50px;
height: 50px;
border-radius: 12px;
}*/

.rz-spinner {
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 46px;
  height: 46px;
  border-radius: 10px;
  text-align: center;
  padding-left: 8px;
  padding-top: 8px;
  background-color: #000;
  z-index: 1000;
}

.rz-spinner span {
  color: #fff;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  width: 30px;
  height: 30px;
}

.rz-spinner span.mui-spinner-text {
  position: fixed;
  left: 50%;
  top: 140%;
  color: #fff;
  width: 200px;
  transform: translate(-50%, -50%);
}

/*顶部标题*/

.top_title {
  height: 40px;
  line-height: 40px;
  border-bottom: 2px #007aff solid;
  background: #f9f9f9;
  overflow: hidden;
}

.icon_left {
  padding-top: 10px;
  font-size: 20px !important;
}

.icon-right {
  padding-top: 10px;
  font-size: 20px !important;
}

.top_title_txt {
  text-indent: 10px;
}

/*自适应列表样式*/

.wspace_normal {
  white-space: normal;
}

.r-15 {
  right: -15px
}

.line-clamp-3 {
  -webkit-line-clamp: 3
}

.line-clamp-2 {
  -webkit-line-clamp: 2;
}

/*列表样式*/

.mainlist {
  height: auto;
  width: 100%
}

.mainlist ul li a, .mainlist ul li a span {
  background-repeat: no-repeat
}

.mainlist ul {
  display: block;
  height: auto;
  background-color: #fff;
}

/*	.li_2:一行两列:图标+标题*/

.mainlist ul.li_2 li {
  display: block;
  height: 50px;
  line-height: 50px;
  border-bottom: 1px solid #F5F5F5
}

.mainlist ul.li_2 li:last-child {
  border-bottom: none
}

.mainlist ul.li_2 li i {
  display: inline-block;
  width: 16px;
  padding-top: 4px;
  float: left;
  padding-left: 15px
}

.mainlist ul.li_2 li img {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 8px
}

.mainlist ul.li_2 li a {
  display: block;
  color: #323232;
  font-size: 15px;
  position: relative;
  z-index: 5;
  text-indent: 10px;
  background-size: 16px auto;
  background-position: 10px center;
  padding: 0px;
}

.mainlist ul.li_2 li a.mui-icon {
  -webkit-text-stroke-width: 0px;
  line-height: 50px
}

.mainlist ul.li_2 li a:before {
  color: #ffffff;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: inline;
  padding: 5px;
  font-size: 1.4em;
  margin-right: 10px;
}

.mainlist ul.li_2 li a b {
  display: inline-block;
  min-width: 40px;
  line-height: normal;
  border-radius: 20px;
  background-color: #FF7900;
  color: #fff;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  position: absolute;
  right: 32px;
  top: 50%;
  padding: 3px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mainlist ul.li_2 li a span {
  position: absolute;
  line-height: 50px;
  right: 20px;
}

.mainlist ul.li_2 li a span.mui-icon {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  background-color: #007aff;
  position: absolute;
  top: 10px;
  border-radius: 10px;
  left: 10px;
}

.mainlist ul.li_2 li a span.mui-icon:before {
  margin-top: 9px;
  position: absolute;
  top: -20px;
  left: -43px;
  color: #fff;
}

/*.li_2_auto:一行两列自适应高度*/

ul.li_2_auto .mui-h5, ul.li_2_auto h5 {
  color: #333;
}

ul.li_2_auto .mui-table .mui-table-cell {
  vertical-align: middle;
}

ul.li_2_auto .mui-table input {
  border: none;
  height: 21px;
  line-height: 21px;
  margin-bottom: 0px;
  padding: 0px 6px 0px 15px;
  width: 106%;
  font-size: 14px;
  float: right;
}

ul.li_2_auto .mui-table-view-cell .mui-table .mui-h5 {
  right: 20px;
}

ul.li_2_auto .mui-table-view-cell .mui-table-cell.mui-navigate-right:after {
  right: 0px !important;
}

/*	.li_3:一行三列A样式头缩进:图标+图标+标题*/

.mainlist ul ul.li_3 li a .jiedian.mui-icon {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  border-radius: 10px;
  left: 10px;
  background: none;
}

.mainlist ul ul.li_3 li a .jiedian.mui-icon:before {
  margin-top: 9px;
  position: absolute;
  top: -20px;
  left: -73px;
  color: rgb(223, 221, 221);
  font-size: 18px;
}

.mainlist ul ul.li_3 li a span.mui-icon {
  float: left;
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 10px;
  border-radius: 10px;
  left: 40px;
  background: #00ae7b;
}

.mainlist ul ul.li_3 li a span.mui-icon:before {
  margin-top: 9px;
  position: absolute;
  top: -20px;
  left: -73px;
}

/*	.li_4:一行四列:图标+标题+小标题+导航图标*/

.mainlist ul.li_4 li {
  display: block;
  height: 42px;
  line-height: 42px;
  border-bottom: 1px solid #F5F5F5
}

.mainlist ul.li_4 li:last-child {
  border-bottom: none
}

.mainlist ul.li_4 li i {
  display: inline-block;
  width: 16px;
  padding-top: 4px;
  float: left;
  padding-left: 15px
}

.mainlist ul.li_4 li img {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 8px
}

.mainlist ul.li_4 li a {
  display: block;
  color: #323232;
  font-size: 15px;
  position: relative;
  z-index: 5;
  text-indent: 15px;
  background-size: 16px auto;
  background-position: 10px center;
  padding: 0px;
}

.mainlist ul.li_4 li a.mui-icon {
  -webkit-text-stroke-width: 0px;
  line-height: 42px
}

.mainlist ul.li_4 li a:before {
  padding-right: 10px;
  color: #007aff;
  font-size: 20px;
}

.mainlist ul.li_4 li a:after {
  content: '\e583';
  font-family: Muiicons;
  font-size: inherit;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
  background: none;
}

.mainlist ul.li_4 li a b {
  display: inline-block;
  min-width: 40px;
  line-height: normal;
  border-radius: 20px;
  background-color: #FF7900;
  color: #fff;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  position: absolute;
  right: 32px;
  top: 50%;
  padding: 2px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mainlist ul.li_4 li a span {
  position: absolute;
  line-height: 46px;
  right: 40px;
}

/*	.li_4_1:一行四列:图标+标题+小标题+导航图标,增加高度*/

.mainlist ul.li_4_1 li {
  display: block;
  height: 60px;
  line-height: 60px;
  border-bottom: 1px solid #F5F5F5
}

.mainlist ul.li_4_1 li:last-child {
  border-bottom: none
}

.mainlist ul.li_4_1 li i.description {
  display: inline-block;
  float: left;
  position: absolute;
  line-height: 86px;
  width: 100%;
  left: 0px;
  padding-left: 0px;
  font-size: 12px;
}

.mainlist ul.li_4_1 li img {
  display: block;
  width: 100%;
  padding: 0;
  margin-top: 8px
}

.mainlist ul.li_4_1 li a {
  display: block;
  color: #323232;
  font-size: 15px;
  position: relative;
  z-index: 5;
  text-indent: 15px;
  background-size: 16px auto;
  background-position: 10px center;
  padding: 0px;
  top: 0px;
  line-height: 46px;
  height: 60px
}

.mainlist ul.li_4_1 li a.mui-icon {
  -webkit-text-stroke-width: 0px;
  line-height: 42px
}

.mainlist ul.li_4_1 li a:before {
  padding-right: 10px;
  color: #007aff;
  font-size: 20px;
}

.mainlist ul.li_4_1 li a:after {
  content: '\e583';
  font-family: Muiicons;
  font-size: inherit;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 15px;
  left: auto;
  bottom: auto;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
  background: none;
}

.mainlist ul.li_4_1 li a b {
  display: inline-block;
  min-width: 40px;
  line-height: normal;
  border-radius: 20px;
  background-color: #FF7900;
  color: #fff;
  text-align: center;
  text-indent: 0;
  font-size: 10px;
  position: absolute;
  right: 32px;
  top: 50%;
  padding: 2px;
  font-weight: 400;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.mainlist ul.li_4_1 li a span {
  position: absolute;
  line-height: 60px;
  right: 40px;
}

.mainlist .mui-table-view-cell:last-child:after, .mui-table-view-cell:last-child:before {
  height: auto;
}

.mainlist .bg_red {
  background-color: #ff0000;
}

.mainlist .bg_blue {
  background-color: #00b9d2;
}

.mainlist .bg_light_blue {
  background-color: #4aa9e9;
}

.mainlist .bg_green {
  background-color: #00ae7b;
}

.mainlist .bg_light_green {
  background-color: #13c395;
}

.mainlist .bg_orange {
  background-color: #ff962c;
}

.mainlist .bg_pink {
  background-color: #ee7363;
}

.mainlist .bg_yellow {
  background-color: #f7b35e;
}

.Errormes {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 15px;
  background: rgba(0, 0, 0, .8);
  border-radius: 8px;
  color: #fff;
  font-size: 16px;
  line-height: 1.4em;
  z-index: 999999;
  width: 60%;
  text-align: center
}

.loading, .staticAjaxReplace {
  display: none
}

.loading {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(http://hr.jfled.com.cn/JFHR/app/images/loading.gif) center no-repeat rgba(0, 0, 0, .5);
  background-size: 60px auto;
  z-index: 9999999
}

.staticLoading {
  display: block;
  padding-top: 15px;
  margin: 0 auto;
  color: #333
}

.J-hyd {
  left: 0;
  width: 238px;
  background: #fff;
  z-index: 999999;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #6e6d6d
}

.J-hyd .title {
  padding: 15px 0;
  text-align: center;
  font-size: 18px
}

.J-hyd .button {
  overflow: hidden;
  text-align: center
}

.J-hyd .button button {
  float: left;
  width: 50%;
  padding: 10px 15px;
  background: #f15a0c;
  border: 0;
  color: #fff;
  font-size: 14px;
  border-top: 1px solid #f15a0c
}

.J-hyd .button button.butcall {
  border-top: 1px solid #f5f5f5;
  background: #fff;
  color: #333
}

.J-back, .J-hyd {
  position: fixed;
  top: 0
}

.J-back {
  left: 0;
  width: 100%;
  height: 0;
  background: rgba(0, 0, 0, .5) !important;
  filter: Alpha(opacity=50);
  z-index: 9999
}

/*头部样式*/

header.mui-bar {
  /*background: #2870ff;*/
}

header .mui-title, header a {
  /* color: #FFFFFF;*/
}

header.mui-bar .mui-btn.save {
  font-weight: normal;
  font-size: 12px;
  font-weight: 400;
  position: relative;
  z-index: 20;
  top: 7px !important;
  margin-top: 0;
  padding: 5px 12px !important;
}

header.mui-bar .mui-btn {
  font-weight: normal;
  font-size: 17px;
}

header.mui-bar .mui-btn-white {
  top: 1px;
  color: #fff;
  line-height: 44px;
  top: 0;
  padding: 0;
  color: #ffffff;
  border: 0;
}

header.mui-bar-top {
  background: #04b3fe;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 0px #ccc;
  -webkit-box-shadow: 0 0px 0px #ccc;
}

header.mui-bar-top h1, header.mui-bar-top a {
  color: #fff;
}

.mui-table-view-cell {
  color: #333;
}

.mui-table-view-cell>a:not(.mui-btn) {
  color: #333;
}

/* 表单列表input样式 */

.navigate_input {
  border: none !important;
  height: 30px !important;
  margin-top: 0px;
  width: 108% !important;
  margin-bottom: 0px !important;
  font-size: 14px;
  float: right;
  text-align: right;
}

.mui-table-view-cell .mui-pull-left {
  width: 40%;
}

.navigate_r {
  right: 35px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  line-height: 1;
  display: inline-block;
  padding: 3px 6px;
  color: #333;
}

.mui-ios-8 .navigate_r {
  top: 28% !important;
}

.navigate_r_input {
  right: 0px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  line-height: 1;
  display: inline-block;
  padding: 3px 6px;
  color: #333;
}

.navigate_r_input input {
  border: none;
  height: 30px;
  margin-top: 15px;
  width: 108%;
  font-size: 14px;
  float: right;
}

.mui-ios-8 .navigate_r_input input {
  margin-top: -15px !important;
}

.tel {
  color: #D3D4D6
}

.tel-phone {}

span.mui-icon-phone {
  color: #D3D4D6;
  font-size: 24px;
}

.mui-bar .mui-icon-phone {
  color: #fff;
  font-size: 24px;
  display: block;
  margin: auto;
}

.mui-bar-tab .mui-tab-item span.iconfont {
  width: auto;
  margin-bottom: 2px;
}

/*菜单样式*/

.mui-table-view-cell.mui-collapse .mui-menu-2 {
  width: 150%;
  background: none;
  margin: 0px -15px -11px;
}

.mui-table-view-cell.mui-collapse .mui-table-view .mui-table-view-cell.menu-2 {
  padding-left: 22px;
  line-height: 10px;
}

.mui-table-view-cell.mui-collapse .mui-table-view.mui-table-view-chevron.mui-menu-3 {
  margin-right: -6px;
  display: none;
}

.mui-table-view-cell.mui-collapse.menu-2.mui-active .mui-table-view.mui-table-view-chevron.mui-menu-3 {
  display: block;
}

.mui-table-view-cell.mui-collapse .mui-table-view.mui-menu-3 {
  margin-left: -22px;
}

.mui-table-view-cell.mui-collapse .menu-3>.mui-navigate-right:after {
  content: '';
}

.menu-3 .mui-navigate-right:after {
  content: '';
}

.mui-table-view-cell.mui-collapse .mui-collapse-content a.mui-menu-two:not(.mui-btn) {
  position: relative;
  display: block;
  overflow: hidden;
  margin: -5px 0px;
  padding: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: inherit;
  color: #C7C5C5;
  font-size: 14px;
}

.mui-grid-view.mui-grid-9 .mui-media {
  color: #3da9fe;
  background: #FFFFFF;
  padding: 5px;
}

.menu-l .iconfont {
  font-size: 24px;
  color: #fff;
  padding-left: 15px;
  padding-right: 15px;
}

/*底部导航*/

.mui-bar-tab {
  /*height: 40px;    color: #FFFFFF;*/
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .27);
  box-shadow: 0 0 1px rgba(0, 0, 0, .27);
}

.mui-bar-tab .submit {
  width: 94%;
  margin: 6px auto;
  top: 2px;
  cursor: pointer !important;
}

.mui-bar-tab .bottom {
  width: 49%;
  margin: 6px auto;
  top: 2px;
}

.mui-bar-tab .mui-tab-item {
  /*background: #2870ff;
height:40px;
color: #fff;  */
  font-size: 12px;
}

.mui-bar-tab .mui-tab-item.mui-active {
  color: #007aff;
}

.mui-popover .mui-table-view {
  background: #2870ff;
}

.mui-popover .mui-popover-arrow:after {
  background: #2870ff;
}

.mui-popover.mui-bar-popover .product-view {
  width: 185px
}

.bar-bottom>a:not(.mui-btn) {
  color: #fff;
}

.mui-card .mui-control-content {
  padding: 10px;
}

.mui-bar-popover {
  width: 30%;
}

.mui-bar-popover a {
  font-size: 14px;
}

.mui-popover .mui-table-view {
  max-height: 340px;
}

.mui-pagination>li.mui-active>a, .mui-pagination>li.mui-active>a:active, .mui-pagination>li.mui-active>span, .mui-pagination>li.mui-active>span:active, .mui-pagination>li:active>a, .mui-pagination>li:active>a:active, .mui-pagination>li:active>span, .mui-pagination>li:active>span:active {
  border-color: #2870ff;
  background-color: #2870ff;
}

.mui-pagination>li>a, .mui-pagination>li>span {
  color: #2870ff;
}

.foot-nav span.iconfont {
  margin: auto auto;
  display: block;
  /*color: #fff;*/
}

.foot-nav span.icon-wode1 {
  font-size: 23px;
}

.foot-nav span.icon-fuwu-copy {
  font-size: 24px;
  ;
}

.mui-bar-tab .mui-tab-item .mui-icon-extra-class {
  font-size: 22px;
  top: 4px;
}

.mui-bar-tab .mui-tab-item .icon-wode1 {
  font-size: 20px;
  top: 4px;
}

.mui-bar-tab .mui-tab-item .mui-icon-extra-heart {
  top: 4px;
}

/*选项卡样式重写*/

.mui-segmented-control {
  border: 1px solid #2870ff;
}

.mui-segmented-control .mui-control-item.mui-active {
  background-color: #2870ff;
}

.mui-segmented-control .mui-control-item {
  color: #2870ff;
  border-color: #2870ff;
  border-left: 1px solid #2870ff;
}

/*首页提醒模块*/

.ibox {
  background: #fff;
  text-align: center;
  vertical-align: middle;
}

.ibox span {
  display: block;
  font-size: 30px;
  height: 26px;
  font-weight: bold;
  vertical-align: middle;
  font-family: "Helvetica";
}

.zmkuai {
  padding-top: 10px;
}

.zmkuai .queka {
  height: 90px;
  display: table-cell;
  width: 1%;
}

.zmkuai .tixing {
  height: 130px;
  display: table-cell;
  width: 1%;
}

.zmkuai .shenpi {
  height: 130px;
  display: table-cell;
  width: 1%;
}

.zmkuai .shenqing {
  height: 90px;
  display: table-cell;
  width: 1%;
  color: #fff;
}

.zmkuai .ruzhi {
  width: 100%;
  height: 60px;
  display: table-cell;
  width: 1%;
}

.zmkuai .lizhi {
  width: 100%;
  height: 60px;
  display: table-cell;
  width: 1%;
}

.zmkuai .back_red {
  background: #ff6100;
}

/*领导桌面提醒/*首页模块提醒*/

.leader_chart {}

.leader_chart .queka {
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .tixing {
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .shenpi {
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .shenqing {
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .ruzhi {
  width: 100%;
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .lizhi {
  width: 100%;
  height: 50px;
  display: table-cell;
  width: 1%;
}

.leader_chart .back_red {
  background: #ff6100;
}

.leader_chart .ibox span {
  display: block;
  font-size: 20px;
  height: 20px;
  font-weight: bold;
  vertical-align: middle;
  font-family: "Helvetica";
}

/*分页样式*/

.mui-page {
  text-align: center;
  /*width: 290px;*/
}

.mui-pagination {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  border-radius: 6px;
}

.mui-grid-view.mui-grid-9 .mui-media .mui-icon {
  font-size: 2.0em;
  position: relative;
}

.mui-icon1 {
  font-size: 3.5em;
  display: inline-block;
  font-family: Muiicons;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

/*工作台首页*/

.workbench span {
  font-size: 20px;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  display: table;
  color: #000;
  overflow: hidden;
  margin: auto;
  border: #e0e0e0 solid 1px;
}

.workbench span.iconfont:before {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  font-size: 0.8em;
  color: #007aff;
}

.apply span.icon-rencaizhaopin:before {
  font-size: 1.0em !important;
}

.apply span.icon-renlianduibi:before {
  font-size: 1.0em !important;
}

.workbench .mui-slider-indicator {
  bottom: 0px;
}

.workbench .mui-grid-view.mui-grid-9 .mui-media {
  padding: 0px;
}

.workbench .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  color: #6d6d72;
  font-size: 12px;
}

/*应用图标*/

.apply {
  background: #fff;
}

.apply span.iconfont {
  font-size: 14px;
  margin: auto auto;
  border-radius: 10px;
  width: 40px;
  height: 40px;
  display: table;
  color: #fff;
  overflow: hidden;
  margin: auto;
  background-color: #2870ff;
  border: #e0e0e0 solid 1px;
}

.apply span.iconfont:before {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  font-size: 0.8em;
}

.apply span.iconfont {
  font-size: 2.0em;
}

.apply .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  font-size: 12px;
  margin-top: 8px;
  color: #000000;
  /*font-weight: bold;*/
}

.apply .mui-media-body {
  font-size: 12px;
  margin-top: 8px;
  color: #000000;
  font-weight: bold;
}

/*角标*/

.apply .mui-badge {
  background: #ff0000;
  color: #fff;
  top: 20px;
  z-index: 20;
}

/*背景颜色*/

.apply span.bg_pink {
  background-color: #ee7363;
}

.apply span.bg_yellow {
  background-color: #f7b35e;
}

.apply span.bg_light_blue {
  background-color: #4aa9e9;
}

.apply span.bg_light_green {
  background-color: #13c395;
}

/*首页加载数据前初始化界面高度*/

.banner {
  /*min-height:135px;高度*/
  /* height: 112px; */
  background-color: #fff;
}

.workbench {
  min-height: 108px;
  background-color: #fff;
}

/*列表*/

.mui-scroll .mui-table-view-cell a {
  font-size: 14px;
  text-align: left;
}

.content-detail img {
  width: 100%;
}

/*人才招聘*/

.joblist {
  margin-top: 15px;
}

.joblist .mui-collapse-content label {
  font-size: 12px;
}

.joblist .mui-collapse-content span {
  display: block;
  padding: 11px 15px;
  font-size: 12px;
}

.joblist .job_content {
  height: auto;
}

/*分享*/

#forward .mui-table-view {
  background: #fff;
}

#forward .bdshare-button-style0-32 a {
  text-align: center;
  display: inline-block;
  float: none;
}

/*样式覆盖*/

.mui-media-body1 {
  display: block;
  width: 100%;
  height: 15px;
  margin-top: 8px;
  font-size: 15px;
  line-height: 15px;
  color: #333;
  text-overflow: ellipsis;
  font-family: "微软雅黑";
}

.mui-media1 {
  color: #3da9fe;
  background: #FFFFFF;
  padding: 5px;
}

.msettlement_url {
  border: 1px solid #e9e9e9;
  border-width: 1px 0;
  min-height: 49px;
  background: #fff;
  padding: 10px 0;
  position: relative;
  margin-bottom: -1px;
}

.msettlement_url p {
  color: #3e4245;
  line-height: 24px;
  overflow: hidden
}

.msettlement_url .add, .msettlement_url .mod {
  width: 26px;
  height: 26px;
  text-align: center;
  line-height: 26px;
  position: absolute;
  display: block
}

.msettlement_url p:nth-child(1) {
  margin-top: 5px
}

.msettlement_tpay {
  border: 1px solid #e8e8e8;
  border-width: 1px 0;
  background: #fff;
  padding: 10px;
  overflow: hidden
}

.msettlement_tpay h2, .msettlement_tpay h3 {
  font-size: 14px;
  color: #000;
  margin-bottom: 5px
}

.msettlement_tpay h3 {
  padding-left: 28px
}

.msettlement_intri {
  float: right;
  padding-right: 10px;
  text-align: right;
  line-height: 52px
}

.msettlement_intri b {
  display: block;
  color: #e4393c;
  font-size: 16px
}

.msettlement_int {
  margin-top: 10px;
  border: 1px solid #e8e8e8;
  border-width: 1px 0;
  background: #fff;
  height: 52px;
  overflow: hidden
}

.msettlement_intle {
  float: left;
  padding-left: 10px;
  line-height: 52px
}

/*首页长按识别公众号二维码*/

#show_qrcode {
  /* display:none; */
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, .9)
}

#show_qrcode .code_box {
  display: table;
  height: 100%;
  width: 100%
}

#show_qrcode .code_box section {
  display: table-cell;
  vertical-align: middle
}

#show_qrcode img {
  width: 52%;
  background-color: #fff
}

#show_qrcode p {
  color: #fff;
  font-size: 18px;
  margin-top: 15px
}

#show_qrcode, #show_qrcode p {
  text-align: center
}

/*QQ客服*/

.QQKefu {
  position: fixed;
  bottom: 50px;
  border: #1CAAC1 solid 1px;
  padding: 1px;
  right: 4px;
  width: 40px;
  height: 40px;
  background-color: #2870ff;
  z-index: 100;
  border-radius: 50%
}

.QQKefu .icon-QQ {
  color: #FFFFFF;
  display: block;
  width: 20px;
  height: 20px;
  margin: 6px 0px 0px 4px;
}

.QQKefu .icon-QQ:before {
  font-size: 28px;
}

/*人力分析-工资总额*/

.gongzi_sum {
  border-top: #C9C9C9 solid 1px;
  border-bottom: #C9C9C9 solid 1px;
  color: #6E6E6e;
}

.gongzi_sum .gztd {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  border-right: #C9C9C9 solid 1px;
}

.gongzi_sum .gztd:last-child {
  border-right: none;
}

.gongzi_sum .gztd span {
  font-weight: bold;
  font-size: 16px;
  display: block;
}

/*学吧首页*/

.xb_btm {
  color: #fff;
}

.mui-grid-view.mui-grid-9 .tongshiquan {
  background: #eb2082;
}

.mui-grid-view.mui-grid-9 .dingyue {
  background: #009fdb;
}

.mui-grid-view.mui-grid-9 .biji {
  background: #8fc740;
}

.xb_btm span.iconfont {
  display: block;
  margin: auto;
  color: #fff;
}

.xb_btm .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  color: #fff;
}

.title {
  margin: 10px 15px 10px;
  color: #666867;
  font-size: 14px;
}

.title_iconok:before {
  font-size: 25px !important;
  color: #007aff;
}

.list_iconnew {
  margin-top: -22px;
  margin-right: -36px;
  font-size: 20px !important;
  color: #007aff;
}

.justify_content_fs {
  justify-content: flex-start;
}

/*学吧资讯列表*/

.new_list.mui-table-view .mui-media-object {
  line-height: 60px;
  max-width: 100px;
  height: 60px;
}

.new_list.mui-table-view .mui-media-body {
  white-space: normal;
}

.new_list .body_title {
  color: #000000;
  min-height: 44px;
}

.new_list .icon-icondianzan:before, .new_list .icon-pinglun:before {
  padding-right: 5px;
}

/*新员工培训*/

.mui-slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  border-bottom: 2px solid #0978f1;
  line-height: 42px;
  height: 40px;
}

.peixun_slider .mui-scroll .mui-media-object {
  border-radius: 50%;
}

/*myhr首页*/

.myhr_t {
  color: #999;
}

.myhr_t .ibox span {
  display: block;
  font-size: 16px;
  height: 26px;
  color: #000;
  font-weight: inherit;
  vertical-align: middle;
  font-family: "Helvetica";
}

/*应用*/

.apply_slider .mui-segmented-control.mui-scroll-wrapper .mui-control-item {
  padding: 0 8px;
}

/*任务*/

.renwu_slider {
  top: 45px;
}

.renwu_slider .mui-scroll {
  width: 100%;
}

.renwu_slider .mui-scroll .mui-control-item {
  width: 33.33%;
}

.mui-slider .renwu-card .mui-card-header img {
  border-radius: 50%;
  width: 74%;
}

.mui-slider .renwu-card .mui-card-header p {
  margin-bottom: 2px;
}

.mui-slider .renwu-card .mui-card-header p.name {
  font-weight: 600;
  text-align: left;
  padding-left: 5px;
  color: #6A6767;
}

.mui-slider .renwu-card .mui-card-header p.neirong {
  color: #aaa;
  text-align: right;
  font-size: 12px;
}

.mui-slider .renwu-card .mui-card-header p.baifen {
  color: #aaa;
  text-align: right;
  font-size: 12px;
}

.renwu-card .mui-card-content .ok {
  color: #0BA60B;
  font-weight: 600;
}

.renwu-card .mui-card-content .no {
  color: #FF0408;
  font-weight: 600;
}

.renwu-card .mui-card-content .mid {
  color: #FF7900;
  font-weight: 600;
}

.renwu-card .mui-card-content {
  padding: 10px;
  font-size: 16px;
}

.renwu-card .mui-card-footer {
  padding: 10px 0px;
}

.renwu-card .guanlian span {
  font-size: 10px;
  padding-right: 4px;
}

.renwu-card .guanlian span:before {
  padding-right: 2px;
}

.renwu-card .guanlian span:after {
  content: '\e587';
  font-family: Muiicons;
  font-size: 15px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
}

.renwu-card .guanlian span:last-child:after {
  content: '';
}

/* 审批卡片第二版样式 */

.mui-slider .renwu-card.card-v1 .mui-card-header p.name {
  padding-left: 8px;
  font-weight: 800;
  padding-top: 4px;
}

.mui-slider .renwu-card.card-v1 .mui-card-header p.neirong {
  padding-left: 8px;
}

.mui-slider .renwu-card.card-v1 .mui-card-header p.time {
  text-align: left;
  font-size: 12px;
}

.mui-slider .renwu-card.card-v1 .mui-card-header .header:after {
  border-bottom: #d4d4d4 dashed 1px;
  bottom: 0px;
  position: absolute;
  width: 100%;
}

.mui-slider .card {
  position: relative;
}

.mui-card {
  background-color: rgb(255, 255, 255) !important;
}

.mui-slider .round-left {
  width: 10px;
  height: 20px;
  position: absolute;
  left: 8px;
  top: 56px;
  background: #efeff4;
  border: 1px solid #d4d4d4;
  border-left: 1px solid #efeff4;
  border-radius: 0 100% 100% 0/50%;
  z-index: 1001 !important;
  /* 左上、右上、右下、左下 */
}

.mui-slider .round-right {
  width: 10px;
  height: 20px;
  position: absolute;
  right: 8px;
  top: 56px;
  background: #efeff4;
  border: 1px solid #d4d4d4;
  border-right: 1px solid #efeff4;
  border-radius: 100% 0 0 100%/50%;
  z-index: 1000 !important;
  /* 左上、右上、右下、左下 */
}

.mui-slider .card .state_text {
  width: 80px;
  height: 20px;
  position: absolute;
  right: -20px;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
  top: 11px;
  transform: rotate(45deg);
  text-align: center;
}

.mui-slider .card .ok {
  background-color: #0BA60B;
}

.mui-slider .card .no {
  background-color: #FF0408;
}

.mui-slider .card .mid {
  background-color: #FF7900;
}

.mui-slider .card .blue {
  background-color: #4876FF;
}

.mui-slider .card .not {
  background-color: #d1dade;
}

/*审批*/

.flow .mui-slider-indicator .mui-icon.mui-icon-search {
  border: none;
}

.flow .mui-slider-indicator .mui-input-row.mui-search {
  /*margin-top: 40px;*/
}

.flow .mui-slider-indicator .mui-input-row.mui-search:before {
  margin-top: -8px;
}

.flow .mui-fullscreen .mui-segmented-control~.mui-slider-group {
  top: 75px;
}

.flow_search input[type=search] {
  margin-bottom: 0px;
}

.mui-search:before {
  font-family: Muiicons;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 50%;
  display: none;
  margin-top: -10px;
  margin-right: 31px;
  content: '\e466'
}

.where_box .title {
  text-align: left;
  font-size: 12px;
}

.where_box .mui-icon-flag:before {
  font-size: 18px;
}

.where_box.state .mui-icon-flag:before {
  color: #007AFF;
}

.where_box.class .mui-icon-flag:before {
  color: #02C589;
}

.where_ul {
  margin: 10px 15px 10px;
  padding: 0px;
}

.where_ul li {
  float: left;
  height: 35px;
  line-height: 35px;
  margin: 7px 7px 0px 0px;
  width: 30%;
  padding: 0px 5px;
  border-radius: 6px;
  background-color: #F9F9F9;
  color: #868686;
}

.where_box.state .mui-active1 {
  color: #007AFF;
  background-color: #DBE8F6;
}

.where_box.class .mui-active1 {
  color: #02C589;
  background-color: #C0FCE3;
}

#flow_ntab .mui-badge {
  top: -8px;
  position: relative;
  background: #ff0000;
  color: #fff;
}

/*审批轨迹*/

.nearsite {
  padding-top: 10px;
  position: relative;
}

.nearsite1:before {
  background: #e7eaec;
  content: '';
  position: absolute;
  top: 10px;
  left: 23px;
  height: 100%;
  width: 4px;
}

#flow_ctab .mui-badge {
  top: -8px;
  position: relative;
  background: #ff0000;
  color: #fff;
}

.nearsite-message {
  display: inline-block;
  clear: both;
  padding: 0px 0px 0px 10px;
  width: 100%;
}

.nearsite-message .avatar {
  float: left;
  position: relative;
  width: 36px;
  height: 36px;
  background: #fff;
  border-radius: 50%;
  z-index: 100;
}

.nearsite-message .avatar span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #0978f1;
  margin: 3px;
  text-align: center;
  padding-top: 5px;
  font-size: 22px;
  color: #fff;
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15) inset;
}

.nearsite-message .content {
  float: right;
  background: #fff;
  margin: 0 20px 10px 10px;
  padding: 10px;
  border-radius: 7px;
  position: relative;
  min-height: 20px;
  font-size: 15px;
  max-width: 83%;
  max-width: -moz-calc(100% - 60px);
  max-width: -webkit-calc(100% - 60px);
  max-width: calc(100% - 60px);
  min-width: calc(98% - 60px);
  box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.15);
  text-align: left;
}

.nearsite-message .content img {
  width: 100%;
}

.nearsite-message .content .icon-huodongguiji {
  font-size: 14px;
}

.nearsite-message .content span {
  width: 25px;
  height: 25px;
}

.nearsite-message .content p {
  margin-bottom: 0px;
}

.nearsite-message .content .triangle {
  height: 0px;
  width: 0px;
  border-width: 8px;
  border-style: solid;
  position: absolute;
  top: 6px;
  border-color: transparent #fff transparent transparent;
  left: -16px;
  display: none;
}

.nearsite-message .content .triangle:first-child {
  display: block;
}

.vertbar {
  width: 1px;
  height: 50px;
  background-color: #a2a2a2;
  margin: -34px 25px -8px;
}

/*工资明细

.mingxi {
background: -moz-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00b2ff), color-stop(100%, #24b5f4));
background: -webkit-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
background: -o-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
background: -ms-linear-gradient(top, #00b2ff 0%, #24b5f4 100%);
background: linear-gradient(to bottom, #00b2ff 0%, #24b5f4 100%);
color: #fff;
}

.mingxi .mui-row {
height: 30px;
line-height: 30px;
}

.mingxi .mui-row .shifa {
font-size: 20px;
}

.mingxi .wage_s {
font-size: 2em;
background: url(../image/guang_line.png) bottom center no-repeat;
padding-bottom: 5px;
height: 35px;
}

*/

/* 新版工资修改样式 */

.mingxi {
  background: -moz-linear-gradient(top, #1073ff 0%, #24b5f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #1073ff), color-stop(100%, #24b5f4));
  background: -webkit-linear-gradient(top, #1073ff 0%, #24b5f4 100%);
  background: -o-linear-gradient(top, #1073ff 0%, #24b5f4 100%);
  background: -ms-linear-gradient(top, #1073ff 0%, #24b5f4 100%);
  background: linear-gradient(to bottom, #1073ff 0%, #24b5f4 100%);
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .15);
  color: #fff;
  position: fixed;
  z-index: 6;
  right: 0;
  left: 0;
  top: 40px;
  border-radius: 10px;
  width: 94%;
  margin: 14px auto 0px;
  border: none;
  background-color: #f7f7f7;
  backface-visibility: hidden;
}

.mingxi .mui-row {
  height: 30px;
  line-height: 30px;
}

.mingxi .mui-row .shifa {
  font-size: 20px;
}

.mingxi .wage_s {
  font-size: 2em;
  background: url(../image/guang_line.png) bottom center no-repeat;
  padding-bottom: 5px;
  height: 40px;
  text-shadow: 0px 4px 1px #157dd8;
}

/* 新版工资新增样式 */

#wage_info.mui-bar-top {
  background: #f7f7f7 !important;
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0);
  box-shadow: 0 0px 3px #ccc;
  -webkit-box-shadow: 0 0px 3px #ccc;
}

#wage_info.mui-bar-top a {
  color: #007aff;
}

#wage_info.mui-bar-top h1 {
  color: #000;
}

#wage_details {
  width: 94%;
  margin: 10px auto;
  border-radius: 10px;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .15);
  overflow: hidden;
}

#wage_details .title {
  background: #64c779;
  line-height: 44px;
  height: 44px;
  font-size: 16px;
  margin: 0px;
  color: #fff;
  padding-left: 15px;
  overflow: hidden;
}

#wage_details .mui-badge-primary {
  background: none;
  line-height: 42px;
  color: #ff0000;
}

#wage_details .mui-table-view-cell:after {
  left: 0px;
}

#wage_details .mui-table-view:after {
  background: none;
}

#wage_details .heji {
  padding: 0px;
  color: #fff;
  padding-right: 20px;
}

.wage_remark {
  width: 94%;
  margin: 10px auto;
  border-radius: 10px;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, .15);
  overflow: hidden;
  background-color: #fff !important;
}

.wage_remark p {
  padding: 0px;
  margin: 0px;
}

#mingxi .iread {
  font-size: 45px;
  position: absolute;
  right: -4px;
  top: -64px;
}

/*请假*/

.jiaqi .jq_l, .jiaqi .jq_r {
  background: #fff;
  border-radius: 6px;
  height: 50px;
}

.jiaqi .jq_l .title1 {
  display: block;
  color: #6d6d72;
  font-size: 15px;
}

.jiaqi .jq_l .jq_l_t {
  color: #aaa;
}

.jiaqi .jq_l .jq_l_d {
  color: #000;
}

.jiaqi .jq_l .jq_l_d {
  font-size: 16px;
  color: #777;
}

.jiaqi .jq_l .jq_l_d span.day_num {
  font-size: 20px;
  line-height: 40px;
  color: #666;
}

.jiaqi .jq_l .jq_l_d span.day {
  font-size: 14px;
  padding-left: 4px;
}

.jiaqi .jq_r {
  background: #2870ff;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

.jiaqi .jq_r span {
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 100%;
  font-size: 24px;
  margin-top: 4px;
}

/*个人中心*/

/*头部*/

.userinfo {
  padding: 10px 0px 0px 0px;
  height: 157px;
  position: fixed;
  z-index: 6;
  right: 0;
  left: 0;
  top: 40px;
  border-bottom: 0;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  box-shadow: 0 0 1px rgba(0, 0, 0, .85);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.userinfo_bg {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  height: 200px;
  background: #000 url(../image/userinfo_bg_4.jpg) no-repeat center center;
  width: 100%;
  top: -40px;
  position: absolute;
}

.userinfo_bg img {
  height: 200px;
  width: 100%;
}

.blur {
  filter: url(../image/blur.svg);
  /* FireFox, Chrome, Opera */
  -webkit-filter: blur(3px);
  /* Chrome, Opera */
  -moz-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
  /* IE6~IE9 */
}

.userinfo .icon-icon_qiandao {
  font-size: 40px;
  color: #53c860;
  margin-top: 10px;
}

.userinfo .color_qgreen {
  color: #60FF71;
}

.no-shadow {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: rgba(255, 255, 255, 0);
}

.no-shadow .mui-title, .no-shadow a {
  color: #fff;
}

.user-name, .user-depart {
  color: #fff;
  font-size: 16px;
}

.user-depart {
  color: #fff;
  font-size: 14px;
}

.info_item {
  padding: 15px 0px 0px 0px;
}

.en .info_item {
  padding: 4px 0px 10px 0px;
}

.info_item div.mui-col-sm-4:first-child {
  border-right: #eee solid 1px;
}

.info_item div.mui-col-sm-4:nth-child(2) {
  border-right: #eee solid 1px;
}

.info_item div.mui-col-sm-6:first-child {
  border-right: #eee solid 1px;
}

.info_item .title {
  height: 22px;
  font-size: 12px;
  color: #faf2f2;
  margin: 4px 0px;
  text-align: center;
  word-wrap: break-word
}

.en .info_item .title {
  margin: 4px 4px;
  height: 42px;
}

.info_item .num {
  text-align: center;
  font-size: 20px;
  color: #fff;
}

.u_jiaban {
  background: #fff;
  padding: 5px 0px 10px 0px;
}

.u_jiaban .title {
  font-size: 12px;
  color: #6a6a6a;
  margin: 5px 2px;
  text-align: center;
}

.u_jiaban .num {
  text-align: center;
  font-size: 18px;
}

/*个人中心列表*/

.about .mui-table-view-cell {
  /* color: #8a8b8d; */
}

/*个人信息*/

.about .touxiang_li {
  padding: 15px 15px;
}

.portrait {
  width: 100%;
  height: 180px;
  /* background: url(../images/bgimages.jpg) center center no-repeat; */
  /* background: url(../image/userinfo_bg_4.jpg) center bottom no-repeat rgba(0, 0, 0, 0.1); */
  background: #26b4f2;
  background-size: 100%;
  padding: 24px 0px 0px;
}

.portrait .images {
  width: 100%;
  height: 100px;
  position: relative;
}

.portrait .images img {
  display: block;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -40px;
  width: 80px;
  height: 80px;
}

#loader {
  display: block;
  position: absolute;
  left: 50%;
  top: -25px;
  margin-left: -65px;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #9370DB;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #BA55D3;
  -webkit-animation: spin 5s linear infinite;
  animation: spin 5s linear infinite;
}

#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #FF00FF;
  -webkit-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.portrait .name1 {
  width: 100%;
  height: 51px;
  text-align: center;
  padding-top: 10px;
  font-size: 16px;
  color: #fff;
  text-shadow: -1px 1px 3px #000;
}

/*自己头像*/

.about .about_img {
  position: absolute;
  right: 35px;
  top: 0px;
  display: block;
  border-radius: 50%;
  width: auto;
  height: 100%;
}

/*其他人头像*/

.about .about_img_other {
  position: absolute;
  right: 14px;
  top: 0px;
  display: block;
  border-radius: 50%;
  width: auto;
  height: 100%;
}

/*通信录*/

.mui-search .mui-placeholder span {
  font-size: 16px;
}

/*部门路径样式*/

.deptpath {
  height: 40px;
  background-color: #fff;
  border-top: #eee 1px solid;
}

#dept_slider {
  top: 35px;
}

#dept_slider .mui-control-item {
  padding: 0 7px;
  font-size: 14px;
}

#dept_slider .mui-control-item:after {
  content: '\e583';
  font-family: Muiicons;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  line-height: 1;
  display: inline-block;
  text-decoration: none;
  -webkit-font-smoothing: antialiased;
  color: #AEAEAE;
}

#dept_slider .mui-control-item:last-child:after {
  content: '';
}

#dept_slider .mui-segmented-control.mui-segmented-control-inverted .mui-control-item.mui-active {
  border-bottom: none;
  line-height: 42px;
}

/*部门列表重写样式*/

.contacts .mainlist ul.li_2 li a:before {
  color: #007AFF;
}

.contacts .mainlist ul.li_2 li {
  height: 40px;
  line-height: 40px;
}

.contacts .mainlist ul.li_2 li a.mui-icon {
  line-height: 40px;
  text-overflow: ellipsis;
  height: 40px;
  /* width: 100%; */
  width: -moz-calc(100% - 23px);
  width: -webkit-calc(100% - 23px);
  width: calc(100% - 23px);
  overflow: hidden;
  white-space: nowrap;
}

.contacts .mainlist ul.li_2 li a span {
  line-height: 40px;
}

.contacts .indexed-list-li li .name {
  float: left;
  width: 86%;
}

.contacts .indexed-list-li li .name a {
  color: #8a8b8d;
  ;
  width: 100%;
  display: inline-block;
}

.contacts .indexed-list-li li .tel {
  float: right;
  margin-right: -10px;
}

/*业务申请*/

.form_tab .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  font-weight: bold;
  height: 20px;
  line-height: 20px;
}

.form_tab li span {
  color: #f7b35e;
}

.form_tab li span:before {
  font-size: 1.3em;
}

.form.mui-content>.mui-table-view:first-child {
  margin-top: 0px;
}

.form .apply .mui-table-view.mui-grid-view .mui-table-view-cell .mui-media-body {
  font-weight: inherit;
}

.matter {
  font-size: 0.9em;
  color: #e81313;
}

.matter p {
  font-size: 0.9em;
  color: #e81313;
}

/*业务申请列表*/

.form .mui-slider-indicator .mui-icon.mui-icon-search {
  border: none;
}

.form .mui-slider-indicator .mui-input-row.mui-search {
  /*margin-top: 40px;*/
}

.form .mui-slider-indicator .mui-input-row.mui-search:before {
  margin-top: -8px;
}

.form .mui-fullscreen .mui-segmented-control~.mui-slider-group {
  top: 40px;
}

.form_search input[type=search] {
  margin-bottom: 0px;
}

.mui-search:before {
  font-family: Muiicons;
  font-size: 20px;
  font-weight: 400;
  position: absolute;
  top: 50%;
  right: 50%;
  display: none;
  margin-top: -10px;
  margin-right: 31px;
  content: '\e466'
}

.where_box .title {
  text-align: left;
  font-size: 12px;
}

.where_box .mui-icon-flag:before {
  font-size: 18px;
}

.where_box.state .mui-icon-flag:before {
  color: #007AFF;
}

.where_box.class .mui-icon-flag:before {
  color: #02C589;
}

.where_box.tijiao_date .mui-icon-flag:before {
  color: #007AFF;
}

.where_box.flow_date .mui-icon-flag:before {
  color: #f90808;
}

.where_box.flow_date_t .mui-icon-flag:before {
  color: #f90808;
}

.where_box.flow_date, .where_box.flow_date_t, .where_box.tijiao_date {
  color: #868686;
}

.where_ul {
  margin: 10px 15px 10px;
  padding: 0px;
}

.where_ul li {
  float: left;
  height: 35px;
  line-height: 35px;
  margin: 7px 7px 0px 0px;
  width: 30%;
  padding: 0px 5px;
  border-radius: 6px;
  background-color: #F9F9F9;
  color: #868686;
}

.where_ul2 li {
  float: left;
  height: 35px;
  line-height: 35px;
  width: 47.5%;
  margin: 7px 7px 0px 0px;
  padding: 0px 5px;
  border-radius: 6px;
  background-color: #F9F9F9;
  color: #868686;
}

.tijiao_date .where_ul input, .flow_date .where_ul input, .flow_date_t .where_ul input {
  color: #868686;
  border: none;
  border-bottom: #eee solid 1px;
}

.where_box.state .mui-active1 {
  color: #007AFF;
  background-color: #DBE8F6;
}

.where_box.class .mui-active1 {
  color: #02C589;
  background-color: #C0FCE3;
}

/*业务申请详情*/

.nianxiujia_item {
  padding: 10px 0px 10px 0px;
  background: #fff
}

.nianxiujia_item div.mui-col-sm-4:first-child {
  border-right: #eee solid 1px;
}

.nianxiujia_item div.mui-col-sm-4:nth-child(2) {
  border-right: #eee solid 1px;
}

.nianxiujia_item .title {
  font-size: 12px;
  color: #333;
  margin: 5px 0px;
  text-align: center;
}

.en .nianxiujia_item .title {
  font-size: 12px;
  height: 42px;
  color: #333;
  margin: 5px 2px;
  text-align: center;
}

.nianxiujia_item .num {
  text-align: center;
  font-size: 20px;
  color: #333;
}

.wenhua_item {
  padding: 10px 10px 10px 10px;
  background: #fff
}

/*上传图片附件*/

.file_img .uploadify-button {
  width: 50px;
  height: 50px;
  display: block;
  margin-top: 14px;
  margin-left: 8px;
}

.file_all {
  padding: 11px 15px 5px 15px;
}

.file_all .uploadify-button {
  height: 22px;
  top: -10px;
}

.file_all .mui-navigate-right:after {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  /*-moz-osx-font-smoothing: grayscale;*/
  content: '\e651';
}

.file_item {
  margin-top: 5px;
  font-size: 14px;
  color: #333;
  text-align: left
}

#file_upload_1-queue .uploadify-queue-item:first-child {
  margin-top: 10px
}

.file_item.mui-row>[class*=mui-col-] {
  height: 36px;
  line-height: 36px;
}

.file_item_space span {
  font-size: 12px
}

.file_item .file_icon {
  padding-right: 12px;
}

.file_item .del_icon {
  padding-left: 18px;
  padding-top: 3px;
}

.file_item span.iconfont {
  font-size: 14px;
  margin: auto auto;
  border-radius: 6px;
  width: 34px;
  height: 34px;
  display: table;
  color: #fff;
  overflow: hidden;
  /*background-color: #2870ff;*/
  border: #e0e0e0 solid 1px;
}

.file_item span.iconfont.icon-delete {
  font-size: 26px;
  margin: auto auto;
  border-radius: 6px;
  width: 30px;
  height: 30px;
  display: table;
  overflow: hidden;
  background: none;
  color: #FF5053;
  border: none;
}

.file_item span.iconfont:before {
  vertical-align: middle;
  text-align: center;
  display: table-cell;
  font-size: 0.8em;
}

.file_item span.iconfont.icon-file-s-6:before {
  color: #fc7070;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-7:before {
  color: #9da6b4;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-9:before {
  color: #9da6b4;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-8:before {
  color: #7f8efb;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-5:before {
  color: #00beca;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-4:before {
  color: #5099f4;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-3:before {
  color: #fd8d59;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-2:before {
  color: #69c01a;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-1:before {
  color: #ff9843;
  font-size: 32px;
}

.file_item span.iconfont.icon-file-s-:before {
  color: #ffd658;
  font-size: 32px;
}

.file_item span.iconfont.icon-wendang:before {
  font-size: 1.2em;
}

.file_item .mui-icon-close {
  color: #ff0000
}

/* 添加英文样式 */

.en .w28 {
  width: 28%;
}

/* 人脸拍照上传 */

.mui-content .mui-table-view .pictures {
  min-height: 150px;
}

.mui-content .mui-table-view .pictures .photos {
  width: 25%;
  line-height: 240px;
}

.mui-content .mui-table-view .pictures .attachment {
  width: 73%;
  text-align: center;
}

.mui-content .mui-table-view .pictures .image-pict {
  /* overflow: initial; */
  height: 240px;
  padding-bottom: 40px;
}

.mui-content .mui-table-view .pictures .feedback .image-item {
  width: 180px;
  height: 220px;
  border: 1px solid #ccc;
}

.mui-content .mui-table-view .pictures .feedback .image-item .image-up {
  z-index: 10;
  margin-top: 76px;
}

.mui-content .mui-table-view .pictures .feedback .file_img .uploadify-button {
  width: 180px;
  height: 220px;
}

.mui-content .mui-table-view .pictures .feedback .image-loading-icon {
  margin-top: 86px;
  margin-left: 6px;
}

/* 企业微信适配相机+文档上传按钮 */

#qywx_uploadsheet.mui-popover .mui-table-view {
  background: #fff;
}

.qywx_uploadsheet.mui-popover .mui-table-view {
  background: #fff;
}

/* 生成二维码 */

.sweep {
  width: 90%;
  min-height: 50px;
  overflow: hidden;
  margin: 20px auto;
  text-align: center;
}

.sweep .title_1 {
  line-height: 40px;
}

.sweep .phone {
  color: #ff4949;
}

#resume_qrcode {
  position: relative;
  width: 200px;
  height: 200px;
  margin: 10px auto;
}

#qrCodeIco {
  position: absolute;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 2px solid rgb(223, 223, 223);
  left: 50%;
  top: 50%;
  margin-left: -20px;
  margin-top: -20px;
}

@media screen and (max-width: 320px) {
  .navigate_r_input input {
    width: 100%;
  }
}

/* 企业招聘页面 */

.tupian {
  font-size: 14px;
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100%;
  vertical-align: top;
  white-space: normal;
}

.tupian img {
  width: 100%;
}

.logo_img {
  width: 80px !important;
  height: 80px;
  border-radius: 5px;
  border: 1px solid #eee;
}

.logo_img1 {
  width: 30px !important;
  height: 30px;
  border-radius: 3px;
  border: 1px solid #eee;
}

.logo_img2 {
  width: 52px !important;
  height: 52px;
  border-radius: 3px;
  border: 1px solid #eee;
  padding-top: 4px;
}

.company {
  position: relative;
  overflow: hidden;
  padding: 11px 15px 5px;
}

.company:after {
  font-family: Muiicons;
  font-size: inherit;
  line-height: 1;
  position: absolute;
  top: 50%;
  display: inline-block;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-decoration: none;
  color: #bbb;
  -webkit-font-smoothing: antialiased;
  right: 4px;
  content: '\e583';
  font-size: 20px;
}

@media screen and (min-width:375px) and (max-width:413px) {
  .company_z {
    margin-left: -20px;
  }
}

@media screen and (min-width:320px) and (max-width:374px) {
  .company_z {
    margin-left: -10px;
  }
}

.position p {
  line-height: 24px;
  color: #999;
}

/* 人员选择样式 */

.personnel {
  min-height: 0px;
  background-color: #fff;
  overflow: hidden;
  padding: 0px 8px;
  position: relative;
}

#personnelList.personnel {
  padding: 0px !important;
}

.personnel .avatar {
  width: 46px;
  height: 46px;
  margin: 10px auto 0px;
  position: relative;
}

.personnel .avatar span {
  position: absolute;
  right: -3px;
  top: -3px
}

.personnel .avatar img {
  border-radius: 50%;
}

.personnel p {
  font-size: 12px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px;
  height: 24px;
  line-height: 24px;
}

.personnel:after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 15px;
  height: 1px;
  content: '';
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  background-color: #c8c7cc;
}

.personnel.mui-row:after {
  display: inherit;
}

.personnel .select-personnel {
  height: 30px;
  line-height: 30px;
  padding-left: 8px;
  color: #333;
}

.personnel .increase {
  height: 80px;
}

.personnel .increase .icon-tianjia {
  /* width: 46px;
        height: 46px;
        margin: 20px auto 0px;
        display: block;
        text-align: center; */
  width: 30px !important;
  height: 30px !important;
  margin: 10px auto 0px !important;
  display: block !important;
  text-align: center !important;
}

.personnel .increase .icon-tianjia:before {
  /* font-size: 2.5em; */
  font-size: 2em !important;
  color: #ccc;
}

/* 人员选择样式-新样式固定宽度 */

.personnel .avatar_xin {
  width: 96%;
  height: 32px;
  margin: 4px auto 0px;
  position: relative;
  background: rgba(210, 210, 210, 0.2);
  border-radius: 20px;
}

.personnel .avatar_xin span {
  position: absolute;
  right: -3px;
  top: -3px
}

.personnel .avatar_xin img {
  border-radius: 50%;
  margin: 4px;
  float: left;
  width: 24px;
  height: 24px;
}

.personnel .avatar_xin .name {
  float: left;
  width: calc(100% - 36px);
  height: 32px;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  font-size: 12px;
}

/* 人员选择样式-新样式自适应宽度 */

.personnel .avatar_zi {
  width: max-content;
  height: 32px;
  margin: 4px 4px 0px 0px;
  position: relative;
  background: rgba(210, 210, 210, 0.2);
  border-radius: 20px;
  float: left;
}

.personnel .avatar_zi span {
  position: absolute;
  right: -3px;
  top: -3px
}

.personnel .avatar_zi img {
  border-radius: 50%;
  margin: 4px;
  float: left;
  width: 24px;
  height: 24px;
}

.personnel .avatar_zi .name {
  float: left;
  width: auto;
  line-height: 32px;
  white-space: nowrap;
  overflow: hidden;
  padding: 0px 10px 0px 1px;
  text-overflow: ellipsis;
  font-size: 12px;
}

.personList {
  width: 50px;
  height: 50px;
  display: block;
  margin-top: 22px;
  margin-left: 8px;
}

.personnel:after {
  /* background-color: #c8c7cc; */
  background-color: #FFF !important;
}

/* 我的页面波浪线特效 */

.wave-hidden {
  height: 200px;
  width: 100%;
  position: fixed;
  top: 0px;
  z-index: 10;
  overflow: hidden;
}

.wave-background-01 {
  width: 997px;
  height: 28px;
  background: url(../image/wavebackground01.png) repeat-x;
  position: absolute;
  /* background-size: 13%; */
  bottom: -16px;
  width: 800%;
  left: -3px;
  z-index: 999;
  animation: wave1 40s linear .0s infinite normal;
  -moz-animation: wave1 40s linear .0s infinite normal;
  -webkit-animation: wave1 40s linear .0s infinite normal;
  -o-animation: wave1 40s linear .0s infinite normal;
  background-size: cover;
  background-size: contain;
}

.wave-background-02 {
  width: 1009px;
  height: 28px;
  background: url(../image/wavebackground02.png) repeat-x;
  position: absolute;
  /* background-size: 23%; */
  /* top: 103px; */
  bottom: -11px;
  width: 800%;
  left: 0px;
  z-index: 998;
  animation: wave2 60s linear .4s infinite normal;
  -moz-animation: wave2 60s linear .4s infinite normal;
  -webkit-animation: wave2 60s linear .0s infinite normal;
  -o-animation: wave2 60s linear .4s infinite normal;
  background-size: cover;
  background-size: contain;
}

@-webkit-keyframes wave1 {
  from {
    left: -236px
  }

  to {
    left: -1233px
  }
}

@-moz-keyframes wave1 {
  from {
    left: -236px
  }

  to {
    left: -1233px
  }
}

@-o-keyframes wave1 {
  from {
    left: -236px
  }

  to {
    left: -1233px
  }
}

@keyframes wave1 {
  from {
    left: -236px
  }

  to {
    left: -1233px
  }
}

@-webkit-keyframes wave2 {
  from {
    left: 0
  }

  to {
    left: -1009px
  }
}

@-moz-keyframes wave2 {
  from {
    left: 0
  }

  to {
    left: -1009px
  }
}

@-o-keyframes wave2 {
  from {
    left: 0
  }

  to {
    left: -1009px
  }
}

@keyframes wave2 {
  from {
    left: 0
  }

  to {
    left: -1009px
  }
}

/*通信录居右*/

.mui-indexed-list-item {
  display: flex;
}

.contacts .indexed-list-li li .tel {
  align-self: center;
  position: absolute;
  right: 40px;
}



/* 动态光影 */
@keyframes scaleToggleOne {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  50% {
    transform: scale(1.6);
    -webkit-transform: scale(1.6)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@keyframes scaleToggleTwo {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  20% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  60% {
    transform: scale(1.6);
    -webkit-transform: scale(1.6)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

@keyframes scaleToggleThree {
  0 {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  33% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }

  66% {
    transform: scale(1.6);
    -webkit-transform: scale(1.6)
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1)
  }
}

.livechat-girl.animated {
  z-index: 0 !important
}

.livechat-girl {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  bottom: 0;
  right: 40px;
  opacity: 0;
  -webkit-box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
  box-shadow: 0 5px 10px 0 rgba(35, 50, 56, .3);
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  cursor: pointer;
  -webkit-transition: all 1s cubic-bezier(.86, 0, .07, 1);
  transition: all 1s cubic-bezier(.86, 0, .07, 1)
}

.livechat-girl:focus {
  outline: 0
}

.livechat-girl.animated {
  opacity: 1;
  transform: translateY(-40px);
  -webkit-transform: translateY(-40px);
  -ms-transform: translateY(-40px)
}

.livechat-girl .girl {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}

.livechat-girl .animated-circles .circle {
  background: rgba(38, 199, 252, .25);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  transform: scale(1);
  -webkit-transform: scale(1)
}

.livechat-girl .animated-circles.animated .c-1 {
  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl .animated-circles.animated .c-2 {
  animation: 2.5s scaleToggleTwo cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl .animated-circles.animated .c-3 {
  animation: 3s scaleToggleThree cubic-bezier(.25, .46, .45, .94) forwards
}

.livechat-girl.animation-stopped .circle {
  opacity: 0 !important
}

.livechat-girl .livechat-hint {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -20px;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s cubic-bezier(.86, 0, .07, 1);
  transition: all .3s cubic-bezier(.86, 0, .07, 1)
}

.livechat-girl .livechat-hint.show_hint {
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
  opacity: 1
}

.livechat-girl .livechat-hint.hide_hint {
  opacity: 0;
  -webkit-transform: translateX(0);
  transform: translateX(0)
}



/* 请选择颜色样式 */

.colorRed {
  color: #ff0000;
  /* 其它浏览器兼容性前缀 */
  -webkit-animation: colorRed 1s linear infinite;
  -moz-animation: colorRed 1s linear infinite;
  -ms-animation: colorRed 1s linear infinite;
  -o-animation: colorRed 1s linear infinite;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
}

/* 定义keyframe动画，命名为colorRed */
@keyframes colorRed {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}

/* 添加兼容性前缀 */
@-webkit-keyframes colorRed {
  0% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }
}


@-moz-keyframes colorRed {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-ms-keyframes colorRed {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-o-keyframes colorRed {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

input.colorRed, textarea.colorRed {
  /* 其它浏览器兼容性前缀 */
  -webkit-animation: colorRed 1s linear infinite;
  -moz-animation: colorRed 1s linear infinite;
  -ms-animation: colorRed 1s linear infinite;
  -o-animation: colorRed 1s linear infinite;
  animation-iteration-count: 2;
  -webkit-animation-iteration-count: 2;
}

input.colorRed::-webkit-input-placeholder {
  color: #ff0000;
}

input.colorRed::-moz-placeholder {
  color: #ff0000;
}

input.colorRed:-ms-input-placeholder {
  color: #ff0000;
}

input.colorRed::-webkit-input-placeholder {
  color: #ff0000;
}

input.colorRed::placeholder {
  color: #ff0000;
}

textarea.colorRed::-webkit-input-placeholder {
  color: #ff0000;
}

textarea.colorRed::-moz-placeholder {
  color: #ff0000;
}

textarea.colorRed:-ms-input-placeholder {
  color: #ff0000;
}

textarea.colorRed::-webkit-input-placeholder {
  color: #ff0000;
}

textarea.colorRed::placeholder {
  color: #ff0000;
}

/*移动端 ios\1+(OnePlus 7Pro)点击不了，增加鼠标手 */
.uploadify-button {
  cursor: pointer;
}

/* 修改移动端mui弹窗提示超出 */
.mui-popup-in .mui-popup-text {
  max-height: 500px;
  overflow: overlay;
}

/* 解决mui picker选择器在 ios16.2系统上，选择器滚动错误错乱，无法正常选择的问题  */
/* .mui-ios .mui-pciker-list,.mui-ios .mui-ios-16 .mui-pciker-list, .mui-ios-16.mui-ios-16-2 .mui-pciker-list,.mui-ios .mui-ios-16.mui-ios-16-3 .mui-pciker-list,.mui-ios-16.mui-ios-16-4 .mui-pciker-list,.mui-ios-16.mui-ios-16-5 .mui-pciker-list,.mui-ios-16.mui-ios-16-6 .mui-pciker-list,.mui-ios-16.mui-ios-16-7 .mui-pciker-list
,.mui-ios-16.mui-ios-16-8 .mui-pciker-list{

transform-origin-z: 0 !important;

} */
.mui-ios .mui-ios-16 .mui-pciker-list, .mui-ios-16.mui-ios-16-~.mui-pciker-list, .mui-ios-16.mui-ios-16-2 .mui-pciker-list, .mui-ios-16.mui-ios-16-3 .mui-pciker-list, .mui-ios-16.mui-ios-16-4 .mui-pciker-list, .mui-ios-16.mui-ios-16-5 .mui-pciker-list, .mui-ios-16.mui-ios-16-6 .mui-pciker-list, .mui-ios-16.mui-ios-16-7 .mui-pciker-list, .mui-ios-16.mui-ios-16-8 .mui-pciker-list, .mui-ios-16.mui-ios-16-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}

.mui-ios .mui-ios-17 .mui-pciker-list, .mui-ios-17.mui-ios-17-~.mui-pciker-list, .mui-ios-17.mui-ios-17-0 .mui-pciker-list, .mui-ios-17.mui-ios-17-0-1 .mui-pciker-list,  .mui-ios-17.mui-ios-17-1 .mui-pciker-list, .mui-ios-17.mui-ios-17-2 .mui-pciker-list, .mui-ios-17.mui-ios-17-3 .mui-pciker-list, .mui-ios-17.mui-ios-17-4 .mui-pciker-list, .mui-ios-17.mui-ios-17-5 .mui-pciker-list, .mui-ios-17.mui-ios-17-6 .mui-pciker-list, .mui-ios-17.mui-ios-17-7 .mui-pciker-list, .mui-ios-17.mui-ios-17-8 .mui-pciker-list, .mui-ios-17.mui-ios-17-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}

.mui-ios .mui-ios-18 .mui-pciker-list, .mui-ios-18.mui-ios-18-~.mui-pciker-list, .mui-ios-18.mui-ios-18-0 .mui-pciker-list, .mui-ios-18.mui-ios-18-0-1 .mui-pciker-list,  .mui-ios-18.mui-ios-18-1 .mui-pciker-list, .mui-ios-18.mui-ios-18-2 .mui-pciker-list, .mui-ios-18.mui-ios-18-3 .mui-pciker-list, .mui-ios-18.mui-ios-18-4 .mui-pciker-list, .mui-ios-18.mui-ios-18-5 .mui-pciker-list, .mui-ios-18.mui-ios-18-6 .mui-pciker-list, .mui-ios-18.mui-ios-18-7 .mui-pciker-list, .mui-ios-18.mui-ios-18-8 .mui-pciker-list, .mui-ios-18.mui-ios-18-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}
.mui-ios .mui-ios-19 .mui-pciker-list, .mui-ios-19.mui-ios-19-~.mui-pciker-list, .mui-ios-19.mui-ios-19-0 .mui-pciker-list, .mui-ios-19.mui-ios-19-0-1 .mui-pciker-list,  .mui-ios-19.mui-ios-19-1 .mui-pciker-list, .mui-ios-19.mui-ios-19-2 .mui-pciker-list, .mui-ios-19.mui-ios-19-3 .mui-pciker-list, .mui-ios-19.mui-ios-19-4 .mui-pciker-list, .mui-ios-19.mui-ios-19-5 .mui-pciker-list, .mui-ios-19.mui-ios-19-6 .mui-pciker-list, .mui-ios-19.mui-ios-19-7 .mui-pciker-list, .mui-ios-19.mui-ios-19-8 .mui-pciker-list, .mui-ios-19.mui-ios-19-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}
.mui-ios .mui-ios-20 .mui-pciker-list, .mui-ios-20.mui-ios-20-~.mui-pciker-list, .mui-ios-20.mui-ios-20-0 .mui-pciker-list, .mui-ios-20.mui-ios-20-0-1 .mui-pciker-list,  .mui-ios-20.mui-ios-20-1 .mui-pciker-list, .mui-ios-20.mui-ios-20-2 .mui-pciker-list, .mui-ios-20.mui-ios-20-3 .mui-pciker-list, .mui-ios-20.mui-ios-20-4 .mui-pciker-list, .mui-ios-20.mui-ios-20-5 .mui-pciker-list, .mui-ios-20.mui-ios-20-6 .mui-pciker-list, .mui-ios-20.mui-ios-20-7 .mui-pciker-list, .mui-ios-20.mui-ios-20-8 .mui-pciker-list, .mui-ios-20.mui-ios-20-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}
.mui-ios .mui-ios-21 .mui-pciker-list, .mui-ios-21.mui-ios-21-~.mui-pciker-list, .mui-ios-21.mui-ios-21-0 .mui-pciker-list, .mui-ios-21.mui-ios-21-0-1 .mui-pciker-list,  .mui-ios-21.mui-ios-21-1 .mui-pciker-list, .mui-ios-21.mui-ios-21-2 .mui-pciker-list, .mui-ios-21.mui-ios-21-3 .mui-pciker-list, .mui-ios-21.mui-ios-21-4 .mui-pciker-list, .mui-ios-21.mui-ios-21-5 .mui-pciker-list, .mui-ios-21.mui-ios-21-6 .mui-pciker-list, .mui-ios-21.mui-ios-21-7 .mui-pciker-list, .mui-ios-21.mui-ios-21-8 .mui-pciker-list, .mui-ios-21.mui-ios-21-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}
.mui-ios .mui-ios-22 .mui-pciker-list, .mui-ios-22.mui-ios-22-~.mui-pciker-list, .mui-ios-22.mui-ios-22-0 .mui-pciker-list, .mui-ios-22.mui-ios-22-0-1 .mui-pciker-list,  .mui-ios-22.mui-ios-22-1 .mui-pciker-list, .mui-ios-22.mui-ios-22-2 .mui-pciker-list, .mui-ios-22.mui-ios-22-3 .mui-pciker-list, .mui-ios-22.mui-ios-22-4 .mui-pciker-list, .mui-ios-22.mui-ios-22-5 .mui-pciker-list, .mui-ios-22.mui-ios-22-6 .mui-pciker-list, .mui-ios-22.mui-ios-22-7 .mui-pciker-list, .mui-ios-22.mui-ios-22-8 .mui-pciker-list, .mui-ios-22.mui-ios-22-9 .mui-pciker-list {

  transform-origin-z: 0 !important;

}


/* 解决mui picker选择器在 ios16.4系统上，选中行会被遮罩  */
.mui-ios .mui-picker-inner {
  -webkit-mask-box-image: none !important;
  -webkit-mask-box-image: none !important;
}

/* 兼容小米手机搜索，筛选栏左右布局变上下一行布局 */
#slider #sliderSegmentedControl ul {
  display: flex !important
}