/********
赏金样式 2020-04-10 19:22
上次版本 2020-03-12 19:22
********/


/******** 重置样式 ********/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-family: sans-serif;
  font-size: 12px;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-appearance: none;
}
html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  /*height: 100%;*/
}
img {
  border: 0;
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: #666
}
hr {
  border: 0;
  border-bottom: 1px solid #e8e8e8;
  margin: 10px 0;
}

/**
https://github.com/google/material-design-icons
感谢Google
**/

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/materialicons/MaterialIcons-Regular.eot); /* For IE6-8 */
  src: url(../fonts/materialicons/MaterialIcons-Regular.eot?#iefix) format('embedded-opentype'),
       url(../fonts/materialicons/MaterialIcons-Regular.woff2) format('woff2'),
       url(../fonts/materialicons/MaterialIcons-Regular.woff) format('woff'),
       url(../fonts/materialicons/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  /*cursor: default;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}

/******** 通用 ********/
body {
  font-family: Microsoft Yahei, sans-serif;
  color: #333;
  background-color: #e9e9e9;
  height: auto;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
/*  -webkit-transition: all 0.3s;
  transition: all 0.3s;*/
}
body.fixed {
  overflow: hidden;
  position: fixed;
  width: 100%;
  height: 100%;
}

/******** 清除浮动 ********/
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  clear: both;
}

/******** 按钮 ********/
.btn {
  display: inline-block;
  border: 0;
  border-radius: 3px;
  outline: none;
  /*box-shadow: 0 1px 2.5px rgba(0,0,0,.6);*/
  font-family: inherit;
  letter-spacing: 0;
  text-align: center;
  white-space: nowrap;
  -webkit-appearance: none;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
/* 按钮初始色，橙色 */ /* 新ui */
.btn_color_0 {
  background-color: #ff7818;
  color: #fff;
}
.btn_color_0.btn_text {
  background-color: transparent;
  color: #ff7818;
}
.btn_color_0.btn_outline {
  box-shadow: inset 0 0 0 1px #ff7818;
}
.btn_color_0:hover {
  background-color: #ff7818;
  color: #fff;
}

/* 按钮初始色，黑 */
.btn_color_1 {
  background-color: #696161;/*#0ca7ff*//*#0081e6*/
  color: #fff;
}
.btn_color_1.btn_text {
  background-color: transparent;/*#f4f4f4*/
  color: #696161;
}
.btn_color_1.btn_outline {
  box-shadow: inset 0 0 0 1px #999;
}
.btn_color_1:hover {
  background-color: #333;
  color: #fff;
  box-shadow: none;
}
/* 按钮初始色，红 */
.btn_color_2 {
  background-color: #f32d2d;/*f4330d*/
  color: #fff;
}
.btn_color_2.btn_text {
  background-color: transparent;
  color: #f32d2d;
}
.btn_color_2.btn_outline {
  box-shadow: inset 0 0 0 1px #f32d2d;
}
.btn_color_2:hover {
  background-color: #d63131;
  color: #fff;
}
/* 按钮初始色，绿 */
.btn_color_3 {
  background-color: #00c800;
  color: #fff;
}
.btn_color_3.btn_text {
  background-color: transparent;
  color: #00c800;
}
.btn_color_3.btn_outline {
  box-shadow: inset 0 0 0 1px #00c800;
}
.btn_color_3:hover {
  background-color: #00B100;
  color: #fff;
}
/* 按钮初始色，白 */
.btn_color_4 {
  background-color: #f6f6f6;
  color: #333;
}
.btn_color_4.btn_text {
  background-color: transparent;
}
.btn_color_4.btn_outline {
  box-shadow: inset 0 0 0 1px #999;
}
.btn_color_4:hover {
  background-color: #eee;
}
/* 按钮初始色，黄 */
.btn_color_5 {
  background-color: #ff7e00;
  color: #fff;
}
.btn_color_5.btn_text {
  background-color: transparent;
  color: #ff7e00;
}
.btn_color_5.btn_outline {
  box-shadow: inset 0 0 0 1px #ff7e00;
}
.btn_color_5:hover {
  background-color: #F77200;
  color: #fff;
}
/* 按钮初始色，蓝 */
.btn_color_6 {
  background-color: #0ca7ff;
  color: #fff;
}
.btn_color_6.btn_text {
  background-color: transparent;
  color: #0ca7ff;
}
.btn_color_6.btn_outline {
  box-shadow: inset 0 0 0 1px #0ca7ff;
}
.btn_color_6:hover {
  background-color: #0ca7ff;
  color: #fff;
}


.btn_color_7 {
  background-color: #5bc0de;
  color: #fff;
}
.btn_color_8 {
  background-color: #f0ad4e;
  color: #fff;
}
.btn_color_9 {
  background-color: #5cb85c;
  color: #fff;
}
.btn_color_10 {
  background-color: #204d74;
  color: #fff;
}

.btn_shadow {
  box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.btn.disabled,
.btn.disabled:hover {
  background-color: #e5e5e5;
  color: #aaa;
  box-shadow: none;
  cursor: default;
}

.btn_round {
  border-radius: 100px;
}
.btn .material-icons {
  position: relative;
  /*top: -2px;
  left: -2px;*/
  /*line-height: 10px;
  padding-bottom: 12px;*/
  vertical-align: middle;
}
.btn.btn_hasicon .material-icons {
  vertical-align: top;
  line-height: inherit;
}
.btn.btn_hasicon span {
  /*vertical-align: middle;*/
  padding: 0 5px;
  line-height: inherit;
}

/******** 小徽章 标签 ********/
.badge {
  display: inline-block;
  font-style: normal;
  background-color: #0081e6;/* 蓝 */
  color: #fff;
  border-radius: 3px;
  padding: 0 4px;
  font-size: 12px;
  line-height: 24px;
  height: 24px;
}
.badge_color_1 {
  background-color: #ef3a3a;/* 红 */
}
.badge_color_2 {
  background-color: #00c800;/* 绿 */
}
.badge_color_3 {
  background-color: #ff7e00;/* 黄 */
}
.badge_color_4 {
  background-color: #e5e5e5;/* 灰 */
  color: #aaa;
}


/******** 子页面 ********/
.subpage {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e9e9e9;
  z-index: 100;
  overflow-y: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: none;
  transform: none;/* translate(0, 0) */
}
.subpage.hide {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
}

/******** 卡片 ********/
.card {
  display: block;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  border-radius: 10px;
  position: relative;
  /*overflow: hidden;*/
}

.card_title {
  color: #858585;
}

.card_more {
  /*position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;*/
  display: block;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
  color: #6d6d6d;
  font-size: 12px;
  background-color: #f4f4f4;
}

/******** 通用黑色遮罩 ********/
.mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  z-index: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
}
#shadow {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .8;
  z-index: 5;
  display: none;
}
.shadow_show {
  overflow: hidden;
  position: fixed;
  /*position: absolute;*/
  width: 100%;
  height: 100%;
}

/** 通用空结果 **/
.nothing {
  font-size: 20px;
  text-align: center;
  color: #aaa;
  padding: 60px 0;
}
.nothing a {
  color: #0081e7;
}
.nothing small {
  font-size: 14px;
}
.nothing .btn {
  font-size: 12px;
  padding: 5px 10px;
  margin: 10px 0 0;
}
.nothing .material-icons.big {
  font-size: 60px;
}
.nothing_load .material-icons.big {
  -webkit-animation: nothing_load_ani 2s infinite;
  animation: nothing_load_ani 2s infinite;
}
@-webkit-keyframes nothing_load_ani {
  0% {
    -webkit-transform: rotate(0);
  }
  20% {
    -webkit-transform: rotate(180deg);
  }
  50% {
    -webkit-transform: rotate(180deg);
  }
  70% {
    -webkit-transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes nothing_load_ani {
  0% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(180deg);
  }
  50% {
    transform: rotate(180deg);
  }
  70% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/******** 通用头像 ********/
.avatar,
.image {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  background-image: url(../img/u_avatar.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.image {
  border-radius: 0;
}
.iconimg {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

/******** 通用弹出 ********/
/** 通用弹出
UPDATE: 2017/06/06
 **/
#poptips {
	display: none;
	z-index:10001;
}
.poptips_show {
	overflow: hidden;
  /*position: fixed;*/
  position: absolute;
  width: 100%;
  height: 100%;
}
.poptips_show #poptips {
	display: block;
	/*cursor: pointer;*/
}
@keyframes poptips_ani {
  0% {
    transform: translate(-50%, -150%)/* perspective( 100px ) rotateX(-10deg)*/;
  }
  85% {
    transform: translate(-50%, 5%)/* perspective( 100px ) rotateX(.5deg)*/;
  }
  100% {
    transform: translate(-50%, 0)/* perspective( 100px ) rotateX(0deg)*/;
  }
}
#poptips:before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 899;
}
#poptips .poptips_box {
	display: inline-block;
	position: fixed;
	top: 30%;
	left: 50%;
  min-width: 300px;
  max-width: 600px;
	margin: 0 auto;
/*	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);*/
	background-color: #fff;
	padding: 20px;
  border-radius: 3px;
  box-shadow: 0 3px 7px rgba(0,0,0,.6);
	z-index: 900;
  -webkit-animation: poptips_ani .7s 1 both;
  animation: poptips_ani .7s 1 both;
}
#poptips .title {
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
  font-size: 15px;
}
#poptips .con {
	color: #757575;
	font-size: 14px;
  overflow: auto;
}
#poptips .con.center {
	text-align: center;
}
#poptips .con strong {
	color: #ef3a3a;
}
#poptips .con hr {
  margin: 10px 0;
}
#poptips .btn_group {
	padding-top: 20px;
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
	-webkit-flex-flow: row;
	flex-flow: row;
}
#poptips .btn_group .btn {
	display: inline-block;
	font-size: 12px;
	line-height: 40px;
	background-color: #0081e6;
	color: #fff;
  width: 100%;
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
	cursor: pointer;
	font-weight: bold;
}
#poptips .btn_group .cancel {
	background-color: #e5e5e5;
	color: #424242;
	margin-right: 10px;
}

.ie8 #poptips .poptips_box {
  left: 40px;
  right: 40px;
  border: 1px solid #c8c8c8;
}
@media (min-width: 320px) {
  #poptips .poptips_box {
    max-width: 310px;
  }
}
@media (min-width: 350px) {
  #poptips .poptips_box {
    max-width: 340px;
  }
}

@media (min-width: 480px) {
  #poptips .poptips_box {
    max-width: 400px;
  }
}

#poptips .nothing {
  font-weight: bold;
}



/** 快速闪现提示
UPDATE: 2018/09/06
上次版本: 2017/11/30
 **/
#winktips {
  position: fixed;
  bottom: 70px;
  left: 0;
  width: 100%;
  text-align: center;
  z-index: 10002;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
#winktips .item {
  display: block;
  margin-bottom: 5px;
  display: none;
}
#winktips .item.pointer {
  pointer-events: initial;
}
#winktips .item span {
  display: inline-block;
  background-color: #000;
  background-color: rgba(0,0,0,.8);
  color: #fff;
  padding: 10px;
  border-radius: 3px;
}
#winktips .item a {
  cursor: pointer;
}


/** 覆盖一下样式 **/
#poptips .poptips_box {
  border-radius: 20px;
}
#poptips .btn_group .btn {
  border-radius: 100px;
}


/******** 载入指示器 ********/

#loader {
  background-color: #fff;
  opacity: 1;
  position: fixed;
  bottom: 90px;
  left: 50%;
  margin-left: -25px;
  z-index: 100;
  padding: 10px;
  border-radius: 100px;
  -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: loader_show .3s 1 both;
  animation: loader_show .3s 1 both;
}
#loader.hide {
  display: none;
  /*-webkit-animation: loader_hide .5s 1 both;
  animation: loader_hide .5s 1 both;*/
}

@-webkit-keyframes loader_show {
  0% { -webkit-transform: translate(0, 190px); opacity: 0; }
  1% { -webkit-transform: translate(0, 190px); opacity: 1; }
  100% { -webkit-transform: translate(0, 0); opacity: 1; }
}
@keyframes loader_show {
  0% { transform: translate(0, 190px); opacity: 0; }
  1% { transform: translate(0, 190px); opacity: 1; }
  100% { transform: translate(0, 0); opacity: 1; }
}
@-webkit-keyframes loader_hide {
  0% { -webkit-transform: translate(0, 0); opacity: 1; }
  30% { -webkit-transform: translate(0, 0); opacity: 1; }
  100% { -webkit-transform: translate(0, 190px); opacity: 0; }
}
@keyframes loader_hide {
  0% { transform: translate(0, 0); opacity: 1; }
  30% { transform: translate(0, 0); opacity: 1; }
  100% { transform: translate(0, 190px); opacity: 0; }
}


#loader:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  border: 5px solid #1e88e5;
  border-top-color: transparent;
  border-radius: 100px;
  -webkit-animation: loader_ani 1s infinite;
  animation: loader_ani 1s infinite;
  /*display: none;*/
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}
#loader.hide:before {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-animation: unset;
  animation: unset;
  opacity: .2;
  -webkit-transform: rotate(390deg);
  transform: rotate(390deg);
}

@-webkit-keyframes loader_ani {
  0% { -webkit-transform: rotate(30deg); opacity: 1; }
  50% { opacity:0.5 }
  100% { -webkit-transform: rotate(390deg); opacity: 1; }
}
@keyframes loader_ani {
  0% { transform: rotate(30deg); opacity: 1; }
  50% { opacity: 0.5; }
  100% { transform: rotate(390deg); opacity: 1; }
}

/******** 全屏载入中 ********/
.splash_loading {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #e9e9e9;
  z-index: 1000;
  overflow-y: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: none;
  transform: none;
  overflow: hidden;
}

.splash_loading {
  background-color: #2bb2ff;
  text-align: center;
}
.splash_loading .splash_loading_box {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}
.splash_loading .splash_loading_taskicon_wrap {
  position: relative;
  height: 100px;
  perspective: 100px;
}
.splash_loading .splash_loading_taskicon {
  display: inline-block;
  width: 100px;
  height: 100px;
  /*background-color: #ccc;
  border-radius: 100px;
  border: 4px solid #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;*/
  position: absolute;
  margin-left: -50px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-origin: 50% 50% -200px;
  transform-origin: 50% 50% -200px;
  -webkit-animation: splash_loading_taskicon_ani 6s infinite both;
  animation: splash_loading_taskicon_ani 6s infinite both;
}
.splash_loading .splash_loading_taskicon:nth-of-type(2) {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}
.splash_loading .splash_loading_taskicon:nth-of-type(3) {
  -webkit-animation-delay: 3s;
  animation-delay: 3s;
}
.splash_loading .splash_loading_taskicon:nth-of-type(4) {
  -webkit-animation-delay: 4.5s;
  animation-delay: 4.5s;
}
@-webkit-keyframes splash_loading_taskicon_ani {
  0% {-webkit-transform: rotateY(180deg) scale(.9);}
  16.66% {-webkit-transform: rotateY(360deg) scale(.9);}
  18% {-webkit-transform: rotateY(360deg) scale(1.1);}
  19.5% {-webkit-transform: rotateY(360deg) scale(1);}
  33.33% {-webkit-transform: rotateY(360deg) scale(1);}
  49.99% {-webkit-transform: rotateY(540deg) scale(.9);}
  100% {-webkit-transform: rotateY(540deg) scale(.9);}
}
@keyframes splash_loading_taskicon_ani {
  0% {transform: rotateY(180deg) scale(.9);}
  16.66% {transform: rotateY(360deg) scale(.9);}
  18% {transform: rotateY(360deg) scale(1.1);}
  19.5% {transform: rotateY(360deg) scale(1);}
  33.33% {transform: rotateY(360deg) scale(1);}
  49.99% {transform: rotateY(540deg) scale(.9);}
  100% {transform: rotateY(540deg) scale(.9);}
}
.splash_loading .text {
  color: #fff;
  font-size: 14px;
  padding: 10px 0 30px;
  -webkit-animation: splash_loading_text_ani 3s infinite both;
  animation: splash_loading_text_ani 3s infinite both;
}
@-webkit-keyframes splash_loading_text_ani {
  0% {opacity: 1;}
  50% {opacity: .5;}
  100% {opacity: 1;}
}
@keyframes splash_loading_text_ani {
  0% {opacity: 1;}
  50% {opacity: .5;}
  100% {opacity: 1;}
}

/** 表单 通用 **/

.card_form {
  padding: 15px;
  margin-bottom: 5px;
}
@media (min-width: 480px) {
  .card_form {
    padding: 15px 30px;
  }
}
/*.card_form .form_item:last-of-type,
.card_form .form_item:last-child {
  border-bottom: none;
}*/

/*select.form_input*/
.form_check input[type="checkbox"],
.form_check input[type="radio"]
.form_input[type="text"],
textarea.form_input,
.appearance_none {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  outline: none;
  margin: 0;
}



.form_item {
  display: block;
  position: relative;
  font-size: 0;
  padding: 0;
  font-size: 14px;
  border-bottom: 1px solid #e8e8e8;
  /*display: -webkit-box;
  display: -webkit-flex;
  display: flex;*/
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_item.focus {
  border-color: #555;
}
.form_item.noborder {
  border-bottom: none;
}
.form_label {
  /*float: left;*/
  color: #8c8c8c;
  display: block;
  /*width: 20%;*/
  line-height: 40px;
  /*position: absolute;
  top: 0;
  left: 0;*/
  font-size: 14px;
  /*z-index: 1;*/
  /*min-width: 80px;*/
  width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-right: 5px;
  position: absolute;
  top: 0;
  left: 0;
}
.form_item_con {
  position: relative;
  padding-left: 80px;
  width: 100%;
  min-height: 40px;
  /*-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;*/
}
.form_static {
  /*border: 1px solid transparent;*/
  line-height: 1;
  min-height: 40px;
  padding: 13px 0;
  font-size: 14px;
}
.form_input {
  /*background-color: #f4f4f4;*/
  border: 0;
  /*line-height: 40px;*/
  height: 40px;
  padding: 0 15px;
  font-size: 14px;
  font-family: inherit;
  max-width: 100%;
  display: inline-block;
  outline: none;
  /*border: 1px solid #ddd;*/
}
.form_input.hasborder {
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_input.hasborder.focus {
  border-color: #555;
}
.form_check {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  font-size: 16px;
  font-family: inherit;
  cursor: pointer;
}
.form_check input[type="checkbox"],
.form_check input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  outline: 0;
  background-color: transparent;
  border: 0;
  cursor: pointer;
  margin: 0 10px 0 0;
  vertical-align: middle;
}
.form_check input[type="checkbox"]:before,
.form_check input[type="checkbox"]:after,
.form_check input[type="radio"]:before,
.form_check input[type="radio"]:after {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
  position: relative;
  top: 6px;
  left: 0;
  line-height: 10px;
  padding-bottom: 12px;
  color: #ddd;
}
.form_check input[type="radio"]:before {
  content: "\e836";
}
.form_check input[type="radio"]:checked:before {
  content: "\e837";
  color: #0ca7ff;/*#0081e6*/
  /*-webkit-animation: check_radio 0.2s ease-out 0s 1 normal both;
  animation: check_radio 0.2s ease-out 0s 1 normal both;*/
}

.form_check input[type="checkbox"]:before {
  content: "\e836";
}
.form_check input[type="checkbox"]:checked:before {
  content: "\e86c";
  color: #0ca7ff;/*#0081e6*/
  -webkit-animation: check_radio 0.2s ease-out 0s 1 normal both;
  animation: check_radio 0.2s ease-out 0s 1 normal both;
}
.form_check input[type="radio"] + span,
.form_check input[type="checkbox"] + span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_check input[type="radio"]:checked + span,
.form_check input[type="checkbox"]:checked + span {
  color: #0ca7ff;
}
.form_check > .material-icons {
  vertical-align: middle;
  color: #999;
  opacity: .7;
}
.form_check span {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.form_check [type=radio]:checked ~ span,
.form_check [type=radio]:checked ~ .material-icons,
.form_check [type=checkbox]:checked ~ span,
.form_check [type=checkbox]:checked ~ .material-icons {
  color: #0ca7ff;
}
@-webkit-keyframes check_radio {
  0%{-webkit-transform:scale(0); opacity:0}
  100%{-webkit-transform:scale(1); opacity:1}
}
@keyframes check_radio {
  0%{transform:scale(0); opacity:0}
  100%{transform:scale(1); opacity:1}
}
/*
.form_imgupload {
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 2px solid #fff;
}*/
.form_item .cover {
  background-color: #f4f4f4;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*
.form_item .cover,
.form_item .avatar {
  display: block;
  width: 40px;
  height: 40px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 0 0 auto;
}
*/
.form_imgupload_box {
  font-size: 0;
}



.form_item_plane .form_item_con {
  /*text-align: right;*/
}
.form_item_plane .form_item_con .form_input {
  width: 100%;
  /*background-color: transparent;*/
  /*text-align: right;*/
  padding: 0;
}
.form_item_plane .form_item_con .form_input:focus {
  outline: none;
}
.form_item_plane .form_item_con textarea.form_input {
  line-height: 1.2;
  padding-top: 10px;
  min-height: 80px;
  text-align: left;
}

.form_item_tips {
  padding: 5px 0;
}
.form_item_tips .form_item_con {
  min-height: initial;
}
.form_item_tips .form_static {
  text-align: left;
  background-color: #FEFFD9;
  border: 1px dotted #c8c8c8;
  padding: 5px 10px;
  line-height: 1.2;
  font-size: 14px;
  min-height: initial;
}
.form_item_tips .form_static small {
  color: #ef3a3a;
}
.form_item_tips.form_item_plane .form_label {
  display: none;
}
.form_item_tips.form_item_plane .form_item_con {
  padding-left: 0;
}
.form_item_tips .form_static hr {
  margin: 5px 0;
  border: 0;
  border-bottom: 1px dotted #c8c8c8;
}
.form_item_con select.form_input {
  background-color: transparent;
}
.form_item_plane select.form_input {
  /*direction: rtl;*/
  background-color: transparent;
}
.form_item_plane select.form_input option {
  /*direction: ltr;*/
}

.form_textarea {
  display: block;
}
.form_textarea .form_label {
  position: relative;
  width: 100%;
}
.form_textarea .form_item_con {
  padding-left: 0;
  clear: both;
}
.form_textarea .form_item_con textarea.form_input {
  padding-top: 0;
}

.form_help {
  text-align: left;
  /*background-color: #FEFFD9;
  border: 1px dotted #c8c8c8;*/
  padding: 5px 0;
  margin-bottom: 5px;
  line-height: 1.2;
  font-size: 12px;
  color: #858585;
}
.form_item_plane .form_help {
  text-align: right;
}
.haserror .form_help {
  padding: 5px;
  border-color: #FFC6C6;
  color: #ef3a3a;
  background-color: #FEFFD9;
}

.form_unit {
  position: absolute;
  top: 0;
  right: 0;
  color: #8c8c8c;
  line-height: 40px;
  height: 40px;
}
.form_item_con .form_input.has_unit {
  padding-right: 40px;
}

.form_icon {
  position: absolute;
  top: 0;
  left: 0;
  color: #8c8c8c;
  line-height: 40px;
  height: 40px;
  width: 40px;
  text-align: center;
}
.form_item_con .form_input.has_icon {
  padding-left: 40px;
}


.form_item.form_item_btn {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-size: 0;
  color: #6d6d6d;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  /*padding-top: 10px;*/
  border: none;
}
.form_item.form_item_btn .form_btn_part {
  position: relative;
  padding: 0 2.5px;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: -10px;
}
.form_item.form_item_btn .form_btn_part.half {
  -webkit-box-flex: .5;
  -webkit-flex: .5;
  flex: .5;
}
.form_item.form_item_btn .form_btn_part .form_btn {
  display: block;
  width: 100%;
  line-height: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.form_item.form_item_btn .form_btn_part:first-of-type {
  padding-left: 0;
}
.form_item.form_item_btn .form_btn_part:last-of-type {
  padding-right: 0;
}
.form_item.form_item_btn .form_btn_part .form_btn i,
.form_item.form_item_btn .form_btn_part .form_btn span {
  vertical-align: top;
  line-height: inherit;
}
/** 时间段 **/
.dateregion_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.dateregion_wrap .form_input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  background-color: transparent;
  border-color: #e8e8e8;
  cursor: pointer;
  color: #333;
  text-align: center;
  padding: 0;
  width: 100%;
}
.dateregion_wrap span {
  display: block;
  padding: 0 10px;
}

.main_top_box .dateregion_wrap {
  width: 100%;
}
.main_top_box .dateregion_wrap .form_input {
  display: block;
}


/** 切换Switch **/
.form_switchbox {
  margin: 0;
  display: block;
  padding: 3px 0;
}
.form_switchbox .switchbox {
  background-color: #7d7d7d;/*#d9534f*/
  border-radius: 3px;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  padding: 0 8px 0 18px;
  font-weight: normal;
  font-size: 12px;
  position: relative;
  cursor: pointer;
  color: #fff;
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_switchbox .switchbox span {
  line-height: inherit;
  vertical-align: top;
}
.form_switchbox [type=checkbox]:checked + .switchbox .sorry,
.form_switchbox .switchbox .ok {
  display: none;
}
.form_switchbox [type=checkbox]:checked + .switchbox .ok {
  display: block;
}
.form_switchbox .switchbox:before {
  content: "";
  display: block;
  position: absolute;
  width: 10px;
  left: 2px;
  top: 2px;
  bottom: 2px;
  background-color: #fff;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.form_switchbox [type=checkbox]:checked + .switchbox {
  background-color: #0081e6;/*#5cb85c*/
  color: #fff;
  padding: 0 18px 0 8px;
}
.form_switchbox [type=checkbox]:checked + .switchbox:before {
  left: auto;
  right: 2px;
  background-color: #fff;
}


/** 通用地址选择 **/
.select_zone .dropdown {
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  cursor: pointer;
}
.select_zone .dropdown_menu {
  position: absolute;
  background-color: #fff;
  border: 1px solid #c8c8c8;
  z-index: 1;
  padding: 10px;
  width: 100%;
  top: auto;
}
.select_zone .dropdown_menu .form_select {
  margin-bottom: 10px;
  width: 100%;
}
.select_zone .dropdown_menu .form_select:last-of-type {
  margin-bottom: 0;
}
.select_zone .input_address {
  margin-top: 10px;
}

.form_item_plane .form_item_con.select_zone {
  font-size: 0;
}
.form_item_plane .form_item_con.select_zone .dropdown:after {
  content: "";
}
.form_item_plane .form_item_con.select_zone .dropdown_menu {
  margin-left: -80px;
  border: 0;
  background-color: transparent;
  position: relative;
  width: auto;
  padding: 0;
  margin-top: -10px;
}
.form_item_plane .form_item_con.select_zone .dropdown_menu .form_select {
  border-bottom: 1px solid #e8e8e8;
/*  line-height: 40px;
  height: 40px;*/
  margin-bottom: 0;
}
.form_item_plane .form_item_con.select_zone .dropdown_menu .form_select:first-of-type {
  margin-top: 10px;
}
.form_item_plane .form_item_con.select_zone .dropdown_menu .form_select:last-of-type {
  border-bottom: 0;
}
.form_item_plane .form_item_con.select_zone .dropdown_menu .form_select:after {
  right: 0;
}
.form_item_plane .form_item_con.select_zone .dropdown_menu .form_select select {
  direction: ltr;
}

/** 范围 滑杆 数字拉杆 **/
.form_range {
  position: relative;
  width: 100%;
  height: 40px;
  border-radius: 100px;
  overflow: hidden;
}
.form_range .form_range_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;/*#e8e8e8*/
  border-radius: 100px;
}
.form_range .form_range_bar {
  position: absolute;
  top: 0;
  left: 0;
  /*right: 0;*/
  bottom: 0;
  background-color: #0ca7ff;
  width: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 100px;
}
.form_range.warning .form_range_bar {
  background-color: #ffa82b;
}
.form_range.danger .form_range_bar {
  background-color: #ff442b;
}
.form_range input[type=range] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  opacity: 0;
  cursor: col-resize;
}

/** 目录树 **/
.ul_tree {
  padding-left: 0;
  list-style-type: none;
  margin-top: 4px;
}
.ul_tree label {
  margin: 0;
  width: 100%;
}
.ul_tree ul {
  /*border: 1px solid #DEDEDE;*/
  padding: 5px;
  padding-left: 20px;
  margin: 5px 0;
  list-style-type: none;
  position: relative;
}
.ul_tree ul:before {
  content: "";
  position: absolute;
  top: 0;
  left: 11px;
  width: 0;
  bottom: 17px;
  border-left: 1px dotted #bbb;
}
/*
.ul_tree ul:after {
  content: "";
  position: absolute;
  top: 0;
  left: 7px;
  width: 11px;
  height: 0;
  border-top: 1px dotted #bbb;
}
*/
.ul_tree li {
  position: relative;
}
.ul_tree li:before {
  content: "";
  position: absolute;
  top: 13px;
  left: -8px;
  width: 5px;
  height: 0;
  border-top: 1px dotted #bbb;
}
.ul_tree > li:before {
  display: none;
}
.ul_pool {
  background-color: #f4f4f4;
  background-color: rgba(0,0,0,.03);
}
.ul_pool li {
  display: inline-block;
  padding-right: 20px;
}
.ul_pool li:before {
  display: none;
}

.ul_tree .placeholder_fold i,
.ul_tree .btn_fold i {
  vertical-align: middle;
  color: #ccc;
  font-size: 16px;
  width: 24px;
  text-align: center;
}
.ul_tree .flod .btn_fold i.off,
.ul_tree .btn_fold i.on {
  display: none;
}
.ul_tree .flod .btn_fold i.on {
  display: inline-block;
  color: #999;
}
.ul_tree .placeholder_fold {
  /*cursor: default;*/
}
.ul_tree .placeholder_fold i {
  opacity: 0;
}
.ul_tree .flod ul {
  display: none;
}

.ul_tree.has_foldbtn .ul_pool {
  padding-left: 40px;
}
.ul_tree .form_check {
  line-height: 30px;
  height: 30px;
}









/******** 滑出面板 ********/
.subplate_wrap {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 12;
}
.subplate_wrap .mask {
  cursor: pointer;
}
.subplate {
  position: fixed;
  top: 80px;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.4);
  z-index: 6;
  overflow: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  border-radius: 20px 20px 0 0;
  -webkit-overflow-scrolling: touch;
}
.subplate_box {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
}
.subplate_wrap.hide {
  visibility: hidden;
}
.subplate_wrap.hide .subplate {
  -webkit-transform: translate(0, 100%);
}
.subplate_wrap.hide .mask {
  opacity: 0;
}
/*
.subplate_wrap .btn_cancel {
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 100px;
  width: 40px;
  line-height: 40px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  z-index: 10;
}
*/
.subplate_wrap .subplate_title {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  font-size: 14px;
  color: #858585;
  margin-bottom: 10px;
}

.subplate_wrap .bottombar {
  z-index: 7;
  box-shadow: none;
}


/******** 通用下拉菜单 ********/
.dropdown {
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  user-select: none;
}
.dropdown_menu {
  position: relative;
  z-index: 1;
  top: 0;
  display: none;
}
.dropdown_menu dl {
  padding: 0;
  margin: 0;
  position: absolute;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 3px 7px rgba(0,0,0,.1);
  border: 1px solid #c8c8c8;
}
.dropdown_menu dd {
  padding: 10px 15px;
  margin: 0;
  cursor: pointer;
}
.dropdown_menu dd:hover {
  background-color: #f4f4f4;
}
.dropdown_menu dd.active {
  font-weight: bold;
  background-color: #8FCEFF;
}
.dropdown:after {
  content: "\e5c5";
  font-family: 'Material Icons';
  font-size: 24px;
  line-height: 1;
  height: 100%;
  vertical-align: middle;
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}

/** 通用页签导航 **/
.tab_nav {
  font-size: 0;
  /*background-color: #e5e5e5;
  box-shadow: inset 0 -1px 3px rgba(0,0,0,.2);*/
  white-space: nowrap;
  overflow: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
}
.tab_nav a {
  position: relative;
  font-size: 12px;
  line-height: 35px;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  cursor: pointer;
  border-top: 3px solid transparent;
  border-bottom: 3px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  z-index: 1;
}
.tab_nav a:hover {
  color: #0081e6;
}
.tab_nav a.active {
  color: #0081e6;
  background-color: #fff;
  border-bottom: 3px solid #0081e6;
  font-weight: bold;
}
.tab_nav a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  border-right: 1px solid #f4f4f4;
}
.tab_nav a:first-of-type:after {
  border-right: 0;
}
.tab_nav a span,
.tab_nav a .material-icons {
  vertical-align: middle;
}

.tab_plate {
  display: none;
}

.tab_plate.active {
  display: block;
}
.tab_nav.noflex {
  display: block;
}
.tab_nav.noflex a {
  padding: 0 15px;
}


.tab_nav.has_iconimg .item.hasnew .iconimg {
  position: relative;
}
.tab_nav.has_iconimg .item.hasnew .iconimg:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ef3a3a;
  border-radius: 100px;
  font-size: 0;
  margin-left: 10px;
  vertical-align: middle;
  position: absolute;
  top: -5px;
  right: -5px;
}

.subtab_nav {
  background-color: #f4f4f4;
  box-shadow: inset 0 2px 2px rgba(0,0,0,.1);
}
.subtab_nav .item {
  margin: 5px;
  border: none;
  border-radius: 4px;
}
.subtab_nav .item.active {
  color: #fff;
  background-color: #0081e6;
  border: none;
}
.subtab_nav a:after {
  display: none;
}
.tab_nav.has_iconimg .item {
  line-height: 25px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.tab_nav.has_iconimg .item .iconimg {
  vertical-align: middle;
  width: 25px;
  height: 25px;
  margin-right: 2px;
}

/******** 通用富文本内容 ********/
.richtext {
  font-size: 16px;
  line-height: 1.5;
  font-size: 13px;
  line-height: 1.5;
  overflow-y: hidden;
  overflow-x: auto;
}
.richtext img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}
.richtext p {
  font-size: 16px;
  max-width: 100%;
  /*text-indent: 2em;*/
}
.richtext .table {
  overflow-y: hidden;
  overflow-x: auto;
}
.richtext table {
  width: 100%;
  border: 1px solid #ddd;
  border-collapse: collapse;  
  border-spacing: 0;
  text-align: left;
  margin-bottom: 60px;
  overflow: auto;
}
.richtext table caption {
  text-align: left;
  padding: 10px 0;
  font-weight: bold;
}
.richtext table caption small {
  font-size: 12px;
}
.richtext th,
.richtext td {
  border: 1px solid #ddd;
  font-size: 14px;
  padding: 5px 10px;
  background-color: #fff;
}
.richtext th {
  font-size: 14px;
  padding: 10px;
  background-color: #F3F3F3;
}
.richtext .face {
  display: inline-block;
}

/** 动画 心跳 **/
@-webkit-keyframes popheart {
  0 {
    -webkit-transform: scale( 1 );
  }
  100% {
    -webkit-transform: scale( 3 );
    opacity: 0;
  }
}
@keyframes popheart {
  0 {
    transform: scale( 1 );
  }
  100% {
    transform: scale( 3 );
    opacity: 0;
  }
}
/** 动画 摇动 **/
@-webkit-keyframes shake {
  from{-webkit-transform:rotate(0deg)}
  25%{-webkit-transform:rotate(3deg)}
  50%{-webkit-transform:rotate(0deg)}
  75%{-webkit-transform:rotate(-3deg)}
  to{-webkit-transform:rotate(0deg)}
}
@keyframes shake {
  from{transform:rotate(0deg)}
  25%{transform:rotate(3deg)}
  50%{transform:rotate(0deg)}
  75%{transform:rotate(-3deg)}
  to{transform:rotate(0deg)}
}

/** 搜索框 通用母版 **/
.search_box {
  position: relative;
  padding: 5px 0;
}
.search_box .input_search {
  line-height: 40px;
  height: 40px;
  border: 0;
  width: 100%;
  padding: 0 0 0 35px;
  outline: none;
  font-size: 14px;
  border-radius: 3px;
  -webkit-appearance: none;
  appearance: none;
}
.search_box .material-icons {
  position: absolute;
  top: 5px;
  left: 5px;
  line-height: 40px;
  height: 40px;
}
.search_box .btn_search {
  position: absolute;
  top: 5px;
  right: 0;
  line-height: 40px;
  height: 40px;
  padding: 0 10px;
}
.search_box .icon {
  color: #333;
}



/** 顶栏 **/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff;/*#0081e7*/
  /*box-shadow: 0 1px 3px rgba(0,0,0,.4);*/
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#header_current {
  display: none;
}
.user_info_nav_fixed #header,
.club_tab_nav_fixed #header,
.event_tab_nav_fixed #header {
  box-shadow: none;
}
.header_box {
  width: 100%;
  height: 50px;
  /*color: #fff;*/
}

.header_title {
  font-size: 16px;
  text-align: center;
  line-height: 50px;
  width: calc( 100% - 100px );
  margin: 0 auto;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header_leftarea {
  position: absolute;
  top: 0;
  left: 5px;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.header_rightarea {
  position: absolute;
  top: 0;
  right: 5px;
  height: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.header_leftarea .back span {
  vertical-align: top;
}
.header_leftarea .btn,
.header_rightarea .btn {
  display: inline-block;
  vertical-align: top;
  line-height: 50px;
  font-size: 14px;
  height: 100%;
  color: inherit;
  text-align: center;
  min-width: 40px;
}
.header_leftarea .btn .iconfont,
.header_rightarea .btn .iconfont {
  font-size: 28px;
  min-width: 26px;
}
.header_leftarea .btn .material-icons,
.header_rightarea .btn .material-icons {
  top: -1px;
  font-size: 28px;
}

.header .header_search {
  position: absolute;
  top: 0;
  left: 50px;
  right: 50px;
  /*width: 100%;*/
  padding: 0 10px;
  z-index: 1;
}
.no_leftarea .header_search {
  left: 0;
}
.no_rightarea .header_search {
  right: 0;
}
.header .header_search .btn_search {
  display: none;
}
.header .header_search .input_search {
  background-color: #015fa9;
}
.header .search_box .icon {
  color: #0081e7;
}
.header .header_search .input_search,
.header .header_search .input_search::-webkit-input-placeholder {
  color: #60b0f7;
}
.header.has_header_search {
  background-color: #015fa9;
}
.header.has_header_search .header_search .input_search {
  background-color: #fff;
  padding-right: 60px;
  color: #333;
}
.header.has_header_search .search_box .icon {
  color: #333;
}
.header.has_header_search .header_search .input_search::-webkit-input-placeholder {
  color: #999;
}
.header.has_header_search .header_search .btn_search {
  display: block;
}

.header.header_transparent {
  background-color: transparent;
  box-shadow: none;
}
.header.header_transparent .header_box,
.header.header_transparent .header_leftarea .btn,
.header.header_transparent .header_rightarea .btn {
  color: #666;
}

/** 页脚 **/
#footer {
  width: 100%;
  padding-top: 20px;
  padding-bottom: 150px;
  text-align: center;
  opacity: .2
}

#footer_box {
  background-color: #333;
  color: #999;
  padding-bottom: 50px;
  margin-bottom: -50px;
}
#footer_box .list_planemenu .planemenu_item {
  color: #e9e9e9;
  border-bottom: 1px solid #222;
}
#footer_box .info {
  padding: 10px 10px 20px 10px;
}
#footer .copyright {
  text-align: center;
}
#footer .copyright a {
  color: #666;
}


/** 通用底栏 **/
.bottombar {
  position: fixed;
  padding-bottom: 10px;
  bottom: -10px;
  left: 0;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 -1px 3px rgba(0,0,0,.4);
  z-index: 3;
}
.bottombar_box {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  height: 50px;
  text-align: center;
  font-size: 0;
  color: #6d6d6d;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.bottombar .bottombar_btn {
  margin: 0;
  padding: 0;
  border-radius: 0;
  font-size: 14px;
  line-height: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.bottombar .bottombar_part {
  position: relative;
  padding: 0 2.5px;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.bottombar .bottombar_part .btn_inner {
  display: block;
  width: 100%;
  line-height: 40px;
}
.bottombar .bottombar_part.half {
  -webkit-box-flex: .5;
  -webkit-flex: .5;
  flex: .5;
}

.bottombar_part .bottombar_text {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.bottombar_text .bottombar_text_box {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.bottombar .bottombar_part .btn_hascountdown {
  line-height: 22px;
  font-size: 14px;
  height: 40px;
}
.bottombar .bottombar_part .btn_hascountdown .countdown {
  line-height: 15px;
  font-size: 12px;
  opacity: .8;
}

/** 通用底栏 **/
.bottombar_part .btn_hasicon {
  display: block;
  cursor: pointer;
  position: relative;
}
.bottombar_part .btn_hasicon .icon {
  font-size: 25px;
  line-height: 1;
}
.bottombar_part .btn_hasicon span {
  display: block;
  vertical-align: top;
}
.bottombar_part.hasnew:after {
  content: "";
  position: absolute;
  right: 50%;
  top: 0;
  margin-right: -20px;
  display: block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 2px;
  font-size: 0;
}

.bottombar_part.active .btn_hasicon,
.bottombar_part:hover .btn_hasicon {
  color: #0081e7;
}
.bottombar_part .btn_hasicon .active_show,
.bottombar_part.active .btn_hasicon .active_hide {
  /*visibility: hidden;*/
  display: none;
}
.bottombar_part.active .btn_hasicon .active_show,
.bottombar_part .btn_hasicon .active_hide {
  /*visibility: visible;*/
  display: inline-block;
}



/** 筛选标签 通用母版 **/
.tab_filter {
  padding-bottom: 5px;
  font-size: 0;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
}
.tab_filter .tab_filter_item {
  position: relative;
  font-size: 12px;
  line-height: 40px;
  display: inline-block;
  padding: 0 5px;
  text-align: center;
  cursor: pointer;
  /*border-bottom: 3px solid transparent;*/
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1 1 auto;
}
.tab_filter .tab_filter_item:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border-right: 1px solid #f4f4f4;
}
.tab_filter .tab_filter_item:last-of-type:after {
  border-right: 0;
}
.tab_filter .tab_filter_item_box,
.tab_filter .tab_filter_item .dropdown {
  display: block;
  display: table;
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tab_filter .tab_filter_item_box span {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tab_filter .tab_filter_item .dropdown_menu {
  position: absolute;
  top: -10px;
  right: 0;
  background-color: #fff;
  color: #333;
  /*background-color: #333;
  color: #fff;*/
  box-shadow: 0 2px 7px rgba(0,0,0,.7);
  font-size: 14px;
  padding: 0;
  min-width: 100%;
}
.tab_filter .tab_filter_item .dropdown_menu .menu_item {
  display: block;
  padding: 10px;
  cursor: pointer;
}
.tab_filter .tab_filter_item .dropdown_menu .active {
  color: #0081e6;
}
.tab_filter .tab_filter_item .dropdown_menu .active:before {
  content: "\e86c";
  font-family: 'Material Icons';
  font-size: 18px;
  line-height: 1;
  vertical-align: middle;
  display: inline-block;
  margin-left: -25px;
  padding-right: 10px;
  position: relative;
  top: -2px;
}
.tab_filter .tab_filter_item .dropdown_menu .menu_item:hover {
  background-color: #f4f4f4;
}

.tab_filter_item_toggle a {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.tab_filter_item_toggle .on {
  color: #0081e6;
}
.tab_filter_item_toggle.active .off,
.tab_filter_item_toggle .on {
  display: none;
}
.tab_filter_item_toggle.active .on,
.tab_filter_item_toggle .off {
  display: block;
}


.tab_filter .tab_filter_item.tab_filter_icon {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  flex: initial;
  width: 50px;
}
.tab_filter_item .material-icons {
  vertical-align: middle;
}

.tab_filter select.form_input {
  width: 100%;
  background-color: transparent;
  border: 0;
  font-family: inherit;
  line-height: 35px;
  height: 35px;
  font-size: 12px;
  padding: 0 10px;
  outline: none;
}






/** 置顶区 **/

.main_top {
  position: relative;
  margin-top: 50px;
  width: 100%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  margin-bottom: -50px;
}
.main_top_box {
  position: relative;
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  top: 0;
  left: 0;
  z-index: 2;
}
.main_top_fixed .main_top {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}

/** 页面主体 **/
.main {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  margin-top: 55px;
  padding: 0 5px;
}
.main_maxwidth {
  margin: 0 -5px;
}
/** 标题 【主体区】 **/
.main_title {
  font-size: 14px;
  margin: 10px 0;
  /*text-align: center;*/
  display: block;
}
.main_title .iconfont {
  font-size: 25px;
  vertical-align: middle;
}
.main_title .material-icons {
  vertical-align: middle;
}
.main_title span {
  vertical-align: middle;
}

/** 载入更多按钮 【主体区】 **/
.main_more {
  position: relative;
  display: block;
  text-align: center;
  font-size: 12px;
  padding: 15px 20px;
  margin-bottom: 20px;
  background-color: #f9f9f9;
  cursor: pointer;
}
.main_more i,
.main_more span {
  vertical-align: middle;
}

.main_more.nomore {
  background-color: transparent;
}
.main_more.nomore:before,
.main_more.nomore:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 25%;
  border-bottom: 1px solid #c8c8c8;
}
.main_more.nomore:after {
  left: auto;
  right: 0;
}

.main_tips {
  margin: 20px 10px;
  color: #858585;
}
.main_tips strong {
  color: #d71726;
}






/** 通屏菜单 **/

.list_planemenu {
  
}
.list_planemenu .planemenu_item {
  position: relative;
  display: block;
  line-height: 45px;
  height: 45px;
  border-bottom: 1px solid #e8e8e8;
  padding-left: 10px;
  padding-right: 40px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666;
  cursor: pointer;
}
.list_planemenu .planemenu_item:last-child {
  border-bottom: none;
}

.list_planemenu .planemenu_item .material-icons {
  line-height: 45px;
  vertical-align: middle;
}
.list_planemenu .planemenu_item .label {
  padding-left: 10px;
  vertical-align: middle;
}
.list_planemenu .planemenu_item .iconimg {
  width: 25px;
  height: 25px;
  position: relative;
  top: 7px;
}
.list_planemenu .planemenu_item .icon {
  margin-right: 5px;
}
.list_planemenu .planemenu_item .enter {
  position: absolute;
  top: 0;
  right: 5px;
}

.list_planemenu .planemenu_item .text {
  position: absolute;
  display: block;
  top: 10px;
  right: 40px;
  font-style: normal;
  line-height: 25px;
  max-width: calc( 100% - 100px );
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.list_planemenu .planemenu_item em {
  position: absolute;
  top: 14px;
  right: 35px;
  display: block;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  min-width: 16px;
  font-style: normal;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 0 2px;
  -webkit-transform: scale(.8);
  transform: scale(.8);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}

.list_planemenu .planemenu_item.noenter em {
  right: 10px;
}

.list_planemenu .planemenu_item.noenter .text {
  right: 10px;
}
.list_planemenu .planemenu_item.hasnew .text {
  padding-right: 25px;
}



/******** 上传图片 ********/
.part_imgupload {
  padding-top: 70px;
  padding-bottom: 70px;
}
#part_imgupload {
  2display: none;
  z-index: 10;
}
.imgupload_preview_box {
  position: relative;
  min-width: 100px;
  min-height: 100px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.imgupload_preview {
  max-width: 95%;
  background-color: #ddd;
  /*min-width: 100px;
  min-height: 100px;*/
}
.imgupload_preview_label {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -50px;
  margin-top: -50px;
  min-width: 100px;
  min-height: 100px;
}
.bottombar_imgupload {
  z-index: 600;
}
#crop_bottombar {
  display: none;
}
#submit_imgupload {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  flex: 2;
}





/** 头部按钮红点 **/
#header .header_rightarea .btn.hasnew em {
  content: "";
  position: absolute;
  right: 0;
  top: 5px;
  display: block;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 0 2px;
  font-size: 12px;
  font-style: normal;
  line-height: 16px;
  height: 16px;
  min-width: 16px;
  -webkit-transform: scale(.9);
  transform: scale(.9);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  display: none;
}


/** 图片图标 **/
.iconimg_lamp {/*金点子*/
    background-image: url(../img/iconimg/iconimg_lamp.png);
}
.iconimg_feedback {/*意见反馈*/
    background-image: url(../img/iconimg/iconimg_feedback.png);
}
.iconimg_coin {/*金币*/
  background-image: url(../img/iconimg/iconimg_icon.png);
}
.iconimg_apple {/*薪果*/
  background-image: url(../img/iconimg/iconimg_apple.png);
}
.iconimg_apple_gray {/*薪果 灰色*/
  background-image: url(../img/iconimg/iconimg_apple_gray.png);
}

.iconimg_appleshop {/*薪果商城*/
  background-image: url(../img/iconimg/iconimg_appleshop.png);
}
.iconimg_bag {/*公文包*/
  background-image: url(../img/iconimg/iconimg_bag.png);
}
.iconimg_bell {/*提醒 铃铛*/
  background-image: url(../img/iconimg/iconimg_bell.png);
}
.iconimg_bell_gray {/*提醒 铃铛 灰色*/
  background-image: url(../img/iconimg/iconimg_bell_gray.png);
}
.iconimg_book {/*书 书签 攻略*/
  background-image: url(../img/iconimg/iconimg_book.png);
}
.iconimg_study {/*学习阅读 */
  background-image: url(../img/iconimg/iconimg_study.png);
}
.iconimg_calendar {/*日历*/
  background-image: url(../img/iconimg/iconimg_calendar.png);
}
.iconimg_chest {/*宝箱*/
  background-image: url(../img/iconimg/iconimg_chest.png);
}
.iconimg_distribution {/*分配 箭头*/
  background-image: url(../img/iconimg/iconimg_distribution.png);
}
.iconimg_doctorialhat {/*博士帽 学习*/
  background-image: url(../img/iconimg/iconimg_doctorialhat.png);
}
.iconimg_exp {/*经验*/
  background-image: url(../img/iconimg/iconimg_exp.png);
}
.iconimg_handshake {/*握手 工作任务 拜访*/
  background-image: url(../img/iconimg/iconimg_handshake.png);
}
.iconimg_heart {/*心 收藏*/
  background-image: url(../img/iconimg/iconimg_heart.png);
}
.iconimg_home {/*首页 房子*/
  background-image: url(../img/iconimg/iconimg_home.png);
}
.iconimg_home_gray {/*首页 房子 灰色*/
  background-image: url(../img/iconimg/iconimg_home_gray.png);
}
.iconimg_hourglass {/*沙漏*/
  background-image: url(../img/iconimg/iconimg_hourglass.png);
}
.iconimg_hourglass_gray {/*沙漏 灰色*/
  background-image: url(../img/iconimg/iconimg_hourglass_gray.png);
}
.iconimg_iron {/*打铁 工作任务*/
  background-image: url(../img/iconimg/iconimg_iron.png);
}
.iconimg_ladder {/*阶梯*/
  background-image: url(../img/iconimg/iconimg_ladder.png);
}
.iconimg_me {/*我*/
  background-image: url(../img/iconimg/iconimg_me.png);
}
.iconimg_me_gray {/*我 灰色*/
  background-image: url(../img/iconimg/iconimg_me_gray.png);
}
.iconimg_message {/*消息 通知*/
  background-image: url(../img/iconimg/iconimg_message.png);
}
.iconimg_message_gray {/*消息 通知 灰色*/
  background-image: url(../img/iconimg/iconimg_message_gray.png);
}
.iconimg_paper {/*纸 说明*/
  background-image: url(../img/iconimg/iconimg_paper.png);
}
.iconimg_poker {/*扑克 娱乐任务*/
  background-image: url(../img/iconimg/iconimg_poker.png);
}
.iconimg_recruit {/*招募 群组*/
  background-image: url(../img/iconimg/iconimg_recruit.png);
}
.iconimg_recruit_gray {/*招募 群组 灰色*/
  background-image: url(../img/iconimg/iconimg_recruit_gray.png);
}
.iconimg_reward {/*奖励 收入*/
  background-image: url(../img/iconimg/iconimg_reward.png);
}
.iconimg_review {/*审核 归档*/
  background-image: url(../img/iconimg/iconimg_review.png);
}
.iconimg_shang {/*悬赏任务*/
  background-image: url(../img/iconimg/iconimg_shang.png);
}
.iconimg_singleapple {/*单个薪果*/
  background-image: url(../img/iconimg/iconimg_singleapple.png);
}
.iconimg_singlecoin {/*单个金币*/
  background-image: url(../img/iconimg/iconimg_singlecoin.png);
}
.iconimg_star {/*星星 收藏*/
  background-image: url(../img/iconimg/iconimg_star.png);
}
.iconimg_stopwatch {/*秒表 计时 时间条件*/
  background-image: url(../img/iconimg/iconimg_stopwatch.png);
}
.iconimg_target {/*靶心 标靶 工作任务*/
  background-image: url(../img/iconimg/iconimg_target.png);
}
.iconimg_task {/*任务*/
  background-image: url(../img/iconimg/iconimg_task.png);
}
.iconimg_task_gray {/*任务 灰色*/
  background-image: url(../img/iconimg/iconimg_task_gray.png);
}
.iconimg_task_end {/*任务结束*/
  background-image: url(../img/iconimg/iconimg_task_end.png);
}
.iconimg_task_end_gray {/*任务结束 灰色*/
  background-image: url(../img/iconimg/iconimg_task_end_gray.png);
}
.iconimg_task_inprogress {/*任务进行中*/
  background-image: url(../img/iconimg/iconimg_task_inprogress.png);
}
.iconimg_task_inprogress_gray {/*任务进行中 灰色*/
  background-image: url(../img/iconimg/iconimg_task_inprogress_gray.png);
}
.iconimg_wine {/*酒 娱乐任务*/
  background-image: url(../img/iconimg/iconimg_wine.png);
}
.iconimg_counter {/*计数器*/
  background-image: url(../img/iconimg/iconimg_counter.png);
}
.iconimg_group {/*组织结构 通通讯录*/
  background-image: url(../img/iconimg/iconimg_group.png);
}
.iconimg_ladderupper {/*成长阶梯 箭头*/
  background-image: url(../img/iconimg/iconimg_ladderupper.png);
}
.iconimg_lock {/*锁 密码*/
  background-image: url(../img/iconimg/iconimg_lock.png);
}
.iconimg_redpacket {/*红包 普通*/
  background-image: url(../img/iconimg/iconimg_redpacket.png);
}
.iconimg_redpacket_apple {/*红包 薪果*/
  background-image: url(../img/iconimg/iconimg_redpacket_apple.png);
}
.iconimg_redpacket_coin {/*红包 金币*/
  background-image: url(../img/iconimg/iconimg_redpacket_coin.png);
}
.iconimg_board {/*看板*/
  background-image: url(../img/iconimg/iconimg_board.png);
}
.iconimg_article {/*文章*/
  background-image: url(../img/iconimg/iconimg_article.png);
}
.iconimg_video {/*视频 播放*/
  background-image: url(../img/iconimg/iconimg_video.png);
}
.iconimg_audio {/*音频 音乐 录音*/
  background-image: url(../img/iconimg/iconimg_audio.png);
}
.iconimg_folder {/*文件夹*/
  background-image: url(../img/iconimg/iconimg_folder.png);
}
.iconimg_image {/*图片 相册*/
  background-image: url(../img/iconimg/iconimg_image.png);
}
.iconimg_cake {/*生日蛋糕 庆祝*/
  background-image: url(../img/iconimg/iconimg_cake.png);
}

.iconimg_warn {/*惊叹号 警告 警报*/
  background-image: url(../img/iconimg/iconimg_warn.png);
}
.iconimg_going {/*进行中*/
  background-image: url(../img/iconimg/iconimg_going.png);
}
.iconimg_finish {/*完成 结束 对号*/
  background-image: url(../img/iconimg/iconimg_finish.png);
}
.iconimg_wrong {/*错误 失败 叉*/
  background-image: url(../img/iconimg/iconimg_wrong.png);
}
.iconimg_cry {/*哭泣*/
  background-image: url(../img/iconimg/iconimg_cry.png);
}
.iconimg_something {/*空虚 一些事情*/
  background-image: url(../img/iconimg/iconimg_something.png);
}

.iconimg_photo {/*拍摄 照片 相片 照相机 图片*/
  background-image: url(../img/iconimg/iconimg_photo.png);
}
.iconimg_exam {/*考试*/
  background-image: url(../img/iconimg/iconimg_exam.png);
}
.iconimg_notice {/*通知 喇叭*/
  background-image: url(../img/iconimg/iconimg_notice.png);
}

.iconimg_ganen {/*感恩 心*/
  background-image: url(../img/iconimg/iconimg_ganen.png);
}

.iconimg_log {/*日志*/
  background-image: url(../img/iconimg/iconimg_log.png);
}
.iconimg_moreapp {/*更多插件 更多模块 更多功能*/
  background-image: url(../img/iconimg/iconimg_moreapp.png);
}
.iconimg_crm {/*crm*/
  background-image: url(../img/iconimg/iconimg_crm.png);
}
.iconimg_tx {/*crm*/
    background-image: url(../img/iconimg/iconimg_tx.png);
}
.iconimg_exchange {/*兑换机*/
  background-image: url(../img/iconimg/iconimg_exchange.png);
}
/** 文件图标 **/
.fileicon_ai {
  background-image: url(../img/fileicon/ai.png);
}
.fileicon_apk {
  background-image: url(../img/fileicon/apk.png);
}
.fileicon_audio {
  background-image: url(../img/fileicon/audio.png);
}
.fileicon_blank {
  background-image: url(../img/fileicon/blank.png);
}
.fileicon_excel {
  background-image: url(../img/fileicon/excel.png);
}
.fileicon_folder {
  background-image: url(../img/fileicon/folder.png);
}
.fileicon_image {
  background-image: url(../img/fileicon/image.png);
}
.fileicon_pdf {
  background-image: url(../img/fileicon/pdf.png);
}
.fileicon_ppt {
  background-image: url(../img/fileicon/ppt.png);
}
.fileicon_psd {
  background-image: url(../img/fileicon/psd.png);
}
.fileicon_text {
  background-image: url(../img/fileicon/text.png);
}
.fileicon_unkonw {
  background-image: url(../img/fileicon/unkonw.png);
}
.fileicon_video {
  background-image: url(../img/fileicon/video.png);
}
.fileicon_word {
  background-image: url(../img/fileicon/word.png);
}
.fileicon_zip {
  background-image: url(../img/fileicon/zip.png);
}



/************* 覆盖时间选择器 *************/
.mbsc-fr-w {
  font-family: inherit!important;
}
.mbsc-material .mbsc-fr-popup,
.mbsc-mobiscroll .mbsc-fr-w {
  border-radius: 10px!important;
}
.mbsc-material .mbsc-sc-whl-l {
  border-color: #ccc!important;
}
.mbsc-material .mbsc-fr-btn {
  color: #555!important;
}
.mbsc-material .mbsc-fr-w {
  padding-top: 10px!important;
}
.mbsc-material .mbsc-sc-lbl {
  margin-bottom: -10px!important;
  color: #999!important;
}
.mbsc-mobiscroll .mbsc-sc-itm {
  font-size: 1em!important;
}
.mbsc-mobiscroll .mbsc-range-btn {
  border-radius: 4px;
}

.mbsc-mobiscroll .mbsc-range-btn {
  border-color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-range-btn-sel .mbsc-range-btn {
  background-color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-cal-btn-txt {
  color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-cal-days {
  color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-cal-days th {
  border-bottom-color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-fr-btn {
  color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-cal .mbsc-cal-day-sel .mbsc-cal-day-i,
.mbsc-mobiscroll .mbsc-cal .mbsc-cal-sc-sel .mbsc-cal-sc-cell-i {
  background-color: #0081e6!important;
}
.mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-sel .mbsc-cal-day-i {
  background-color: rgba(0, 129, 230, .3)!important;
}
.mbsc-mobiscroll.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i {
  background-color: #0081e6!important;
}

.mbsc-material .mbsc-range-btn-sel .mbsc-range-btn {
  border-color: #0081e6!important;
  color: #0081e6!important;
}
.mbsc-material .mbsc-cal-btn-txt {
  color: #0081e6!important;
}
.mbsc-material.mbsc-range .mbsc-cal-table .mbsc-cal-day-hl .mbsc-cal-day-i .mbsc-cal-day-fg {
  background-color: rgba(0, 129, 230, .8)!important;
}
.mbsc-mobiscroll .mbsc-cal-tabs .mbsc-cal-tab-sel {
  background: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-cal-tab {
  border: 1px solid #0081e6!important;
}
.mbsc-mobiscroll .mbsc-sc-lbl {
  color: #0081e6!important;
}
.mbsc-mobiscroll .mbsc-sc-whl-l {
  border-top: 1px solid #0081e6!important;
  border-bottom: 1px solid #0081e6!important;
}


/** 上传图片内部 **/
.item_descimgs .thumbnailhandle {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/** 右上角弹出菜单 首页 **/
#headermenu_popmenu {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4;
}
#headermenu_popmenu .menu_box {
  position: absolute;
  top: 50px;
  right: 10px;
  background-color: #fff;
  box-shadow: 0 2px 7px rgba(0,0,0,.7);
  font-size: 14px;
  padding: 0;
  min-width: 150px;
  border-radius: 10px;
  overflow: hidden;
  margin-left: 10px;
}
#headermenu_popmenu .menu_box .menu_item {
  display: block;
  padding: 15px 20px;
  cursor: pointer;
  border-bottom: 1px solid #ccc;
}
#headermenu_popmenu .mask {
  cursor: pointer;
}



/** 首页底栏 一级底栏 **/

#index_bottombar {
  background-color: #fff;/*#f4f4f4*/
  box-shadow: 0 -1px 3px rgba(0,0,0,.1);
}
#index_bottombar .bottombar_box {
  height: 55px;
}
#index_bottombar .bottombar_part {
  padding-top: 5px;
}
#index_bottombar .bottombar_part.active .btn_hasicon .active_show {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}
#index_bottombar .bottombar_part.active span {
  font-weight: bold;
  color: #333;
}
#index_bottombar .bottombar_part.active:before {
  content: "";
  display: block;
  position: absolute;
  background-color: #75e0ff;
  left: 10px;
  right: 10px;
  bottom: 0;
  height: 6px;
}

#index_bottombar .iconimg {
  width: 25px;
  height: 25px;
}




/** 人员资料简卡 **/
.card_personbaseinfo {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.card_personbaseinfo .avatar {
  width: 70px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.card_personbaseinfo .avatar:first-letter {
  font-size: 35px;
  font-weight: bold;
}
.card_personbaseinfo .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card_personbaseinfo .name_wrap .name {
  color: #3f4a50;
  font-size: 16px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card_personbaseinfo .name_wrap .duty {
  color: #999;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card_personbaseinfo .name_wrap .seniority {
  color: #fff;
  background-color: #3f4a50;
  border-radius: 4px;
  display: inline-block;
  padding: 2px 5px;
}
.card_personbaseinfo .asset_wrap {
  display: block;
  text-align: right;
}
.card_personbaseinfo .asset_wrap .asset_item {
  
}
.card_personbaseinfo .asset_wrap .asset_item * {
  vertical-align: top;
  line-height: 20px;
  font-size: 15px;
  color: #c44900;
  font-weight: bold;
}
.card_personbaseinfo .asset_wrap .asset_item .iconimg {
  margin-right: 5px;
}

/** 首页头部个人信息 **/
#index_main_top {
  
}
#index_main_top .main_top_box {
  padding: 15px 20px 0;
}
#index_main_top .list_persontag {
  font-size: 0;
  margin-bottom: -5px;
  margin-left: -5px;
}
#index_main_top .item_persontag {
  display: inline-block;
  background-color: #f8f8f8;
  color: #666;
  padding: 2px 8px;
  font-size: 12px;
  margin: 5px;
  font-weight: bold;
  vertical-align: top;
  -webkit-user-select: none;
  user-select: none;
}

/** 首页快捷方式入口 **/
#index_main_top .list_indexbtn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 15px 0 5px;
  margin-left: -10px;
  margin-right: -10px;
}
#index_main_top .list_indexbtn .item_indexbtn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  display: block;
  cursor: pointer;
}
#index_main_top .list_indexbtn .item_indexbtn .iconimg {
  position: relative;
  width: 50px;
  height: 50px;
}
#index_main_top .list_indexbtn .item_indexbtn .btntitle {
  font-weight: bold;
  padding-top: 5px;
}
#index_main_top .list_indexbtn .item_indexbtn.hasnew .iconimg:after {
  content: "";
  position: absolute;
  right: -5px;
  top: -5px;
  display: block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 2px;
  font-size: 0;
}

/** 首页通屏卡片 **/
.commonareacard {
  border-radius: 0;
  margin-bottom: 5px;
}
.commonareacard .commonareacard_title {
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  padding: 0 20px;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
}
.commonareacard .commonareacard_title * {
  vertical-align: middle;
}
.commonareacard .commonareacard_title .iconimg {
  width: 25px;
  height: 25px;
}

/** 首页提醒部分 **/
#index_fastremind {

}
#index_fastremind .commonareacard_title .btn_refresh {
  float: right;
  font-weight: normal;
}

.commonareacard_header {
  padding: 5px 20px 0;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  background-color: #fff;
}
.commonareacard_today_wrap {
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.commonareacard_today_wrap .weatherforecast {
  text-align: right;
  padding-top: 5px;
  color: #999;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.commonareacard_today_wrap .weatherforecast img {
  height: 38px;
}

.commonareacard_today {
  /*text-align: center;*/
  
  padding: 5px;
  /*background-color: #f4f4f4;*/
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.commonareacard_today .today_text {
  font-size: 20px;
  margin-bottom: 5px;
  font-weight: 900;
  text-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

#fastremind_tabnav_wrap {
  margin-left: -20px;
  margin-right: -20px;
  /*background-color: #e9e9e9;*/
  background-color: #fff;
}

#fastremind_tabnav_wrap.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  margin-left: 0;
  margin-right: 0;
}
#fastremind_tabnav_wrap.fixed .fastremind_tabnav,
#fastremind_tabnav_wrap.fixed .fastremind_subtabnav {
  max-width: 640px;
  margin: 0 auto;
}


#index_fastremind .fastremind_tabnav {
  overflow: initial;
}
#index_fastremind .fastremind_tabnav .item {
  overflow: initial;
}
#index_fastremind .fastremind_tabnav .newtips {
  background-color: #999;
  font-style: normal;
  border-radius: 100px 100px 100px 0;
  color: #fff;
  line-height: 20px;
  padding: 0 5px;
  position: absolute;
  display: block;
  top: -2px;
  left: 50%;
  margin-left: 30px;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
  font-weight: normal;
  -webkit-transform: scale(.8);
  transform: scale(.8);
}
@-webkit-keyframes newtips_ani {
  0% {
    -webkit-transform: rotate(-5deg);
  }
  100% {
    -webkit-transform: rotate(2deg);
  }
}
@keyframes newtips_ani {
  0% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(2deg);
  }
}
#index_fastremind .fastremind_tabnav .active .newtips {
  background-color: #ef3a3a;
  -webkit-animation: newtips_ani .5s infinite alternate;
  animation: newtips_ani .5s infinite alternate;
}


#index_fastremind .item_remind {
  border-bottom: none;
  margin-bottom: 5px;
  padding: 15px 10px 15px 20px;
  overflow: initial;
  cursor: pointer;
}

#index_fastremind .item_remind.going {
  -webkit-animation: newtips_ani 1s;
  animation: item_remind_going_ani 1s;
}
@keyframes item_remind_going_ani {
  0% {
    box-shadow: inset 0 0 0 1px #00c800, 0 1px 10px rgba(0, 200, 0, .5);
    background-color: #dfffdf;
  }
  100% {
    box-shadow: inset 0 0 0 0 #00c800, 0 0 0 rgba(0, 200, 0, .5);
    background-color: #fff;
  }
}

#index_fastremind .item_remind .btnbox {
  align-self: flex-end;
  margin-left: 10px;
  width: 44px;
  text-align: right;
}
#index_fastremind .item_remind .btnbox .btn_ready {
  padding: 5px 10px;
}
#index_fastremind .item_remind .btnbox .btn_more {
  border-radius: 100px;
  width: 35px;
  height: 35px;
}
#index_fastremind .item_remind .btnbox .btn_more i {
  line-height: 35px;
}
#index_fastremind .item_remind .btnbox .btn_more:hover {
  background-color: #f4f4f4;
}

#index_fastremind .item_remind.priority_2 {
  border-right: 10px solid #ef3a3a;
  box-shadow: inset 0 0 0 1px #ef3a3a, 0 1px 10px rgba(239, 58, 58, .5);
}
#index_fastremind .item_remind.priority_1 {
  border-right: 10px solid #0081e6;
  box-shadow: inset 0 0 0 1px #0081e6, 0 1px 10px rgba(0, 130, 230, 0.5);
}

#index_fastremind .item_remind.todo_ischecked .title,
#index_fastremind .item_remind.todo_ischecked .subtitle,
#index_fastremind .item_remind.todo_ischecked .remindtype_wrap *,
#index_fastremind .item_remind.todo_ischecked .text {
  text-decoration: line-through;
  color: #999;
}
#index_fastremind .item_remind.todo_ischecked {
  opacity: .4;
}

#index_fastremind .item_remind .btn_todochecked {
  width: 35px;
  height: 35px;
  margin-right: 8px;
  margin-top: -7px;
  margin-left: -2px;
}
#index_fastremind .item_remind .btn_todochecked .material-icons {
  line-height: 35px;
  font-size: 28px;
}
#index_fastremind .item_remind .btnbox .btn_todochecked i {
  line-height: 35px;
}
#index_fastremind .item_remind .btnbox .btn_todochecked:hover {
  background-color: #f4f4f4;
}
#index_fastremind .item_remind.todo_ischecked .btn_todochecked {
  -webkit-animation: check_radio 0.2s ease-out 0s 1 normal both;
  animation: check_radio 0.2s ease-out 0s 1 normal both;
}
#index_fastremind .item_remind.todo_ischecked .btn_todochecked .off,
#index_fastremind .item_remind .btn_todochecked .on {
  display: none;
}
#index_fastremind .item_remind.todo_ischecked .btn_todochecked .on {
  display: inline-block;
}




.commonareacard_today .asset_wrap {
  padding-top: 5px;
}
.commonareacard_today .asset_wrap .asset_item {
  display: inline-block;
  padding-right: 5px;
}
.commonareacard_today .asset_wrap .asset_item * {
  vertical-align: top;
  line-height: 20px;
  color: #c44900;
  font-weight: bold;
}
.commonareacard_today .asset_wrap .asset_item .iconimg {
  margin-right: 5px;
}

#index_fastremind .list_remind {
  display: block;
  padding: 0 5px;
}


#index_fastremind .item_remind .div_setpriority {
  position: absolute;
  right: 0;
  bottom: 5px;
  padding: 10px;
  box-shadow: 0 1px 50px rgba(0,0,0,.2), 0 1px 30px rgba(0,0,0,.2), 0 1px 5px rgba(0,0,0,.3);
  font-size: 0;
  border-radius: 100px;
}
#index_fastremind .item_remind .div_setpriority .btn {

}

#index_fastremind .item_remind .div_setpriority .btn {
  border-radius: 100px;
  height: 35px;
  vertical-align: top;
}
#index_fastremind .item_remind .div_setpriority .btn_more {
  width: 35px;
}
#index_fastremind .item_remind .div_setpriority .btn * {
  line-height: 35px;
  display: inline-block;
}

#index_fastremind .item_remind .div_setpriority .btn_setpriority {
  padding: 0 10px;
  min-width: 58px;
  font-size: 12px;
  margin-right: 5px;
}

#index_fastremind .item_remind .div_setpriority .btn_setpriority_2 {
  background-color: #ef3a3a;
  color: #fff;
}
#index_fastremind .item_remind .div_setpriority .btn_setpriority_1 {
  background-color: #0081e6;
  color: #fff;
}

#index_fastremind .item_remind .div_setpriority .btn_tododel {
  width: 35px;
  margin-right: 5px;
}



#index_fastremind .item_remind .list_personstate {
  background-color: #f4f4f4;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
#index_fastremind .item_remind .list_personstate.fold {
  height: 170px;
}
#index_fastremind .item_remind .list_personstate.fold:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 80px;
  width: 100%;
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #fff);
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
}
#index_fastremind .item_remind .list_personstate.fold:after {
  content: "\5c55\5f00\66f4\591a";
  display: block;
  position: absolute;
  bottom: 0;
  line-height: 35px;
  height: 35px;
  width: 100%;
  text-align: center;
  text-shadow: 0 0 10px #fff;
}
#index_fastremind .item_remind .item_personstate {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ddd;
  padding: 5px;
}
#index_fastremind .item_remind .item_personstate .avatar {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
#index_fastremind .item_remind .item_personstate .avatar:first-letter {
  font-size: 14px;
}
#index_fastremind .item_remind .item_personstate .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#index_fastremind .item_remind .item_personstate .nametext {
  color: #333;
  font-weight: bold;
}
#index_fastremind .item_remind .item_personstate .department {
  color: #999;
}
#index_fastremind .item_remind .item_personstate .state {
  text-align: right;
}
#index_fastremind .item_remind .item_personstate .time_personstate {
  color: #999;
}




/** 首页公告入口 **/
#index_fastremind .index_notice {
  padding: 0 0 10px 0;
}
#index_fastremind .index_notice_box {
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px;
  border-radius: 4px;
}
#index_fastremind .index_notice .iconimg {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 5px;
}
#index_fastremind .list_indexnotice_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
  height: 32px;
}
#index_fastremind .list_indexnotice {
  
}
#index_fastremind .item_indexnotice {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
  padding-left: 10px;
  height: 16px;
}
#index_fastremind .item_indexnotice:before {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  background-color: #0081e6;
  top: 50%;
  margin-top: -2px;
  left: 0;
  border-radius: 100px;
}

#index_fastremind .index_notice.noanimate .list_indexnotice_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#index_fastremind .index_notice.noanimate .list_indexnotice {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}

#index_fastremind .main_more {
  margin: 0 5px 5px;
}



/** 任务列表 **/
.list_task {
  
}
.item_task {
  display: block;
  margin-bottom: 5px;
  border-radius: 10px;
  cursor: pointer;
  border-left: 10px solid;
  padding: 15px 30px;
  overflow: hidden;
}
.item_task .bgpop_1 {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-color: #ffbd17;
  border-radius: 100px;
  position: absolute;
  bottom: -35px;
  right: -40px;
}
.item_task .bgpop_2 {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: #ff7391;
  border-radius: 100px;
  position: absolute;
  bottom: -45px;
  right: 30px;
  opacity: .5;
}


.item_task_box {
  position: relative;
  z-index: 1;
}
.item_task .state_task {
  display: inline-block;
  background-color: #666;
  padding: 2px 5px;
  color: #fff;
  border-radius: 3px;
}
.item_task .title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item_task .text {
  font-weight: bold;
}
.item_task .taskinfo {
  padding-top: 5px;
  margin-top: 5px;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.item_task .taskinfo .date {
  line-height: 20px;
}
.item_task .date b {
  font-weight: bold;
  color: #333;
}
.item_task .repay {
  background-color: #444;
  border-radius: 100px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
}
.item_task .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_task .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_task .repay .num {
  font-weight: bold;
}


.item_task .state_wrap {
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
}
.item_task .state_wrap .state_accept {
  background-color: #0089d7;
  padding: 5px 10px;
}

.item_task.end .bgpop_1 {
  background-color: #bababa!important;
}
.item_task.end .bgpop_2 {
  background-color: #d1d1d1!important;
}
.item_task.end .state_wrap .state_accept {
  background-color: #bababa;
}


.item_task .form_range_wrap {
  height: 4px;
  border-radius: 100px;
  overflow: hidden;
  /*background-color: #bababa;
  box-shadow: inset 0 2px 0 #a2a2a2;*/
  margin-top: 5px;
}
.item_task .form_range {
  overflow: initial;
}
.item_task .form_range_bg {
  display: none;
}
.item_task .form_range_bar {
  border-radius: initial;
}
.item_task .workbar {
  height: 2px;
  border-radius: initial;
}
.item_task .timebar {
  height: 2px;
  border-radius: initial;
}
.item_task .workbar .form_range_bar {
  /*box-shadow: 0 1px 0 #00629e;*/
}
.item_task .timebar .form_range_bar {
  background-color: #32d500;
}
.item_task .form_range_wrap.noendtime .workbar {
  height: 4px;
}
.item_task .form_range_wrap.danger .timebar .form_range_bar {
  background-color: #f32d2d;
  /*box-shadow: 0 0 10px #f32d2d;*/
  -webkit-animation: dangerrangebar_ani 1s infinite alternate;
  animation: dangerrangebar_ani 1s infinite alternate;
}
.item_task.hasrangebar .taskinfo {
  margin-top: 0;
  border-top: none;
}


/* 工作任务 */
.item_task.taskcolor_gzrw {
  border-color: #26b5fb;
}

/* 娱乐任务 */
.item_task.taskcolor_ylrw {
  border-color: #ffa82b;
}

/* 悬赏任务 */
.item_task.taskcolor_xsrw {
  border-color: #ff5d2b;
}


/** 右下角浮动按钮 通用 **/
.float_tools {
  display: block;
  position: fixed;
  right: 10px;
  bottom: 60px;
  z-index: 10;
  font-size: 0;
  width: 40px;
}
.float_tools .btn {
  border-radius: 100px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  opacity: .9;
  background-color: #333;
  color: #fff;
  margin-top: 5px;
}
.float_tools .btn:hover {
  opacity: 1;
}
.float_tools .btn_scroll_to_top {
  display: none;
}
.float_tools .btn_scroll_to_top.active {
  display: block;
  -webkit-animation: scroll_to_top_ani .3s ease-out;
  animation: scroll_to_top_ani .3s ease-out ;
}

@-webkit-keyframes scroll_to_top_ani {
  0% {
    -webkit-transform: scale(0);
  }
  80% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    opacity: .8;
  }
}

@keyframes scroll_to_top_ani {
  0% {
    transform: scale(0);
  }
  80% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.float_tools .btn_backhome {
  background-color: #0081e7;
}

.float_tools .btn_favorite {
  background-color: #ef3a3a;
}
.float_tools .btn_favorite.active .no,
.float_tools .btn_favorite .ok {
  display: none;
}
.float_tools .btn_favorite.active .ok {
  display: inline-block;
}
.float_tools .btn_favorite.active {
  -webkit-animation: scroll_to_top_ani .3s ease-out;
  animation: scroll_to_top_ani .3s ease-out ;
}


/** 首页推荐任务部分 **/
#index_tasklist .commonareacard_con {
  background-color: #dadfe2;
  padding: 5px;
}


.leftin_ani {
  -webkit-animation: ininin_ani .3s ease-out both;
  animation: ininin_ani .3s ease-out both;
}
@-webkit-keyframes ininin_ani {
  0% {
    -webkit-transform: translateX(-110%);
    opacity: 0;
  }
  1% {
    -webkit-transform: translateX(-110%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes ininin_ani {
  0% {
    transform: translateX(-110%);
    opacity: 0;
  }
  1% {
    transform: translateX(-110%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

.rightin_ani {
  -webkit-animation: rightin_ani .3s ease-out both;
  animation: rightin_ani .3s ease-out both;
}
@-webkit-keyframes rightin_ani {
  0% {
    -webkit-transform: translateX(110%);
    opacity: 0;
  }
  1% {
    -webkit-transform: translateX(110%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes rightin_ani {
  0% {
    transform: translateX(110%);
    opacity: 0;
  }
  1% {
    transform: translateX(110%);
    opacity: 1;
  }
  100% {
    transform: translateX(0);
  }
}

.item_task.leftin_ani .bgpop_1 {
  -webkit-animation: bgpop_ani .8s both;
  animation: bgpop_ani .8s both;
}
.item_task.leftin_ani .bgpop_2 {
  -webkit-animation: bgpop_ani .8s both;
  animation: bgpop_ani .8s both;
}
.bgpop_ani {
  -webkit-animation: bgpop_ani .8s both;
  animation: bgpop_ani .8s both;
}
@-webkit-keyframes bgpop_ani {
  0% {
    -webkit-transform: scale(0);
  }
  30% {
    -webkit-transform: scale(1.1);
  }
  40% {
    -webkit-transform: scale(.95);
  }
  70% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes bgpop_ani {
  0% {
    transform: scale(0);
  }
  30% {
    transform: scale(1.1);
  }
  40% {
    transform: scale(.95);
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}


/** 首页 场景首页 **/
body.index_appletree {
  background-color: #fff;
}

#indexappletree_main {
  margin-top: 0;
  padding: 0;
  /*background-color: #fff;*/
}
#indexappletree_main .card_personbaseinfo {
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
}
#indexappletree_main .card_personbaseinfo .asset_wrap {
  background-color: #fff;
  position: relative;
}
#stage_mytree {
  background-color: #ccc;
  padding-top: 110%;
  position: relative;
  overflow: hidden;
}
.stagelayer {
  /*background-color: red;*/
  position: absolute;
  bottom: 0;
  left: 0;
  background-size: auto 100%;
}
.stagelayer_ground {
  left: -5%;
  width: 110%;
  padding-top: 37.5%;
  background-image: url(../img/stagelayer_ground.png);
  background-position: 50% 100%;
}
.stagelayer_ground1 {
  left: -5%;
  width: 110%;
  padding-top: 37.5%;
  background-image: url(../img/stagelayer_ground1.png);
  background-position: 50% 100%;
}
.stagelayer_ground2 {
  left: -10%;
  width: 120%;
  padding-top: 37.5%;
  background-image: url(../img/stagelayer_ground2.png);
  background-position: 50% 100%;
}
.stagelayer_mountain {
  left: -15%;
  width: 130%;
  padding-top: 51.5625%;
  background-image: url(../img/stagelayer_mountain.png);
  background-position: 50% 100%;
}
.stagelayer_farcloud {
  left: -40%;
  width: 180%;
  padding-top: 67.1875%;
  background-image: url(../img/stagelayer_farcloud.png);
  background-position: 50% 100%;
}
.stagelayer_cloud {
  left: -20%;
  width: 140%;
  padding-top: 100%;
  background-image: url(../img/stagelayer_cloud.png);
  background-position: 50% 100%;
  opacity: .8;
  -webkit-animation: stagelayer_cloud_ani 20s both infinite;
  animation: stagelayer_cloud_ani linear 20s both infinite;
}
@-webkit-keyframes stagelayer_cloud_ani {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
@keyframes stagelayer_cloud_ani {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}

.stagelayer_sky {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_sky.png);
  background-position: 50% 0;
  top: 0;
  bottom: auto;
}
.stagelayer_sunshine {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_sunshine.png);
  background-position: 50% 0;
  top: 0;
  bottom: auto;
  -webkit-animation: stagelayer_sunshine_ani 4s both infinite;
  animation: stagelayer_sunshine_ani 4s both infinite;
}
.stagelayer_sunshine2 {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_sunshine2.png);
  background-position: 50% 0;
  top: 0;
  bottom: auto;
  -webkit-animation: stagelayer_sunshine_ani 4s 2s both infinite;
  animation: stagelayer_sunshine_ani 4s 2s both infinite;
}

@-webkit-keyframes stagelayer_sunshine_ani {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes stagelayer_sunshine_ani {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

.stagelayer_tree {
  width: 100%;
  padding-top: 130%;
  background-position: 50% 0;
  -webkit-transform-origin: 50% 85%;
  transform-origin: 50% 85%;
}
.stagelayer_tree1 {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_tree1.png);
  background-position: 50% 0;
  -webkit-transform-origin: 50% 85%;
  transform-origin: 50% 85%;
}
.stagelayer_tree2 {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_tree.png);
  background-position: 50% 0;
  -webkit-transform-origin: 50% 85%;
  transform-origin: 50% 85%;
}
.stagelayer_tree3 {
  width: 100%;
  padding-top: 130%;
  background-image: url(../img/stagelayer_tree2.png);
  background-position: 50% 0;
  -webkit-transform-origin: 50% 85%;
  transform-origin: 50% 85%;
}
.stagelayer_tree.show {
  -webkit-animation: stagelayer_tree_ani 1s .5s both;/*infinite*/
  animation: stagelayer_tree_ani 1s .5s both;
}
@-webkit-keyframes stagelayer_tree_ani {
  0% {
    -webkit-transform: scale(0);
  }
  1% {
    -webkit-transform: scale(.5, .5);
  }
  50% {
    -webkit-transform: scale(1, 1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes stagelayer_tree_ani {
  0% {
    transform: scale(0);
  }
  1% {
    transform: scale(.5, .5);
  }
  50% {
    transform: scale(1, 1.1);
  }
  100% {
    transform: scale(1);
  }
}
.stagelayer_tree.picked {
  -webkit-animation: stagelayer_tree_picked_ani .3s both;
  animation: stagelayer_tree_picked_ani .3s both;
}
@-webkit-keyframes stagelayer_tree_picked_ani {
  0% {
    -webkit-transform: scale(1);
  }
  1% {
    -webkit-transform: scale(.8, .8);
  }
  50% {
    -webkit-transform: scale(1, 1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes stagelayer_tree_picked_ani {
  0% {
    transform: scale(1);
  }
  1% {
    transform: scale(.8, .8);
  }
  50% {
    transform: scale(1, 1.1);
  }
  100% {
    transform: scale(1);
  }
}
#stage_mytree .btn_mypoint {
  position: absolute;
  top: 60px;
  right: 0;
  background-color: #fff;
  border-radius: 100px 0 0 100px;
  padding: 5px;
}
#stage_mytree .btn_mypoint .image {
  background-image: url(../img/icon_coin.png);
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}
#stage_mytree .btn_mypoint .num {
  color: #c44900;
  font-size: 16px;
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
  line-height: 20px;
}
#stage_mytree .btn_mypoint .btn {
  background-color: #db3400;
  color: #fff;
  font-size: 12px;
  display: inline-block;
  vertical-align: top;
  line-height: 20px;
  padding: 0 10px;
}

/** 任务大按钮 **/
#stage_mytree_btnbox {
  position: absolute;
  bottom: 10%;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 0;
}
#stage_mytree_btnbox .btn {
  font-size: 12px;
  margin: 0 10px;
  position: relative;
}
#stage_mytree_btnbox .image {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  border: 3px solid #333;
}
#stage_mytree_btnbox .btn_text {
  color: #fff;
  font-weight: bold;
  position: relative;
  margin-top: -15px;
  font-size: 14px;
}
#stage_mytree_btnbox .btn_text .btn_text_shadow {
  -webkit-text-stroke: 4px #333;
  text-shadow: 0 2px #333, 3px 0 #333, -3px 0 #333, 0 -2px #333;
}
#stage_mytree_btnbox .btn_text .btn_text_o {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#stage_mytree_btnbox .btn .newpoint {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #ff3000;
  color: #fff;
  border-radius: 100px;
  box-shadow: 0 0 0 1px;
}

#stage_mytree_btnbox .btn.btn_gzrw .image {
  background-image: url(../img/icon_task_a.png);
  border-color: #157cb7;
}
#stage_mytree_btnbox .btn.btn_gzrw .btn_text .btn_text_shadow {
  -webkit-text-stroke-color: #157cb7;
  text-shadow: 0 2px #157cb7, 3px 0 #157cb7, -3px 0 #157cb7, 0 -2px #157cb7;
}
#stage_mytree_btnbox .btn.btn_ylrw {
  top: 10px;
}
#stage_mytree_btnbox .btn.btn_ylrw .image {
  background-image: url(../img/icon_task_b.png);
  border-color: #ff442b;
}
#stage_mytree_btnbox .btn.btn_ylrw .btn_text .btn_text_shadow {
  -webkit-text-stroke-color: #ff442b;
  text-shadow: 0 2px #ff442b, 3px 0 #ff442b, -3px 0 #ff442b, 0 -2px #ff442b;
}
#stage_mytree_btnbox .btn.btn_xsrw .image {
  background-image: url(../img/icon_task_c.png);
  border-color: #db3400;
}
#stage_mytree_btnbox .btn.btn_xsrw .btn_text .btn_text_shadow {
  -webkit-text-stroke-color: #db3400;
  text-shadow: 0 2px #db3400, 3px 0 #db3400, -3px 0 #db3400, 0 -2px #db3400;
}


/** 场景侧栏按钮 **/
#stage_mytree_sidebtnbox {
  /*background-color: rgba(0,0,0,.3);*/
  position: absolute;
  top: 60px;
  right: 10px;
  width: 45px;
  text-align: center;
  font-size: 0;
}
#stage_mytree_sidebtnbox .btn {
  font-size: 12px;
  margin-bottom: 10px;
  position: relative;
}
#stage_mytree_sidebtnbox .iconimg {
  width: 40px;
  height: 40px;
  /*border-radius: 10px;
  border: 3px solid #333;*/
}
#stage_mytree_sidebtnbox .btn_text {
  color: #fff;
  font-weight: bold;
  position: relative;
  margin-top: -15px;
}
#stage_mytree_sidebtnbox .btn_text .btn_text_shadow {
  -webkit-text-stroke: 4px #333;
  text-shadow: 0 2px #333, 3px 0 #333, -3px 0 #333, 0 -2px #333;
}
#stage_mytree_sidebtnbox .btn_text .btn_text_o {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
#stage_mytree_sidebtnbox .btn .newpoint {
  position: absolute;
  top: -5px;
  right: -5px;
  min-width: 18px;
  height: 18px;
  line-height: 18px;
  background-color: #ff3000;
  color: #fff;
  border-radius: 100px;
  box-shadow: 0 0 0 1px;
}


#stage_mytree_sidebtnbox .btn.btn_msg .btn_text .btn_text_shadow {
  -webkit-text-stroke-color: #157cb7;
  text-shadow: 0 2px #157cb7, 3px 0 #157cb7, -3px 0 #157cb7, 0 -2px #157cb7;
}
#stage_mytree_sidebtnbox .btn.btn_guide .btn_text .btn_text_shadow {
  -webkit-text-stroke-color: #069252;
  text-shadow: 0 2px #069252, 3px 0 #069252, -3px 0 #069252, 0 -2px #069252;
}

#stage_mytree .btn_treasure {
  position: absolute;
  top: 60px;
  left: 10px;
  font-size: 0;
  border-radius: 6px;
  background-color: #db3400;
  border: 2px solid #db3400;
  -webkit-animation: treasurelight_ani 1s infinite alternate;
  animation: treasurelight_ani 1s infinite alternate;
}
@-webkit-keyframes treasurelight_ani {
  0% {
    -webkit-box-shadow: 0 0 10px #fff443;
  }
  100% {
    -webkit-box-shadow: 0 0 20px 5px #fff443;
  }
}
@keyframes treasurelight_ani {
  0% {
    box-shadow: 0 0 10px #fff443;
  }
  100% {
    box-shadow: 0 0 20px 5px #fff443;
  }
}

#stage_mytree .btn_treasure .image {
  width: 34px;
  height: 44px;
  background-image: url(../img/icon_stageicon_treasure.png);
  border-radius: 4px;
  -webkit-animation: treasure_ani 2s steps(1, start) infinite;
  animation: treasure_ani 2s steps(1, start) infinite;
}
@-webkit-keyframes treasure_ani {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: 25% 0;
    -webkit-transform: translateY(0);
  }
  20% {
    background-position: 50% 0;
    -webkit-transform: translateY(-1px);
  }
  25% {
    background-position: 75% 0;
  }
  30% {
    background-position: 100% 0;
    -webkit-transform: translateY(.5px);
  }
  80% {
    background-position: 100% 0;
    -webkit-transform: translateY(0);
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes treasure_ani {
  0% {
    background-position: 0 0;
  }
  10% {
    background-position: 25% 0;
    transform: translateY(0);
  }
  20% {
    background-position: 50% 0;
    transform: translateY(-1px);
  }
  25% {
    background-position: 75% 0;
    
  }
  30% {
    background-position: 100% 0;
    transform: translateY(.5px);
  }
  80% {
    background-position: 100% 0;
    transform: translateY(0);
  }
  100% {
    background-position: 0 0;
  }
}


/** 树上的果子 **/
#stage_mytree .stagelayer_fruit {
  position: absolute;
  /*background-color: rgba(0,0,0,.5);*/
  top: 20%;
  bottom: 30%;
  left: 15%;
  right: 15%;
}
#stage_mytree .stagelayer_fruit .image_wrap {
  position: absolute;
  top: 20%;
  left: 15%;
  cursor: pointer;
  -webkit-animation: stagelayer_fruit_wrap_ani 1s infinite alternate;
  animation: stagelayer_fruit_wrap_ani 1s infinite alternate;
}
@-webkit-keyframes stagelayer_fruit_wrap_ani {
  0% {
    -webkit-transform: translateY(-1px);
  }
  100% {
    -webkit-transform: translateY(1px);
  }
}
@keyframes stagelayer_fruit_wrap_ani {
  0% {
    transform: translateY(-1px);
  }
  100% {
    transform: translateY(1px);
  }
}
#stage_mytree .stagelayer_fruit_box .iconimg {
  -webkit-transform: scale(0);
  transform: scale(0);
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
#stage_mytree .stagelayer_fruit_box .iconimg.active {
  -webkit-animation: stagelayer_fruit_ani 1s both;
  animation: stagelayer_fruit_ani 1s both;
}

@-webkit-keyframes stagelayer_fruit_ani {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.1);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes stagelayer_fruit_ani {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

#stage_mytree .stagelayer_fruit_box .image_wrap.active {
  -webkit-animation: stagelayer_fruit_pick_ani 1s both;
  animation: stagelayer_fruit_pick_ani 1s both;
}
@-webkit-keyframes stagelayer_fruit_pick_ani {
  0% {
    -webkit-transform: scale(1);
  }
  20% {
    -webkit-transform: scale(1.2);
  }
  40% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-150%);
    opacity: 0;
  }
}
@keyframes stagelayer_fruit_pick_ani {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2);
  }
  40% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: translateY(-150%);
    opacity: 0;
  }
}
#stage_mytree .stagelayer_fruit_box .image_wrap .num {
  text-align: center;
  width: 40px;
  margin-left: -20px;
  margin-top: -5px;
  color: #fff13b;
  font-weight: bold;
  text-shadow: 0 0 5px #234427;
  -webkit-animation: stagelayer_fruit_ani 1s .5s both;
  animation: stagelayer_fruit_ani 1s .5s both;
}

#stage_mytree .stagelayer_fruit .nothing {
  text-align: center;
  position: relative;
  /* top: 40%; */
  font-size: 18px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.82);
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  text-shadow: 0 0 5px #1b6125;
}
@media (max-width: 480px) {
  #stage_mytree .stagelayer_fruit .nothing {
    font-size: 14px;
    padding-top: 25px;
  }
}


@media (min-width: 480px) {
  #stage_mytree {
    padding-top: 100%;
  }
  #stage_mytree .stagelayer_tree {
    bottom: -10%;
  }
  #stage_mytree_btnbox .btn {
    margin: 0 20px;
  }

  #stage_mytree_btnbox .image {
    width: 80px;
    height: 80px;
  }
  #stage_mytree_btnbox .btn_text {
    font-size: 20px;
  }
  #stage_mytree .stagelayer_fruit_box .iconimg {
    width: 60px;
    height: 60px;
    margin-left: -30px;
    margin-top: -30px;
  }
}




/** 摘果子变金币 首页 **/
#stage_mytree .stagelayer_fruit .coinpool .iconimg {
  position: fixed;
  top: 100px;
  left: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-animation: apple2coin_ani .5s both;
  animation: apple2coin_ani .5s both;
  width: 30px;
  height: 30px;
  box-shadow: 0 0 10px #fff43c;
  border-radius: 100px;
}
@-webkit-keyframes apple2coin_ani {
  0% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes apple2coin_ani {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}

#indexappletree_main .card_personbaseinfo .asset_wrap.collectcoin_ani,
#indexappletree_main .card_personbaseinfo .asset_item_apple.collectcoin_ani,
#indexappletree_main .card_personbaseinfo .asset_item_apple.collectcoin_ani {
  -webkit-animation: collectcoin_ani .2s both;
  animation: collectcoin_ani .2s both;
}
@-webkit-keyframes collectcoin_ani {
  0% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes collectcoin_ani {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}

/** 攻略 薪果树 **/
#subplate_appletreeguide {
  z-index: 5;
}
#subplate_appletreeguide .mask {
  cursor: pointer;
}
#subplate_appletreeguide .subplate {
  overflow: initial;
}
#subplate_appletreeguide .subplate_box {
  pointer-events: none;
}
#subplate_appletreeguide .subplate_box .text {
  padding: 0 30px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 60px;
  left: auto;
  right: auto;
  bottom: 50px;
  pointer-events: initial;
}
#subplate_appletreeguide .subplate_box ol,
#subplate_appletreeguide .subplate_box ul {
  padding: 5px 0 5px 20px;
}
#subplate_appletreeguide .monkyimg {
  background-image: url(../img/monkytips.png);
  background-repeat: no-repeat;
  background-size: cover;
  width: 120px;
  height: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-top: -65px;
}
#subplate_appletreeguide .subplate_box .text b {
  border-bottom: 5px solid #fed700;
}
#subplate_appletreeguide .subplate_box .text h1 {
  margin: 0 -10px 10px;
  padding: 5px 10px;
  font-size: 18px;
  font-weight: 900;
  background-color: #e8e8e8;
}



/** 获得薪果引导 薪果树 **/

#indexappletree_main .list_appleguide {
  padding: 20px 15px;
}

#indexappletree_main .item_appleguide {
  background-color: #f4f4f4;
  margin-bottom: 5px;
  padding: 5px;
}
#indexappletree_main .item_appleguide_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#indexappletree_main .item_appleguide .cover {
  width: 50px;
  height: 50px;
}
#indexappletree_main .item_appleguide .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
  overflow: hidden;
}
#indexappletree_main .item_appleguide .title_wrap .title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  font-size: 13px;
}
#indexappletree_main .item_appleguide .title_wrap .text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #666;
}
#indexappletree_main .item_appleguide .btnbox .btn {
  padding: 5px 10px;
}

/**引导向下查看的箭头**/
#indexappletree_main .arrow_godown {
  position: fixed;
  left: 0;
  bottom: 60px;
  width: 100%;
  text-align: center;
  -webkit-animation: arrowgodown_ani 1s infinite alternate;
  animation: arrowgodown_ani 1s infinite alternate;
  text-shadow: 0 0 2px #fff, 0 0 10px #fff;
  background-color: rgba(255,255,255,.8);
}
#indexappletree_main .arrow_godown * {
  vertical-align: middle;
  display: inline-block;
}
#indexappletree_main .arrow_godown .material-icons {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
@keyframes arrowgodown_ani {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(10px);
  }
}


/** 任务列表 **/
#tasklist_main_top .tab_nav:nth-of-type(1) {
  background-color: #f8f8f8;
}
#tasklist_main_top .subtab_nav {
  display: block;
  padding-right: 40px;
}
#tasklist_main_top .subtab_nav .item {
  padding: 5px 10px;
  margin-right: 0;
}


/** 提醒页面 **/
#remind_main .list_remind {
  margin-bottom: 5px;
}
#remind_main .listremind_btnbox {
  margin-bottom: 5px;
  text-align: right;
  padding: 5px;
}
#remind_main .btn {
  padding: 0 15px;
  line-height: 35px;
  height: 35px;
}
.item_remind {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /*-webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;*/
  padding: 15px 20px;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
}
.item_remind_box .remindwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.item_remind .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_remind .remindicon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
  margin-top: -7px;
}
.item_remind .item_remind_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_remind .remindtype_wrap {
  color: #666;
  margin-bottom: 5px;
}
.item_remind .remindtype_wrap .remind_badge_wrap {
  display: inline-block;
  margin-top: -4px;
}
.item_remind .remindtype_wrap .remindtype {
  display: inline-block;
  padding-right: 10px;
}
.item_remind .remindtype_wrap .time {
  display: inline-block;
  white-space: nowrap;
}
.item_remind.hasnew .remindtype_wrap .time:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 2px;
  font-size: 0;
  margin-left: 5px;
}
.item_remind .title {
  color: #333;
  font-weight: bold;
  font-size: 16px;
  word-break: break-word;
}
.item_remind .subtitle {
  color: #666;
  margin-top: 5px;
}
.item_remind .text {
  color: #666;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
  margin-top: 10px;
}
.item_remind .cover {
  width: 50px;
  height: 50px;
}

/** 有进度条 提醒 **/
.item_remind .remind_taskrange {
  margin: 5px 0;
}

.item_remind .remind_taskrange .taskrange_excessmark b,
.item_remind .remind_taskrange .taskrange_date b {
  padding: 0 5px;
  color: #333;
}

.item_remind .remind_taskrange .taskrange_date.danger b {
  color: #f32d2d;
}

.item_remind .form_range_wrap {
  border-radius: 100px;
  overflow: hidden;
  background-color: #e8e8e8;
}
.item_remind .form_range {
  overflow: initial;
}
.item_remind .form_range_bg {
  display: none;
}
.item_remind .form_range_bar {
  border-radius: initial;
}
.item_remind .workbar {
  height: 2px;
  border-radius: initial;
}
.item_remind .timebar {
  height: 2px;
  border-radius: initial;
}
.item_remind .workbar .form_range_bar {
  /*box-shadow: 0 1px 0 #00629e;*/
}
.item_remind .timebar .form_range_bar {
  background-color: #32d500;
}
.item_remind .form_range_wrap.noendtime .workbar {
  height: 4px;
}
.item_remind .form_range_wrap.danger .timebar .form_range_bar {
  background-color: #f32d2d;
  /*box-shadow: 0 0 10px #f32d2d;*/
  -webkit-animation: dangerrangebar_ani 1s infinite alternate;
  animation: dangerrangebar_ani 1s infinite alternate;
}



/** 任务详情 **/
#taskview_main_top {
  overflow: hidden;
}
#taskview_tabnav_wrap .tab_nav {
  max-width: 640px;
  margin: 0 auto;
}
#taskview_tabnav_wrap.fixed .taskview_tabnav_wrap {
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  background-color: #fff;
}
.taskview_subject {
  padding-left: 20px;
  padding-right: 20px;
}

.taskview_subject .bgpop_1 {
  content: "";
  display: block;
  width: 100px;
  height: 100px;
  background-color: #ffbd17;
  border-radius: 100px;
  position: absolute;
  top: -35px;
  right: -40px;
}
.taskview_subject .bgpop_2 {
  content: "";
  display: block;
  width: 80px;
  height: 80px;
  background-color: #ff7391;
  border-radius: 100px;
  position: absolute;
  top: -45px;
  right: 30px;
  opacity: .5;
}

.taskview_subject .cover_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
.taskview_subject .cover_wrap .cover {
  width: 60px;
  height: 60px;
}
.taskview_subject .cover_wrap .state_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
}
.taskview_subject .cover_wrap .state_wrap .state {
  display: inline-block;
  background-color: #0089d7;
  color: #fff;
  padding: 5px 15px;
  border-radius: 3px;
}

.taskview_subject .taskview_subject_box .title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.taskview_subject .taskview_subject_box .tag {
  font-weight: bold;
  color: #666;
}
.taskview_subject .taskview_subject_box .date {
  position: relative;
  color: #999;
  padding: 15px 0;
}
.taskview_subject .taskview_subject_box .date b {
  color: #333;
}
.taskview_subject .taskview_subject_box .date:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #26b5fb;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;
}

.taskview_subject .taskview_subject_box .executor {
  position: relative;
  color: #999;
  padding: 15px 0 0;
}
.taskview_subject .taskview_subject_box .executor b {
  color: #333;
}
.taskview_subject .taskview_subject_box .executor:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #26b5fb;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.taskview_subject .taskview_subject_box .date_wrap .executor,
.taskview_subject .taskview_subject_box .date_wrap .date {
  display: inline-block;
  padding-right: 10px;
}
.taskview_subject .taskview_subject_box .date_wrap .date {
  padding-bottom: 0;
}


/** 工作任务进度条 **/
.taskview_subject .taskview_wrokprogressbar {
  background-color: #f3f3f3;
  padding: 10px;
  border-radius: 10px;
  position: relative;
  margin-bottom: 5px;
}
.taskview_subject .taskview_wrokprogressbar .form_range_wrap {
  height: 20px;
  border-radius: 100px;
  overflow: hidden;
  background-color: #5e4d42;
  box-shadow: inset 0 5px 0 #40352e;
}
.taskview_subject .taskview_wrokprogressbar .form_range {
  overflow: initial;
}
.taskview_subject .taskview_wrokprogressbar .form_range_bg {
  display: none;
}
.taskview_subject .taskview_wrokprogressbar .form_range_bar {
  border-radius: initial;
}
.taskview_subject .taskview_wrokprogressbar .workbar {
  height: 10px;
  border-radius: initial;
}
.taskview_subject .taskview_wrokprogressbar .timebar {
  height: 10px;
  border-radius: initial;
}
.taskview_subject .taskview_wrokprogressbar .workbar .form_range_bar {
  box-shadow: 0 4px 0 #00629e;
}
.taskview_subject .taskview_wrokprogressbar .timebar .form_range_bar {
  background-color: #32d500;
}

.taskview_subject .taskview_wrokprogressbar .workbar_text {
  padding-bottom: 5px;
}
.taskview_subject .taskview_wrokprogressbar .timebar_text {
  text-align: right;
  padding-top: 5px;
}
.taskview_subject .taskview_wrokprogressbar .workbar_text b,
.taskview_subject .taskview_wrokprogressbar .timebar_text b {
  padding: 0 5px;
}

.taskview_subject .taskview_wrokprogressbar .form_item_btn {
  padding-top: 5px;
}

.taskview_subject .taskview_wrokprogressbar.noendtime .workbar {
  height: 20px;
}


.taskview_subject .taskview_wrokprogressbar.danger .timebar .form_range_bar {
  background-color: #f32d2d;
  box-shadow: 0 0 10px #f32d2d;
  -webkit-animation: dangerrangebar_ani 1s infinite alternate;
  animation: dangerrangebar_ani 1s infinite alternate;
}
@-webkit-keyframes dangerrangebar_ani {
  0% { background-color: #f32d2d; }
  100% { background-color: #ff7e00; }
}
@keyframes dangerrangebar_ani {
  0% { background-color: #f32d2d; }
  100% { background-color: #ff7e00; }
}
.taskview_subject .taskview_wrokprogressbar.danger .timebar_text b {
  color: #f32d2d;
}


.taskview_subject .excessmark_wrap {
  height: 25px;
  position: relative;
}
.taskview_subject .excessmark_wrap .excessmark {
  width: 46px;
  margin-left: -23px;
  position: absolute;
  bottom: 3px;
  background-color: #333;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  padding: 2px 0;
  z-index: 1;
  left: 100%;
}
.taskview_subject .excessmark_wrap .excessmark:after {
  content: "";
  display: block;
  width: 2px;
  margin: auto auto -13px;
  background-color: #333;
  height: 13px;
}


/** 工作参与成员 **/
.taskview_subject .taskview_member {
  background-color: #f3f3f3;
  padding: 10px;
  border-radius: 10px;
  position: relative;
}
.taskview_subject .taskview_member .deadline {
  padding-bottom: 10px;
}
.taskview_subject .taskview_member .deadline .label {
  color: #666;
}
.taskview_subject .taskview_member .deadline .num {
  color: #333;
  font-weight: bold;
}
.taskview_subject .taskview_member .state {
  position: absolute;
  top: 10px;
  right: 10px;
  border-radius: 100px;
  color: #fff;
  background-color: #54d223;
  padding: 3px 10px;
}
.taskview_subject .taskview_member .totalnumber .num {
  color: #333;
  font-weight: bold;
  padding: 0 5px;
}
.taskview_subject .taskview_member .form_range {
  height: 25px;
  background-color: #40352e;
}
.taskview_subject .taskview_member .form_range .form_range_bg {
  top: 5px;
  background-color: #5e4d42;
}
.taskview_subject .taskview_member .form_range .form_range_bar {
  border-radius: initial;
}
.taskview_subject .taskview_member .form_range .form_range_text {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  line-height: 25px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
.taskview_member_box {
  padding: 10px 0;
  position: relative;
}
.taskview_member_box .list_avatar {
  font-size: 0;
}
.taskview_member_box .list_avatar .avatar {
  width: 25px;
  height: 25px;
  border-radius: 100px;
  display: inline-block;
  margin-right: 5px;
  line-height: 25px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
  vertical-align: top;
}
.taskview_member_box .list_avatar .avatar:first-letter {
  font-size: 12px;
}
.taskview_member_box .btn {
  position: absolute;
  top: 10px;
  right: 0;
  line-height: 25px;
  height: 25px;
  padding: 0 10px;
}
.taskview_member_box .btn .material-icons {
  line-height: 24px;
  vertical-align: top;
}
.taskview_member .repay * {
  display: inline-block;
  vertical-align: middle;
}
.taskview_member .repay .iconimg {
  margin: 0 2px;
  width: 20px;
  height: 20px;
}
.taskview_member .repay .num {
  color: #c34600;
  font-weight: bold;
}

/** 任务详情文字 **/
#taskview_intro .commonareacard_con {
  padding: 20px;
  height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#taskview_intro .commonareacard_con .card_more {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#taskview_intro .commonareacard_con .taskview_intro_imgs {
  text-align: center;
}
#taskview_intro .commonareacard_con .taskview_intro_imgs .taskview_intro_img {
  max-width: 100%;
  margin: 20px 0;
}

#taskview_intro .commonareacard_con.spread {
  height: auto;
}
#taskview_intro .commonareacard_con.spread .card_more {
  display: none;
}



/** 任务报酬 **/
#taskview_reward .repay {
  margin-bottom: 10px;
}
#taskview_reward .commonareacard_con {
  padding: 20px;
}
#taskview_reward .repay * {
  display: inline-block;
  vertical-align: middle;
}
#taskview_reward .repay .iconimg {
  margin: 0 2px;
}
#taskview_reward .repay .num {
  color: #c34600;
  font-weight: bold;
}

#taskview_reward .commonareacard_con_title {
  padding-top: 10px;
}

.taskview_condition {
  padding: 0;
  margin: 0;
  background-color: #cccccc;
  border-radius: 10px;
  padding-bottom: 10px;
  margin-bottom: 5px;
}
.taskview_condition dt {
  padding: 5px 10px;
  margin: 0;
  color: #666;
}
.taskview_condition dd {
  padding: 5px 10px;
  margin: 0;
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.taskview_condition dd:nth-child(even) {
  background-color: #f4f4f4;
}
.taskview_condition dd .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.taskview_condition dd .coin {
  color: #f76a1d;
}
.taskview_condition dd .coin * {
  display: inline-block;
  vertical-align: middle;
}
.taskview_condition dd .coin .iconimg {
  margin: 0 2px;
}
.taskview_condition dd .coin .num {
  color: #c34600;
  font-weight: bold;
}

#taskview_reward .taskview_reward_averagedistribution {
  text-align: center;
}
#taskview_reward .taskview_reward_averagedistribution * {
  display: inline-block;
  vertical-align: middle;
}
#taskview_reward .taskview_reward_averagedistribution span b {
  vertical-align: top;
}
#taskview_reward .taskview_reward_averagedistribution .num {
  color: #c34600;
  font-weight: bold;
}
#taskview_reward .taskview_reward_averagedistribution .iconimg {
  margin: 0 2px;
}



/** 任务责任人 **/
#taskview_keyman .commonareacard_con {
  padding: 20px;
}
.commonareacard_con_title {
  color: #666;
  font-weight: bold;
}
#taskview_keyman .list_keyman {
  padding-bottom: 10px;
}
.list_keyman .item_keyman {
  position: relative;
  /*padding-left: 35px;*/
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.list_keyman .item_keyman .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.list_keyman .item_keyman .avatar {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 30px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.list_keyman .item_keyman .avatar:first-letter {
  font-size: 14px;
}
.list_keyman .item_keyman .name {
  font-weight: bold;
}
.list_keyman .item_keyman .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
.list_keyman .item_keyman .phone {
  color: #999;
}
.list_keyman .item_keyman .date {
  /*position: absolute;
  top: 0;
  right: 0;*/
  text-align: right;
}
.list_keyman .item_keyman .date .date_time {
  color: #999;
}
.list_keyman .item_keyman .date .result.ok {
  font-weight: bold;
  color: #00c800;
}
.list_keyman .item_keyman .date .result.sorry {
  font-weight: bold;
  color: #f32d2d;
}


.list_keyman .item_keyman .reward {
  text-align: right;
}
.list_keyman .item_keyman .reward .percent {
  color: #999;
}
.list_keyman .item_keyman .reward .estimate * {
  display: inline-block;
  vertical-align: middle;
}
.list_keyman .item_keyman .reward .estimate .num {
  color: #c34600;
  font-weight: bold;
}
.list_keyman .item_keyman .reward .estimate .iconimg {
  margin: 0 2px;
}

.list_keyman .item_keyman.isgone {
  opacity: .7;
  background-color: #f4f4f4;
  outline: 5px solid #f4f4f4;
}
.list_keyman .item_keyman.isgone .phone {
  text-decoration: line-through;
}




/** 节点进度 **/
.list_progresspoint_wrap {
  overflow: auto;
  margin-left: -30px;
  margin-right: -30px;
}
.list_progresspoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.item_progresspoint {
  -webkit-box-flex: 1 0 60px;
  -webkit-flex: 1 0 60px;
  flex: 1 0 60px;
  text-align: center;
  position: relative;
  padding: 50px 5px 20px;
}
.item_progresspoint .iconimg {
  width: 35px;
  height: 35px;
  opacity: .5;
}
.item_progresspoint.active .iconimg {
  opacity: 1;
}
.item_progresspoint .iconimg.active_show,
.item_progresspoint.active .iconimg.active_hide {
  /* visibility: hidden; */
  display: none;
}
.item_progresspoint.active .iconimg.active_show,
.item_progresspoint .iconimg.active_hide {
  /* visibility: visible; */
  display: inline-block;
}

.item_progresspoint .progresstext {
  font-size: 12px;
  padding: 2px 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-weight: bold;
  opacity: .5;
}
.item_progresspoint.active .progresstext {
  opacity: 1;
}
.item_progresspoint .point {
  background-color: #ccc;
  width: 20px;
  height: 20px;
  border-radius: 100px;
  position: absolute;
  top: 20px;
  left: 50%;
  margin-left: -10px;
  -webkit-transform: scale(.7);
  transform: scale(.7);
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_progresspoint:before,
.item_progresspoint:after {
  content: "";
  display: block;
  position: absolute;
  top: 28px;
  left: 0;
  right: 50%;
  border-top: 4px solid #ccc;
}
.item_progresspoint:after {
  left: 50%;
  right: 0;
}
.item_progresspoint:first-child:before {
  display: none;
}
.item_progresspoint:last-child:after {
  display: none;
}
.item_progresspoint:first-child .point,
.item_progresspoint:last-child .point {
  -webkit-transform: scale(.9);
  transform: scale(.9);
}
.item_progresspoint:first-child .point:after,
.item_progresspoint:last-child .point:after {
  content: "";
  background-color: #fff;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100px;
  position: absolute;
  left: 5px;
  top: 5px;
}

.item_progresspoint.active .point {
  background-color: #32d500;
}
.item_progresspoint.active:before,
.item_progresspoint.active:after {
  border-color: #32d500;
}

.item_progresspoint.now .progresstext {
  font-weight: bold;
  background-color: #32d500;
  color: #fff;
  border-radius: 3px;
}
.item_progresspoint.now .point {
  -webkit-transform: scale(1);
  transform: scale(1);
}
.item_progresspoint.now:after {
  /*border-color: #ccc;*/
}






/****** 更新工作进度 任务详情页 ******/
#subplate_wrokprogress {
  z-index: 5;
}

#subplate_wrokprogress .subplate_box {
  padding: 30px 30px 60px;
}

#subplate_wrokprogress .subplate_box .form_wrokprogress {
  margin-bottom: 10px;
}
#subplate_wrokprogress .form_range_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  height: 40px;
}
#subplate_wrokprogress .form_range {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  height: 20px;
  margin: 5px 0;
  border: 2px solid #ccc;
  background-color: #ccc;
}
#subplate_wrokprogress .form_range.warning .form_range_bar {
  background-color: #0081e6;
}
#subplate_wrokprogress .form_range.danger .form_range_bar {
  background-color: #00c875;
}
#subplate_wrokprogress .form_range_wrap .number_text {
  width: 50px;
  text-align: right;
  font-weight: bold;
}

#subplate_wrokprogress .btn_excess {
  text-align: right;
  display: none;
}
#subplate_wrokprogress .btn_excess .btn {
  margin-bottom: 10px;
  padding: 0 10px;
  line-height: 35px;
}
#subplate_wrokprogress .excess_wrap {
  text-align: right;
  display: none;
}
#subplate_wrokprogress .excess_wrap .input_excess {
  position: relative;
}
#subplate_wrokprogress .excess_wrap .input_excess .form_input {
  text-align: right;
  font-weight: bold;
  font-size: 24px;
}
#subplate_wrokprogress .excess_wrap .tips {
  background-color: #fff2b2;
  padding: 5px 10px;
  margin: 5px 0;
  color: #999;
}

#subplate_wrokprogress .form_wrokprogress .form_textarea .form_item_con textarea.form_input {
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-top: 5px;
}
#subplate_wrokprogress .form_wrokprogress .form_textarea .form_label {
  line-height: initial;
}
#subplate_wrokprogress .btn_wrokprogress_history {
  display: block;
  line-height: 40px;
  height: 40px;
}


#subplate_wrokprogress .wrokprogress_title {
  font-weight: bold;
  padding-bottom: 10px;
}

#subplate_wrokprogress .div_wrokprogress_wrap {
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 3px;
}

#subplate_wrokprogress .list_wrokprogress .item_wrokprogress {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
}
/*
#subplate_wrokprogress .list_wrokprogress .item_wrokprogress:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100px;
  background-color: #0ca7ff;
  margin-right: 10px;
}
*/
#subplate_wrokprogress .list_wrokprogress .item_wrokprogress .time {
  text-align: right;
  color: #999;
  padding-left: 10px;
}
#subplate_wrokprogress .list_wrokprogress .item_wrokprogress .perect {
  padding-right: 10px;
  font-size: 16px;
  font-weight: bold;
}
#subplate_wrokprogress .list_wrokprogress .item_wrokprogress .time {
  text-align: right;
  color: #999;
  padding-left: 10px;
}









/** 我的收支明细 金币流水 **/
#pointflow_main_top .tab_nav:nth-of-type(1) {
  background-color: #f8f8f8;
}
#pointflow_main_top .tab_nav:nth-of-type(1) {
  background-color: #f8f8f8;
}
#pointflow_main_top .div_dateregion {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f4f4f4;
  box-shadow: inset 0 2px 2px rgba(0,0,0,.1);
  padding: 0 20px;
  height: 40px;
  cursor: pointer;
}
#pointflow_main_top .div_dateregion .dateregiontext {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bold;
}
#pointflow_main_top .div_dateregion .dateregiontext span {
  color: #999;
  padding: 0 5px;
  font-weight: normal;
}

#pointflow_main_top .div_withdraw_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px;
  background-color: #f4f4f4;
  border-radius: 5px;
}
#pointflow_main_top .div_withdraw_tips {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
  padding-right: 10px;
  color: #666;
}
#pointflow_main_top .div_withdraw .btn {
  padding: 5px 10px;
}






#pointflow_main .list_pointflow {
  /*margin-left: 5px;
  margin-right: 5px;*/
  margin-bottom: 5px;
}
#pointflow_main .item_pointflow {
  padding: 15px 20px;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
}
#pointflow_main .item_pointflow .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
#pointflow_main .item_pointflow .title {
  /*white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;*/
  font-size: 14px;
  font-weight: bold;
}
#pointflow_main .item_pointflow .time {
  color: #999;
}
#pointflow_main .item_pointflow .point {
  /*position: absolute;
  top: 15px;
  right: 20px;*/
  font-size: 20px;
  font-weight: bold;
}


#pointflow_main .item_pointflow.state_income .point {
  color: #c44900;
}



/** 金币提现记录 **/
.list_withdrawpointflow {
  /*margin-left: 5px;
  margin-right: 5px;*/
  margin-bottom: 5px;
}
.item_withdrawpointflow {
  padding: 15px 20px;
  font-size: 12px;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
}
.item_withdrawpointflow .state {
  margin-right: 10px;
  font-size: 30px;
  color: #999;
}
.item_withdrawpointflow .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.item_withdrawpointflow .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 14px;
  font-weight: bold;
}
.item_withdrawpointflow .reviewer,
.item_withdrawpointflow .overtime,
.item_withdrawpointflow .time,
.item_withdrawpointflow .paymentmethod {
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item_withdrawpointflow .point {
  /*position: absolute;
  top: 15px;
  right: 20px;*/
  font-size: 20px;
  font-weight: bold;
}


.item_withdrawpointflow.state_over .point {
  color: #d63131;
}
.item_withdrawpointflow.state_sorry .title,
.item_withdrawpointflow.state_sorry .state {
  color: #d63131;
}
.item_withdrawpointflow.state_sorry .point {
  color: #999;
}
.item_withdrawpointflow.state_ok .state {
  color: #0ca7ff;
}
.item_withdrawpointflow.state_over .state {
  color: #00c800;
}








/** 任务结算 **/
#taskwindup_main_top .main_top_box {
  padding: 5px 20px;
}
#taskwindup_main_top .main_top_box .btn {
  display: block;
  line-height: 40px;
}
#taskwindup_main_top .item_progresspoint {
  padding: 30px 5px 0px;
}
#taskwindup_main_top .item_progresspoint .point {
  top: 0;
}
#taskwindup_main_top .item_progresspoint:before,
#taskwindup_main_top .item_progresspoint:after {
  top: 8px;
}



#taskwindup_main #taskwindup_grouppart .commonareacard_con {
  background-color: #dadfe2;
  padding: 5px;
}

/** 任务结算 列表项 **/

.item_windupedit {
  border-radius: 10px;
  padding: 10px;
  padding-left: 15px;
  margin-bottom: 5px;
  overflow: hidden;
}
.item_windupedit:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 5px;
  background-color: #666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_windupedit.active:before {
  background-color: #54d223;
}
.item_windupedit > .title_wrap {
  font-size: 14px;
  font-weight: bold;
  background-color: #f4f4f4;
  padding: 10px;
}
.item_windupedit > .title_wrap * {
  display: inline-block;
  vertical-align: middle;
}
.item_windupedit > .title_wrap .iconimg {
  width: 25px;
  height: 25px;
}
.item_windupedit .conditiontext {
  color: #666;
  padding: 10px;
}

.item_windupedit_box .form_check_wrap {

}

.item_windupedit_box .conditionitem {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  border-radius: 100px;
  cursor: pointer;
  padding: 10px;
  padding-left: 20px;
}
.item_windupedit_box .conditionitem.has_checkbox {
  padding-left: 10px;
}
.item_windupedit_box .conditionitem.has_checkbox:before {
  content: "\e836";
  display: block;
  font-family: 'Material Icons';
  color: #ddd;
  font-size: 24px;
  padding-right: 5px;
}
.item_windupedit_box .conditionitem .text {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 12px;
}
.item_windupedit_box .conditionitem .point {
  color: #f76a1d;
}
.item_windupedit_box .conditionitem .point * {
  display: inline-block;
  vertical-align: middle;
}
.item_windupedit_box .conditionitem .point .iconimg {
  margin: 0 2px;
}
.item_windupedit_box .conditionitem .point .num {
  color: #c34600;
  font-weight: bold;
}
.item_windupedit_box .conditionitem_wrap .conditionitem.active {
  color: #0ca7ff;
  background-color: #f4f4f4;
  box-shadow: inset 0 0 10px rgba(0,0,0,.1);
}
.item_windupedit_box .conditionitem_wrap .conditionitem.has_checkbox.active:before {
  content: "\e86c";
  color: #0ca7ff;
}
.item_windupedit_box .conditionitem_wrap .conditionitem.active .text {
  font-weight: bold;
}


.item_windupedit .btn_lockthetime {
  width: 100%;
  line-height: 40px;
  height: 40px;
  margin-top: 10px;
}
.item_windupedit .btn_lockthetime * {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}
.item_windupedit .btn_lockthetime .material-icons {
  padding-right: 5px;
}


.item_windupedit .lockthetime_time {
  text-align: right;
  padding: 5px 10px;
  color: #999;
  line-height: 40px;
}
.item_windupedit .lockthetime_time * {
  display: inline-block;
  line-height: inherit;
  vertical-align: top;
}
.item_windupedit .lockthetime_time .material-icons {
  padding-right: 5px;
}




/** 人员列表项 分配调整 **/
#taskwindup_adjustment .conditiontext {
  padding: 20px 20px 10px;
  text-align: right;
}
#taskwindup_adjustment .conditiontext * {
  display: inline-block;
  vertical-align: middle;
}
#taskwindup_adjustment .conditiontext .iconimg {
  margin: 0 2px;
}
#taskwindup_adjustment .conditiontext .num {
  color: #c34600;
  font-weight: bold;
}


/* 超额 */
#taskwindup_adjustment .excess_wrap {
  padding: 0 20px;
  text-align: right;
}
#taskwindup_adjustment .excess_wrap .iconimg {
  position: relative;
  top: 5px;
}
#taskwindup_adjustment .excess_wrap .form_input {
  text-align: right;
  border: 1px solid #ddd;
  padding: 0 5px;
  width: 70px;
  color: #c34600;
  font-weight: bold;
}
#taskwindup_adjustment .totalpoint {
  padding: 10px 20px 0;
  font-size: 20px;
}
#taskwindup_adjustment .totalpoint .iconimg {
  width: 30px;
  height: 30px;
}


#taskwindup_adjustment .list_person {
  padding: 0 20px 10px;
}

#taskwindup_adjustment .item_person {
  border-bottom: 1px solid #f4f4f4;
}
#taskwindup_adjustment .item_person .input_number_wrap {
  text-align: right;
}
#taskwindup_adjustment .item_person .input_number_wrap .reward_wrap .num {
  color: #c34600;
  font-weight: bold;
}
#taskwindup_adjustment .item_person .input_number_wrap .percent_wrap .num {
  font-weight: bold;
}
#taskwindup_adjustment .item_person .form_input {
  text-align: right;
  border: 1px solid #ddd;
  padding: 0 5px;
  width: 70px;
}
#taskwindup_adjustment .item_person .form_input:focus {
  border-color: #0ca7ff;
  background-color: #e8f7ff;
}
#taskwindup_adjustment .item_person .form_input::-webkit-inner-spin-button {
  display: none;
}
#taskwindup_adjustment .item_person .adjustmentperson_percent {
  text-align: right;
}
#taskwindup_adjustment .item_person .adjustmentperson_percent .form_check span {
  font-size: 12px;
  padding-right: 10px;
}
#taskwindup_adjustment .item_person .adjustmentperson_percent .form_check [type=checkbox] {
  margin-right: 5px;
}
#taskwindup_adjustment .item_person .adjustmentperson_percent .input_percent_wrap {
  position: relative;
  display: inline-block;
}

#taskwindup_adjustment .item_person .adjustmentperson_percent .input_percent_wrap .has_unit {
  padding-right: 25px;
}
#taskwindup_adjustment .item_person .adjustmentperson_percent .input_percent_wrap .form_unit {
  width: 20px;
  text-align: center;
}
#taskwindup_adjustment .item_person .input_number_wrap .iconimg {
  position: relative;
  top: 5px;
}
#taskwindup_adjustment .item_person .form_input[readonly] {
  background-color: #eee;
  color: #999;
}

#taskwindup_adjustment .tips_adjustmentperson .nothing {
  font-size: 16px;
  padding: 20px 0;
  color: #696161;
  font-weight: bold;
}







/** 计件 任务结算 **/
.taskwindup_bythepiece .conditiontext {
}
.taskwindup_bythepiece .conditiontext * {
  display: inline-block;
  vertical-align: middle;
}
.taskwindup_bythepiece .conditiontext .iconimg {
  margin: 0 2px;
}
.taskwindup_bythepiece .conditiontext .num {
  color: #c34600;
  font-weight: bold;
}

.taskwindup_bythepiece .commonareacard_con {
  padding: 10px 20px;
}


.taskwindup_bythepiece .commonareacard_con .reward_wrap {
  text-align: right;
}


.taskwindup_bythepiece .condition_totalcount_wrap {
  text-align: right;
  padding-top: 10px;
}


/** 计件人员列表项 任务结算 **/

.taskwindup_bythepiece .item_person {
  border-bottom: 1px solid #f4f4f4;
}
.taskwindup_bythepiece .item_person .input_number_wrap {
  position: relative;
}
.taskwindup_bythepiece .item_person .form_input {
  text-align: right;
  border: 1px solid #ddd;
  padding: 0 5px;
  width: 70px;
}
.taskwindup_bythepiece .item_person .form_input::-webkit-inner-spin-button {
  display: none;
}
.taskwindup_bythepiece .item_person .input_number_wrap .has_unit {
  padding-right: 20px;
}
.taskwindup_bythepiece .item_person .input_number_wrap .form_unit {
  width: 25px;
  text-align: center;
}

.taskwindup_bythepiece .item_person .point_wrap {
  text-align: right;
  margin-top: 10px;
}
.taskwindup_bythepiece .item_person .point_wrap * {
  display: inline-block;
  vertical-align: middle;
}
.taskwindup_bythepiece .item_person .point_wrap .iconimg {
  margin: 0 2px;
}
.taskwindup_bythepiece .item_person .point_wrap .num {
  color: #c34600;
  font-weight: bold;
}




/** 结算清单合计 任务结算 **/
#taskwindup_statement .commonareacard_con {
  padding: 20px;
}
#taskwindup_statement .conditiontext {
  padding-bottom: 10px;
  color: #999;
}

#taskwindup_statement .totalpoint_wrap {
  text-align: right;
  border-bottom: 1px solid #ccc;
  padding-bottom: 5px;
}
#taskwindup_statement .totalpoint_wrap * {
  display: inline-block;
  vertical-align: middle;
}
#taskwindup_statement .totalpoint_wrap .iconimg {
  margin: 0 2px;
}
#taskwindup_statement .totalpoint_wrap .num {
  color: #c34600;
  font-weight: bold;
}


#taskwindup_statement .item_person {
  border-bottom: 1px solid #f4f4f4;
  cursor: pointer;
}
/*
#taskwindup_statement .item_person .item_person_box {
  cursor: pointer;
}
*/
#taskwindup_statement .item_person .persontotalpoint_wrap {
  text-align: right;
}
#taskwindup_statement .item_person .persontotalpoint_wrap * {
  display: inline-block;
  vertical-align: middle;
}
#taskwindup_statement .item_person .persontotalpoint_wrap .iconimg {
  margin: 0 2px;
}
#taskwindup_statement .item_person .persontotalpoint_wrap .num {
  color: #c34600;
  font-weight: bold;
}
#taskwindup_statement .item_person .item_consultpersonpoint {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

#taskwindup_statement .item_person .list_consultpersonpoint {
  background-color: #f4f4f4;
  padding: 10px;
  border-radius: 4px;
  margin-top: 10px;
}
#taskwindup_statement .item_person .item_consultpersonpoint .pointtext {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
  color: #666;
}
#taskwindup_statement .item_person .item_consultpersonpoint .point_wrap * {
  display: inline-block;
  vertical-align: middle;
}
#taskwindup_statement .item_person .item_consultpersonpoint .point_wrap .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
#taskwindup_statement .item_person .item_consultpersonpoint .point_wrap .num {
  color: #c34600;
  font-weight: bold;
}


/** 其他备注 任务结算 **/
#taskwindup_remarks .commonareacard_con {
  padding: 20px;
}
#taskwindup_remarks .list_descimgs {
  font-size: 0;
  padding-top: 10px;
}
#taskwindup_remarks .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
#taskwindup_remarks .item_descimgs .btnbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#taskwindup_remarks .item_descimgs .btnbox .btn {
  padding: 2px;
  opacity: .8;
}


#taskwindup_remarks .item_descimgs .form_range {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#taskwindup_remarks .item_descimgs .form_range .form_range_bg {
  background-color: transparent;
}
#taskwindup_remarks .item_descimgs .form_range .form_range_bar {
  border-radius: 0;
  opacity: .5;
  background-color: #00ff43;
}


#taskwindup_remarks .list_descimgs .btn_plus {
  display: inline-block;
  width: 70px;
  line-height: 68px;
  height: 70px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 0;
}
#taskwindup_remarks .list_descimgs .btn_plus i {
  font-size: 40px;
}


/** 任务结算单 **/
.windupreview_main .commonareacard .commonareacard_title {
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}
.windupreview_main .commonareacard.fold .commonareacard_con {
  display: none;
}












/** 我的 **/
#index_me_main .card {
  margin-bottom: 5px;
  overflow: hidden;
}
#index_me_main .card_title {
  background-color: #f4f4f4;
  border-bottom: 1px solid #e7e7e7;
  line-height: 40px;
  height: 40px;
}
#index_me_main .card_title .planemenu_item {
  line-height: inherit;
  height: inherit;
}



/** 部门列表 通用 **/
.list_department {
  position: relative;
}
.item_department {
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}
.item_department:last-of-type {
  border-bottom: 0;
}
.item_department_box {
  /*padding-right: 60px;*/
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.item_department_a {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_department_box .form_check {
  display: block;
}
.item_department_box .name_wrap {
	display: inline;
}
.item_department_box .name {
  display: inline-block;
  font-size: 14px;
}

.item_department_box .form_check input[type="checkbox"]:checked + .name_wrap .name {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}

.item_department_box .persontotalnum {
  display: inline-block;
  color: #999;
  font-size: 12px;
}
.item_department_box .persontotalnum:before {
  content: "\ff08";
}
.item_department_box .persontotalnum:after {
  content: "\ff09";
}
.item_department .btn_lowerlevel {
  width: 60px;
  padding-left: 20px;
  line-height: 36px;
  position: relative;
}

.item_department .list_department {
  padding-left: 20px;
  background-color: rgba(0,0,0,.04);
  padding-top: 5px;
  padding-bottom: 5px;
}
.item_department .list_department:before {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 10px;
  bottom: 10px;
  border-left: 2px dotted #ccc;
}
.item_department > .item_department_box .btn_lowerlevel .material-icons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_department.fold > .item_department_box .btn_lowerlevel .material-icons {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.item_department.fold > .list_department {
  display: none;
}

/** 通用简版的人员列表 发布任务 **/
.list_person .item_person {
  display: block;
  position: relative;
  padding: 10px 0;
  font-size: 12px;
  line-height: initial;
  height: initial;
}
.list_person .item_person_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: initial;
  height: initial;
}
.list_person .item_person .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}

.list_person .item_person .avatar {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.list_person .item_person .avatar:first-letter {
  font-size: 14px;
}
.list_person .item_person .name {
  font-weight: bold;
}
.list_person .item_person .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
.list_person .item_person .phone {
  color: #999;
}
.list_person .item_person .date {
  text-align: right;
}
.list_person .item_person .date .date_time {
  color: #999;
}
.list_person .item_person .date .result.ok {
  font-weight: bold;
  color: #00c800;
}
.list_person .item_person .date .result.sorry {
  font-weight: bold;
  color: #f32d2d;
}


.list_person .item_person .reward {
  text-align: right;
}
.list_person .item_person .reward .percent {
  color: #999;
}
.list_person .item_person .reward .estimate * {
  display: inline-block;
  vertical-align: middle;
}
.list_person .item_person .reward .estimate .num {
  color: #c34600;
  font-weight: bold;
}
.list_person .item_person .reward .estimate .iconimg {
  margin: 0 2px;
}

.item_person.isgone {
  opacity: .7;
  background-color: #f4f4f4;
  outline: 5px solid #f4f4f4;
}
.item_person.isgone .phone {
  text-decoration: line-through;
}


/** 时间轴 任务详情页 **/
.list_eventtimeline {
  padding-right: 10px;
}
.item_eventtimeline {

}
.item_eventtimeline:before {
}
.item_eventtimeline .item_eventtimeline_title {
}
.item_eventtimeline .item_eventtimeline_title_box {
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
}
.item_eventtimeline .item_eventtimeline_title_box * {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.item_eventtimeline .item_eventtimeline_title_box .iconimg {
  width: 30px;
  height: 30px;
  margin-top: 5px;
}
.item_eventtimeline .item_eventtimeline_box {

}

.list_eventtimepoint {
  padding-left: 35px;
  position: relative;
}
.list_eventtimepoint:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  border-left: 1px dotted #999;/*dashed*/
}
.list_eventtimepoint:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  width: 1px;
  background-image: -webkit-linear-gradient(top, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.5) 50%, #e9e9e9);
  background-image: linear-gradient(to bottom, rgba(233, 233, 233, 0) 0%, rgba(233, 233, 233, 0.5) 50%, #e9e9e9);
}

.item_eventtimepoint {
  padding: 0 10px;
  margin-bottom: 5px;
}
.item_eventtimepoint.canfold .item_eventtimepoint_header {
  cursor: pointer;
}
.item_eventtimepoint.canfold .item_eventtimepoint_header:after {
  content: "\e313";
  font-family: 'Material Icons';
  font-size: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_eventtimepoint.canfold.fold .item_eventtimepoint_header:after {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.item_eventtimepoint .item_eventtimepoint_header {
  padding-top: 10px;
  padding-bottom: 10px;
  
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: initial;
  height: initial;
}
.item_eventtimepoint .item_eventtimepoint_header .title {
  font-size: 14px;
  font-weight: bold;
  
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_eventtimepoint .item_eventtimepoint_header .time {

}
.item_eventtimepoint .item_eventtimepoint_body {
  padding-bottom: 10px;
  border-top: 1px solid #f3f3f3;
  padding-top: 10px;
}
.item_eventtimepoint .form_item_btn .form_btn_part {
  overflow: initial;
}

#tabplate_eventtimeline .list_person {
  margin-bottom: 10px;
}
#tabplate_eventtimeline .list_person .item_person .name span {
  display: inline-block;
}
#tabplate_eventtimeline .list_person .item_person .reason {
  word-break: break-all;
  white-space: pre-wrap;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff3b6;
  border-radius: 4px;
  color: #b1360f;
}

.item_eventtimepoint .list_numberdashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 10px;
}
.item_eventtimepoint .item_numberdashboard {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
.item_eventtimepoint .item_numberdashboard .num {
  font-size: 18px;
  font-weight: bold;
  padding-top: 5px;
}

.item_eventtimepoint .applyextension_text {
  margin-bottom: 10px;
  margin-top: 0;
}
.item_eventtimepoint .applyextension_text dd {
  margin-left: 20px;
}

.item_eventtimepoint .form_item.form_item_btn {
  margin-top: 10px;
}


/** 通讯录（组织结构） **/

#organization_main_top {
  padding: 0 20px 10px;
}

#organization_main_top .search_box .input_search {
  background-color: #f4f4f4;
}


.crumb_department {
  color: #ccc;
  white-space: nowrap;
  overflow: auto;
}
.crumb_department * {
  display: inline-block;
  line-height: 30px;
  height: 30px;
  vertical-align: top;
}
.crumb_department .item {
  
}
.crumb_department .item .btn {
  padding: 0 5px;
  font-size: 14px;
}
.crumb_department .item:last-child .btn {
  font-weight: bold;
}


#organization_main .commonareacard_con {
  padding: 0 20px;
}

#organization_main .div_departmentandperson_wrap {

}
#organization_main .item_department {
  line-height: 50px;
  cursor: pointer;
}
#organization_main .item_department_box .name {
  font-size: 15px;
  font-weight: bold;
}

#organization_main .item_department .btn_lowerlevel {
  padding-left: 0;
}
#organization_main .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}



#organization_main .list_person {
  padding: 10px 0;
}
#organization_main .item_person {
  padding: 15px 0;
  cursor: pointer;
}


/** 人员资料 **/
#userinfo_main_top .main_top_box {

}
#userinfo_main_top .main_top_box .card_personbaseinfo {
  padding: 0 20px;
}
#userinfo_main_top .list_follow {
  width: 40px;
}
#userinfo_main_top .list_follow .item_follow {
  text-align: center;
  cursor: pointer;
  color: #888;
}
#userinfo_main_top .list_follow .item_follow .get {
  display: none;
}
#userinfo_main_top .list_follow .item_follow.active .out {
  display: none;
}
#userinfo_main_top .list_follow .item_follow.active .get {
  display: block;
  color: #f32d2d;
}
#userinfo_main_top .list_follow .item_follow.active .material-icons {
  color: #f32d2d;
}

#userinfo_main_top .list_persontag {
  font-size: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  padding: 0 20px 10px;
}
#userinfo_main_top .item_persontag {
  display: inline-block;
  background-color: #f8f8f8;
  color: #666;
  padding: 2px 8px;
  font-size: 12px;
  margin: 5px;
  font-weight: bold;
  vertical-align: top;
}
#userinfo_main .subbtn {
  position: absolute;
  top: 0;
  right: 5px;
  width: 35px;
}
#userinfo_main .subbtn:before {
  content: "";
  display: block;
  width: 35px;
  height: 35px;
  background-color: #f5f5f5;
  position: absolute;
  top: 50%;
  margin-top: -17.5px;
  border-radius: 50%;
}
#userinfo_main .subbtn i {
  line-height: 35px;
  color: #999;
  font-size: 18px;
}

/** 人员资料金币、薪果汇总 **/
#userinfo_main .userinfo_point .userinfo_point_part {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#userinfo_main .userinfo_point .iconimg {
  width: 30px;
  height: 30px;
}
#userinfo_main .userinfo_point .title {
  font-weight: bold;
  padding-right: 10px;
  padding-left: 5px;
}
#userinfo_main .userinfo_point .point {
  font-weight: bold;
  color: #c34600;
  font-size: 14px;
}
#userinfo_main .userinfo_point .ranking {

}


/** 发红包 **/
#userinfo_main_top .form_item_btn {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}
#userinfo_main_top .btn_who {
  width: 100%;
  line-height: 40px;
  height: 40px;
}


#usersend_main .totaltips {
  text-align: right;
  background-color: #fffad6;
  padding: 5px 5px 10px;
}
#usersend_main .totaltips * {
  display: inline-block;
  vertical-align: middle;
}
#usersend_main .totaltips .iconimg {
  margin: 0 2px;
}
#usersend_main .totaltips .num {
  color: #c34600;
  font-weight: bold;
}
#usersend_main .totaltips .btn_useall {
  padding: 5px 5px;
}

#usersend_main .input_pressnumber_wrap {
  position: relative;
}
#usersend_main .input_pressnumber {
  font-size: 20px;
  font-weight: bold;
  text-align: right;
  padding-left: 50px;
  color: #c34600;
  border: 1px solid #ccc;
  height: 50px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  background-color: #fff7bf;
}

#usersend_main .input_pressnumber {
  font-size: 26px;
  font-weight: bold;
  text-align: right;
  padding-left: 50px;
  padding-right: 10px;
  color: #db3400;
  border: 1px solid #db3400;
  height: 50px;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(243, 45, 45, .2);
  background-color: #fff0a8;
}
#usersend_main .input_pressnumber::-webkit-inner-spin-button {
  margin-left: 5px;
}
#usersend_main .form_item.focus .input_pressnumber {
  border-color: #555;
  background-color: #fff;
}
#usersend_main .input_pressnumber_wrap .iconimg {
  position: absolute;
  top: 9px;
  left: 10px;
  width: 30px;
  height: 30px;
}

#usersend_main [name=input_remark] {
  border-radius: 4px;
  border: 1px solid #e8e8e8;
  padding: 10px;
}
#usersend_main .form_item.focus [name=input_remark] {
  border-color: #555;
}

#usersend_main .form_item_btn {
  padding-bottom: 10px;
}

#usersend_main .form_item_btn .btn {
  line-height: 50px;
}

#usersend_main #div_selectauditor {
  margin-bottom: 20px;
}
#usersend_main .list_person .item_person .btn_removeperson {
  width: 38px;
  color: #ef3a3a;
}


/** 成长阶梯 **/
#ladder_main_top .tab_nav {
  display: block;
  text-align: center;
}
#ladder_main_top .tab_nav .item {
  padding-left: 15px;
  padding-right: 15px;
}
#ladder_main_top .tab_nav .currentstage_title {
  font-size: 14px;
}
#ladder_main_top .tab_nav .currentstage_text {
  background-color: #999;
  color: #fff;
  border-radius: 4px;
  display: inline-block;
  padding: 0 10px;
}
#ladder_main_top .tab_nav .item.active .currentstage_text {
  background-color: #0081e6;
}

#ladder_main {
  padding-left: 20px;
  padding-right: 20px;
}
.list_growthladder {

}


/** 申请金币提现 **/
.item_withdrawpaymentmethod {
  border: 1px solid #eee;
  margin: 5px 0;
  padding: 10px;
  background-color: #f4f4f4;
  border-radius: 4px;
}
.item_withdrawpaymentmethod .form_input {
  background-color: transparent;
}
.item_withdrawpaymentmethod .paymentmethod_icon {
  width: 40px;
  height: 40px;
}

/** 阶梯项 成长阶梯 **/
.ladderarrow {
  min-height: 66px;
  position: relative;
  margin-bottom: 5px;
  color: #666;
  font-size: 16px;
  font-weight: bold;
  padding: 35px 0 10px 50px;
  text-shadow: 0 1px 3px rgba(0,0,0,.1);
}
.ladderarrow:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-width: 0 25px 25px;
  border-style: solid;
  border-color: transparent transparent #ccc;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 5px #a7a7a7;
}
.ladderarrow:after {
  content: "";
  display: block;
  position: absolute;
  top: 25px;
  left: 10px;
  bottom: 0;
  width: 30px;
  background-color: #ccc;
  border-bottom: 5px solid #a7a7a7;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
}


.item_ladderstep {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  background-color: #fff;
  margin-bottom: 5px;
  border-radius: 0;
  width: 80%;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
}
.item_ladderstep.active {
  width: 100%;
}
.item_ladderstep .leftpadding {
  width: 10px;
  border-bottom: 5px solid #ccc;
}
.item_ladderstep .arrow {
  background-color: #ccc;
  border-bottom: 5px solid #a7a7a7;
  width: 30px;
  text-align: center;
  line-height: 56px;
  font-weight: bold;
  color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_ladderstep_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border-bottom: 5px solid #ccc;
  overflow: hidden;
}
.item_ladderstep .item_ladderstep_con {
  padding: 0px 10px 15px;
  margin-top: -10px;
  display: none;
}
.item_ladderstep .item_ladderstep_title {
  color: #333;
  font-size: 20px;
  font-weight: bold;
  padding: 15px 10px;
  position: relative;
  z-index: 1;
}
/*
.item_ladderstep .item_ladderstep_con {
  display: none;
}
.item_ladderstep.active .item_ladderstep_con {
  display: block;
}
*/
.item_ladderstep_subtitle {
  color: #999;
  padding: 10px 0 5px;
}
.item_ladderstep_subtitle:before {
  content: "";
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: #ccc;
  border-radius: 100px;
  position: relative;
  top: -2px;
  left: -5px;
}

.item_ladderstep .list_person {
  margin: 0 -10px;
}
.item_ladderstep .item_person {
  padding: 10px;
  border-bottom: 1px solid #f4f4f4;
}
.item_ladderstep .item_person:nth-child(odd) {
  background-color: #f4f4f4;
}
.item_ladderstep .item_person .btn_visit_wrap {
  text-align: right;
}
.item_ladderstep .item_person .btn_visit {
  padding: 2px 10px;
}
.item_ladderstep .item_person .visitresult * {
  vertical-align: middle;
}
.item_ladderstep .item_person .visitresult.pass {
  color: #17d403;
}
.item_ladderstep .item_person .visitresult.fail {
  color: #f15353;
}

.item_ladderstep .asset_wrap .asset_item {
  display: inline-block;
  padding: 0 5px;
}
.item_ladderstep .asset_wrap .asset_item * {
  vertical-align: top;
  line-height: 20px;
  color: #c44900;
  font-weight: bold;
}
.item_ladderstep .asset_wrap .asset_item .iconimg {
  margin-right: 5px;
}
.item_ladderstep.step_footprint .arrow {
  background-color: #acff3e;
  border-color: #91da31;
}
.item_ladderstep.step_now {
  box-shadow: 0 1px 10px rgba(44, 128, 35, .5);
  outline: 1px solid #17d403;
}
.item_ladderstep.step_now .item_ladderstep_title {
  color: #2aa01e;
}
.item_ladderstep.step_now .arrow {
  background-color: #17d403;
  border-color: #34b727;
}
.item_ladderstep.step_now .leftpadding,
.item_ladderstep.step_now .item_ladderstep_box {
  border-color: #99b597;
}
.item_ladderstep.step_target {
  box-shadow: 0 1px 10px rgba(214, 51, 51, .5);
  outline: 1px solid #f15353;
}
.item_ladderstep.step_target .item_ladderstep_title {
  color: #d63232;
}
.item_ladderstep.step_target .arrow {
  background-color: #f15353;
  border-color: #d63232;
}
.item_ladderstep.step_target .leftpadding,
.item_ladderstep.step_target .item_ladderstep_box {
  border-color: #d2a0a0;
}

.item_ladderstep .remark_refuse {
  word-break:break-all;
  word-wrap:break-word;
  background-color: #f4f4f4;
  padding: 10px;
  box-shadow: inset 0 0 1px red;
  margin-right: 5px;
}


/** 阶梯考试门槛 **/
.item_ladderstep .list_ladderexam {
  margin: 0 -10px;
}
.item_ladderstep .item_ladderexam {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.item_ladderstep .item_ladderexam_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.item_ladderstep .item_ladderexam:nth-child(odd) {
  background-color: #f4f4f4;
}
.item_ladderstep .item_ladderexam .title {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bold;
  word-break: break-all;
  word-wrap: break-word;
}
.item_ladderstep .item_ladderexam .examresult.pass {
  color: #17d403;
}
.item_ladderstep .item_ladderexam .examresult.fail {
  color: #f15353;
}
.item_ladderstep .item_ladderexam .btn_ladderexam_wrap {
  text-align: right;
}
.item_ladderstep .item_ladderexam .btn {
  padding: 2px 10px;
}
.item_ladderstep .item_ladderexam .examresult * {
  vertical-align: middle;
}



/** 所有的成长阶梯 **/
.card_allgrowthladder .planemenu_item .label {
  font-weight: bold;
  font-size: 14px;
  color: #333;
}



/** 我的收支明细 金币流水 **/
#manageinterview_main_top .tab_nav:nth-of-type(1) {
  background-color: #f8f8f8;
}
#manageinterview_main_top .tab_nav:nth-of-type(1) {
  background-color: #f8f8f8;
}
#manageinterview_main_top .div_dateregion {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  background-color: #f4f4f4;
  box-shadow: inset 0 2px 2px rgba(0,0,0,.1);
  padding: 0 20px;
  height: 40px;
  cursor: pointer;
}
#manageinterview_main_top .div_dateregion .dateregiontext {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-weight: bold;
}
#manageinterview_main_top .div_dateregion .dateregiontext span {
  color: #999;
  padding: 0 5px;
  font-weight: normal;
}

#manageinterview_main .item_interview {
  margin-bottom: 5px;
  padding: 15px 20px;
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#manageinterview_main .item_interview .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#manageinterview_main .item_interview .title {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
#manageinterview_main .item_interview .subtitle {
  font-weight: bold;
  color: #333;
}
#manageinterview_main .item_interview .time {
  color: #999;
}
#manageinterview_main .item_interview .state {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
#manageinterview_main .item_interview.active .state {
  color: #f32d2d;
}


/** 修改个人资料 **/
#userprofile_main .profile_avatar {
  width: 100px;
  height: 100px;
  background-color: #f4f4f4;
  cursor: pointer;
}
#userprofile_main .form_input[readonly] {
  color: #888;
}
#userprofile_main .form_item_btn {
  padding-top: 15px;
}




/** 审核情况 **/
#subplate_taskreviewinfo {
  z-index: 5;
}
#subplate_taskreviewinfo .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_taskreviewinfo .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
  overflow: auto;
}

#subplate_taskreviewinfo .taskview_keyman_title {
  color: #666;
  font-weight: bold;
  padding: 5px 10px;
  margin-left: -10px;
  margin-right: -10px;
}

#subplate_taskreviewinfo .taskview_keyman {
  padding: 10px 0;
}


#subplate_taskreviewinfo .taskview_keyman .item_person {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
#subplate_taskreviewinfo .taskview_keyman .item_person .date {
  top: 10px;
}
#subplate_taskreviewinfo .taskview_keyman .item_person .avatar {
  top: 10px;
}

#subplate_taskreviewinfo .taskview_keyman .reason {
  word-break: break-all;
  white-space: pre-wrap;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff3b6;
  border-radius: 4px;
  color: #b1360f;
}
#subplate_taskreviewinfo .taskreviewinfo_history .taskview_keyman .reason {

}
.btn_taskreviewinfo_history {
  display: block;
  line-height: 40px;
  height: 40px;
}


/** 驳回任务 弹框 **/
#poptips .rejectbox_reason .form_check {
  display: block;
  text-align: left;
}
#poptips .rejectbox_reason .form_label {
  line-height: 30px;
}
#poptips .rejectbox_reason textarea.form_input {
  background-color: #f4f4f4;
  padding: 10px;
}
#poptips .rejectbox_reason textarea.form_input:focus {
  background-color: #fff;
}

/** 访谈反馈 **/
#interview_main_top .main_top_box {

}
#interview_main_top .main_top_box .card_personbaseinfo {
  padding: 0 20px;
}

#interview_main_top .list_persontag {
  font-size: 0;
  margin-bottom: -5px;
  margin-left: -5px;
  padding: 0 20px 10px;
}
#interview_main_top .item_persontag {
  display: inline-block;
  background-color: #f8f8f8;
  color: #666;
  padding: 2px 8px;
  font-size: 12px;
  margin: 5px;
  font-weight: bold;
  vertical-align: top;
}
#interview_main_top .extrainfo {
  padding: 0 20px;
}

#interview_main .form_item_btn {
  padding-top: 15px;
}
#interview_main .form_check span {
  font-size: 14px;
}


/** 任务成员列表 **/
#taskmember_main_top {
  padding: 0 20px;
}
#taskmember_main_top .form_item {
  padding-bottom: 10px;
}
#taskmember_main_top .form_item_btn .form_btn {
  padding: 0 10px;
}
#taskmember_main .list_person .item_person .btnbox .btn {
  padding: 5px 5px;
}

/** 创建任务 发布任务 **/

#taskedit_main {
  z-index: 3;
  position: relative;
}

#taskedit_main #div_taskinfo {
  padding: 15px 15px 0;
  margin-top: 90px;
  background-color: #fff;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 5px;
  z-index: 1;
  position: relative;
  border-radius: 20px 20px 0 0;
  box-shadow: 0 1px 30px rgba(0,0,0,.4);
}
#taskedit_main #div_taskinfo .list_progresspoint_wrap {
  margin-left: -15px;
  margin-right: -15px;
}
#taskedit_main #div_taskinfo .list_progresspoint_wrap .item_progresspoint {
  padding-bottom: 10px;
  padding-top: 30px;
}
#taskedit_main #div_taskinfo .list_progresspoint_wrap .item_progresspoint .point {
  top: 5px;
}
#taskedit_main #div_taskinfo .list_progresspoint_wrap .item_progresspoint:before,
#taskedit_main #div_taskinfo .list_progresspoint_wrap .item_progresspoint:after {
  top: 13px;
}

#taskedit_main #div_taskinfo .item_progresspoint {
  cursor: pointer;
}

#taskedit_main .taskicon_wrap {
  text-align: center;
  margin-top: -65px;
  margin-bottom: 10px;
  cursor: pointer;
}
#taskedit_main .taskicon {
  width: 100px;
  height: 100px;
}
#taskedit_main .tasktype {
  font-weight: bold;
  font-size: 20px;
  margin-top: -20px;
  background-color: #fff;
  z-index: 1;
  position: relative;
  width: 150px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 6px;
  padding: 5px;
  box-shadow: 0 -3px 3px 0px;
}
#taskedit_main .taskedit_card_form {
  padding-top: 30px;
  -webkit-transition: all 0.3s;
	transition: all 0.3s;
}


#taskedit_main .taskedit_steptitle {
  position: absolute;
  top: 5px;
  left: 5px;
  border-radius: 100px;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
  font-size: 16px;
  font-weight: bold;
  color: #2bb2ff;
  border: 2px solid #2bb2ff;
}

#taskedit_main .div_howin {
  padding: 2px 0;
  text-align: center;
}
#taskedit_main .div_howin .div_howin_title {
  padding-bottom: 10px;
}
#taskedit_main .div_howin .btn {
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  min-width: 100px;
}
#taskedit_main .div_howin_appoint .btn_selectperson,
#taskedit_main .div_howin_assessor .btn_selectperson {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}

#taskedit_main .task_addr {
  position: relative;
}
#taskedit_main .task_addr .btn_removeaddr {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
  position: absolute;
  top: 0;
  right: 0;
}
#taskedit_main .task_addr .form_static .material-icons {
  position: absolute;
  top: 8px;
  left: 0;
  color: #666;
}
#taskedit_main .task_addr .form_static {
  padding-left: 30px;
}

#taskedit_main .list_descimgs {
  font-size: 0;
}
#taskedit_main .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
#taskedit_main .item_descimgs .btnbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#taskedit_main .item_descimgs .btnbox .btn {
  padding: 2px;
  opacity: .8;
}


#taskedit_main .item_descimgs .form_range {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#taskedit_main .item_descimgs .form_range .form_range_bg {
  background-color: transparent;
}
#taskedit_main .item_descimgs .form_range .form_range_bar {
  border-radius: 0;
  opacity: .5;
  background-color: #00ff43;
}
#taskedit_main .list_descimgs .btn_plus {
  display: inline-block;
  width: 70px;
  line-height: 68px;
  height: 70px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 0;
}
#taskedit_main .list_descimgs .btn_plus i {
  font-size: 40px;
}




/** 选择面向部门 发布任务 **/
#taskedit_main .div_howin_enroll .enrolldepartment_wrap .list_enrolldepartment {

}
#taskedit_main .div_howin_enroll .enrolldepartment_wrap .item_enrolldepartment .name {
  display: inline-block;
  font-weight: bold;
}
#taskedit_main .div_howin_enroll .enrolldepartment_wrap .item_enrolldepartment .num {
  display: inline-block;
}
#taskedit_main .div_howin_enroll .item_enrolldepartment {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .item_enrolldepartment_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .item_enrolldepartment_box .name small {
  color: #999;
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .item_enrolldepartment_box .num {
  padding-left: 5px;
  color: #999;
  font-size: 12px;
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .item_enrolldepartment_box .num:before {
  content: "\ff08";
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .item_enrolldepartment_box .num:after {
  content: "\ff09";
}
#taskedit_main .div_howin_enroll .item_enrolldepartment .btn_removeenrolldepartment {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}

#taskedit_main .enrolldepartment_wrap .btn_selectdepartment {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#taskedit_main .div_howin_enroll .div_people_num {
  position: relative;
}
#taskedit_main .div_howin_enroll .div_people_num .material-icons {
position: absolute;
  top: 5px;
  left: 0;
  height: 30px;
  line-height: 30px;
  color: #555;
}
#taskedit_main .div_howin_enroll .div_people_num .form_input {
  padding-left: 40px;
  font-size: 16px;
  font-weight: bold;
}
#taskedit_main .div_howin_enroll .div_people_num .form_input::-webkit-input-placeholder {
  font-size: 14px;
  font-weight: normal;
}


/** 选择报名条件 发布任务 **/
#taskedit_main .div_howin_selected .btn {
  float: right;
}


#taskedit_main .div_howin_enroll .item_enrollcondition_group {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
}
#taskedit_main .div_howin_enroll .item_enrollcondition_group .item_enrollcondition {
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 2px 0;
}
#taskedit_main .div_howin_enroll .item_enrollcondition_group .item_enrollcondition .label {
  display: block;
  min-width: 50px;
  max-width: 65px;
  color: #999;
  padding-right: 5px;
}
#taskedit_main .div_howin_enroll .item_enrollcondition_group .item_enrollcondition .text {
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#taskedit_main .div_howin_enroll .item_enrollcondition_group .item_enrollcondition .text em {
  -webkit-transform: scale(.8);
  transform: scale(.8);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  display: inline-block;
  font-style: initial;
  color: #999;
}
#taskedit_main .btn_removeenrollcondition_group_wrap {
  text-align: right;
  margin-top: -10px;
  margin-right: -20px;
  margin-bottom: -10px;
}
#taskedit_main .btn_removeenrollcondition_group_wrap .btn_removeenrollcondition_group {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}

#taskedit_main .enrollcondition_wrap .btn_enrollcondition {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}




/** 选择任务审核人 发布任务 **/
#taskedit_main .div_howover_rule .btn_newrule {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}



#taskedit_main .div_howover_rule .item_rule {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 10px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
}
#taskedit_main .div_howover_rule .item_rule .rule_islocked {
  text-align: right;
  background-color: #ef3a3a;
  color: #fff;
  margin: -10px -20px 10px;
  border-radius: 10px 10px 0 0;
  padding: 5px 10px;
  display: none;
}
#taskedit_main .div_howover_rule .item_rule.islocked {
  border-color: #ef3a3a;
  cursor: not-allowed;
}
#taskedit_main .div_howover_rule .item_rule.islocked .rule_islocked {
  display: block;
}

#taskedit_main .div_howover_rule .item_rule .rule_title {
  font-size: 14px;
  font-weight: bold;
}
#taskedit_main .div_howover_rule .item_rule .rule_title em {
  font-style: normal;
  font-weight: normal;
  padding-right: 2px;
  font-size: 12px;
}
#taskedit_main .div_howover_rule .item_rule .rule_point {
  color: #999;
}
#taskedit_main .div_howover_rule .item_rule .rule_point b {
  color: #ef3a3a;
}


#taskedit_main .div_howover_rule .list_ruleterm {
  background-color: #e8e8e8;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 1px;
  padding: 2px 0;
}
#taskedit_main .div_howover_rule .item_ruleterm {
	display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 2px 10px;
  border-bottom: 1px dotted #d8d8d8;
}
#taskedit_main .div_howover_rule .item_ruleterm:last-of-type,
#taskedit_main .div_howover_rule .item_ruleterm:last-child {
  border-bottom: none;
}
#taskedit_main .div_howover_rule .list_ruleterm .text {
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#taskedit_main .div_howover_rule .list_ruleterm .point {
	color: #ef3a3a;
  font-weight: bold;
}
#taskedit_main .div_howover_rule .item_rule .btn_removerule_wrap {
  text-align: right;
  margin-top: -10px;
  margin-right: -20px;
  margin-bottom: -25px;
}
#taskedit_main .div_howover_rule .item_rule .btn_removerule {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}

/** 预算金币 发布任务 **/
#taskedit_main .div_taskbudget .div_taskbudget_tips {
  text-align: right;
  font-size: 12px;
  margin-bottom: 5px;
  color: #999;
}
#taskedit_main .div_taskbudget .div_taskbudget_tips .department {
  font-weight: bold;
  color: #666;
}
#taskedit_main .div_taskbudget .div_taskbudget_tips .point {
  font-weight: bold;
  color: #ef3a3a;
}
#taskedit_main .div_taskbudget .form_range {
  height: 20px;
  margin: 5px 0;
  border: 2px solid #ccc;
  background-color: #ccc;
}
#taskedit_main .div_taskbudget .form_range.warning .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ffb42b, #ff8833);
  background-image: linear-gradient(to right, #ffb42b, #ff8833);
}
#taskedit_main .div_taskbudget .form_range.danger .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ff8833, #ff442b);
  background-image: linear-gradient(to right, #ff8833, #ff442b);
}
#taskedit_main .div_taskbudget .form_range.danger {
  border-color: #ff442b;
}
#taskedit_main .div_taskbudget .form_range .form_range_bar {
  
}

#taskedit_main .div_taskbudget .task_budget_wrap {
  position: relative;
}
#taskedit_main .div_taskbudget .task_budget_wrap .form_input {
  padding-left: 40px;
  color: #ff5d2b;
  font-size: 16px;
  font-weight: bold;
}
#taskedit_main .div_taskbudget .task_budget_wrap .iconimg {
  position: absolute;
  top: 4px;
  left: 0;
  width: 30px;
  height: 30px;
}





/** 选择面向人员 发布任务 **/
.div_howin_appoint .list_person {
  overflow: auto;
  max-height: 300px;
  margin-bottom: 5px;
}
#taskedit_main .list_person .item_person .btn_removeperson {
  width: 38px;
  color: #ef3a3a;
}


#subplate_facedepartment {
  z-index: 5;
}
#subplate_facedepartment .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_facedepartment .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_facedepartment .tips_departmentselected {
  line-height: 30px;
  height: 30px;
  /*max-width: 640px;
  margin: 0 auto;*/
}
#subplate_facedepartment .subplate_box > .list_department {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
#subplate_facedepartment .subplate_box > .list_department > .item_department {
  padding: 0 5px 0 15px;
}

/** 指定报名人 发布任务 **/
#subplate_appointperson {
  z-index: 5;
}
#subplate_appointperson .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_appointperson .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_appointperson .tips_departmentselected {
  line-height: 30px;
  height: 30px;
  /*max-width: 640px;
  margin: 0 auto;*/
}

#subplate_appointperson .subplate_box .div_departmentandperson_wrap,
#subplate_appointperson .subplate_box .div_searchperson {
  position: absolute;
  top: 115px;/*65px*/
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  border-top: 5px solid #ccc;
}
#subplate_appointperson .subplate_box .search_box .input_search {
  background-color: #f4f4f4;
}
#subplate_appointperson .subplate_box .item_department {
  padding: 0 5px 0 15px;
}
#subplate_appointperson .subplate_box .list_person {
  border-top: 5px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
}
#subplate_appointperson .item_person {
  padding: 5px 5px 5px 15px;
  line-height: initial;
  height: initial;
  cursor: pointer;
}
#subplate_appointperson .subplate_box .list_person .item_person .name_wrap {

}
#subplate_appointperson .subplate_box .department,
#subplate_appointperson .subplate_box .phone {

}
#subplate_appointperson .item_department .btn_lowerlevel {
  padding-left: 0;
}
#subplate_appointperson .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}

#subplate_appointperson .item_person.active .name_wrap,
#subplate_appointperson .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#subplate_appointperson .item_person.active .avatar,
#subplate_appointperson .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}

/** 设置报名条件面板 **/
#subplate_enrollcondition {
  z-index: 5;
}
#subplate_enrollcondition .subplate {
  padding-bottom: 100px;
  padding-top: 20px;
}
#subplate_enrollcondition .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  position: relative;
}
#subplate_enrollcondition .item_enrollcondition.active {
  border: 1px solid #999;
  border-top-width: 4px;
  border-radius: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0 10px 10px;
  margin-bottom: 5px;
  display: block;
}
#subplate_enrollcondition .btn_mixrange_add,
#subplate_enrollcondition .btn_notset {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#subplate_enrollcondition .btn_cancelset {
  text-align: right;
  margin-right: -10px;
  /* background-color: #f4f4f4; */
  padding-right: 10px;
  border-radius: 0 10px 0 0;
  /*position: absolute;
  right: 0;
  top: 0;*/
  display: none;
}
#subplate_enrollcondition .item_enrollcondition.active .btn_cancelset {
  display: block;
}
#subplate_enrollcondition .item_enrollcondition.active .btn_notset {
  display: none;
}

#subplate_enrollcondition .btn_cancelset .btn {
  line-height: 30px;
  color: #555;
  font-size: 12px;
}
#subplate_enrollcondition .btn_cancelset .btn .material-icons {
  font-size: 18px;
}
#subplate_enrollcondition .btn_cancelset .btn span {
  vertical-align: middle;
}
#subplate_enrollcondition .item_enrollcondition.active .form_item_con {
  padding-left: 0;
}
#subplate_enrollcondition .item_enrollcondition.active .form_label {
  padding-left: 10px;
}
#subplate_enrollcondition .item_enrollcondition_box {
  /*padding-top: 40px;*/
}
#subplate_enrollcondition .item_enrollcondition_box .form_check {
  margin-right: 5px;
}
#subplate_enrollcondition .item_enrollcondition_box .form_check input[type="checkbox"] {
  margin-right: 2px;
}



.form_mixrange {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.form_mixrange .form_input {
	-webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
  border: 1px solid #e8e8e8;
}
.form_mixrange span {
	padding: 0 5px;
}

.form_tinytips {
  font-size: 12px;
  padding: 2px 0;
  color: #999;
}
.form_tinytips .form_tinytips_icon {
  font-size: 18px;
  vertical-align: middle;
  margin-right: 2px;
}
.form_tinytips .form_tinytips_text {
  vertical-align: middle;
}

#subplate_enrollcondition .item_mixrange {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 3px 0;
}
#subplate_enrollcondition .item_mixrange .btn_mixrange_remove {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}
#subplate_enrollcondition .item_mixrange .form_mixrange {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

/** 部门 设置报名条件 面板 **/
#subplate_enrollcondition .item_conditiondepartment .name {
  display: inline-block;
  font-weight: bold;
}
#subplate_enrollcondition .item_conditiondepartment .num {
  display: inline-block;
}
#subplate_enrollcondition .item_conditiondepartment {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#subplate_enrollcondition .item_conditiondepartment .item_enrolldepartment_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
}
#subplate_enrollcondition .item_conditiondepartment .item_enrolldepartment_box .name small {
  color: #999;
}
#subplate_enrollcondition .item_conditiondepartment .item_enrolldepartment_box .num {
  padding-left: 5px;
  color: #999;
  font-size: 12px;
}
#subplate_enrollcondition .item_conditiondepartment .item_enrolldepartment_box .num:before {
  content: "\ff08";
}
#subplate_enrollcondition .item_conditiondepartment .item_enrolldepartment_box .num:after {
  content: "\ff09";
}
#subplate_enrollcondition .item_conditiondepartment .btn_removeenrolldepartment {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}
#subplate_enrollcondition .div_enrollcondition_department .btn_department,
#subplate_enrollcondition .btn_selectedexper {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}


#subplate_enrollcondition .item_enrolldepartment {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#subplate_enrollcondition .item_enrolldepartment .name {
  display: inline-block;
  font-weight: bold;
}
#subplate_enrollcondition .item_enrolldepartment .num {
  display: inline-block;
}
#subplate_enrollcondition .item_enrolldepartment .item_enrolldepartment_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
#subplate_enrollcondition .item_enrolldepartment .item_enrolldepartment_box .name small {
  color: #999;
}
#subplate_enrollcondition .item_enrolldepartment .item_enrolldepartment_box .num {
  padding-left: 5px;
  color: #999;
  font-size: 12px;
}
#subplate_enrollcondition .item_enrolldepartment .item_enrolldepartment_box .num:before {
  content: "\ff08";
}
#subplate_enrollcondition .item_enrolldepartment .item_enrolldepartment_box .num:after {
  content: "\ff09";
}
#subplate_enrollcondition .item_enrolldepartment .btn_removeenrolldepartment {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}
#subplate_enrollcondition .item_enrollcondition_exper {
  border: 1px solid #999;
  border-left-width: 4px;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 5px;
  background-color: #f4f4f4;
}
#subplate_enrollcondition .item_enrollcondition_exper .item_enrollcondition_exper_title {
  margin-bottom: 5px;
}



/** 选择筛选部门面板 筛选项 **/

#subplate_enrollcondition_department {
  z-index: 5;
}
#subplate_enrollcondition_department .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_enrollcondition_department .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_enrollcondition_department .tips_departmentselected {
  line-height: 30px;
  height: 30px;
  /*max-width: 640px;
  margin: 0 auto;*/
}
#subplate_enrollcondition_department .subplate_box > .list_department {
  position: absolute;
  top: 30px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}
#subplate_enrollcondition_department .subplate_box > .list_department > .item_department {
  padding: 0 5px 0 15px;
}


/** 选择增加考核项目类型面板 **/
#subplate_ruletype {
  z-index: 5;
}
#subplate_ruletype .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_ruletype .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
/* 选考核类型 增加考核项目面板 */
#subplate_ruletype .btnbox_ruletype .btn {
  width: 100%;
  margin-bottom: 5px;
  padding: 10px 5px;
}
#subplate_ruletype .btnbox_ruletype .btn big {
  line-height: 24px;
}
#subplate_ruletype .btnbox_ruletype .btn big .material-icons {
  margin-right: 5px;
}
#subplate_ruletype .btnbox_ruletype .btn big span {
  display: inline-block;
  font-weight: bold;
  margin-right: 10px;
}

/** 增加考核项目面板 **/
#subplate_rule {
  z-index: 5;
}
#subplate_rule .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_rule .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_rule .subplate_box .list_rulecheckstep_wrap {
  padding-bottom: 80px;
}

/* 阶段值 增加考核项目面板 */
.item_rulecheckstep {
  position: relative;
  border: 1px solid #999;
  border-top: 4px solid #999;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,.2);
}
.item_rulecheckstep .input_checkstep_expect_wrap,
.item_rulecheckstep .input_checkstep_desc_wrap {
  position: relative;
}
.item_rulecheckstep .input_checkstep_expect,
.item_rulecheckstep .input_checkstep_desc {
  width: 100%;
  padding-right: 100px;
  padding-left: 40px;
  font-weight: bold;
}
.input_checkstep_expect_wrap .icon,
.input_checkstep_desc_wrap .icon {
  position: absolute;
  top: 0;
  line-height: 40px;
  width: 40px;
  text-align: center;
  color: #666;
}
.input_checkstep_expect_wrap .tiptext,
.input_checkstep_desc_wrap .tiptext {
  position: absolute;
  top: 0;
  left: 40px;
  line-height: 40px;
}
.input_checkstep_expect_wrap .form_unit,
.input_checkstep_desc_wrap .form_unit {
  width: 30px;
}
.item_rulecheckstep .input_checkstep_point {
  width: 100%;
  padding-left: 40px;
  border-bottom: none;
  color: #ff5d2b;
  font-weight: bold;
}
.item_rulecheckstep .input_checkstep_point_wrap {
  position: relative;
}
.item_rulecheckstep .iconimg {
  position: absolute;
  top: 6px;
  left: 7px;
  width: 26px;
  height: 26px;
}
.item_rulecheckstep .btnbox {
  position: absolute;
  top: 0;
  right: 0;
}

.item_rulecheckstep .btn {
  line-height: 38px;
  width: 26px;
}
.item_rulecheckstep .btn .material-icons {
  line-height: 38px;
}
.item_rulecheckstep .btn_checkstep_remove {
  color: #ef3a3a;
  width: 38px;
}

.item_rulecheckstep:first-of-type .btn_checkstep_up,
.item_rulecheckstep:last-of-type .btn_checkstep_down {
  opacity: 0;
}


.item_rulecheckstep .btn_calc {
  line-height: 38px;
  width: 38px;
  color: #666;
  position: absolute;
  bottom: 0;
  right: 0;
}
.item_rulecheckstep .btn_calc .material-icons {
  line-height: 38px;
}

.item_rulecheckstep .form_range_wrap {
  position: relative;
  display: none;
}
.item_rulecheckstep.unfold .form_range_wrap {
  display: block;
}
.item_rulecheckstep .form_range {
  margin-left: 10px;
  margin-right: 80px;
  width: initial;
}
.item_rulecheckstep .form_range .form_range_bg,
.item_rulecheckstep .form_range .form_range_bar {
  top: 15px;
  bottom: 15px;
}
.item_rulecheckstep .form_range_wrap .percentage {
  line-height: 40px;
  width: 60px;
  position: absolute;
  top: 0;
  right: 0;
  /* float: right; */
}


/** 考核项目预算金币 发布任务 **/
#subplate_rule .div_rulebudget {
  display: block;
  position: relative;
}
#subplate_rule .div_rulebudget .task_budget_title {
  position: absolute;
  z-index: 1;
  line-height: 40px;
  color: #8c8c8c;
  font-size: 14px;
}
#subplate_rule .div_rulebudget .div_rulebudget_tips {
  text-align: right;
  font-size: 12px;
  margin-bottom: 5px;
  color: #999;
}
#subplate_rule .div_rulebudget .div_rulebudget_tips .department {
  font-weight: bold;
  color: #666;
}
#subplate_rule .div_rulebudget .div_rulebudget_tips .point {
  font-weight: bold;
  color: #ef3a3a;
}
#subplate_rule .div_rulebudget .form_range {
  height: 20px;
  margin: 5px 0;
  border: 2px solid #ccc;
  background-color: #ccc;
}
#subplate_rule .div_rulebudget .form_range.warning .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ffb42b, #ff8833);
  background-image: linear-gradient(to right, #ffb42b, #ff8833);
}
#subplate_rule .div_rulebudget .form_range.danger .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ff8833, #ff442b);
  background-image: linear-gradient(to right, #ff8833, #ff442b);
}
#subplate_rule .div_rulebudget .form_range.danger {
  border-color: #ff442b;
}
#subplate_rule .div_rulebudget .form_range .form_range_bar {
  
}

#subplate_rule .div_rulebudget .task_budget_wrap {
  position: relative;
  margin-left: 80px;
}
#subplate_rule .div_rulebudget .task_budget_wrap .form_static,
#subplate_rule .div_rulebudget .task_budget_wrap .form_input {
  padding-left: 40px;
  color: #ff5d2b;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
}
#subplate_rule .div_rulebudget .task_budget_wrap .iconimg {
  position: absolute;
  top: 4px;
  left: 0;
  width: 30px;
  height: 30px;
}

#subplate_rule .ruletitle {
  padding: 5px 0;
  text-align: center;
  border-top: 1px dotted #ccc;
  /*margin-top: 10px;*/
}

#subplate_rule .list_rulecheckstep_wrap .btn_newrulecheckstep {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}



/** 预分配部分 发布任务 **/
#taskedit_adjustmentperson .conditiontext {
  text-align: right;
  width: 100%;
  padding-right: 0;
}
#taskedit_adjustmentperson .conditiontext * {
  display: inline-block;
  vertical-align: middle;
}
#taskedit_adjustmentperson .conditiontext .iconimg {
  margin: 0 2px;
}
#taskedit_adjustmentperson .conditiontext .num {
  color: #c34600;
  font-weight: bold;
}
#taskedit_adjustmentperson .conditiontext small {
  color: #999;
}

#taskedit_adjustmentperson .item_person .form_input {
  text-align: right;
  border: 1px solid #ddd;
  padding: 0 5px;
  width: 70px;
}
#taskedit_adjustmentperson .item_person .form_input:focus {
  border-color: #0ca7ff;
  background-color: #e8f7ff;
}
#taskedit_adjustmentperson .item_person .form_input::-webkit-inner-spin-button {
  display: none;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent {
  text-align: right;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent .form_check span {
  font-size: 12px;
  padding-right: 10px;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent .form_check [type=checkbox] {
  margin-right: 5px;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent .input_percent_wrap {
  position: relative;
  display: inline-block;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent .input_percent_wrap .has_unit {
  padding-right: 25px;
}
#taskedit_adjustmentperson .item_person .adjustmentperson_percent .input_percent_wrap .form_unit {
  width: 20px;
  text-align: center;
}
#taskedit_adjustmentperson .item_person .input_number_wrap {
  text-align: right;
}
#taskedit_adjustmentperson .item_person .input_number_wrap .iconimg {
  position: relative;
  top: 5px;
}
#taskedit_adjustmentperson .item_person .input_number_wrap .num {
  color: #c34600;
  font-weight: bold;
}
#taskedit_adjustmentperson .item_person .form_input[readonly] {
  background-color: #eee;
  color: #999;
}

#taskedit_adjustmentperson .btn_newadjustmentperson {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 10px;
}
#taskedit_adjustmentperson .tips_adjustmentperson .nothing {
  font-size: 16px;
  padding: 20px 0;
  color: #696161;
  font-weight: bold;
}



/** 选择指定预分配人 发布任务 **/
#subplate_adjustmentperson {
  z-index: 5;
}
#subplate_adjustmentperson .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_adjustmentperson .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_adjustmentperson .tips_departmentselected {
  line-height: 30px;
  height: 30px;
}
#subplate_adjustmentperson .div_departmentandperson_wrap {
  padding-bottom: 50px;
}

#subplate_adjustmentperson .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#subplate_adjustmentperson .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}




/** 指定任务审核人 发布任务 **/
#subplate_assessor {
  z-index: 5;
}
#subplate_assessor .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_assessor .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}

#subplate_assessor .subplate_box .crumb_department {
  line-height: 30px;
  height: 30px;
  color: #999;
}

#subplate_assessor .subplate_box .crumb_department .item .btn {
  color: #0ca7ff;
  font-size: 14px;
}
#subplate_assessor .subplate_box .crumb_department .item:last-child .btn {
  color: #999;
}



#subplate_assessor .subplate_box .div_departmentandperson_wrap {
  position: absolute;
  top: 0;/*60px*/
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  /*border-top: 5px solid #ccc;*/
}
#subplate_assessor .subplate_box .item_department {
  padding: 0 5px 0 15px;
}
#subplate_assessor .subplate_box .list_person {
  /*border-top: 5px solid #ccc;
  padding-top: 10px;*/
}
#subplate_assessor .subplate_box .list_person .item_person {
  padding-left: 20px;
  cursor: pointer;
  line-height: initial;
  height: initial;
}

#subplate_assessor .item_department .btn_lowerlevel {
  padding-left: 0;
}
#subplate_assessor .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}

#subplate_assessor .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#subplate_assessor .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}

#taskedit_bottombar {
  z-index: 4;
}


/** 选择任务主题/图标 发布任务 **/
#subplate_changetheme {
  z-index: 5;
}
#subplate_changetheme .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_changetheme .subplate_box {
  max-width: 640px;
  /*padding: 0 20px;*/
  height: 100%;
  position: relative;
}
#subplate_changetheme .subplate_title {
  /*padding-left: 20px;*/
  text-align: center;
}
#subplate_changetheme .list_tasktheme {
  padding-bottom: 60px;
}
#subplate_changetheme .item_tasktheme {
  -webkit-transition: all .5s;
  transition: all .5s;
}
#subplate_changetheme.hide .item_tasktheme {
  -webkit-transform: translateY(190px);
}
#subplate_changetheme .item_tasktheme:nth-of-type(2) {
  transition-delay: .2s;
}
#subplate_changetheme .item_tasktheme:nth-of-type(3) {
  transition-delay: .4s;
}
#subplate_changetheme .item_tasktheme:nth-of-type(4) {
  transition-delay: .6s;
}
#subplate_changetheme .item_tasktheme:nth-of-type(6) {
  transition-delay: .8s;
}

.item_tasktheme {
  padding-top: 10px;
  border-top: 1px dotted #e8e8e8;
}
.item_tasktheme .tasktype {
  font-size: 20px;
  padding: 0 20px;
  text-align: center;
}
.item_tasktheme .list_taskicon {
  /*white-space: nowrap;*/
  overflow: auto;
  padding: 10px 20px;
  font-size: 0;
  text-align: center;
}
.item_tasktheme .item_taskicon {
  display: inline-block;
  vertical-align: top;
  font-size: 12px;
}
.item_tasktheme .taskicon {
  display: inline-block;
  width: 70px;
  height: 70px;
  background-color: #f4f4f4;
  border-radius: 100px;
  border: 4px solid transparent;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  margin: 0 5px;
  -webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.item_tasktheme .item_taskicon.active {
  z-index: 1;
  position: relative;
}
.item_tasktheme .item_taskicon.active .taskicon {
  box-shadow: 0 0 8px #2bb2ff, 0 0 4px #2bb2ff;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-color: #fff;
  background-color: #2bb2ff;
}
.item_tasktheme .item_taskicon:not(.active) .taskicon:hover {
  -webkit-transform: rotate(-30deg);
  transform: rotate(-15deg);
}
.item_tasktheme .taskicon .iconimg {
  width: 100%;
  height: 100%;
}


.item_tasktheme.taskcolor_gzrw .item_taskicon.active .taskicon {
  box-shadow: 0 0 8px #2bb2ff, 0 0 4px #2bb2ff;
  background-color: #2bb2ff;
}
.item_tasktheme.taskcolor_ylrw .item_taskicon.active .taskicon {
  box-shadow: 0 0 8px #ffa82b, 0 0 4px #ffa82b;
  background-color: #ffa82b;
}
.item_tasktheme.taskcolor_xsrw .item_taskicon.active .taskicon {
  box-shadow: 0 0 8px #ff5d2b, 0 0 4px #ff5d2b;
  background-color: #ff5d2b;
}




/** 配色 发布任务 **/
/* 工作任务 */
body.taskcolor_gzrw {
  background-color: #2bb2ff;
}
body.taskcolor_gzrw #header {
  background-color: #2bb2ff;
  box-shadow: initial;
  color: #fff;
}
body.taskcolor_gzrw #taskedit_main .card_form {
  box-shadow: 0 1px 30px #0685ce;
}
body.taskcolor_gzrw #taskedit_main .tasktype {
  color: #2bb2ff;
}
body.taskcolor_gzrw #taskedit_main #div_taskinfo {
  box-shadow: 0 1px 30px #0685ce;
}
body.taskcolor_gzrw #btn_newtask_nextstep .btn {
  background-color: #2bb2ff;
}



/* 娱乐任务 */
body.taskcolor_ylrw {
  background-color: #ffa82b;
}
body.taskcolor_ylrw #header {
  background-color: #ffa82b;/*transparent*/
  box-shadow: initial;
  color: #fff;
}
body.taskcolor_ylrw #taskedit_main .card_form {
  box-shadow: 0 1px 30px #ff7600;
}
body.taskcolor_ylrw #taskedit_main .taskedit_steptitle {
  color: #ffa82b;
  border-color: #ffa82b;
}
body.taskcolor_ylrw #taskedit_main .tasktype {
  color: #ffa82b;
}
body.taskcolor_ylrw #taskedit_main #div_taskinfo {
  box-shadow: 0 1px 30px #ff7600;
}
body.taskcolor_ylrw #btn_newtask_nextstep .btn {
  background-color: #ffa82b;
}
/* 悬赏任务 */
body.taskcolor_xsrw {
  background-color: #ff5d2b;
}
body.taskcolor_xsrw #header {
  background-color: #ff5d2b;/*transparent*/
  box-shadow: initial;
  color: #fff;
}
body.taskcolor_xsrw #taskedit_main .card_form {
  box-shadow: 0 1px 30px #ff2f00;
}
body.taskcolor_xsrw #taskedit_main .taskedit_steptitle {
  color: #ff5d2b;
  border-color: #ff5d2b;
}
body.taskcolor_xsrw #taskedit_main .tasktype {
  color: #ff5d2b;
}
body.taskcolor_xsrw #taskedit_main #div_taskinfo {
  box-shadow: 0 1px 30px #ff7600;
}
body.taskcolor_xsrw #btn_newtask_nextstep .btn {
  background-color: #ff5d2b;
}



/** 创建任务前置页面 **/
#taskadd_main .form_item {
  border-bottom: none;
}
#taskadd_main .form_item.form_item_btn .form_btn_part {
  overflow: initial;
}
#taskadd_main .form_item.form_item_btn .form_btn_part .form_btn {
  font-size: 16px;
  font-weight: bold;
}
#taskadd_main #taskadd_pointbtn .form_btn_part .form_btn {
  padding: 20px 0;
}
#taskadd_main #taskadd_flatbtn .form_btn_part .form_btn {
  line-height: 70px;
  margin-bottom: 10px;
}
#taskadd_main .form_item.form_item_btn .form_btn_part .form_btn .iconimg {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
#taskadd_main #taskadd_flatbtn .form_btn_part .form_btn .iconimg {
  margin-right: 5px;
}
#taskadd_main #taskadd_pointbtn .form_btn_part .form_btn span {
  display: block;
  line-height: 1.5;
}
#taskadd_main #taskadd_flatbtn .form_btn_part .form_btn span {
  vertical-align: middle;
  padding-right: 10px;
}
#taskadd_main .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_gzrw {
  background-color: #2bb2ff;
}
#taskadd_main .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_ylrw {
  background-color: #ffa82b;
}
#taskadd_main .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_xsrw {
  background-color: #ff5d2b;
}

/** 任务模板 创建任务前置页面 **/
.list_tasktemplate .item_tasktemplate {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  cursor: pointer;
}
.list_tasktemplate .item_tasktemplate_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}

.list_tasktemplate .item_tasktemplate .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.list_tasktemplate .item_tasktemplate .title {
  word-wrap: break-word;
  word-break: break-all;
  font-weight: bold;
}
.list_tasktemplate .item_tasktemplate .type {
  font-size: 12px;
  color: #999;
}
.list_tasktemplate .item_tasktemplate .time {
  font-size: 12px;
  color: #999;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: right;
}
.list_tasktemplate .item_tasktemplate .iconimg {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin-right: 5px;
}
.list_tasktemplate .item_tasktemplate .btn {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-left: 5px;
  padding: 5px;
}



/** 首页选择管理入口 **/
#poptips .addevent_btnbox {
  margin-top: 20px;
  text-align: center;
}
#poptips .addevent_btnbox .btn {
  width: 45%;
  padding: 15px 10px;
  margin: 5px;
  position: relative;
}
#poptips .addevent_btnbox .btn .iconimg {
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}
#poptips .addevent_btnbox .btn b {
  display: block;
  vertical-align: middle;
}
#poptips .addevent_btnbox .btn.hasnew:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #ef3a3a;
  border-radius: 100px;
  font-size: 0;
  margin-left: 10px;
  vertical-align: middle;
  position: absolute;
  top: 11px;
  left: 50%;
}



/** 猴子贴士 **/
#monkytips {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
  cursor: pointer;
}
#monkytips .highlightarea {
  position: absolute;
  border-radius: 10px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.8), 0 0 0 99999px rgba(0,0,0,.8);
}
#monkytips .monkytips_box {
  position: absolute;
  left: 20px;
  bottom: 30px;
  right: 20px;
  -webkit-animation: monkytips_box .5s 1 both;
  animation: monkytips_box .5s 1 both;
}
#monkytips.position_top .monkytips_box {
  bottom: auto;
  top: 80px;
}
#monkytips .monkytips_box .monkytips_con {
  margin: 0 auto;
  max-width: 640px;
  position: relative;
}
#monkytips .monkytips_box .card {
  border-bottom: 4px solid #a3ba00;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  padding: 20px 110px 20px 20px;
}
#monkytips .monkytips_box .monkytips_avatar {
  position: absolute;
  right: -20px;
  top: -60px;
  width: 120px;
  -webkit-animation: monkytips_avatar .5s .2s 1 both;
  animation: monkytips_avatar .5s .2s 1 both;
  transform-origin: 50% 90%;
}
#monkytips .monkytips_box .monkytips_avatar img {
  width: 100%;
}
@-webkit-keyframes monkytips_box {
  0%{ -webkit-transform: scale(0); }
  60%{ -webkit-transform: scale(1.1); }
  75%{ -webkit-transform: scale(0.95); }
  90%{ -webkit-transform: scale(1.05); }
  100%{ -webkit-transform: scale(1); }
}
@keyframes monkytips_box {
  0%{ transform: scale(0); }
  60%{ transform: scale(1.1); }
  75%{ transform: scale(0.95); }
  90%{ transform: scale(1.05); }
  100%{ transform: scale(1); }
}
@-webkit-keyframes monkytips_avatar {
  0%{ -webkit-transform: rotate(30deg) scale(0); }
  60%{ -webkit-transform: rotate(-5deg) scale(1); }
  75%{ -webkit-transform: rotate(2deg) scale(1); }
  90%{ -webkit-transform: rotate(-1deg) scale(1); }
  100%{ -webkit-transform: rotate(0deg); }
}
@keyframes monkytips_avatar {
  0%{ transform: rotate(30deg) scale(0); }
  60%{ transform: rotate(-5deg) scale(1); }
  75%{ transform: rotate(2deg) scale(1); }
  90%{ transform: rotate(-1deg) scale(1); }
  100%{ transform: rotate(0deg); }
}





/******** 登录界面 ********/
.login_main {/* 新ui */
  margin-bottom: 10px;
  margin-top: 50px;
  padding:0;
}
#login_main_top {/* 新ui */
  margin-top: 0;
  background-color: #ff7818;
  color: #fff;
  text-align: center;
  padding-top: 60px;
  padding-bottom: 60px;
  position:relative;
  box-shadow: none;
}
#login_main_top:before {/* 新ui */
  content:"";
  width:100%;
  height:34px;
  background-repeat:repeat-x;
  background-image:url(../img/login_cloud.png);
  position:absolute;
  bottom:0;
  left:0;
}
#login_main_top .logo {
  display: inline-block;
  width: 100%;
  height: 100px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
#login_main_top .title {
  font-size: 18px;
}
#login_main_top .subtitle {
  /*word-spacing: 8px;*/
  letter-spacing: 8px;
  padding-left: 8px;
  opacity: .7;
}
#login_main_top.hasbg {
  padding: 0;
  position: relative;
}
#login_main_top.hasbg .bgimage {
  max-width: 640px;
  margin: 0 auto;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#login_main_top.hasbg .bgimage:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 60%;
}
#login_main_top.hasbg .logo,
#login_main_top.hasbg .title,
#login_main_top.hasbg .subtitle {
  display: none;
  opacity: 0;
}


.login_main .card_form {/* 新ui */
  padding-top: 25px;
  padding-bottom: 25px;
  border-radius: 0;
  box-shadow: none;
}

.login_main .form_item_btn {
  margin-top: 20px;
}
.login_main .form_item_btn .btn {
  /*font-size: 16px;*/
}

.login_main .form_item_con {
  padding-left: 0;
}
.login_main .form_item_con .form_icon,.login_main .form_item_con .form_unit {
  color: #ff7818;
}
.login_main .form_item_con .form_input {
  width: 100%;
}



.login_extra {
  color: #777;
  font-size: 14px;
  padding-top: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  text-align: center;
}
.login_extra a {/* 新ui */
  color: #ff7818;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.login_extra a:hover {
  color: #f55c54;
}
.login_extra .reset_password {
  border-right: 1px solid #E8E8E8;
}

.login_captcha_group .btn {
  color: #fff;
  line-height: 35px;
  height: 34px;
  border-radius: 3px;
  padding: 0 10px;
  margin-top: 2px;
}
.login_captcha_group .btn.disabled {
  color: #aaa;
}

.btn_visibility.active {
  color: #f55c54;
}


.card_invitation {
  font-size: 14px;
}

.login_main .item_person {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px;
}
.login_main .item_person .btn_changeuser {
  padding: 5px 10px;
}




/** 薪果发送审核 **/
.item_manageredpacket {
  margin-bottom: 5px;
  padding: 15px 20px;
  display: block;
}
.item_manageredpacket_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item_manageredpacket .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_manageredpacket .title {
  font-weight: bold;
  font-size: 16px;
  color: #333;
}
.item_manageredpacket .subtitle {
  font-weight: bold;
  color: #666;
}
.item_manageredpacket .time {
  color: #999;
}
.item_manageredpacket .state {
  /*text-align: right;*/
  padding-top: 5px;
}

.item_manageredpacket .asset_wrap .asset_item .iconimg {
  margin-right: 5px;
}
.item_manageredpacket .asset_wrap .asset_item * {
  vertical-align: top;
  line-height: 20px;
  color: #c44900;
  font-weight: bold;
}
.item_manageredpacket .form_item {
  margin-top: 5px;
}
.item_manageredpacket .text {
  margin-top: 5px;
  border-top: 1px solid #f4f4f4;
  padding-top: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid #f4f4f4;
  color: #999;
}




/** 企明薪看板 **/
.card_keypointmeter {
  margin-bottom: 5px;
  overflow: hidden;
}

.card_keypointmeter .card_keypointmeter_title {
  padding: 10px 10px;
  border-bottom: 1px solid #eee;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #f4f4f4;
}
.card_keypointmeter .card_keypointmeter_con {
  padding: 5px 10px;
  /*border-bottom: 1px solid #eee;*/
}
.card_keypointmeter .card_keypointmeter_text {
  padding: 10px 10px;
  font-size: 14px;
  font-weight: bold;
  background-color: #f4f4f4;
  border-radius: 4px;
  margin-bottom: 5px;
}
.card_keypointmeter .card_keypointmeter_text .num {
  color: #c34600;
}

/** 任务列表 企明薪看板 **/
.list_taskchart {
}
.item_taskchart {
  position: relative;
  padding: 5px 10px;
  margin: 10px 0;
}
.item_taskchart .item_taskchart_timeprogress {
  position: absolute;
  left: 10px;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #32d500;
  opacity: .5;
}
.item_taskchart.state_5 .item_taskchart_timeprogress {
  background-color: #f32d2d;
  -webkit-animation: dangerrangebar_ani 1s infinite alternate;
  animation: dangerrangebar_ani 1s infinite alternate;
}
.item_taskchart .item_taskchart_progress {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
}
.item_taskchart .item_taskchart_progress {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 129, 230, .2));
  background-image: linear-gradient(to right, transparent, rgba(0, 129, 230, .2));
}
.item_taskchart .item_taskchart_progress:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 129, 230, .2));
  background-image: linear-gradient(to right, transparent, rgba(0, 129, 230, .2));
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: item_taskchart_progress_ani ease-out 5s both infinite;
  animation: item_taskchart_progress_ani ease-out 5s both infinite;
}
.item_taskchart .item_taskchart_progress:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 129, 230, .2));
  background-image: linear-gradient(to right, transparent, rgba(0, 129, 230, .2));
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  -webkit-animation: item_taskchart_progress_ani ease-out 5s both .8s infinite;
  animation: item_taskchart_progress_ani ease-out 5s both .8s infinite;
}
/** 任务进度状态 进行中 **/
.item_taskchart.state_4 .item_taskchart_progress,
.item_taskchart.state_4 .item_taskchart_progress:before,
.item_taskchart.state_4 .item_taskchart_progress:after {
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 200, 0, .2));
  background-image: linear-gradient(to right, transparent, rgba(0, 200, 0, .2));
}
/** 任务进度状态 待结案 **/
.item_taskchart.state_5 .item_taskchart_progress,
.item_taskchart.state_5 .item_taskchart_progress:before,
.item_taskchart.state_5 .item_taskchart_progress:after {
  background-image: -webkit-linear-gradient(top, transparent, rgba(255, 126, 0, .2));
  background-image: linear-gradient(to right, transparent, rgba(255, 126, 0, .2));
}
/** 任务进度状态 已结案 **/
.item_taskchart.state_7 .item_taskchart_progress {
  background-image: -webkit-linear-gradient(top, transparent, rgba(200, 200, 200, .2));
  background-image: linear-gradient(to right, transparent, rgba(150, 150, 150, .2));
}
/*.item_taskchart.state_7 .item_taskchart_progress,*/
.item_taskchart.state_7 .item_taskchart_progress:before,
.item_taskchart.state_7 .item_taskchart_progress:after {
  display: none;
}

@-webkit-keyframes item_taskchart_progress_ani {
  0% {
    -webkit-transform: scaleX(0);
    opacity: 0;
  }
  60% {
    -webkit-transform: scaleX(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scaleX(1);
    opacity: 0;
  }
}
@keyframes item_taskchart_progress_ani {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  60% {
    transform: scaleX(1);
    opacity: 1;
  }
  100% {
    transform: scaleX(1);
    opacity: 0;
  }
}






/** 任务列表 企明薪看板 **/
.item_taskchart {
  display: block;
}
.item_taskchart .item_taskchart_box {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 1;
  text-shadow: 0 0 5px #fff;
}
.item_taskchart .item_taskchart_box > .badge {
  text-shadow: none;
}
.item_taskchart .item_taskchart_box > .badge * {
  vertical-align: top;
  line-height: inherit;
}
.item_taskchart .item_taskchart_box > .badge i {
  font-size: 14px;
}
.item_taskchart .cover_wrap {
  font-size: 0;
}
.item_taskchart .cover {
  width: 40px;
  height: 40px;
  margin-right: 5px;
}
.item_taskchart .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
}
.item_taskchart .title_wrap .title {
  font-size: 14px;
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
}
.item_taskchart .title_wrap .tag {
  color: #999;
}


.item_taskchart .point_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 5px;
  margin-top: 5px;
}
.item_taskchart .point_wrap .point {
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_taskchart .point_wrap .point * {
  display: inline-block;
  vertical-align: middle;
}
.item_taskchart .point_wrap .point .iconimg {
  margin-right: 5px;
}
.item_taskchart .point_wrap .point .num {
  color: #c34600;
  font-weight: bold;
  font-size: 14px;
}

body.boardtv .item_taskchart .point_wrap {
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}

/** 发放汇总 企明薪看板 **/
.keypointmeter_pointthisyear_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 0;
}
.keypointmeter_pointthisyear {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: center;
}
.keypointmeter_pointthisyear .iconimg {
  width: 40px;
  height: 40px;
}
.keypointmeter_pointthisyear .title {
  font-weight: bold;
}
.keypointmeter_pointthisyear .point {
  font-weight: bold;
  color: #c34600;
  font-size: 20px;
}



#keypointboard_main #keypointmeter_stateofstaff .card_keypointmeter_con {
  padding-top: 20px;
}

#keypointboard_main .list_taskchart {
  padding: 0 10px;
}



#keypointmeter_lognotwrite .notwrite_chart {
  width: 100%;
  height: 50px;
}
#keypointmeter_lognotwrite .notwrite_chart_wrap {
  padding: 10px;
}
#keypointmeter_lognotwrite .list_keypointmeter_notwrite {
  padding: 10px;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}
#keypointmeter_lognotwrite .list_keypointmeter_notwrite:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 20px;
  background-image: -webkit-linear-gradient(left, transparent, #fff);
  background-image: linear-gradient(to right, transparent, #fff);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
#keypointmeter_lognotwrite .item_keypointmeter_notwrite {
  display: inline-block;
  font-size: 0;
  margin-right: 5px;
}
#keypointmeter_lognotwrite .item_keypointmeter_notwrite .avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
#keypointmeter_lognotwrite .item_keypointmeter_notwrite .avatar:first-letter {
  font-size: 14px;
}

#keypointmeter_rewardranking .item_keyman,
#keypointmeter_appleranking .item_keyman,
#keypointmeter_taskranking .item_keyman,
#keypointmeter_owes .item_keyman,
#keypointmeter_study .item_keyman,
#keypointmeter_exam .item_keyman,
#keypointmeter_reward .item_keyman {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px 20px;
  margin: 0;
}
#keypointmeter_rewardranking .item_keyman:nth-child(even),
#keypointmeter_appleranking .item_keyman:nth-child(even),
#keypointmeter_taskranking .item_keyman:nth-child(even),
#keypointmeter_owes .item_keyman:nth-child(even),
#keypointmeter_study .item_keyman:nth-child(even),
#keypointmeter_exam .item_keyman:nth-child(even),
#keypointmeter_reward .item_keyman:nth-child(even) {
  background: #f8f8f8;
}

#keypointmeter_rewardranking .item_keyman .point,
#keypointmeter_appleranking .item_keyman .point {
  white-space: nowrap;
}
#keypointmeter_rewardranking .item_keyman .point *,
#keypointmeter_appleranking .item_keyman .point * {
  display: inline-block;
  vertical-align: middle;
}
#keypointmeter_rewardranking .item_keyman .point .iconimg,
#keypointmeter_appleranking .item_keyman .point .iconimg {
  margin: 0 2px;
}
#keypointmeter_rewardranking .item_keyman .point .num,
#keypointmeter_appleranking .item_keyman .point .num {
  color: #c34600;
  font-weight: bold;
  font-size: 14px;
}

#keypointmeter_rewardranking .item_keyman .rankingnumber,
#keypointmeter_appleranking .item_keyman .rankingnumber,
#keypointmeter_taskranking .item_keyman .rankingnumber,
#keypointmeter_owes .item_keyman .rankingnumber,
#keypointmeter_study .item_keyman .rankingnumber,
#keypointmeter_exam .item_keyman .rankingnumber,
#keypointmeter_reward .item_keyman .rankingnumber {
  position: relative;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  font-weight: bold;
  margin-right: 10px;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_study .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_study .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_study .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_3:before,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_1:before,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_2:before,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_3:before {
  content: "";
  display: block;
  position: absolute;
  top: -4px;
  left: 8px;
  width: 4px;
  height: 12px;
  background-color: #2bb2ff;
  box-shadow: -2.5px 0 #f1fafb, -5px 0 #2bb2ff, 2.5px 0 #f1fafb, 5px 0 #2bb2ff;
  z-index: 0;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_study .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_study .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_study .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_1:after,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_3:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -10px;
  min-width: 20px;
  height: 20px;
  background-color: #ff7e15;
  border: 2px solid #ffd015;
  border-radius: 100px;
  z-index: 0;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_study .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_2:after,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_2:after {
  background-color: #587485;
  border-color: #b6d3e5;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_study .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_3:after,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_3:after {
  background-color: #b4571f;
  border-color: #ffc015;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber span,
#keypointmeter_appleranking .item_keyman .rankingnumber span,
#keypointmeter_taskranking .item_keyman .rankingnumber span,
#keypointmeter_owes .item_keyman .rankingnumber span,
#keypointmeter_study .item_keyman .rankingnumber span,
#keypointmeter_exam .item_keyman .rankingnumber span,
#keypointmeter_reward .item_keyman .rankingnumber span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  min-width: 20px;
  height: 20px;
  z-index: 1;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_study .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_1 span,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_1 span {
  color: #fff115;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_study .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_2 span,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_2 span {
  color: #b6d3e5;
}
#keypointmeter_rewardranking .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_appleranking .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_taskranking .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_owes .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_study .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_exam .item_keyman .rankingnumber.ranking_3 span,
#keypointmeter_reward .item_keyman .rankingnumber.ranking_3 span {
  color: #ffc015;
}



#keypointmeter_taskranking .item_keyman .taskcounter,
#keypointmeter_owes .item_keyman .taskcounter,
#keypointmeter_study .item_keyman .taskcounter,
#keypointmeter_exam .item_keyman .taskcounter,
#keypointmeter_reward .item_keyman .taskcounter {
  color: #333;
  font-weight: bold;
  font-size: 16px;
}

#keypointmeter_rewardranking .list_keyman,
#keypointmeter_appleranking .list_keyman,
#keypointmeter_taskranking .list_keyman,
#keypointmeter_owes .list_keyman,
#keypointmeter_study .list_keyman,
#keypointmeter_exam .list_keyman,
#keypointmeter_reward .list_keyman {
  /*padding: 0 20px;*/
}




/****** 最美员工 ******/
#whoisthebestguy_maintop .banner {
  background-color: #333;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#whoisthebestguy_maintop .banner:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 40%;
}
#whoisthebestguy_maintop .text {
  padding: 20px;
  font-size: 14px;
}
#whoisthebestguy_maintop .text * {
  vertical-align: middle;
}
#whoisthebestguy_maintop .text b {
  padding: 0 10px;
}
/** 待选人物 **/
#whoisthebestguy_main .part_personselected {
  padding: 20px;
  margin-bottom: 5px;
}
#whoisthebestguy_main .part_personselected .part_personselected_text {
  padding: 10px 20px;
  background-color: #f4f4f4;
}

#whoisthebestguy_main .part_personselected .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#whoisthebestguy_main .part_personselected .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}




/** 阅读得薪果 **/
#remind_main .list_newspaper {
  margin-bottom: 5px;
}
#remind_main .listremind_btnbox {
  margin-bottom: 5px;
  text-align: right;
  padding: 5px;
}
#remind_main .btn {
  padding: 0 15px;
  line-height: 35px;
  height: 35px;
}
.item_newspaper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 15px 20px;
  border-bottom: 1px solid #e8e8e8;
  overflow: hidden;
}
.item_newspaper:nth-child(even) {
  background-color: #f8f8f8;
}
.item_newspaper_box .newspaperwrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.item_newspaper .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_newspaper .covericon {
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
.item_newspaper .item_newspaper_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.item_newspaper .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 10px;
}

.item_newspaper .time_wrap {
  color: #666;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item_newspaper .time_wrap .time {
  display: inline-block;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_newspaper.hasnew .time_wrap .time:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 2px;
  font-size: 0;
  margin-left: 5px;
}
.item_newspaper .title {
  color: #333;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}
.item_newspaper .subtitle {
  color: #666;
}
.item_newspaper .text {
  color: #666;
  border-top: 1px solid #e8e8e8;
  padding-top: 10px;
  margin-top: 10px;
}
.item_newspaper .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  padding: 2px 10px;
  display: inline-block;
}
.item_newspaper .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_newspaper .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_newspaper .repay .num {
  font-weight: bold;
}


/** 详情页 阅读得薪果 **/
#newpaperview_main_top .cover_wrap {
  position: relative;
  padding-bottom: 5px;
}
#newpaperview_main_top .cover_wrap .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 10px;
}
.newpaperview_subject {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.newpaperview_subject .newpaperview_subject_box .title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.newpaperview_subject .time_wrap {
  color: #666;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.newpaperview_subject .time_wrap .time {
  display: inline-block;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.newpaperview_subject .time_wrap .time {
  position: relative;
  color: #999;
}
.newpaperview_subject .time_wrap .time:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #26b5fb;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.newpaperview_subject .time_wrap .time b {
  color: #333;
}
.newpaperview_subject .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  /*color: #fff;*/
  padding: 2px 10px;
  display: inline-block;
}
.newpaperview_subject .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.newpaperview_subject .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.newpaperview_subject .repay .num {
  font-weight: bold;
}
#newpaperview_main .newpaperview_text {
  padding: 20px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#newpaperview_bottombar {
  background-color: rgba(0,0,0,.8);
  box-shadow: none;
}
#newpaperview_bottombar .bottombar_box {
  height: 30px;
  text-align: center;
  color: #fff;
}
#newpaperview_bottombar .repay {
  padding: 2px 10px;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#newpaperview_bottombar .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
#newpaperview_bottombar .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
#newpaperview_bottombar .repay .num {
  font-weight: bold;
}


/****** 通用仪表盘数据 ******/
.list_statidashboard {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row;
  flex-flow: row;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item_statidashboard {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 64px;
  flex: 1 1 64px;
  text-align: center;
  margin: 2px;
  padding: 8px 0;
  /*background-color: #f7f7f7;*/
}
.item_statidashboard .num {
  font-weight: bold;
  font-size: 16px;
}
.item_statidashboard .label {
  color: #999;
}


/****** 学习 ******/
.card_statidashboard {
  margin-bottom: 5px;
}

/****** 最近阅读 学习 ******/
.card_recentreading {
  margin-bottom: 5px;
  padding: 15px 0 0 0;
  overflow: hidden;
}
.card_recentreading .recentreading_title {
  font-weight: bold;
  padding-left: 20px;
}

.card_recentreading .list_recentreading {
  font-size: 0;
  white-space: nowrap;
  overflow: auto;
  padding-top: 10px;
  padding-bottom: 15px;
  padding-left: 20px;
}
.card_recentreading .item_recentreading {
  display: inline-block;
  font-size: 12px;
  margin-right: 10px;
  width: 120px;
  vertical-align: top;
}
.card_recentreading .item_recentreading .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 10px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.1);
  background-image: url(../img/article_blank.jpg);
}
.card_recentreading .item_recentreading .title {
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.card_recentreading .list_recentreading:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: -1px;
  height: 100%;
  width: 10px;
  border-radius: 10px 0 0 10px;
  background-image: -webkit-linear-gradient(right, rgba(255,255,255,0), #fff);
  background-image: linear-gradient(to left, rgba(255,255,255,0), #fff);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}
.card_recentreading .list_recentreading:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: -1px;
  height: 100%;
  width: 10px;
  border-radius: 0 10px 10px 0;
  background-image: -webkit-linear-gradient(left, rgba(255,255,255,0), #fff);
  background-image: linear-gradient(to right, rgba(255,255,255,0), #fff);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
}


/****** 搜索课程 学习 ******/
#studyindex_maintop {
  
}
#studyindex_maintop .tab_nav_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}

#studyindex_maintop .btn {
  width: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#studyindex_maintop .btn i {
  line-height: 40px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#studyindex_maintop .tab_nav {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: block;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#studyindex_maintop .tab_nav .item {
  padding: 0 20px;
  height: 40px;
  line-height: 33px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#studyindex_maintop .tab_nav_wrap:after {
  content: "";
  display: block;
  position: absolute;
  height: 40px;
  width: 40px;
  right: 40px;
  top: 0;
  background-image: -webkit-linear-gradient(left, transparent, #e8e8e8);
  background-image: linear-gradient(to right, transparent, #e8e8e8);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}

#studyindex_maintop .tab_nav_wrap.unfold {
  -webkit-align-items: initial;
  -webkit-box-align: initial;
  align-items: initial;
}
#studyindex_maintop .tab_nav_wrap.unfold .tab_nav {
  white-space: initial;
}
#studyindex_maintop .tab_nav_wrap.unfold .tab_nav .item {
  margin: 5px;
  border: none;
  border-radius: 4px;
  line-height: 36px;
}
#studyindex_maintop .tab_nav_wrap.unfold .tab_nav .item.active {
  color: #fff;
  background-color: #0081e6;
  border: none;
}
#studyindex_maintop .tab_nav_wrap.unfold .tab_nav a:after {
  display: none;
}

#studyindex_maintop .tab_nav_wrap.unfold:after {
  display: none;
}
#studyindex_maintop .tab_nav_wrap.unfold .btn {
  background-color: #666;
  border-radius: 0;
}
#studyindex_maintop .tab_nav_wrap.unfold .btn i {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: #fff;
}



#studyindex_maintop .tab_nav::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background-color: rgba(0,0,0,0.1);
  //border-radius: 100px;
}
#studyindex_maintop .tab_nav::-webkit-scrollbar-thumb:window-inactive {
  //background-color: red;
}
#studyindex_maintop .tab_nav::-webkit-scrollbar-thumb:vertical:hover,
#studyindex_maintop .tab_nav::-webkit-scrollbar-thumb:horizontal:hover {
  //background-color: rgba(0,0,0,0.3);
}
#studyindex_maintop .tab_nav::-webkit-scrollbar-thumb {
  border-radius: 100px;
  //background: rgba(0,0,0,0.2);
  background-color: #fff;
  border: 2px solid rgba(0,0,0,0.1);
}




#studyindex_main .card_searchcourse {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px 20px;
  margin-bottom: 5px;
}
#studyindex_main .search_tips{
  -webkit-box-flex: .6;
  -webkit-flex: .6;
  flex: .6;
}
#studyindex_main .search_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#studyindex_main .search_box .input_search {
  box-shadow: inset 0 0 0 1px #696161;
  background-color: #f4f4f4;
}
#studyindex_main .search_box .input_search:focus {
  background-color: #fff;
}

/****** 课程列表 学习 ******/
.list_course {
  
}
.item_course {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  /*-webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;*/
  padding: 15px 20px;
  margin-bottom: 5px;
}
.item_course .covericon_warp {
  margin-right: 10px;
  padding-right: 5px;
  min-width: 45px;
  position: relative;
  border-right: 1px dashed #e9e9e9;
  text-align: center;
}
.item_course .covericon {
  width: 30px;
  height: 30px;
}
.item_course .covericon_warp .num {
  font-weight: bold;
}
.item_course.hasupdated .covericon_warp:after {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  text-align: center;
  background-color: #ef3a3a;
  color: #fff;
  border-radius: 100px;
  padding: 2px;
  font-size: 0;
  position: absolute;
  top: 0;
  right: 10px;
}
.item_course .cover_wrap {
  position: relative;
  margin-bottom: 5px;
}
.item_course .cover {
  padding-top: 50%;
  border-radius: 10px;
  height: auto;
  width: 100%;
  margin-right: 10px;
  position: relative;
  overflow: hidden;
}
.item_course .cover .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 10px;
}
.item_course:hover .cover .image {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.item_course .cover_wrap .badge {
  position: absolute;
  top: -2px;
  right: -2px;
  padding: 0 10px;
}
.item_course .item_course_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_course .item_course_box .title {
  color: #333;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
}
.item_course .time_wrap {
}
.item_course .time {
  display: inline-block;
}
.item_course .time * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_course .time .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_course .time .num {
  font-weight: bold;
}
.item_course .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  /* color: #fff; */
  padding: 2px 10px;
  display: inline-block;
}
.item_course .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_course .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_course .repay .num {
  font-weight: bold;
}


/****** 具体课程主页 学习 ******/
#courseindex_maintop {
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 10px;
}
#courseindex_maintop .cover_wrap {
  margin-bottom: 10px;
}
#courseindex_maintop .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 10px;
}
#courseindex_maintop .title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
}

#courseindex_maintop .stati_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
#courseindex_maintop .list_stati {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#courseindex_maintop .item_stati {
  padding: 2px 0;
  display: inline-block;
  margin-right: 10px;
}
#courseindex_maintop .list_stati * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
#courseindex_maintop .list_stati .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
#courseindex_maintop .list_stati .num {
  font-weight: bold;
}

#courseindex_maintop .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  /* color: #fff; */
  padding: 2px 10px;
  display: inline-block;
}
#courseindex_maintop .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
#courseindex_maintop .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
#courseindex_maintop .repay .num {
  font-weight: bold;
}

/** 概述 具体课程主页 学习 **/
#courseindex_main #course_intro .commonareacard_con {
  padding: 20px;
  height: 100px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#courseindex_main #course_intro .commonareacard_con .card_more {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#courseindex_main #course_intro .commonareacard_con .course_intro_imgs {
  text-align: center;
}
#courseindex_main #course_intro .commonareacard_con .course_intro_imgs .course_intro_img {
  max-width: 100%;
  margin: 20px 0;
}

#courseindex_main #course_intro .commonareacard_con.spread {
  height: auto;
}
#courseindex_main #course_intro .commonareacard_con.spread .card_more {
  display: none;
}

/** 目录 具体课程主页 学习 **/
#courseindex_main #card_coursecatalog .commonareacard_con {
  padding: 15px 20px;
}
.item_coursecatalog {
  position: relative;
}
.item_coursecatalog .item_coursecatalog {
  padding-left: 30px;
}
.item_coursecatalog .item_coursecatalog_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
  position: relative;
  padding: 5px 0;
}
.item_coursecatalog .item_coursecatalog .item_coursecatalog_title:before {
  content: "";
  border-top: 1px dashed #e9e9e9;
  position: absolute;
  top: 50%;
  left: -15px;
  width: 15px;
}
.item_coursecatalog .covericon {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  flex-shrink: 0;
}
.item_coursecatalog .item_coursecatalog_title .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item_coursecatalog .item_coursecatalog_title .title_wrap .title {
  font-size: 14px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
}
.item_coursecatalog .item_coursecatalog_title .title_wrap .title:before {
  content: "";
  border-top: 1px dashed #e9e9e9;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.item_coursecatalog .item_coursecatalog_title .title_wrap .title span {
  background-color: #fff;
  position: relative;
  padding-right: 10px;
}
.item_coursecatalog .item_coursecatalog_title.article .title_wrap .title span {
  color: #333;
  font-weight: bold;
}
.item_coursecatalog .item_coursecatalog_title.article .title_wrap .title em {
  font-style: normal;
  font-size: 12px;
  padding-right: 5px;
  color: #23abff;
  position: relative;
  font-weight: bold;
}
.item_coursecatalog .item_coursecatalog_title.folder {
  
}
.item_coursecatalog .item_coursecatalog_title .title_wrap .stati_wrap {
  white-space: nowrap;
  padding-left: 10px;
}

.item_coursecatalog .item_coursecatalog_title .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  /* color: #fff; */
  padding: 2px 10px;
  display: inline-block;
}
.item_coursecatalog .item_coursecatalog_title .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_coursecatalog .item_coursecatalog_title .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_coursecatalog .item_coursecatalog_title .repay .num {
  font-weight: bold;
}

.item_coursecatalog.active .item_coursecatalog_title {
  background-color: #ffca3c;
}
.item_coursecatalog.active .item_coursecatalog_title .title_wrap .title span {
  background-color: #ffca3c;
}

.item_coursecatalog .list_coursecatalog {
  position: relative;
  /*-webkit-transition: all 0.3s;
  transition: all 0.3s;*/
}
.item_coursecatalog .list_coursecatalog:before {
  content: "";
  border-left: 1px dashed #e9e9e9;
  position: absolute;
  top: 0;
  left: 15px;
  bottom: 15px;
}

.item_coursecatalog .item_coursecatalog_title .btn_spread {
  width: 30px;
  height: 30px;
  text-align: center;
  flex-shrink: 0;
}
.item_coursecatalog .item_coursecatalog_title .btn_spread .material-icons {
  line-height: 30px;
  color: #999;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_coursecatalog.fold > .item_coursecatalog_title .btn_spread .material-icons {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.item_coursecatalog.fold > .list_coursecatalog {
  /*display: none;*/
  /*height: 0;*/
  /*overflow: hidden;*/
  /*-webkit-transform: scaleY(0);
  transform: scaleY(0);*/
}


/** 详情页 真 · 阅读得薪果 学习 **/
#courseview_maintop .cover_wrap {
  position: relative;
  padding-bottom: 5px;
}
#courseview_maintop .cover_wrap .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 10px;
}
.courseview_subject {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.courseview_subject .courseview_subject_box .title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.courseview_subject .time_wrap {
  color: #666;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.courseview_subject .time_wrap .time {
  display: inline-block;
  white-space: nowrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.courseview_subject .time_wrap .time {
  position: relative;
  color: #999;
}
.courseview_subject .time_wrap .time:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #26b5fb;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.courseview_subject .time_wrap .time b {
  color: #333;
}
.courseview_subject .repay {
  background-color: #fff1cb;
  border-radius: 100px;
  /*color: #fff;*/
  padding: 2px 10px;
  display: inline-block;
}
.courseview_subject .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.courseview_subject .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.courseview_subject .repay .num {
  font-weight: bold;
}

#courseview_main #course_attachment_audio .card,
#courseview_main #course_attachment .card,
#courseview_main > .card {
  margin-bottom: 5px;
}

#courseview_main .courseview_text {
  padding: 20px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

#courseview_main .coursevideo_box > iframe,
#courseview_main .coursevideo_box > video {
  width: 100%;
  /*height: 200px;*/
  background-color: #333;
  border-radius: 10px;
  border: none;
  min-height: 200px;
}
#courseview_main .coursevideo_box {
  margin-bottom: 5px;
}
#courseview_main .courseaudio_box > audio {
  width: 100%;
}

#courseview_main .item_coursepic {
  margin-bottom: 20px;
}
#courseview_main .item_coursepic img {
  width: 100%;
  margin-bottom: 5px;
  border-radius: 10px;
}

#courseview_main .courseaudio_box video {
  width: 100%;
  /*height: 200px;*/
  background-color: #333;
  border-radius: 10px;
}
#courseview_main .courseaudio_box {
  margin-bottom: 5px;
}


#courseview_bottombar {
  background-color: rgba(0,0,0,.8);
  box-shadow: none;
}
#courseview_bottombar .bottombar_box {
  height: 30px;
  text-align: center;
  color: #fff;
}
#courseview_bottombar .repay {
  padding: 2px 10px;
  font-size: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#courseview_bottombar .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
#courseview_bottombar .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
#courseview_bottombar .repay .num {
  font-weight: bold;
}


#subpage_catalog_wrap {
  z-index: 10;
  position: fixed;
  top: 0;
}
#subpage_catalog {
  left: auto;
  max-width: 640px;
  width: 80%;
  background-color: #fff;
}
#subpage_catalog .header {
  position: fixed;
  left: auto;
  max-width: 640px;
  width: 80%;
}
#subpage_catalog .main {
  padding: 0 0 60px 30px;
  overflow: auto;
}
#subpage_catalog .item_coursecatalog {
  white-space: nowrap;
}





#courseview_main .coursefile_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
#courseview_main .coursefile_box .fileicon {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  /*background-image: url(../img/fileicon/blank.png);*/
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#courseview_main .coursefile_box .filename {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding-left: 5px;
}




/****** 最美瞬间活动列表 ******/
.item_monthlyphotoevent {
  margin-bottom: 5px;
  cursor: pointer;
}
.item_monthlyphotoevent_box {
  padding: 10px;
}
.item_monthlyphotoevent_box .cover_wrap {
  margin-bottom: 5px;
  font-size: 0;
  position: relative;
}
.item_monthlyphotoevent_box .cover {
  width: 100%;
  padding-top: 50%;
  border-radius: 5px;
}
.item_monthlyphotoevent_box .cover_wrap .badge {
  position: absolute;
  top: 10px;
  right: 10px;
  text-shadow: 0 0 5px rgba(0, 0, 0, .5);
}
.item_monthlyphotoevent_box .cover_wrap .badge.badge_color_4 {
  text-shadow: none;
}
.item_monthlyphotoevent_box .title_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.item_monthlyphotoevent_box .title_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_monthlyphotoevent_box .title_wrap .title {
  font-size: 14px;
  font-weight: bold;
  color: #333;
}
.item_monthlyphotoevent_box .title_wrap .time {
  color: #999;
}
.item_monthlyphotoevent_box .title_wrap .counter * {
  line-height: 24px;
  vertical-align: top;
  display: inline-block;
  color: #999;
}
.item_monthlyphotoevent_box .title_wrap .counter .num {
  font-size: 14px;
  font-weight: bold;
}

@media (min-width: 500px) {
  .item_monthlyphotoevent_box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .item_monthlyphotoevent_box .cover_wrap {
    width: 150px;
    margin-right: 10px;
    margin-bottom: 0;
  }
  .item_monthlyphotoevent_box .title_wrap {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
  }
}



/****** 图文流 最美瞬间活动 ******/
#monthlyphotoevent_maintop .banner {
  background-color: #333;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
#monthlyphotoevent_maintop .banner:before {
  content: "";
  display: block;
  width: 100%;
  padding-top: 40%;
}
#monthlyphotoevent_maintop .tips {
  color: #999;
  text-align: right;
  padding: 10px 10px 0;
}
#monthlyphotoevent_maintop .tips div {
  background-color: #f4f4f4;
  display: inline-block;
  padding: 5px 10px;
  border-radius: 5px;
}
#monthlyphotoevent_maintop .tips b {
  color: #666;
}
#monthlyphotoevent_maintop .text {
  padding: 10px 20px;
  font-size: 14px;
}



#monthlyphotoevent_main .item_photoflow {
  margin-bottom: 5px;
  position: relative;
  padding: 10px 10px 10px 56px;
}
#monthlyphotoevent_main .item_photoflow .avatar_wrap {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
}
#monthlyphotoevent_main .item_photoflow .avatar_wrap .avatar {
  width: 36px;
  height: 36px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
  line-height: 36px;
}
#monthlyphotoevent_main .item_photoflow .avatar_wrap .avatar:first-letter {
  font-size: 14px;
}
#monthlyphotoevent_main .item_photoflow_box .name {
  font-weight: bold;
  font-size: 14px;
}
#monthlyphotoevent_main .item_photoflow_box .time {
  color: #999;
}

#monthlyphotoevent_main .item_photoflow .form_item_btn {
  padding-top: 5px;
}


#monthlyphotoevent_main .list_descimgs {
  font-size: 0;
  padding-top: 10px;
}
#monthlyphotoevent_main .item_descimgs {
  position: relative;
  display: inline-block;
  width: 30%;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
#monthlyphotoevent_main .item_descimgs .image {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
#monthlyphotoevent_main .counter_1 .item_descimgs {
  width: 80%;
}
#monthlyphotoevent_main .counter_2 .item_descimgs,
#monthlyphotoevent_main .counter_4 .item_descimgs {
  width: 40%;
}




/****** 发表 最美瞬间活动 ******/
#monthlyphotoevent_post_maintop .main_top_box {
  padding: 20px;
}
#monthlyphotoevent_post_maintop .list_descimgs {
  font-size: 0;
  padding-top: 10px;
}
#monthlyphotoevent_post_maintop .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
#monthlyphotoevent_post_maintop .item_descimgs .btnbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#monthlyphotoevent_post_maintop .item_descimgs .btnbox .btn {
  padding: 2px;
  opacity: .8;
}


#monthlyphotoevent_post_maintop .item_descimgs .form_range {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#monthlyphotoevent_post_maintop .item_descimgs .form_range .form_range_bg {
  background-color: transparent;
}
#monthlyphotoevent_post_maintop .item_descimgs .form_range .form_range_bar {
  border-radius: 0;
  opacity: .5;
  background-color: #00ff43;
}


#monthlyphotoevent_post_maintop .list_descimgs .btn_plus {
  display: inline-block;
  width: 70px;
  line-height: 68px;
  height: 70px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 0;
}
#monthlyphotoevent_post_maintop .list_descimgs .btn_plus i {
  font-size: 40px;
}




/****** 看板 ******/
#keypointboard_main .list_keyman .item_keyman .name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


/****** TV版看板 ******/
body.boardtv #keypointboard_main {
  max-width: none;
  margin: 0 auto;
  margin-top: 0;
  padding: 0;
  position: fixed;
  top: 50px;
  left: 50px;
  bottom: 50px;
  right: 50px;
  width: auto;
}

body.boardtv .card_keypointmeter {
  position: absolute;
  margin-bottom: 0;
}
body.boardtv #keypointmeter_rewardranking .item_keyman:nth-child(even),
body.boardtv #keypointmeter_appleranking .item_keyman:nth-child(even),
body.boardtv #keypointmeter_taskranking .item_keyman:nth-child(even),
body.boardtv #keypointmeter_owes .item_keyman:nth-child(even),
body.boardtv #keypointmeter_study .item_keyman:nth-child(even),
body.boardtv #keypointmeter_exam .item_keyman:nth-child(even),
body.boardtv #keypointmeter_reward .item_keyman:nth-child(even) {
  background: #393939;
}
body.boardtv #keypointmeter_rewardranking .card_keypointmeter_con,
body.boardtv #keypointmeter_appleranking .card_keypointmeter_con,
body.boardtv #keypointmeter_taskranking .card_keypointmeter_con,
body.boardtv #keypointmeter_owes .card_keypointmeter_con,
body.boardtv #keypointmeter_study .card_keypointmeter_con,
body.boardtv #keypointmeter_exam .card_keypointmeter_con,
body.boardtv #keypointmeter_reward .card_keypointmeter_con {
  padding-left: 0;
  padding-right: 0;
}


@media (min-width: 1800px) {

  body.boardtv .card_keypointmeter .card_keypointmeter_title {
    font-size: 26px;
  }
  body.boardtv .keypointmeter_pointthisyear .iconimg {
    width: 70px;
    height: 70px;
  }
  body.boardtv .keypointmeter_pointthisyear .title {
    font-size: 20px;
  }
  body.boardtv .keypointmeter_pointthisyear .point {
    font-size: 30px;
  }


  body.boardtv .list_keyman .item_keyman .name {
    font-size: 18px;
  }
  body.boardtv #keypointmeter_rewardranking .item_keyman .point .num,
  body.boardtv #keypointmeter_appleranking .item_keyman .point .num {
    font-size: 24px;
  }
  body.boardtv #keypointmeter_rewardranking .item_keyman .point .iconimg,
  body.boardtv #keypointmeter_appleranking .item_keyman .point .iconimg {
    width: 30px;
    height: 30px;
  }
  body.boardtv .list_keyman .item_keyman .avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  body.boardtv #keypointmeter_rewardranking .item_keyman,
  body.boardtv #keypointmeter_appleranking .item_keyman,
  body.boardtv #keypointmeter_taskranking .item_keyman,
  body.boardtv #keypointmeter_owes .item_keyman,
  body.boardtv #keypointmeter_study .item_keyman,
  body.boardtv #keypointmeter_exam .item_keyman,
  body.boardtv #keypointmeter_reward .item_keyman {
    margin-bottom: 20px;
  }
  body.boardtv #keypointmeter_rewardranking .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_appleranking .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_taskranking .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_owes .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_study .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_exam .item_keyman .rankingnumber,
  body.boardtv #keypointmeter_reward .item_keyman .rankingnumber {
    margin-right: 20px;
    transform: scale(1.5);
  }

  body.boardtv .card_keypointmeter .card_keypointmeter_text {
    font-size: 20px;
    text-align: center;
  }
  body.boardtv #keypointmeter_lognotwrite .item_keypointmeter_notwrite .avatar {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  body.boardtv #keypointmeter_rewardranking .list_keyman,
  body.boardtv #keypointmeter_taskranking .list_keyman,
  body.boardtv #keypointmeter_owes .list_keyman,
  body.boardtv #keypointmeter_study .list_keyman,
  body.boardtv #keypointmeter_exam .list_keyman,
  body.boardtv #keypointmeter_reward .list_keyman {
    padding: 20px;
  }
  
  body.boardtv #keypointmeter_taskranking .item_keyman .taskcounter,
  body.boardtv #keypointmeter_owes .item_keyman .taskcounter,
  body.boardtv #keypointmeter_study .item_keyman .taskcounter,
  body.boardtv #keypointmeter_exam .item_keyman .taskcounter,
  body.boardtv #keypointmeter_reward .item_keyman .taskcounter {
    font-size: 30px;
  }

  body.boardtv .item_taskchart .cover {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }

  body.boardtv .item_taskchart .title_wrap .title {
    font-size: 20px;
  }

  body.boardtv .item_taskchart .title_wrap .tag {
    font-size: 16px;
  }
  .item_taskchart {
    display: block;
    padding: 10px;
  }
  .item_taskchart .item_taskchart_box > .badge {
    font-size: 18px;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
  }
  body.boardtv .item_taskchart .item_taskchart_box > .badge i {
    font-size: 24px;
  }


}

/** 夜间模式版本 TV版看板 **/
body.boardtv.darkmode {
  background-color: #232323;
}
body.boardtv.darkmode .card_keypointmeter {
  background-color: #333;
  box-shadow: 0 1px 20px rgba(0,0,0,.5);
  color: #ccc;
  text-shadow: 0 0 5px #000;
}
body.boardtv.darkmode .card_keypointmeter .card_keypointmeter_title {
  border-bottom: 1px solid #222;
  background-color: #292929;
  text-shadow: 0 0 5px #000;
  color: #aaa;
}
body.boardtv.darkmode .list_keyman .item_keyman .name {
  color: #ccc;
}
body.boardtv.darkmode .card_keypointmeter .card_keypointmeter_text {
  background-color: #393939;
}
body.boardtv.darkmode .item_taskchart .item_taskchart_box {
  text-shadow: 0 0 5px #000;
}
body.boardtv.darkmode .item_taskchart .title_wrap .title {
  color: #ccc;
}
body.boardtv.darkmode #keypointmeter_lognotwrite .list_keypointmeter_notwrite:after {
  background-image: -webkit-linear-gradient(left, transparent, #333);
  background-image: linear-gradient(to right, transparent, #333);
}
body.boardtv.darkmode #keypointmeter_taskranking .item_keyman .taskcounter,
body.boardtv.darkmode #keypointmeter_owes .item_keyman .taskcounter,
body.boardtv.darkmode #keypointmeter_study .item_keyman .taskcounter,
body.boardtv.darkmode #keypointmeter_exam .item_keyman .taskcounter,
body.boardtv.darkmode #keypointmeter_reward .item_keyman .taskcounter {
  color: #ccc;
}


/******** 切换公司组织 ********/
.div_changezone {
  margin-top: 10px;
}
.div_changezone .btn {
  display: block;
  font-size: 15px;
  padding: 10px;
  margin: 4px 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.div_changezone .btn em {
  background-color: #DE3131;
  color: #fff;
  font-size: 12px;
  font-style: normal;
  padding: 0 5px;
  border-radius: 4px;
  margin-right: 5px;
}
.div_changezone .btn_wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
.div_changezone .btn_wrap .btn_goto {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  border-radius: 100px 0 0 100px;
  text-align: left;
  padding-left: 20px;
}
.div_changezone .btn_wrap .btn_tuichu {
  border-radius: 0 100px 100px 0;
  position: relative;
}
.div_changezone .btn_wrap .btn_tuichu:before {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  left: 0;
  background-color: #f4f4f4;
  width: 1px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.div_changezone .btn_wrap .btn_tuichu:hover:before {
  background-color: #d63131;
}


/******** 审核“延期申请” ********/
.card_applyextension_review .commonareacard_con {
  padding: 20px;
}
.card_applyextension_review .taskview_condition {
  border: 1px solid #ff7e00;
  background-color: #ff7e00;
}
.card_applyextension_review .taskview_condition.older {
  background-color: #e8e8e8;
  border-color: #e8e8e8;
}
.card_applyextension_review .taskview_condition.fold dd {
  display: none;
}
.card_applyextension_review .taskview_condition.fold {
  padding-bottom: 0;
}
.card_applyextension_review .taskview_condition dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  cursor: pointer;
}
.card_applyextension_review .taskview_condition.thenew dt {
  color: #fff;
  font-weight: bold;
}
.card_applyextension_review .taskview_condition dt span {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.card_applyextension_review .taskview_condition dt .material-icons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.card_applyextension_review .taskview_condition.fold dt .material-icons {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.card_applyextension_review .taskview_condition.thenew dd .text {
  font-weight: bold;
  font-size: 13px;
}
.card_applyextension_review .taskview_condition .btn_wrap {
  padding: 10px 10px 0;
  text-align: right;
}
.card_applyextension_review .taskview_condition .btn {
  padding: 5px 10px;
  background-color: #fff;
}
.card_applyextension_review .taskview_condition.fold .btn_wrap {
  display: none;
}

.taskview_subject .date_applyextension {
  background-color: #ff5959;
  color: #fff;
  margin-bottom: 10px;
  margin-top: -10px;
  padding: 10px;
}
.taskview_subject .date_applyextension b {
  font-size: 16px;
}



/************************ 摘红包 ************************/


.subplate_redpacketreceive.hide {
  display: none;
}
@-webkit-keyframes redpacketreceive_ani {
  0% {
    -webkit-transform: scale(0);
  }
  70% {
    -webkit-transform: scale(1.05);
  }
  100% {
    -webkit-transform: scale(1);
  }
}
@keyframes redpacketreceive_ani {
  0% {
    transform: scale(0);
  }
  70% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}

.redpacketreceive_wrap {
  width: 70%;
  max-width: 300px;
  top: 50%;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.redpacketreceive_box {
  padding-top: 140%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 10px;
  animation: redpacketreceive_ani infinite alternate;
	-webkit-animation: redpacketreceive_ani .5s both;
}
.redpacketreceive_box .text {
  width: 100%;
  position: absolute;
  top: 39%;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
}
.redpacketreceive_box .text .remark {
  font-size: 12px;
  word-break: break-all;
  white-space: pre-wrap;
}
.redpacketreceive_box .text .num {
  font-style: normal;
  font-size:30px;
}
.redpacketreceive_box .text .num_wrap {
  font-size: 16px;
}
.redpacketreceive_box .redpacketreceive_cover {
  position: absolute;
  top: 19%;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  height: 60px;
}
.redpacketreceive_box .avatar_wrap {
  position: absolute;
  top: 19%;
  left: 50%;
  margin-left: -30px;
}
.redpacketreceive_box .avatar_wrap .avatar {
  width: 60px;
  height: 60px;
  box-shadow: inset 0 0 10px rgba(0,0,0,.2);
  border: 2px solid #fff;
  background-color: #fff;
}
@media (min-width: 480px) {
  .redpacketreceive_box .redpacketreceive_cover {
    margin-left: -40px;
    width: 80px;
    height: 80px;
  }
  .redpacketreceive_box .avatar_wrap {
    margin-left: -40px;
  }
  .redpacketreceive_box .avatar_wrap .avatar {
    width: 80px;
    height: 80px;
  }
  .redpacketreceive_box .text {
    top: 43%;
  }
}
.redpacketreceive_box .btn_redpacketreceive {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 150px;
  height: 50px;
  position: absolute;
  left: 50%;
  margin-left: -75px;
  bottom: 10%;
	-webkit-animation: btn_redpacketreceive_ani 1s infinite;
  animation: btn_redpacketreceive_ani 1s infinite;
}
@-webkit-keyframes btn_redpacketreceive_ani {
  0% {-webkit-transform:scale(1.0)}
  50% {-webkit-transform:scale(1.1)}
  100% {-webkit-transform:scale(1.0)}
}
@keyframes btn_redpacketreceive_ani {
  0% {transform:scale(1.0)}
  50% {transform:scale(1.1)}
  100% {transform:scale(1.0)}
}



/** 指派工作 **/

#fastworkadd_maintop .main_top_box {
  padding: 0 20px; 
}
@media (min-width: 480px) {
  #fastworkadd_maintop .main_top_box {
    padding: 0 35px; 
  }
}
#input_faceto_wrap .btn {
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  min-width: 100px;
}
#fastworkadd_main .div_appoint_selected .btn {
  float: right;
}

/** 选择执行部门 指派工作 **/
#fastworkadd_department_wrap .list_facetodepartment {

}
#fastworkadd_department_wrap .item_facetodepartment .name {
  display: inline-block;
  font-weight: bold;
}
#fastworkadd_department_wrap .item_facetodepartment .num {
  display: inline-block;
}
#fastworkadd_department_wrap .item_facetodepartment {
  background-color: #f4f4f4;
  border-radius: 10px;
  margin-top: 1px;
  margin-bottom: 1px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
#fastworkadd_department_wrap .item_facetodepartment .item_facetodepartment_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
#fastworkadd_department_wrap .item_facetodepartment .item_facetodepartment_box .name small {
  color: #999;
}
#fastworkadd_department_wrap .item_facetodepartment .item_facetodepartment_box .num {
  padding-left: 5px;
  color: #999;
  font-size: 12px;
}
#fastworkadd_department_wrap .item_facetodepartment .item_facetodepartment_box .num:before {
  content: "\ff08";
}
#fastworkadd_department_wrap .item_facetodepartment .item_facetodepartment_box .num:after {
  content: "\ff09";
}
#fastworkadd_department_wrap .item_facetodepartment .btn_remove {
  line-height: 38px;
  width: 38px;
  color: #ef3a3a;
}

#fastworkadd_department_wrap .btn_selectdepartment {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/** 自定义 指派工作 **/
#fastwork_repeatcustom .form_check {
  padding-right: 25px;
}

/** 选择执行人、审核人 指派工作 **/
#fastwork_assessor .list_person,
#fastworkadd_person_wrap .list_person {
  overflow: auto;
  max-height: 300px;
  /*margin-bottom: 5px;*/
}
#fastwork_assessor .list_person .item_person .btn_removeperson,
#fastworkadd_person_wrap .list_person .item_person .btn_removeperson {
  width: 38px;
  color: #ef3a3a;
}

#fastwork_assessor .btn_selectperson,
#fastworkadd_person_wrap .btn_selectperson {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}

/** 预算 指派工作 **/
#fastworkadd_main .div_taskbudget .div_taskbudget_tips {
  text-align: right;
  font-size: 12px;
  margin-bottom: 10px;
  color: #999;
  margin-top: 10px;
}
#fastworkadd_main .div_taskbudget .div_taskbudget_tips * {
  vertical-align: middle;
  display: inline-block;
}
#fastworkadd_main .div_taskbudget .div_taskbudget_tips b {
  font-weight: bold;
  color: #666;
}
#fastworkadd_main .div_taskbudget .div_taskbudget_tips .point {
  font-weight: bold;
  color: #ef3a3a;
}
#fastworkadd_main .div_taskbudget .div_taskbudget_tips .point_wrap {
  font-size: 14px;
  background-color: #ef3a3a;
  padding: 2px 10px 2px 5px;
  border-radius: 3px;
}
#fastworkadd_main .div_taskbudget .div_taskbudget_tips .point_wrap .point {
  color: #fff;
  padding-left: 2px;
}
#fastworkadd_main .div_taskbudget .form_range {
  height: 20px;
  margin: 5px 0;
  border: 2px solid #ccc;
  background-color: #ccc;
}
#fastworkadd_main .div_taskbudget .form_range.warning .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ffb42b, #ff8833);
  background-image: linear-gradient(to right, #ffb42b, #ff8833);
}
#fastworkadd_main .div_taskbudget .form_range.danger .form_range_bar {
  background-image: -webkit-linear-gradient(left, #ff8833, #ff442b);
  background-image: linear-gradient(to right, #ff8833, #ff442b);
}
#fastworkadd_main .div_taskbudget .form_range.danger {
  border-color: #ff442b;
}
#fastworkadd_main .div_taskbudget .form_range .form_range_bar {
  
}

#fastworkadd_main .div_taskbudget .task_budget_wrap {
  position: relative;
}
#fastworkadd_main .div_taskbudget .task_budget_wrap .form_input {
  padding-left: 40px;
  color: #ff5d2b;
  font-size: 16px;
  font-weight: bold;
}
#fastworkadd_main .div_taskbudget .task_budget_wrap .iconimg {
  position: absolute;
  top: 4px;
  left: 0;
  width: 30px;
  height: 30px;
}
#fastworkadd_main .div_taskbudget .hr_wrap {
  text-align: right;
  font-size: 0;
}
#fastworkadd_main .div_taskbudget .hr_wrap hr {
  width: 50%;
  display: inline-block;
  margin: 0;
}

/** 补发当前周期 **/
#fastwork_directpush {
  margin-bottom: 10px;
}
#fastwork_directpush .form_item_con {
  text-align: right;
}
#fastwork_directpush .form_item_tips .form_static {
  text-align: right;
}


/** 条目 指派工作详情 **/
.item_fastworkcycle_title {
  padding: 10px 0;
  color: #666;
  font-weight: bold;
  font-size: 14px;
}


.item_fastworkentry {
  margin-bottom: 5px;
  overflow: hidden;
}
.item_fastworkentry .item_fastworkentry_box {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 20px 20px 20px 10px;
  cursor: pointer;
}
.item_fastworkentry .state {
  margin-right: 5px;
  font-size: 0;
}
.item_fastworkentry .state .iconimg {
  width: 30px;
  height: 30px;
}
.item_fastworkentry .executor {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  line-height: initial;
  height: initial;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_fastworkentry .executor .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}

.item_fastworkentry .executor .avatar {
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.item_fastworkentry .executor .avatar:first-letter {
  font-size: 14px;
}
.item_fastworkentry .executor .name {
  font-weight: bold;
}
.item_fastworkentry .executor .name .nametext {
  color: #333;
}
.item_fastworkentry .executor .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
.item_fastworkentry .executor .phone {
  color: #999;
}

.item_fastworkentry .executor .phone {
  color: #999;
}
.item_fastworkentry_box > .time {
  color: #999;
}
.item_fastworkentry .detail {
  background-color: #f4f4f4;
  padding: 10px 20px 10px 45px;
}
.item_fastworkentry .detail .text {
  margin-bottom: 10px;
}

.item_fastworkentry .list_descimgs {
  font-size: 0;
  margin-bottom: -5px;
}
.item_fastworkentry .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}

.item_fastworkentry_box .icon_fold {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_fastworkentry.fold .item_fastworkentry_box .icon_fold {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.item_fastworkentry.fold .detail {
  display: none;
}
.item_fastworkentry .detail .time_wrap {
  text-align: right;
  color: #999;
}

.item_fastworkentry .detail .fastworkentry_reviewer {
  background-color: rgba(0, 0, 0, .05);
  border-radius: 4px;
  padding: 0 10px;
  margin-bottom: 10px;
  width: 100%;
  max-width: 400px;
  float: right;
}
.item_fastworkentry .detail .fastworkentry_reviewer .item_person {
  border-bottom: 1px solid #d0d0d0;
}
.item_fastworkentry .detail .fastworkentry_reviewer .item_person:last-child {
  border-bottom: none;
}
.item_fastworkentry .detail .fastworkentry_reviewer .reason {
  word-break: break-all;
  white-space: pre-wrap;
  margin-top: 5px;
  padding: 5px;
  background-color: #fff3b6;
  border-radius: 4px;
  color: #b1360f;
}
.item_fastworkentry .detail .fastworkentry_reviewer .form_item_btn {
  margin-top: 5px;
}
.fastworkentry_reviewer_title {
  padding-top: 5px;
  font-weight: bold;
  color: #999;
}

/** 部门有权反馈的人员 **/
.item_fastworkentry .detail .departexecutor_candidate_title {
  color: #999;
}
.item_fastworkentry .detail .item_departexecutor_candidate {
  display: inline-block;
  background-color: #e8e8e8;
  border-radius: 100px;
  padding: 0 10px 0 0;
  margin: 5px 5px 5px 0;
  vertical-align: top;
}
.item_fastworkentry .detail .item_departexecutor_candidate_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.item_fastworkentry .detail .item_departexecutor_candidate .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.item_fastworkentry .detail .item_departexecutor_candidate .name_wrap .nametext {
  color: #333;
}

.item_fastworkentry .detail .item_departexecutor_candidate .avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.item_fastworkentry .detail .item_departexecutor_candidate .avatar:first-letter {
  font-size: 12px;
}
.item_fastworkentry .detail .item_departexecutor_candidate .name {
  font-weight: bold;
}
.item_fastworkentry .detail .item_departexecutor_candidate .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
.item_fastworkentry .detail .item_departexecutor_candidate .phone {
  color: #999;
}



.item_fastworkentry .detail .depart_executor {
  display: inline-block;
  padding-bottom: 5px;
}
.item_fastworkentry .detail .depart_executor_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.item_fastworkentry .detail .depart_executor .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
.item_fastworkentry .detail .depart_executor .name_wrap .nametext {
  color: #333;
}

.item_fastworkentry .detail .depart_executor .avatar {
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
.item_fastworkentry .detail .depart_executor .avatar:first-letter {
  font-size: 12px;
}
.item_fastworkentry .detail .depart_executor .name {
  font-weight: bold;
}
.item_fastworkentry .detail .depart_executor .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
.item_fastworkentry .detail .depart_executor .phone {
  color: #999;
}

.item_fastworkentry .detail .executor_mood {
  margin-bottom: 10px;
}


/** 反馈工作完成情况 表单 指派工作 **/
.form_fastwork_windup {
  padding-top: 10px;
}
.form_fastwork_windup .list_descimgs {
  font-size: 0;
  padding-top: 10px;
}
.form_fastwork_windup .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
.form_fastwork_windup .item_descimgs .btnbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
.form_fastwork_windup .item_descimgs .btnbox .btn {
  padding: 2px;
  opacity: .8;
}


.form_fastwork_windup .item_descimgs .form_range {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.form_fastwork_windup .item_descimgs .form_range .form_range_bg {
  background-color: transparent;
}
.form_fastwork_windup .item_descimgs .form_range .form_range_bar {
  border-radius: 0;
  opacity: .5;
  background-color: #00ff43;
}
.form_fastwork_windup .list_descimgs .btn_plus {
  display: inline-block;
  width: 70px;
  line-height: 68px;
  height: 70px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 0;
}
.form_fastwork_windup .list_descimgs .btn_plus i {
  font-size: 40px;
}
.form_fastwork_windup .form_item_btn {
  padding-top: 10px;
}
.form_fastwork_windup .choosemood_box {
  margin-bottom: 20px;
}
.item_fastworkentry .form_item.form_item_btn .form_btn_part {
  overflow: initial;
}

/** 提交结果 反馈工作完成情况 表单 指派工作 **/
.form_fastwork_windup_wrap .btn_windup_over {
  line-height: 20px;
  text-align: right;
  color: #00B100;
  font-weight: bold;
}
.form_fastwork_windup_wrap .btn_windup_over i,
.form_fastwork_windup_wrap .btn_windup_over span {
  vertical-align: top;
  line-height: inherit;
}


#subplate_selectuploadsource .subplate {
  top: auto;
  padding-bottom: 60px;
  padding-top: 20px;
}


/** 试卷列表 **/
.item_exam {
  margin-bottom: 5px;
  overflow: hidden;
}
.item_exam_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  min-height: 80px;
}
.item_exam_box .item_exam_title {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_exam_box .covericon {
  width: 35px;
  height: 35px;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
.item_exam_box .title_wrap .title_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_exam_box .title_wrap .title {
  font-weight: bold;
  font-size: 15px;
}
.item_exam_box .title_wrap .times {
  margin-right: 5px;
  color: #666;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  border-top: 1px solid #e8e8e8;
  padding-top: 2px;
  margin-top: 2px;
}
.item_exam_box .btn {
  padding: 10px 20px;
}

.item_exam .item_exam_tips {
  background-color: #FEFFD9;
  padding: 5px 10px;
  text-align: right;
  color: #ef3a3a;
}

.item_exam .last_exampaper {
  text-align: right;
  margin-left: 5px;
}
.item_exam .last_exampaper .last_exampaper_label {
  color: #999;
  padding-bottom: 2px;
}


.item_exam .repay {
  background-color: #444;
  border-radius: 100px;
  color: #fff;
  padding: 2px 10px;
  display: inline-block;
  margin-top: 2px;
  margin-bottom: 2px;
}
.item_exam .repay * {
  display: inline-block;
  vertical-align: top;
  line-height: 16px;
}
.item_exam .repay .iconimg {
  margin: 0 2px;
  width: 16px;
  height: 16px;
}
.item_exam .repay .num {
  font-weight: bold;
}


.list_exampaper_wrap {
  background-color: #f4f4f4;
}
.list_exampaper {
  padding: 10px 10px 10px 20px;
  width: 100%;
  max-width: 300px;
  float: right;
}
.item_exampaper {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 5px 0;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
  cursor: pointer;
}
.item_exampaper .point_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  text-align: right;
}
.item_exampaper .time {
  color: #999;
}

.item_exampaper .score {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}
.item_exampaper .state {
  min-width: 55px;
  text-align: right;
}
.item_exampaper.sorry .score {
  color: #999;
}

.item_exam.fold .list_exampaper_wrap {
  display: none;
}

/** 试卷 **/
#exam_maintop .main_top_box {
  padding: 0 20px 10px 20px;
  text-align: center;
}
#exam_maintop .title {
  font-size: 20px;
  font-weight: bold;
}

#exam_maintop .exam_tips {
  color: #999;
  padding-top: 5px;
}

#exam_maintop .candidate {
  padding: 10px 0;
}

#exam_maintop .candidate .avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
#exam_maintop .candidate .avatar:first-letter {
  font-size: 12px;
}
#exam_maintop .candidate .name {
  font-weight: bold;
}
#exam_maintop .candidate .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
#exam_maintop .candidate .phone {
  color: #999;
}

#exam_maintop .exam_time {
  color: #999;
}

#exam_maintop .exam_score {
  color: #999;
  font-weight: bold;
  padding: 10px 0;
}
#exam_maintop .exam_score .num {
  color: #333;
  font-size: 24px;
  padding: 0 2px;
}

#exam_maintop .stamp {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 40px;
  font-weight: bold;
  
  /*-webkit-transform: rotate(10deg);
  opacity: .7;*/
  color: #27ca6d;
  -webkit-animation: stamp_ani 0.3s ease-out 0s 1 normal both;
  animation: stamp_ani 0.3s ease-out 0s 1 normal both;
}
@-webkit-keyframes stamp_ani {
  0% {
    -webkit-transform: scale(2);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1) rotate(10deg);
    opacity: 0.7;
  }
}
@keyframes stamp_ani {
  0% {
    transform: scale(2);
    opacity: 0;
  }
  100% {
    transform: scale(1) rotate(10deg);
    opacity: 0.7;
  }
}
#exam_maintop .stamp .ok {
  display: inline-block;
  border-bottom: 4px solid #27ca6d;
}
#exam_maintop .stamp .sorry {
  display: inline-block;
  color: #ff403e;
  border-bottom: 4px solid #ff403e;
}




#exam_main .exam_questiontype {
  color: #9b9b9b;
  border-left: 4px solid #9b9b9b;
  padding-left: 10px;
}
#exam_main .exam_question {
  /* color: #44596e; */
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  margin: 0;
  line-height: 1.5;
}
#exam_main .exam_image img {
  max-width: 100%;
  margin-bottom: 10px;
  border-radius: 10px;
}
#exam_main .exam_answer .form_check {
  position: relative;
  padding-left: 30px;
  display: block;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 2px;
  height: auto;
  line-height: 40px;
}
#exam_main .exam_answer .form_check:hover {
  background-color: #f4f4f4;
}
#exam_main .exam_answer .form_check.checked {
  background-color: #eee;
}
#exam_main .exam_answer .form_check.checked span {
  font-weight: bold;
}
#exam_main .exam_answer span {
  line-height: 18px;
  vertical-align: top;
  padding: 12px 7px 10px 0;
}
#exam_main .exam_answer .form_check input[type="checkbox"]:before {
  content: "\e835";
}
#exam_main .exam_answer .form_check input[type="checkbox"]:checked:before {
  content: "\e834";
}
#exam_main .exam_answer .form_check input {
  position: absolute;
  top: 10px;
  left: 3px;
}
#exam_main .exam_result_answer {
  color: #6a6a6a;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
#exam_main .exam_result_answer li {
  margin-bottom: 2px;
  border-radius: 100px;
  padding: 2px 10px;
}
#exam_main .exam_result_answer .active {
  background-color: #e2f3e9;/*#eee*/
}
#exam_main .exam_result_answer .active.sorry {
  background-color: #ffe6e6;
  color: #ff403e;
}

#exam_main .my_answer {
  padding-top: 10px;
  font-size: 16px;
}
#exam_main .my_answer.sorry {
  color: #ff403e;
}
#exam_main .my_answer.ok .material-icons {
  color: #27ca6d;
}

#exam_main .my_answer .material-icons {
  font-size: 30px;
  vertical-align: middle;
}
#exam_main .right_answer {
  color: #9b9b9b;
}


/** 编辑面板 备忘录 **/
#subplate_todolist .subplate,
#subplate_todolist_edit .subplate {
  top: auto;
  padding-bottom: 60px;
}
#subplate_todolist_history .subplate {
  padding-bottom: 60px;
}
#subplate_todolist .subplate_box,
#subplate_todolist_history .subplate_box,
#subplate_todolist_edit .subplate_box {
  padding: 20px 20px 0;
}
#subplate_todolist_edit .div_todolist_settime .form_item_con {
  padding-left: 0;
}

#subplate_todolist .subplate .form_btn {
  margin-bottom: 5px;
  line-height: 60px;
}

#index_main_top .todobtnbox {
  margin: 0 5px;
  text-align: right;
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
}
#index_main_top #btn_subplate_todolist {
  padding: 0 20px;
  line-height: 35px;
  background-color: #fff;
  color: #333;
}
#index_main_top #btn_subplate_todolist * {
  line-height: inherit;
  vertical-align: top;
}
.fastremind_subtabnav {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background-color: #f4f4f4;
  box-shadow: inset 0 2px 2px rgba(0,0,0,.1), 0 2px 2px rgba(0,0,0,.1);
}
.fastremind_subtabnav .tab_nav_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.fastremind_subtabnav .tab_nav_wrap:after {
  content: "";
  display: block;
  position: absolute;
  height: 100%;
  width: 30px;
  right: -10px;
  top: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, .2));
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  z-index: 1;
}
.fastremind_subtabnav .tab_nav {
  background-color: transparent;
  box-shadow: none;
  padding: 0 15px;
  display: block;
}
.fastremind_subtabnav .tab_nav .item {
  padding: 0 10px;
}



/** 备忘历史面板 **/
.item_todolist {
  padding: 10px 0;
  border-bottom: 1px solid #e8e8e8;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
.item_todolist .item_todolist_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_todolist .btn_todochecked {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 10px;
}
.item_todolist.todo_ischecked .title {
  font-weight: bold;
}
.item_todolist.todo_ischecked .btn_todochecked .off,
.item_todolist .btn_todochecked .on {
  display: none;
}
.item_todolist.todo_ischecked .btn_todochecked .on {
  display: inline-block;
}
.item_todolist.todo_ischecked .title,
.item_todolist.todo_ischecked .text {
  text-decoration: line-through;
}



/** 部门通知列表页 **/
.item_departnotice {
  padding: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
  position: relative;
}
.item_departnotice .iconimg {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 10px;
  width: 30px;
  height: 30px;
}
.item_departnotice .item_departnotice_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
.item_departnotice .title_wrap .title {
  font-weight: bold;
  color: #333;
  font-size: 14px;
}
.item_departnotice .extra * {
  display: inline-block;
  margin-right: 5px;
}
.item_departnotice .depart {
  -webkit-transform: scale(.8);
  transform: scale(.8);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.item_departnotice .time {
  color: #999;
}

.item_departnotice .btnbox {
  /*align-self: flex-end;*/
  margin-left: 10px;
  width: 44px;
  text-align: right;
}
.item_departnotice .btnbox .btn_more {
  border-radius: 100px;
  width: 35px;
  height: 35px;
}
.item_departnotice .btnbox .btn_more i {
  line-height: 35px;
}
.item_departnotice .btnbox .btn_more:hover {
  background-color: #f4f4f4;
}

.item_departnotice .div_more {
  position: absolute;
  right: 0;
  bottom: 50%;
  -webkit-transform: translateY(50%);
  transform: translateY(50%);
  padding: 10px;
  box-shadow: 0 1px 50px rgba(0,0,0,.2), 0 1px 30px rgba(0,0,0,.2), 0 1px 5px rgba(0,0,0,.3);
  font-size: 0;
  border-radius: 100px;
}
.item_departnotice .div_more .btn {
  border-radius: 100px;
  height: 35px;
  vertical-align: top;
}
.item_departnotice .div_more .btn_more {
  width: 35px;
}
.item_departnotice .div_more .btn * {
  line-height: 35px;
  display: inline-block;
}

.item_departnotice .div_more .btn_edit {
  padding: 0 10px;
  min-width: 58px;
  font-size: 12px;
  margin-right: 5px;
}

.item_departnotice .div_more .btn_tododel {
  width: 35px;
  margin-right: 5px;
}


#departnoticelist_main .list_departnotice {
  margin-bottom: 5px;
}


/** 部门公告 详情 **/

.dapartnotice_subject {
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
}

.dapartnotice_subject .dapartnotice_subject_box .title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  margin-bottom: 2px;
}
.dapartnotice_subject .time_wrap {
  color: #666;
  margin-bottom: 5px;
  margin-top: 2px;
}
.dapartnotice_subject .time_wrap .time {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  color: #999;
}
.dapartnotice_subject .time_wrap .time:before {
  content: "";
  display: inline-block;
  width: 5px;
  height: 5px;
  background-color: #26b5fb;
  border-radius: 100%;
  margin-right: 5px;
  vertical-align: middle;
}
.dapartnotice_subject .time_wrap .time b {
  color: #333;
}

#dapartnotice_main .dapartnotice_text {
  padding: 20px;
  overflow: hidden;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#dapartnotice_main .dapartnotice_text .form_item_btn {
  margin-bottom: 10px;
}

#dapartnotice_main > .card {
  margin-bottom: 5px;
}

#dapartnotice_main .item_coursepic {
  margin-bottom: 20px;
}
#dapartnotice_main .item_coursepic img {
  width: 100%;
  margin-bottom: 5px;
  border-radius: 10px;
}


/** 部门公告 发表 编辑 **/
#departnotice_edit_main .item_descimgs {
  position: relative;
  display: inline-block;
  width: 70px;
  height: 70px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 5px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  cursor: pointer;
}
#departnotice_edit_main .item_descimgs .btnbox {
  position: absolute;
  top: 0;
  right: 0;
  text-align: right;
}
#departnotice_edit_main .item_descimgs .btnbox .btn {
  padding: 2px;
  opacity: .8;
}


#departnotice_edit_main .item_descimgs .form_range {
  border-radius: 0;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
#departnotice_edit_main .item_descimgs .form_range .form_range_bg {
  background-color: transparent;
}
#departnotice_edit_main .item_descimgs .form_range .form_range_bar {
  border-radius: 0;
  opacity: .5;
  background-color: #00ff43;
}


#departnotice_edit_main .list_descimgs .btn_plus {
  display: inline-block;
  width: 70px;
  line-height: 68px;
  height: 70px;
  margin-bottom: 5px;
  border: 1px solid #ccc;
  vertical-align: top;
  border-radius: 0;
}
#departnotice_edit_main .list_descimgs .btn_plus i {
  font-size: 40px;
}


/** 任务忙碌 看板人员列表 **/
#boarduserlist_main .item_person .counter {
  font-weight: bold;
  font-size: 14px;
}


/********************* 投诉建议 ***************************/
#refumdcom_main .list_newspaper {
  margin-bottom: 5px;
}
#refumdcom_main .listremind_btnbox {
  margin-bottom: 5px;
  text-align: right;
  padding: 5px;
}
#refumdcom_main .listremind_btnbox .btn {
  padding: 0 15px;
  line-height: 35px;
  height: 35px;
}


.review_imgbox_wrap {
  font-size: 0;
}
.review_imgbox{
  display: inline-block;
  font-size: 0;
}
.review_imgbox .img {
  font-size: 12px;
  position: relative;
  display: inline-block;
  background-color: #ddd;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 3px 0 0;
}
.review_imgbox .img:before {
  content: "\5220\9664";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  line-height: 20px;
  height: 20px;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.28);
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 0, 0, .6);
}
.review_imgupload_plus {
  display: inline-block;
  background-color: #ddd;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 0 0 auto;
}
.input_goods_review_text {
  width: 100%;
  border: 0;
  outline: none;
  padding: 5px 10px;
  font-family: inherit;
  color: #666;
  height: 100px;
}
.saler_review_write,
.goods_review_write {
  padding: 0 10px;
}
.form_item.noline{
  border-bottom: 0;
}

.com_sugg .form_item {
  border-bottom: none;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn {
  line-height: 70px;
  margin-bottom: 10px;
  font-size: 16px;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn .iconimg {
  width: 50px;
  height: 50px;
  vertical-align: middle;
  margin-right: 5px;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn span {
  vertical-align: middle;
  padding-right: 10px;
  font-weight: bold;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_gzrw {
  background-color: #2bb2ff;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_ylrw {
  background-color: #ffa82b;
}
.com_sugg .form_item.form_item_btn .form_btn_part .form_btn.taskcolor_xsrw {
  background-color: #ff5d2b;
}



.drawback_info{
  background-color: #f4f4f4;

}
.drawback_info .item_drawback{
  min-height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #e8e8e8;
  font-size: 14px;
  position: relative;
}
.drawback_info .item_drawback:last-child{
  border-bottom: 0;
}
.drawback_info .title{
  position: absolute;
  left: 10px;
  top: 0;
  color: #666;
}
.drawback_info .d_value{
  padding-left: 70px;
}
.drawback_info .d_value.d_cause{
  text-align: left;
  line-height: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.drawback_info .img {
  display: inline-block;
  background-color: #ddd;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  border: 2px solid #fff;
  margin: 5px 3px 0 0;
}

#refumdcom_main .com_sugg .form_item.form_item_btn{
  border-bottom: 0;
  padding-top:0;
}
#refumdcom_main .drawback_info {
  background-color:#fff;
  margin-bottom:10px;
}
#refumdcom_main .drawback_info .item_drawback {
  line-height:20px;
  padding: 0 10px;
}
#refumdcom_main .drawback_info .d_value {
  padding-top: 10px;
}
#refumdcom_main .drawback_info .title {
  top:10px;
}
#refumdcom_main .item_facetodepartment {
  margin-top:1px;
  background-color: #f4f4f4;
  border-radius: 10px;
}
#refumdcom_main .item_facetodepartment .item_facetodepartment_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  padding: 0 10px;
  white-space: nowrap;
  overflow: hidden;
}
#refumdcom_main .item_facetodepartment .name {
  display: inline-block;
  font-weight: bold;
}
#refumdcom_main .item_facetodepartment .item_facetodepartment_box .name small {
  color: #999;
}
#refumdcom_main .list_person .item_person {
  padding:0 0 10px 0
}

#refumdcom_main .refumdcom_title {
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
  padding:10px;
  position:relative;
}
#refumdcom_main .refumdcom_title .text {
  font-weight: bold;
}
#refumdcom_main .refumdcom_title .time {
  position:absolute;
  top:10px;
  right:10px;
}
#refumdcom_main .btn_wrap .btn_inner {
  display: block;
  width: 100%;
  line-height: 40px;
  margin-bottom:5px;
}
#refumdcom_main .btn_wrap {
  padding:10px;
  margin-top:10px;
}
#refumdcom_main .buchong {
  margin-bottom:10px;
}
#refumdcom_main .drawback_info .img_wrap.item_drawback {
  line-height: 40px;
}

#comsugg_list_main .list_comsugg {
  margin-bottom:10px;
}
#comsugg_list_main .list_comsugg .item_comsugg {
  display:block;
  border-bottom:1px solid #ebebeb;
  padding:10px;
}
#comsugg_list_main .list_comsugg .item_comsugg dl {
  margin:0;
  position:relative;
  padding-left:50px;
  display:block;
  margin:2px 0;
}
#comsugg_list_main .list_comsugg .item_comsugg dt {
  position:absolute;
  top:0px;
  left:10px;
  color:#999;
}
#comsugg_list_main .list_comsugg .item_comsugg dd {
  margin:0;
}
#comsugg_list_main .list_comsugg .item_comsugg dd .text {
  overflow:hidden;
  text-overflow:ellipsis;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  - MOZ-box-orient:vertical;
  -webkit-line-clamp:3;
  -MOZ-line-clamp:3;
  word-wrap:break-word;
  word-break:break-all;
}
#comsugg_list_main .list_comsugg .item_comsugg .avatar {
  width: 25px;
  height: 25px;
  line-height: 25px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
#comsugg_list_main .list_comsugg .item_comsugg .avatar:first-letter {
  font-size: 12px;
}
.suimg {
  width:32px;
  height:32px;
  display:inline-block;
  margin-right:5px;
  margin-bottom:5px;
  background-size:cover;
  background-position:center;
}

#refumdcom_main .card_form.feedback {
  padding:10px;
}

#refumdcom_main .tips {
  background-color: #fcffc0;
  color: #ff6000;
  font-size: 12px;
  padding: 5px;
  border: 1px #e6eb8c dashed;
  display: block;
  line-height: 20px;
  margin-bottom: 10px;

}
#refumdcom_main .form_item.error {
  border-bottom: 2px solid #0ba7ff;
}



/* 金点子 */
#goldenidea_main .form_label span {
  background-color: #fcffc0;
  color: #ff6000;
  font-size: 12px;
  padding: 0 5px;
  border: 1px #e6eb8c dashed;
  margin-left:5px;
  line-height:20px;
}
#goldenidea_main .form_label {
  font-weight:bold;
  color:#333;
  font-size:16px;
}
#goldenidea_main .form_label i {
  margin-right:5px;
  vertical-align:middle;
  font-size:16px;
  color:#999;
}
#goldenidea_main .tips {
  background-color: #fcffc0;
  color: #ff6000;
  font-size: 12px;
  padding:5px;
  border: 1px #e6eb8c dashed;
  display:block;
  line-height:20px;
  margin-bottom:10px;
}
.form_nopadding .form_item_con {
  padding-left: 0;
  clear: both;
}
.form_nopadding .form_label {
  position: relative;
  width: 100%;
}
#goldenidea_main .form_item {
  padding-bottom:10px;
}
#goldenidea_main .form_check {
  width:100%;
  font-size:14px;
}
#goldenidea_main .form_check input[type="checkbox"]:before {
  content: "\e835";
}
#goldenidea_main .form_check input[type="checkbox"]:checked:before {
  content: "\e834";
}


#goldenidea_main .btn_selectperson {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}

#goldenidea_main .form_item.error {
  border-bottom:2px solid #0ba7ff;
}


.tab_check span {
  font-size:12px;
  padding:3px 10px;
  color:#fff;
  background-color:#999;
  border-radius:15px;
  display: inline-block;
  line-height: 15px;
  margin-bottom: 5px;
}
#fastworkadd_main .form_check input[type="checkbox"]:before {
  content: "\e835";
}
#fastworkadd_main .form_check input[type="checkbox"]:checked:before {
  content: "\e834";
}
.anonymous {
  text-align: right;
}
.anonymous .form_check input {
  margin-right: 0;
}



/** 好评表情 **/
.choosemood_box {
  font-size: 0;
}
.item_choosemood {
  display: inline-block;
  line-height: 40px;
  height: 40px;
  vertical-align: top;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 100px;
  cursor: pointer;
}
.item_choosemood .material-icons {
  line-height: inherit;
  vertical-align: top;
  position: relative;
}
.item_choosemood.unchecked {
  opacity: .4;
}
.item_choosemood.active {
  color: #ff7e00;
  background-color: rgba(0, 0, 0, .04);
}
.item_choosemood.active span {
  font-weight: bold;
}
.item_choosemood_3.active {
  color: #f32d2d;
}
.item_choosemood.item_choosemood_1.active {
  color: #333;
}
.item_choosemood.item_choosemood_1.active .material-icons {
  -webkit-animation: choosemood_shake_ani 1s infinite;
  animation: choosemood_shake_ani 1s infinite;
}
.item_choosemood.item_choosemood_2.active .material-icons {
  -webkit-animation: choosemood_nod_ani 1s infinite;
  animation: choosemood_nod_ani 1s infinite;
}
.item_choosemood.item_choosemood_3.active .material-icons {
  -webkit-animation: choosemood_yoyo_ani 1s infinite alternate;
  animation: choosemood_yoyo_ani 1s infinite alternate;
}
.item_choosemood.item_choosemood_3.active .material-icons:after {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: -21px -14px 0 1px red, 6px -21px 0 0 red, 11px 23px 0 0 red, 25px 4px 0 2px red, -16px 18px 0 2px red;
  -webkit-animation: choosemood_pop_ani 2s infinite;
  animation: choosemood_pop_ani 2s infinite;
}
.item_choosemood.item_choosemood_3.active .material-icons:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: -17px 3px 0 1px red, 1px -27px 0 0 red, 17px 15px 0 1px red, 25px -14px 0 0 red, -26px 13px 0 0 red;
  -webkit-animation: choosemood_pop_ani 2s infinite .5s;
  animation: choosemood_pop_ani 2s infinite .5s;
}
@-webkit-keyframes choosemood_shake_ani {
  0% {
    -webkit-transform: translateX(-2px);
  }
  10% {
    -webkit-transform: translateX(2px);
  }
  20% {
    -webkit-transform: translateX(-2px);
  }
  30% {
    -webkit-transform: translateX(2px);
  }
  40% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(0);
  }
}
@keyframes choosemood_shake_ani {
  0% {
    transform: translateX(-2px);
  }
  10% {
    transform: translateX(2px);
  }
  20% {
    transform: translateX(-2px);
  }
  30% {
    transform: translateX(2px);
  }
  40% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@-webkit-keyframes choosemood_nod_ani {
  0% {
    -webkit-transform: translateY(2px);
  }
  10% {
    -webkit-transform: translateY(-2px);
  }
  20% {
    -webkit-transform: translateY(2px);
  }
  30% {
    -webkit-transform: translateY(-2px);
  }
  40% {
    -webkit-transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(0);
  }
}
@keyframes choosemood_nod_ani {
  0% {
    transform: translateY(2px);
  }
  10% {
    transform: translateY(-2px);
  }
  20% {
    transform: translateY(2px);
  }
  30% {
    transform: translateY(-2px);
  }
  40% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
@-webkit-keyframes choosemood_yoyo_ani {
  0% {
    -webkit-transform: rotate(30deg);
  }
  100% {
    -webkit-transform: rotate(-30deg);
  }
}
@keyframes choosemood_yoyo_ani {
  0% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(-30deg);
  }
}
@-webkit-keyframes choosemood_pop_ani {
  0% {
    -webkit-transform: scale(0);
    opacity: 1;
  }
  20% {
    -webkit-transform: scale(1);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
}
@keyframes choosemood_pop_ani {
  0% {
    transform: scale(0);
    opacity: 1;
  }
  20% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0;
  }
  100% {
    transform: scale(0);
    opacity: 0;
  }
}

/* 看板发放汇总  新版 2020/03/14 */
.keypointmeter_pointthisyearnew_wrap .item_board {
  margin:5px 0;
}
.keypointmeter_pointthisyearnew_wrap .item_board_warp {
  display:block;
}
.keypointmeter_pointthisyearnew_wrap .item_board .item_board_title {
  vertical-align: middle;
}
.keypointmeter_pointthisyearnew_wrap .item_board .item_board_title span {
  vertical-align: middle;
}
#board_gold .iconimg,#board_fruit .iconimg {
  width: 20px;
  height: 20px;
  vertical-align: middle;
}
.keypointmeter_pointthisyearnew_wrap .item_board .list_grant {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 10px 0;
}
.keypointmeter_pointthisyearnew_wrap .item_board .list_grant .item_grant {
  flex: 1;
  -webkit-flex: 1;
  text-align:center;
}
#board_gold .asset_item,#board_fruit .asset_item {
  line-height: 30px;
  font-size: 14px;
  color: #c44900;
  font-weight: bold;
}



/********************** okr部分 ************************/
#index_bottom_nothing {
  margin-bottom: 300px;
  min-height: 200px;
}

#okr_content .item_myobjpart {
  padding: 10px 5px;
  margin: 0;
  margin-bottom: 5px;
  position:relative;
  background-color: #f0f4f5;
}
#okr_content .item_myobjpart .text_title_wrap {
  position: relative;
  min-height:40px;
}
#okr_content .item_myobjpart .text_title_wrap .title_icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #fff;
  /*background-color: #14b492;*/
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  text-align: center;
  line-height: 55px;
}
#okr_content .item_myobjpart .text_title_wrap .title_icon .iconimg {
  width: 28px;
  height: 28px;
}
#okr_content .item_myobjpart .text_label {
  padding: 0;
  margin: 0;
  color: #999;
  margin-bottom: 5px;
  border-radius: 5px;
  width: calc(100% - 30px);
  position: absolute;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  top: 50%;
  left: 30px;
  z-index:0;
  padding: 5px 10px;
  padding-left: 15px;
  font-size: 12px;
  font-weight:bold;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#okr_content .item_myobjpart .count_down {
  position:absolute;
  top:19px;
  right:15px;
  color:#fff;
  vertical-align: middle;
}
#okr_content .item_myobjpart .count_down i {
  font-size:18px;
  display:inline-block;
  vertical-align: middle;
}
#okr_content .item_myobjpart .count_down span {
  display:inline-block;
  vertical-align: middle;
}
#okr_content .item_myobjpart .text_object {
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  position: relative;
  padding-left: 27px;
  padding-right: 5px;
  line-height: 20px;
}
#okr_content .item_myobjpart .text_object:before {
  content: "\004f";
  /*color: #14b492;*/
  color: #999;
  position: absolute;
  top: 0;
  left: 10px;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
#okr_content .item_myobjpart .like_wrap {
  padding-left: 27px;
  margin:10px 0;
  position:relative;
}
#okr_content .item_myobjpart .like_wrap .btn_like {
  display:inline-block;
  vertical-align:middle;
}
#okr_content .item_myobjpart .like_wrap .btn_like i {
  font-size:20px;
}
#okr_content .item_myobjpart .like_wrap .btn_like .no {
  color: #a5a5a5;
}
#okr_content .item_myobjpart .like_wrap .btn_like .ok {
  color: #e84732;
}
#okr_content .item_myobjpart .like_wrap .btn_like.active {
  -webkit-animation: scroll_to_top_ani .3s ease-out;
  animation: scroll_to_top_ani .3s ease-out ;
}
#okr_content .item_myobjpart .like_wrap .btn_like .ok,#okr_content .item_myobjpart .like_wrap .btn_like.active .no {
  display: none;
}
#okr_content .item_myobjpart .like_wrap .btn_like.active .ok {
  display: inline-block;
}
#okr_content .item_myobjpart .like_wrap .text_like {
  display:inline-block;
  vertical-align:middle;
  margin-left:5px;
}
#okr_content .item_myobjpart .like_wrap .text_like .today_num {
  color: #e84732;
  font-weight: bold;
}
#okr_content .item_myobjpart .like_wrap .open_more {
  width:30px;
  height:30px;
  text-align:center;
  position:absolute;
  top:-5px;
  right:0;
  line-height: 35px;
  cursor: pointer;
}
#okr_content .item_myobjpart .like_wrap .open_more i {
  width:16px;
  height:16px;
  background-color:#a2a2a2;
  border-radius:50px;
  color:#fff;
  text-align:center;
  line-height:16px;
  font-size:16px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition:0.3s;
  -webkit-transition:0.3s;
}
#okr_content .item_myobjpart.fold .like_wrap .open_more i {
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
}

#okr_content {
  margin-bottom: 100px;
  padding: 15px 5px;

  background-color: #fff;

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

#okr_content .mymotto_okrtag {
  -webkit-flex-shrink: 0;
  flex-shrink: 0;
  margin-right: 5px;
  width: 50px;
}
#okr_content #index_mymotto_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#okr_content .mymotto_okrtag img {
  width: 100%;
}
#okr_content_box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

.myobjpart_wrap .item_myobjpart {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  background-color: #f0f4f5;
  cursor: pointer;
}
/*
#okr_content .myobjpart_wrap:nth-of-type(1) .item_myobjpart .text_label {
  background-color:#14b492;
  color: #fff;
}
#okr_content .myobjpart_wrap:nth-of-type(1) .item_myobjpart .title_icon {
  background-color:#14b492;
}
#okr_content .myobjpart_wrap:nth-of-type(2) .item_myobjpart .text_label {
  background-color: #4a9bfd;
  color: #fff;
}
#okr_content .myobjpart_wrap:nth-of-type(2) .item_myobjpart .title_icon {
  background-color:#4a9bfd;
}
#okr_content .myobjpart_wrap:nth-of-type(3) .item_myobjpart .text_label {
  background-color: #f55f49;
  color: #fff;
}
#okr_content .myobjpart_wrap:nth-of-type(3) .item_myobjpart .title_icon {
  background-color:#f55f49;
}
*/

#okr_content .item_myobjpart .text_label,
#okr_content .item_myobjpart .title_icon {
  background-color:#2dbfe6;
  color: #fff;
}

#okr_content .item_myobjpart_company .text_label,
#okr_content .item_myobjpart_company .title_icon {
  background-color:#e84732;
}

#okr_content .item_myobjpart_user .text_label,
#okr_content .item_myobjpart_user .title_icon {
  background-color:#43bf48;
}





.myobjpart_wrap {
  /*display: -webkit-box;
  display: -webkit-flex;
  display: flex;*/
}
.item_myobjpart .text_key {
  margin: 0 0 0 5px;
  padding: 0 0 0 20px;
}

.item_myobjpart.fold .text_key {
  display: none;
}
.item_myobjpart.fold .btn_foolwrap {
  display: none;
}
.item_myobjpart .text_key .key_content_li {
  position:relative;
  margin-bottom:5px;
  padding: 10px;
  padding-left: 40px;
  border-radius:5px;
  background-color:#fff;
}
.item_myobjpart .text_key .kr_tag {
  position: absolute;
  left: 5px;
  font-weight: bold;
  color: #999;
  line-height: 20px;
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.item_myobjpart .text_key .kr_wrap {
  position:relative;
  padding-bottom: 10px;
}
.item_myobjpart .text_key .kr_wrap .point {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  line-height: 20px;
}
.item_myobjpart .text_key .progress_bar {
  width:60%;
  margin:10px 0;
}
.item_myobjpart .text_key .form_range {
  height:10px;
  overflow:visible;
}
.item_myobjpart .text_key .form_range .form_range_bg {
  background-color:#f0f4f5
}
.item_myobjpart .text_key .form_range .form_range_bar {
  background-color:#14b492;/* 绿色 */
}

.item_myobjpart .text_key .form_range.active .form_range_bar {
  background-color:#ee3a39;/* 红色 */
}
.item_myobjpart .text_key .form_range .form_range_num {
  position:absolute;
  top:-3px;
  right:-33px;
  color:#14b492;/* 绿色 */
}
.item_myobjpart .text_key .form_range.active .form_range_num {
  color:#ee3a39;/* 红色 */
}

.item_myobjpart .text_key .kr_wrap .confidence_wrap {}
.item_myobjpart .text_key .kr_wrap .confidence_wrap .meet {
  color:#0081e6;
  margin-left:5px;
}
.item_myobjpart .text_key .kr_wrap .rele_btnwrap {
  position:absolute;
  bottom:0;
  right:0;
}
.rele_btnwrap {}
.rele_btnwrap .btn .num {
  color:#0081e6;
}
.rele_btnwrap .btn {
  padding:3px 10px;
}

#okr_content .btn_expand_prv,
#okr_content .btn_expand_next {
  display: block;
  line-height: 30px;
  text-align: center;
  color: #999;
  cursor: pointer;
}

.item_myobjpart .btn_foolwrap {
  margin-top: 10px;
  padding-left:10px;
}
.item_myobjpart .btn_foolwrap {
  text-align:right;
}
.item_myobjpart .btn_foolwrap .btn {
  line-height:25px;
  padding:0 15px;
}


#okr_content .item_myobjpart .btn_loct {
  /*background: #0ca7ff;
  color: #fff;*/
  background: #eeeeee;
  color: #898989;
  border: 1px solid #a2a2a2;
}



#okr_content .item_myobjpart .btn_loct .material-icons {
  margin-right: 10px;
  font-size: 22px;
}

@media(max-width:400px){
  /* #okr_content .item_myobjpart .btn_loct span {
    display:none;
  }
  #okr_content .item_myobjpart .btn_loct .material-icons {
    margin-right:0;
  } */
}

/* OKR编辑 开始*/
.okrrevise_head {
  padding:10px;
}
.okrrevise_head .okrtime_surplus {
  margin-top:5px;
  text-align:right;
}
.okrrevise_head .okrtime_surplus .surplus_num {
  color:#ee3a39;
  font-size:14px;
  font-weight:bold;
}
.okrrevise_head .okrtime_surplus .have_num {
  color:#14b492;
  font-size:14px;
  font-weight:bold;
}

#compile_main .item_compile {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  padding: 0 10px;
  border-bottom: 1px solid #f4f4f4;
}
.item_compile .title {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
}
.item_compile .item_compile_btn .btn {
  padding: 5px 10px;
}
.compile_edit_info {

}
.compile_edit_info .item_target_title {
  width: 100%;
  margin-bottom: 20px;
  padding: 0 10px;
  /* text-align: center; */
  border: 1px solid #0081e6;
  font-weight: bold;
  background-color: #f6fdff;
  border-radius: 5px;
  height: 50px;
  font-size: 16px;
  color: #0081e6;
}
.item_target_title::-webkit-input-placeholder {
  color: #0081e6;
}
.item_target {
  margin-bottom: 10px;
  border-left: 6px solid #14b492;
  border-radius: 5px;
  padding: 10px;
  padding-left:35px;
  position:relative;
}
.item_target .kr_tag {
  position:absolute;
  top:20px;
  left:10px;
  font-weight: bold;
  color: #999;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.item_target .kr_wrap {
  position:relative;
}
.item_target .kr_wrap .form_input {
  font-size: 14px;
  height: 35px;
  border-bottom: 1px solid #e8e8e8;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.item_target .kr_wrap .item_target_info {
  width:100%;
  padding:0 10px;
  font-weight:bold;
}
.item_target .kr_wrap .item_target_num {
  width:50px;
  height:25px;
  color:#4a9bfd;
  margin-top:5px;
  padding:0 5px;
  text-align:center;
}
.item_target .kr_wrap input::-webkit-outer-spin-button,
.item_target .kr_wrap input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
  margin: 0;
}
.item_target .kr_wrap .btn_foolwrap {
  margin-top:10px;
}
.item_target .kr_wrap .btn_foolwrap .btn {
  width:100%;
  line-height: 30px;
  padding: 0 15px;
  box-shadow: inset 0 0 0 1px #c5c5c5;
}
.item_target_warp {
  position:absolute;
  top:45px;
  right:0;
  text-align: right;
}
.item_target_warp .btn {
  padding: 2px 5px;
}
.item_target_warp .btn .material-icons {
  font-size: 20px;
}
.okrtasklist {
  margin-top:10px;
  background-color:#f0f4f5;
  padding:10px 10px 5px 10px;
  border-radius:5px;
}
.okrtasklist .item_remind.card {
  border-radius:5px;
}
.okrtasklist .item_remind {
  padding:10px;
  margin-bottom:5px;
}
.okrtasklist .item_remind .remindicon {
  margin-right:5px;
  width:25px;
  height:25px;
  margin-top:0;
}
.okrtasklist .item_remind .item_okrtask_empty {
  padding-left:5px;
}
.okrtasklist .item_remind .item_okrtask_empty .btn {
  line-height:25px;
  padding:0 5px;
}


.compile_add {
  padding:10px;
}
.compile_add .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
}
.staff_info {
  padding: 20px;
}
.lsit_staff {

}
.item_staff {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  height: 50px;
  border-bottom: 1px solid #f4f4f4;
}
.item_staff .btn {
  padding: 5px 10px;
}
/* OKR编辑 结束*/

/* OKR关联任务 开始*/
#subplate_task {
  z-index:10;
}
#okr_task {
}
#okr_task .title {
  padding:20px 20px 0;
}
#okr_task .form_item_btn {
  margin-top:5px;
}
#okr_task .okr_task_head {
  padding:20px 20px 10px;
}
#okr_task .tab_nav.card {
  border-radius:0;
  border-top:10px solid #f0f4f5;
}
#task_main .title {
  padding:0;
}
#task_main {
  margin-bottom:50px;
}

/* OKR关联任务 结束*/

#closecase .title {
  padding: 20px 20px 0;
  font-weight:bold;
  font-size:14px;
}
.closecase_box .item {
  position: relative;
  margin-bottom: 5px;
  padding: 10px;
  padding-left: 30px;
  border-radius: 5px;
  background-color: #fff;
}
.closecase_box {
  margin-top: 10px;
  background-color: #f0f4f5;
  padding: 10px 10px 5px 10px;
  border-radius: 5px;
}
.closecase_box .kr_tag {
  position:absolute;
  top:10px;
  left:10px;
  font-weight: bold;
  color: #999;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.closecase_box .point {
  font-size: 14px;
  font-weight: bold;
  color: #333;
  padding-right:65px;
}
.closecase_box .confidence_wrap {
  position:absolute;
  top:10px;
  right:10px;
}
/* 平星 */

.kr_review_star {
  border-top: 1px solid #e8e8e8;
  margin-top: 5px;
  padding: 5px 0;
}
.assess_star {
  line-height: 35px;
  height: 35px;
}
.assess_star span{
  display: inline;
  line-height: 35px;
  font-size: 14px;
}
.assess_star span.star_box{
  position: relative;
  top: 6px;
  font-size: 0;
  padding-left: 10px;
}
.assess_star span.star_box .star {
  cursor: pointer;
}
.assess_star span.star_box .star i {
  color: #999;
}
.assess_star span.star_box .star.active i {
  color: #ff5635;
}
.assess_star span.star_box .star.active i.gray,
.assess_star span.star_box .star i.bright {
  display: none;
}
.assess_star span.star_box .star.active i.bright {
  display: inline-block;
}


.review_imgbox_wrap {
  font-size: 0;
}
.review_imgbox{
  display: inline-block;
  font-size: 0;
}
.review_imgbox .img {
  font-size: 12px;
  position: relative;
  display: inline-block;
  background-color: #ddd;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 3px 0 0;
}
.review_imgbox .img:before {
  content: "\5220\9664";
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  line-height: 20px;
  height: 20px;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.28);
  color: #fff;
  text-shadow: 0 0 5px rgba(255, 0, 0, .6);
}
.review_imgupload_plus {
  display: inline-block;
  background-color: #ddd;
  background-image: url(../img/img_blank.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  cursor: pointer;
  border: 2px solid #fff;
  margin: 0 0 0 auto;
}
.input_goods_review_text {
  width: 100%;
  border: 0;
  outline: none;
  padding: 5px 10px;
  font-family: inherit;
  color: #666;
  height: 100px;
}
.saler_review_write,
.goods_review_write {
  padding: 0 10px;
}
.form_item.noline{
  border-bottom: 0;
}
#userinfo_main #okr_content {
  display:block;
  padding-top:10px;
}
#userinfo_main #okr_content .myobjpart_wrap .item_myobjpart {
  border-radius:5px;
}


/* 目标墙 */
.okrwall_head {}
.okrwall_head .crumb_department {
  height:30px;
}
.okrwall_head .crumb_department .btn {
}
#okrwall_main #okr_content {
  display: block;
  padding:5px;
}
#okrwall_main .list_nextlevel,#okrwall_main .list_person {
  border-top:3px solid #14b492;
  padding-top: 10px;
}
#okrwall_main .level_title {
  font-size:12px;
  padding: 10px 0 15px 0;
}
#okrwall_main .item_myobjpart {
  display:flex;
}
.item_myobjpart_box {
  flex:1;
}
#okrwall_main .item_myobjpart .next_level {
  text-align:center;
  padding:5px;
  display:block;
  writing-mode:tb-rl;
  letter-spacing:5px;
  background-color:#e3e6e7;
  margin-left:5px;
  margin-top:6px;
}
#okrwall_main .item_myobjpart .next_level:hover {
  background-color:#333;
  color:#fff;
}
#okrwall_main #okr_content .item_myobjpart .text_label {
  padding-right:90px;

}
#okrwall_main #okr_content .item_myobjpart .count_down {
  right: 10px;
  top:10px;
}
.okrwall_head .crumb_department .item:first-child i {
  display:none;
}

#okrwall_body {}
#okrwall_body .main_top_box {
  max-width: 100%;
  padding: 0 10px;
}
#okrwall_body .main {
  max-width:100%;
}
#okrwall_body .myobjpart_wrap {
  width:calc( 25% - 10px );
  display:inline-block;
  vertical-align:top;
  margin-right:10px;
}
#okrwall_body #okr_content .list_department .item_myobjpart .text_label {
  background-color: #e84732;
  color:#fff;
}
#okrwall_body #okr_content .list_department .item_myobjpart .title_icon {
  background-color:#e84732;
}
#okrwall_body #okr_content .list_nextlevel .item_myobjpart .text_label {
  background-color: #2dbfe6;
  color:#fff;
}
#okrwall_body #okr_content .list_nextlevel .item_myobjpart .title_icon {
  background-color:#2dbfe6;
}
#okrwall_body #okr_content .list_person .item_myobjpart .text_label {
  background-color: #43bf48;
  color:#fff;
}
#okrwall_body #okr_content .list_person .item_myobjpart .title_icon {
  background-color:#43bf48;
}

@media(max-width:1060px){
  #okrwall_body .myobjpart_wrap {
    width:calc( 33.33% - 10px );
  }
}
@media(max-width:760px){
  #okrwall_body .myobjpart_wrap {
    width:100%;
    margin-right:0;
  }
}
@media(min-width:480px) {
  #okr_content .mymotto_okrtag {
    width: 90px;
  }
}
/******************* OKR结束 *******************/
.form_textarea .file_content {
    padding-left: 80px;
    margin-top: -33px;
}
.file_content {
    padding-left: 80px;
    margin-top: -33px;
}
.file_wrap {
  position:relative;
  padding-bottom: 10px;
    /*padding-top: 36px;*/
}
.file_wrap .review_filebox {
    background-color: #fffce4;
  margin-top: 5px;
    padding-top: 36px;
}
.file_wrap .file_upload {
    width: 100%;
    height: 36px;
    line-height: 36px;
    border-radius: 5px;
  position:absolute;
    top: 0;
    left: 0;
  padding: 0 10px;
  z-index:9;
}
.file_wrap .file_upload span {
    margin-left: 5px;
}
.file_wrap .risk_file {
    width: 100%;
    height: 36px;
    line-height: 36px;
    position: absolute;
    top:0;
    left:0;
    opacity: 0;
    z-index:9;
}
.file_wrap .fileitem {
  position:relative;
  padding-right:40px;
  padding: 8px;
}
.file_wrap .fileitem .text {
    color: #666;
}
.file_wrap .fileitem .del {
  position:absolute;
  top:10px;
  right:10px;
  cursor:pointer;
  color:red;
}

/*选择抄送人*/
#fastwork_assessor .btn_selectperson, #fastworkadd_person_wrap .btn_selectperson, #fastwork_give .btn_selectperson, .fastwork_give .btn_selectperson {
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
  margin-top: 2px;
  margin-bottom: 2px;
}
#subplate_giveperson {
  z-index: 5;
}
#subplate_giveperson .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#subplate_giveperson .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}
#subplate_giveperson .tips_departmentselected {
  line-height: 30px;
  height: 30px;
  /*max-width: 640px;
  margin: 0 auto;*/
}

#subplate_giveperson .subplate_box .div_departmentandperson_wrap {
  position: absolute;
  top: 65px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  border-top: 5px solid #ccc;
}
#subplate_giveperson .subplate_box .item_department {
  padding: 0 5px 0 15px;
}
#subplate_giveperson .subplate_box .list_person {
  border-top: 5px solid #ccc;
  padding-top: 5px;
  padding-bottom: 5px;
}
#subplate_giveperson .item_person {
  padding: 5px 5px 5px 15px;
  line-height: initial;
  height: initial;
  cursor: pointer;
}
#subplate_giveperson .subplate_box .list_person .item_person .name_wrap {

}
#subplate_giveperson .subplate_box .department,
#subplate_giveperson .subplate_box .phone {

}
#subplate_giveperson .item_department .btn_lowerlevel {
  padding-left: 0;
}
#subplate_giveperson .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}

#subplate_giveperson .item_person.active .name_wrap,
#subplate_giveperson .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#subplate_giveperson .item_person.active .avatar,
#subplate_giveperson .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}
#subplate_giveperson .subplate_box .search_box .input_search {
  background-color: #f4f4f4;
}
#subplate_giveperson .subplate_box .div_departmentandperson_wrap, #subplate_giveperson .subplate_box .div_searchperson {
  position: absolute;
  top: 115px;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  border-top: 5px solid #ccc;
}
#taskview_intro .departexecutor_candidate_wrap {
  margin: 10px 0;
}
#taskview_intro .departexecutor_candidate_title {
  color: #999;
}
#taskview_intro .item_departexecutor_candidate {
  display: inline-block;
  background-color: #e8e8e8;
  border-radius: 100px;
  padding: 0 10px 0 0;
  margin: 5px 5px 5px 0;
  vertical-align: top;
}
#taskview_intro .item_departexecutor_candidate_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#taskview_intro .item_departexecutor_candidate .avatar {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-right: 5px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
    background-color: #1a8ee9;
  color: #fff;
}
#taskview_intro .item_departexecutor_candidate .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  overflow: hidden;
}
#taskview_intro .item_departexecutor_candidate .name {
  font-weight: bold;
}
#taskview_intro .item_departexecutor_candidate .name_wrap .nametext {
  color: #333;
}
#taskview_intro .item_departexecutor_candidate .avatar:first-letter {
  font-size: 12px;
}
/*选择抄送人*/


.footer_btn_wrap  {
	text-align:center;
	padding: 10px 0 0 0;
}
.footer_btn_wrap .item_btn {
	font-size: 14px;
	font-weight: bold;
	color: #ff7818;
	margin-right: 5px;
	padding-left: 5px;
	position: relative;
}
.footer_btn_wrap .item_btn:nth-child(even):before {
	content:"";
	width: 1px;
	height: 13px;
	background-color: #ff7818;
	position: absolute;
	top: 3px;
	left: -2px;
}
/* zy add s */
/* 新增任务进度更新者 */
#taskedit_updateperson{

}
#taskedit_updateperson .hide{
  visibility: hidden;
}
#taskedit_updateperson .select_person{
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E8E8E8;
}

#taskedit_updateperson .div_choose_btn .btn_selectperson {
  margin-top: 10px;
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}
/** 指定参与人弹出层 **/
#select_updateperson {
  z-index: 5;
}
#select_updateperson .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#select_updateperson .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}

#select_updateperson .subplate_box .list_person {
  padding-top: 5px;
  padding-bottom: 5px;
}
#select_updateperson .subplate_box .list_person .item_person_box {
  /*padding-right: 60px;*/
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#select_updateperson .subplate_box .list_person .item_person_a {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#select_updateperson .subplate_box .list_person .item_person_a .form_check{
  display: flex;
  align-items: center;
}
#select_updateperson .item_person {
  padding: 5px 5px 5px 15px;
  line-height: initial;
  height: initial;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#select_updateperson .item_department .btn_lowerlevel {
  padding-left: 0;
}
#select_updateperson .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}
#select_updateperson .item_person .name_wrap .name{
  font-weight: 400;
}
#select_updateperson .item_person.active .name_wrap,
#select_updateperson .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#select_updateperson .item_person.active .avatar,
#select_updateperson .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}
#taskedit_updateperson  .select_label{
  color: #8c8c8c;
  font-size: 14px;
  margin-right: 15px;
}

/* zy add e */
/* zy add s */
/* 新增任务进度更新者 */
#taskedit_updateperson{

}
#taskedit_updateperson .hide{
  visibility: hidden;
}

#taskedit_updateperson .select_person .select_input{
  border: 0;
  height: 40px;
  font-size: 14px;
  font-family: inherit;
  display: inline-block;
  outline: none;
  flex: 1;

}
#taskedit_updateperson .div_choose_btn .btn_selectperson {
  margin-top: 10px;
  width: 100%;
  line-height: 36px;
  height: 36px;
  padding: 0 15px;
}
/** 指定参与人弹出层 **/
#select_updateperson {
  z-index: 5;
}
#select_updateperson .subplate {
  padding-bottom: 50px;
  padding-top: 20px;
}
#select_updateperson .subplate_box {
  max-width: 640px;
  padding: 0 20px;
  height: 100%;
  position: relative;
}

#select_updateperson .subplate_box .list_person {
  /*border-top: 5px solid #ccc;*/
  padding-top: 5px;
  padding-bottom: 5px;
}
#select_updateperson .subplate_box .list_person .item_person_box {
  /*padding-right: 60px;*/
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
}
#select_updateperson .subplate_box .list_person .item_person_a {
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#select_updateperson .subplate_box .list_person .item_person_a .form_check{
  display: flex;
  align-items: center;
}
#select_updateperson .item_person {
  padding: 5px 5px 5px 15px;
  line-height: initial;
  height: initial;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, .1);
}

#select_updateperson .item_department .btn_lowerlevel {
  padding-left: 0;
}
#select_updateperson .item_department .btn_lowerlevel:before {
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: -2px;
  border-left: 1px solid #ccc;
}
#select_updateperson .item_person .name_wrap .name{
  font-weight: 400;
}
#select_updateperson .item_person.active .name_wrap,
#select_updateperson .item_person input[type="checkbox"]:checked ~ .name_wrap {
  color: #0ca7ff;
  text-shadow: 0 0 5px rgba(12, 167, 255, .3);
}
#select_updateperson .item_person.active .avatar,
#select_updateperson .item_person input[type="checkbox"]:checked ~ .avatar {
  background-color: #0ca7ff;
}

/* zy add e */

/*添加样式*/
#select_updateperson .subplate .div_person_wrap .choose_title{
  color: #8c8c8c;
  line-height: 40px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*
*task_work_add.html，task_work_edit.html 的css 修改上面样式
*task_work_add.html --  修改 <div>请从已选参与者中选择</div> 为 <div class="choose_title">请从已选参与者中选择</div>

*/
/* zy add s */
/****** 更新工作进度 任务详情页 ******/
#subplate_taskremark {
  z-index: 5;
  font-size: 12px;
}

#subplate_taskremark .subplate_box {
  padding-bottom: 60px;
}
#subplate_taskremark .subplate_box .user_list_item{
  border-bottom: 1px solid #E8E8E8;
  padding: 20px;

}

#taskview_keyman .list_keyman {
  padding-bottom: 10px;
}
#subplate_taskremark .subplate_box  .list_keyman .item_keyman {
  position: relative;
  /*padding-left: 35px;*/
  margin: 10px 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
#subplate_taskremark .subplate_box .list_keyman .item_keyman .name_wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}

#subplate_taskremark .subplate_box  .list_keyman .item_keyman .avatar {
  width: 30px;
  height: 30px;
  margin-right: 5px;
  line-height: 30px;
  overflow: hidden;
  font-size: 0;
  text-align: center;
  background-image: initial;
  background-color: #1a8ee9;
  color: #fff;
}
#subplate_taskremark .subplate_box  .list_keyman .item_keyman .avatar:first-letter {
  font-size: 14px;
}
#subplate_taskremark .subplate_box  .list_keyman .item_keyman .name {
  font-weight: bold;
}
#subplate_taskremark .subplate_box  .list_keyman .item_keyman .name .tag {
  color: #999;
  padding-left: 5px;
  font-weight: normal;
}
#subplate_taskremark .subplate_box .list_keyman .item_keyman .phone {
  color: #999;
}
#subplate_taskremark .remark_list {
  padding-left: 15px;

}
#subplate_taskremark .remark_list .remark_list_item{
  margin: 8px 0;

}
#subplate_taskremark .remark_list .remark_content{
  display: flex;
  flex-wrap: wrap;
  /* font-size: 13px; */
  color: #797979;
}
#subplate_taskremark .remark_list .remark_content .type{
  color: #3BA81E;
  padding-right: 4px;
  margin-right: 4px;
  border-right: 1px solid rgb(95, 91, 91);
}
#subplate_taskremark .remark_list .remark_content  .remark_time{
  color: #BFBFBF;
  margin: 8px 0;
}
#subplate_taskremark .add_remark{
  padding-left: 15px;
}
#subplate_taskremark .add_remark .add_remark_title{
  font-size: 14px;
  color: #000;
  font-weight: bold;
}
#subplate_taskremark .add_remark .add_remark_type{
  display: flex;
  margin: 5px 0;
  font-weight: bold;
}


#subplate_taskremark  .form_textarea .form_item_con textarea.form_input {
  border: 1px solid #e8e8e8;
  padding: 10px;
  margin-top: 5px;
}
#subplate_taskremark  .form_textarea .form_label {
  line-height: initial;
  font-size: 12px;
}
/* zy add e */
/* zy add s */
#taskwindup_main .list_person .item_person .fold_remark{
  text-align: center;
  margin: 0 auto;
}
#taskwindup_main .list_person .item_person .hide{
  display: none;
}
#taskwindup_main .list_person .item_person .remark_list .remark_list_item{
  margin: 8px 0;

}
#taskwindup_main .list_person .item_person .remark_length{
  position: absolute;
  top: 56px;
  left: 2px;
  color: red;
}
#taskwindup_main .list_person .item_person .remark_list .remark_content{
  display: flex;
  flex-wrap: wrap;
  /* font-size: 13px; */
  color: #797979;
}

#taskwindup_main .list_person .item_person .remark_list .remark_content  .remark_time{
  color: #BFBFBF;
  margin: 8px 0;
}

#taskwindup_main .list_person  .item_person .fold_remark> .material-icons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#taskwindup_main .list_person  .item_person .fold > .material-icons {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* zy add e */

/* zy add s */
#taskwindup_adjustment .list_person .item_person .fold_remark{
  text-align: center;
  margin: 0 auto;
}
#taskwindup_adjustment .list_person .item_person .hide{
  display: none;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_list_item{
  margin: 8px 0;

}
#taskwindup_adjustment .list_person .item_person .remark_length{
  position: absolute;
  top: 56px;
  left: 2px;
  color: red;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_content{
  display: flex;
  flex-wrap: wrap;
  /* font-size: 13px; */
  color: #797979;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_content .type{
  color: #3BA81E;
  padding-right: 4px;
  margin-right: 4px;
  border-right: 1px solid rgb(95, 91, 91);
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_content  .remark_time{
  color: #BFBFBF;
  margin: 8px 0;
}
#taskwindup_adjustment .list_person  .good{
  color: #f69c3b
}
#taskwindup_adjustment .list_person  .notGood{
  color: #919395 !important;
}
#taskwindup_adjustment .list_person  .item_person .fold_remark> .material-icons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#taskwindup_adjustment .list_person  .item_person .fold > .material-icons {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
/* zy add e */

/* zy add s */
#taskwindup_statement .list_person .item_person .fold_remark{
  text-align: center;
  margin: 0 auto;
}
#taskwindup_statement .list_person .item_person .hide{
  display: none;
}
#taskwindup_statement .list_person .item_person .remark_list .remark_list_item{
  margin: 8px 0;
  display: flex;
  align-items: center;
  justify-content: space-between

}
#taskwindup_statement .list_person .item_person .remark_list .remark_content{
  margin-right: 8px;
}
#taskwindup_statement .list_person .item_person .remark_length{
  position: absolute;
  top: 56px;
  left: 2px;
  color: red;
}
#taskwindup_statement .list_person .item_person .remark_list .remark_content{
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  /* font-size: 13px; */
  color: #797979;
}

#taskwindup_statement .list_person .item_person .remark_list .remark_content  .remark_time{
  color: #BFBFBF;
  margin: 8px 0;
}
#taskwindup_statement .list_person  .good{
  color: #f69c3b;
}
#taskwindup_statement .list_person  .notGood{
  color: #919395 !important;
}
#taskwindup_statement .item_person > .material-icons {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
#taskwindup_statement .item_person.remarkFold> .material-icons {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
/* zy add e */
#taskwindup_statement .list_person .item_person .remark_list  .remark_list_item{
  margin: 8px 0;
  border-bottom: 1px solid #e8e8e8;
  padding-bottom: 5px;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_content{
  display: block;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_content .type{
  border-right: none;
  margin: 0;
  padding: 0;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_list_item:not(:last-child){
  border-bottom: 1px solid #f4f4f4;
}
#taskwindup_adjustment .list_person .item_person .remark_list .remark_list_item{
  display: flex;
  justify-content: space-between;
  align-items: center
}