@charset "UTF-8";
.word_break {
  word-break: break-all;
  word-wrap: break-word; }

a {
  color: inherit; }

.over_flow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.check_icon {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #D5E0E8;
  border-radius: 2px;
  background: #F5F9FB;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.check_icon.act {
  background: url("../images/epc/check_icon.svg") center center no-repeat #f6f9fb;
  background-size: 12px; }

.epc_banner {
  width: 100%;
  height: 420px;
  background: url("../images/epc/banner.jpg") center top no-repeat; }

.epc_body {
  padding-top: 22px; }
.epc_body hr {
  border-bottom: none;
  border-top: 1px solid #eee;
  clear: both; }

.epc_left {
  float: left;
  width: 780px;
  padding-right: 40px; }
.epc_left > h2 {
  font: 500 30px/40px "Roboto";
  padding: 30px 150px 30px 0;
  position: relative; }
.epc_left > h2 .logo {
  display: inline-block;
  height: 36px;
  width: 110px;
  vertical-align: middle;
  background: url("../images/epc/logo-vip.png") center center no-repeat;
  background-size: 106px;
  position: absolute;
  top: 32px;
  right: 10px; }
.epc_left > h2 .vip {
  display: inline-block;
  height: 36px;
  width: 40px;
  vertical-align: middle;
  background: url("../images/epc/hz.png") center center no-repeat;
  background-size: 36px; }
.epc_left .left_img {
  display: inline-block;
  width: 220px;
  height: auto;
  text-align: center;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  padding: 10px; }
.epc_left .left_img img {
  width: 220px;
  height: 160px; }
.epc_left .right_cont {
  padding-left: 26px;
  display: inline-block;
  width: 500px; }
.epc_left .right_cont .icon_cont {
  color: #1d1d26;
  font-size: 14px;
  padding: 0 0 0 24px;
  margin: 20px 0;
  line-height: 24px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  overflow: hidden;
  max-height: 144px; }
.epc_left .right_cont .icon_cont i {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url("../images/epc/icon_cont.png") center center no-repeat;
  background-size: 8px;
  border: 1px solid #FFAB43;
  border-radius: 50%;
  margin-left: -24px;
  vertical-align: middle; }
.epc_left .right_cont .icon_cont + a {
  margin-left: 24px; }
.epc_left .right_cont a.tel {
  display: block;
  line-height: 24px;
  background: url("../images/epc/tel.svg") no-repeat;
  background-size: 24px;
  font-size: 18px;
  color: #313131;
  padding-left: 34px;
  margin: 26px 0; }
.epc_left .p2 {
  color: #1d1d26;
  line-height: 24px;
  font-size: 14px;
  margin: 8px 0 18px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  overflow: hidden;
  max-height: 120px;
  transition: all 1s; }
.epc_left .p2 + a {
  display: none;
  color: #64CC3F;
  text-transform: uppercase;
  font-weight: 500;
  margin: 12px 0 28px;
  font-size: 12px; }
.epc_left .p2 + a:hover {
  text-decoration: underline; }
.epc_left .all {
  max-height: 1000px !important;
  -webkit-line-clamp: 100 !important; }
.epc_left .title2 {
  padding: 28px 0 10px; }
.epc_left .title2 i {
  color: #ec723a;
  line-height: 32px;
  font-size: 30px;
  font-style: italic;
  font-weight: 300; }
.epc_left .title2.customer {
  padding-bottom: 30px; }
.epc_left .title2.customer strong {
  font-size: 20px;
  color: #1d1d26;
  font-weight: 500; }
.epc_left .title2.customer span {
  color: #616161;
  font-size: 14px;
  margin: 0 10px; }
.epc_left .title2.customer span.act {
  color: #87ba45; }
.epc_left .title2.customer a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.epc_left .title2.customer a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.epc_left .title2.customer div {
  background: url("../images/epc/icon0.png") left center no-repeat;
  padding-left: 18px;
  float: right; }
.epc_left .title2.customer div.nobg {
  background: none; }
.epc_left .title2.customer div.nobg .prompt_message:hover {
  color: #fff; }
.epc_left .title2.customer div button {
  background: #7cbf31;
  height: 32px;
  width: 110px;
  font-size: 14px;
  color: #fff;
  border-radius: 3px; }
.epc_left .p_service {
  padding: 30px 0; }
.epc_left .p_service a {
  display: inline-block;
  text-align: center;
  width: 150px;
  min-height: 145px;
  vertical-align: top;
  color: #7b7b7b;
  font-size: 16px;
  line-height: 36px;
  font-weight: 300;
  /*.la {
          background: url("../images/epc/la.svg") top center no-repeat;
          background-size: 100%;
      }
      .wd {
          background: url("../images/epc/wd.svg") top center no-repeat;
          background-size: 100%;
      }
      .li {
          background: url("../images/epc/li.svg") top center no-repeat;
          background-size: 100%;
      }
      .kb {
          background: url("../images/epc/kb.svg") top center no-repeat;
          background-size: 100%;
      }
      .shw {
          background: url("../images/epc/shw.svg") top center no-repeat;
          background-size: 100%;
      }*/ }
.epc_left .p_service a span {
  font-size: 14px;
  display: block;
  color: #fff;
  line-height: 110px;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/epc/la.svg"); }
.epc_left .p_photos {
  padding: 30px 0 40px;
  overflow: hidden; }
.epc_left .p_photos a {
  position: relative;
  width: 240px;
  height: 180px;
  float: left;
  margin: 8px;
  overflow: hidden; }
.epc_left .p_photos a img {
  width: 240px;
  height: 180px; }
.epc_left .p_photos a span {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  transition: all 0.5s; }
.epc_left .p_photos a .number {
  top: 6px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.epc_left .p_photos a .cont {
  bottom: 0;
  left: 0;
  width: 228px;
  line-height: 18px;
  padding: 6px;
  height: 31px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }
.epc_left .customer_box li {
  border-bottom: 1px dashed #dcdcdc;
  padding: 26px 2px;
  font-size: 14px; }
.epc_left .customer_box li:first-child {
  border-top: 1px dashed #dcdcdc; }
.epc_left .customer_box li h4 {
  font-size: 20px;
  color: #1d1d26;
  line-height: 38px;
  font-weight: 500; }
.epc_left .customer_box li h4 + p {
  padding: 16px 0;
  line-height: 22px; }
.epc_left .customer_box li h4 + p i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin: 0 3px;
  background: url("../images/icons/star0.svg");
  background-size: 100%; }
.epc_left .customer_box li h4 + p i.act {
  background: url("../images/icons/star1.svg");
  background-size: 100%; }
.epc_left .customer_box li h4 + p strong {
  margin: 0 3px; }
.epc_left .customer_box li h4 + p span {
  color: #858585;
  width: auto;
  background: none; }
.epc_left .customer_box li h6 {
  margin: 0;
  height: 28px; }
.epc_left .customer_box li h6 a {
  display: none;
  color: #47474d;
  font-size: 12px;
  line-height: 28px; }
.epc_left .customer_box li h6 a:hover {
  color: #5ea32f; }
.epc_left .customer_box li .content {
  color: #1d1d26;
  line-height: 26px; }
.epc_left .customer_box li .icons {
  padding: 16px 0 10px; }
.epc_left .customer_box li .icons.hover button {
  cursor: pointer; }
.epc_left .customer_box li .icons.hover button.useful:hover {
  background-image: url("../images/epc/dp1.png");
  background-color: #e0662a;
  border-color: #b55120;
  color: #fff; }
.epc_left .customer_box li .icons.hover button.funny:hover {
  background-image: url("../images/epc/xl1.png");
  background-color: #5fa430;
  border-color: #447620;
  color: #fff; }
.epc_left .customer_box li .icons.hover button.cool:hover {
  background-image: url("../images/epc/yj1.png");
  background-color: #4096e5;
  border-color: #337ab9;
  color: #fff; }
.epc_left .customer_box li .icons button {
  border: 1px solid #d2d2d2;
  height: 30px;
  border-radius: 3px;
  color: #454545;
  font-size: 12px;
  width: 96px;
  padding-left: 25px;
  background-color: #fbfbfb;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-right: 8px;
  vertical-align: middle;
  cursor: auto; }
.epc_left .customer_box li .icons button:hover {
  opacity: 1; }
.epc_left .customer_box li .icons button.useful {
  background-image: url("../images/epc/dp0.png"); }
.epc_left .customer_box li .icons button.funny {
  background-image: url("../images/epc/xl0.png"); }
.epc_left .customer_box li .icons button.cool {
  background-image: url("../images/epc/yj0.png"); }
.epc_left .search_box_body {
  padding: 20px;
  text-align: right; }
.epc_left .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.epc_left .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.epc_left .search_box_body .search_box {
  background: none; }
.epc_left .search_box_body .search_box + p {
  display: none;
  font-size: 14px;
  color: #1e1e1e;
  text-align: left; }
.epc_left .search_box_body .search_box + p .keyword {
  color: #f8551c; }
.epc_left .star_box span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 3px;
  background: url("../images/icons/star0.svg");
  background-size: 100%;
  vertical-align: middle; }
.epc_left .star_box span.act, .epc_left .star_box span.hover {
  background: url("../images/icons/star1.svg");
  background-size: 100%; }
.epc_left .star_box span:first-child {
  margin-left: 0; }
.epc_left .star_box a {
  display: inline;
  text-transform: lowercase;
  vertical-align: middle;
  text-decoration: underline;
  color: #424242;
  font-size: 12px;
  margin: 0 5px;
  font-weight: 300; }

.no_data_upload, .no_data_add {
  width: 100%;
  height: 100%;
  margin: 16% 0 26%;
  text-align: center;
  vertical-align: middle; }
.no_data_upload.no_data_add, .no_data_add.no_data_add {
  margin: 18% 0 10%; }
.no_data_upload > a, .no_data_add > a {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 150px;
  background: url("../images/epc/add_upload.svg") center 32px no-repeat #78C52C;
  background-size: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s; }
.no_data_upload > a.no_bg, .no_data_add > a.no_bg {
  line-height: 120px;
  background: #78C52C; }
.no_data_upload > a:hover, .no_data_add > a:hover {
  opacity: 0.8; }
.no_data_upload > p, .no_data_add > p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 30px; }

.epc_right {
  float: left;
  width: 380px; }
.epc_right > .epc_right_top {
  margin-top: 20px;
  text-align: center; }
.epc_right > .epc_right_top > img {
  margin: 0 10px; }
.epc_right > .epc_right_list {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 28px;
  margin-top: 30px; }
.epc_right > .epc_right_list li {
  padding: 20px 0; }
.epc_right > .epc_right_list h4 {
  font-size: 20px;
  color: #eb723a;
  line-height: 36px;
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 8px;
  font-weight: 400; }
.epc_right > .epc_right_list p {
  font-size: 16px;
  color: #5e6366;
  line-height: 24px;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 300; }
.epc_right > .epc_right_list p a {
  color: inherit;
  text-decoration: underline; }
.epc_right > .epc_right_list p strong {
  font-size: 20px;
  font-weight: 400; }
.epc_right > .epc_right_box {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  box-shadow: 0 -5px 6px 2px #f1f1f1;
  padding: 28px;
  margin-top: 30px; }
.epc_right > .epc_right_box li {
  padding: 20px 0; }
.epc_right > .epc_right_box h4 {
  font-size: 20px;
  color: #eb723a;
  line-height: 36px;
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 8px; }
.epc_right > .epc_right_box p {
  font-size: 16px;
  color: #5e6366;
  line-height: 24px; }
.epc_right .adv img {
  max-width: 100%; }
.epc_right .right_shadow_box {
  margin-top: 20px;
  width: 318px;
  box-shadow: 0 7px 9px 0px #e8e8e8;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  padding: 36px 30px;
  font-size: 16px;
  margin-bottom: 50px; }
.epc_right .right_shadow_box h4 {
  font-size: 20px;
  font-weight: 400;
  color: #545655;
  line-height: 28px; }
.epc_right .right_shadow_box h4 i {
  display: block;
  text-align: center;
  font-size: 24px; }
.epc_right .right_shadow_box h4 + hr {
  border: 0;
  border-top: 3px solid #ed6f2d;
  width: 138px;
  margin: 12px auto; }
.epc_right .right_shadow_box p.cont {
  color: #5e6366;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 0; }
.epc_right .right_shadow_box .button {
  display: block;
  background: #57a6ba;
  margin: 25px auto;
  width: 180px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  border: 1px solid #509aad;
  border-radius: 3px; }
.epc_right .right_shadow_box .button:hover {
  opacity: 0.8; }
.epc_right .right_shadow_box hr.xx {
  border: 0;
  background: url("../images/epc/xuxian.png") repeat-x;
  height: 2px;
  margin: 20px -10px; }
.epc_right .right_shadow_box h5 {
  position: relative;
  color: #202020;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400; }
.epc_right .right_shadow_box h5 i {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/finance/close.svg") center top no-repeat;
  cursor: pointer; }
.epc_right .right_shadow_box h5.act i {
  background: url("../images/finance/open.svg") center top no-repeat; }
.epc_right .right_shadow_box h5 + p.cont {
  padding-left: 30px;
  font-size: 14px;
  display: none;
  padding-top: 20px; }
.epc_right .right_shadow_box h5 + p.cont span {
  display: block;
  padding: 5px 0; }
.epc_right .right_shadow_box .question_mini_box {
  padding: 20px 0 50px; }
.epc_right .right_shadow_box .question_mini_box h4 {
  font-size: 20px;
  line-height: 24px;
  color: #eb723a;
  border-bottom: 1px dashed #e5e5e5;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 10px; }
.epc_right .right_shadow_box .question_mini_box p {
  font-size: 14px;
  color: #5e6366;
  line-height: 20px; }
.epc_right .right_shadow_box .remark_box {
  padding-top: 10px; }
.epc_right .right_shadow_box .remark_box p {
  color: #5e6366;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0; }

.epc_list {
  padding-top: 40px; }
.epc_list .list_top {
  position: relative;
  margin-top: 16px;
  background: url("../images/epc/ty.png") center bottom no-repeat;
  padding-bottom: 18px; }
.epc_list .list_top div {
  position: absolute;
  right: 0;
  top: 0; }
.epc_list .list_top div a {
  line-height: 32px;
  font-size: 12px;
  color: #7cbf31;
  margin-right: 12px; }
.epc_list .list_top div a:hover {
  text-decoration: underline; }
.epc_list .list_top div i {
  display: inline-block;
  height: 32px;
  width: 16px;
  vertical-align: top;
  background: url("../images/epc/icon0.png") left center no-repeat; }
.epc_list .list_top div button {
  background: #7cbf31;
  height: 32px;
  width: 70px;
  font-size: 14px;
  color: #fff;
  border-radius: 3px; }
.epc_list .list_top p {
  padding: 42px 0;
  color: #555;
  font-size: 14px;
  line-height: 24px; }
.epc_list h3 {
  font-size: 30px;
  line-height: 24px;
  text-align: center; }
.epc_list .epc_list_box li {
  border-bottom: 1px solid #eee;
  padding: 24px 60px 24px 8px;
  overflow: hidden; }
.epc_list .epc_list_box li:first-child {
  border-top: 1px solid #eee; }
.epc_list .epc_list_box .el_left {
  float: left;
  width: 140px; }
.epc_list .epc_list_box .el_left img {
  width: 110px;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 5px;
  transition: all 0.3s; }
.epc_list .epc_list_box .el_left img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); }
.epc_list .epc_list_box .el_right {
  margin-left: 140px;
  color: #1d1d26;
  overflow: hidden; }
.epc_list .epc_list_box .el_right h4 {
  line-height: 28px;
  font-size: 16px; }
.epc_list .epc_list_box .el_right h4 a {
  color: #1d1d26; }
.epc_list .epc_list_box .el_right h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_list .epc_list_box .el_right h4 i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: 0 4px; }
.epc_list .epc_list_box .el_right h4 i:first-child {
  margin-left: 30px; }
.epc_list .epc_list_box .el_right h4 i.vip {
  background: url("../images/epc/vip.svg") no-repeat;
  background-size: 100%; }
.epc_list .epc_list_box .el_right h4 i.logo {
  background: url("../images/epc/logo.png") no-repeat;
  background-size: 100%; }
.epc_list .epc_list_box .el_right .star_box {
  margin-bottom: 10px; }
.epc_list .epc_list_box .el_right .star_box i {
  width: 18px;
  height: 18px; }
.epc_list .epc_list_box .el_right .tel {
  float: right;
  line-height: 24px;
  background: url("../images/epc/tel.svg") no-repeat;
  background-size: 24px;
  font-size: 18px;
  color: #313131;
  padding-left: 34px;
  font-weight: 400; }
.epc_list .epc_list_box .el_right .lat, .epc_list .epc_list_box .el_right .cont {
  padding-left: 23px;
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0; }
.epc_list .epc_list_box .el_right .lat a, .epc_list .epc_list_box .el_right .cont a {
  color: #7cbf31; }
.epc_list .epc_list_box .el_right .lat a:hover, .epc_list .epc_list_box .el_right .cont a:hover {
  text-decoration: underline; }
.epc_list .epc_list_box .el_right .lat {
  background: url("../images/epc/lat.png") no-repeat; }
.epc_list .epc_list_box .el_right .lat span:first-child {
  display: inline-block;
  width: 60%; }
.epc_list .epc_list_box .el_right .cont {
  background: url("../images/epc/lat2.png") no-repeat; }
.epc_list .epc_list_box .el_right .w380 {
  display: inline-block;
  width: 380px; }
.epc_list .epc_list_box .el_right .range {
  float: right;
  font-size: 12px;
  color: #666;
  font-weight: 300; }

.show_img_box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: #333; }
.show_img_box .si_top {
  position: relative;
  margin: 0 2%;
  border-bottom: 1px solid #575757;
  padding: 14px 0;
  width: 96%; }
.show_img_box .si_top .logo {
  display: block;
  float: left;
  padding-top: 6px; }
.show_img_box .si_top .logo img {
  max-height: 50px;
  max-width: 200px; }
.show_img_box .si_top .cont {
  text-align: left;
  float: left;
  height: 64px;
  border-left: 1px solid #5e5e5e;
  margin-left: 30px;
  padding-left: 30px;
  width: 50%;
  overflow: hidden; }
.show_img_box .si_top .cont h3 {
  color: #cacaca;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.show_img_box .si_top .cont p {
  color: #8f8e8b;
  font-size: 18px; }
.show_img_box .si_top .img_box {
  position: absolute;
  top: 14px;
  right: 0; }
.show_img_box .si_top .img_box .img_box_out {
  display: inline-block;
  width: 310px;
  overflow: hidden;
  height: 62px; }
.show_img_box .si_top .img_box .img_box_out .img_box_in {
  transition: all 0.5s; }
.show_img_box .si_top .img_box img {
  vertical-align: middle;
  border: 1px solid #1b1b1b;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 8px; }
.show_img_box .si_top .img_box img.act {
  border: 3px solid #c8503b; }
.show_img_box .si_top .close {
  display: inline-block;
  cursor: pointer;
  width: 64px;
  height: 64px;
  background: url("../images/epc/close.png") center center no-repeat;
  border-left: 1px solid #5e5e5e;
  margin-left: 10px; }
.show_img_box .si_body {
  position: absolute;
  margin: 40px 0;
  height: 70%;
  width: 100%;
  text-align: center; }
.show_img_box .si_body .si_left, .show_img_box .si_body .si_right {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid #5e5e5e;
  top: 50%;
  margin-top: -30px;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s;
  background: url("../images/epc/left_jt.svg") center center no-repeat;
  background-size: 12px 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.show_img_box .si_body .si_left:hover, .show_img_box .si_body .si_right:hover {
  border: 2px solid #7cbf31;
  background: url("../images/epc/left_jt_act.svg") center center no-repeat;
  background-size: 12px 20px; }
.show_img_box .si_body .si_left.hide, .show_img_box .si_body .si_right.hide {
  opacity: 0.5;
  display: block; }
.show_img_box .si_body .si_left.hide:hover, .show_img_box .si_body .si_right.hide:hover {
  border: 2px solid #5e5e5e;
  background: url("../images/epc/left_jt.svg") center center no-repeat;
  background-size: 12px 20px; }
.show_img_box .si_body .si_left {
  left: 10%; }
.show_img_box .si_body .si_right {
  right: 10%;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.show_img_box .si_body img {
  max-width: 1200px;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.show_img_box .bot {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px; }
.show_img_box .bot > .cont {
  width: 1200px;
  margin: 0 auto; }
.show_img_box .bot > .cont div {
  position: relative;
  float: right;
  margin: 28px 46px 0 0;
  width: 50px;
  height: 50px;
  background: url("../images/epc/xiexian.svg") right bottom no-repeat;
  line-height: 30px; }
.show_img_box .bot > .cont div strong {
  position: absolute;
  font-weight: 300;
  font-size: 66px;
  color: #bcbcbc;
  bottom: 40px;
  right: 20px; }
.show_img_box .bot > .cont div span {
  position: absolute;
  color: #8f8e8b;
  font-size: 18px;
  left: 28px;
  top: 18px; }
.show_img_box .bot p {
  display: inline-block;
  font-size: 16px;
  color: #989898;
  line-height: 24px;
  width: 980px; }

label.error {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: red; }

.comment .comment_top {
  text-align: center;
  border-bottom: 2px solid #ff9231;
  padding: 12px 0 20px;
  margin-bottom: 20px;
  position: relative; }
.comment .comment_top:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ff9231; }
.comment .comment_top > * {
  display: inline-block;
  vertical-align: middle; }
.comment .comment_top > img {
  width: 70px;
  height: 50px;
  border: 1px solid #e6e6e6;
  padding: 5px; }
.comment .comment_top > p {
  margin: 0 26px;
  font-size: 24px;
  color: #1d1d26; }
.comment .comment_top > i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0 5px; }
.comment .comment_top > i.vip {
  background: url("../images/epc/vip.svg") no-repeat;
  background-size: 100%; }
.comment .comment_top > i.logo {
  background: url("../images/epc/logo.png") no-repeat;
  background-size: 100%; }
.comment .comment_top + .title2 {
  padding: 10px 0 18px; }
.comment .comment_body {
  padding-bottom: 20px; }
.comment .comment_body h4 {
  font-size: 18px;
  line-height: 24px;
  color: #1d1d26;
  padding: 15px 0;
  font-weight: 500; }
.comment .comment_body h4 sup {
  color: #e31800; }
.comment .comment_body .cont {
  padding-bottom: 20px; }
.comment .comment_body .cont .star_box {
  padding: 10px 0 10px 72px; }
.comment .comment_body .cont .star_box i {
  margin: 0 6px; }
.comment .comment_body .cont .star_box span {
  margin-left: 42px;
  color: #666;
  width: auto;
  background: none;
  font-size: 14px; }
.comment .comment_body .cont > input, .comment .comment_body .cont > textarea {
  width: 678px;
  border: 1px solid #ddd;
  height: 42px;
  border-radius: 7px;
  padding: 0 20px;
  font-size: 16px; }
.comment .comment_body .cont > input:hover, .comment .comment_body .cont > input:focus, .comment .comment_body .cont > textarea:hover, .comment .comment_body .cont > textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.comment .comment_body .cont > input {
  height: 40px; }
.comment .comment_body .cont > textarea {
  padding: 10px 20px;
  line-height: 24px;
  height: 100px;
  overflow: hidden; }
.comment .comment_body p.checkbox {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 20px;
  padding: 60px 0 40px; }
.comment .comment_body p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.comment .comment_body button[type=submit] {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }

.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 3px 5px 3px 0; }

.star_box i {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 0 3px;
  background: url("../images/epc/star0.svg");
  background-size: 100%;
  vertical-align: middle;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.star_box#color5 i.act, .star_box#color5 i.hover, .star_box#color5 span.act, .star_box#color5 span.hover {
  background: url("../images/epc/star2.svg");
  background-size: 100%; }
.star_box#color5 i.none, .star_box#color5 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color4 i.act, .star_box#color4 i.hover, .star_box#color4 span.act, .star_box#color4 span.hover {
  background: url("../images/epc/star1.svg");
  background-size: 100%; }
.star_box#color4 i.none, .star_box#color4 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color3 i.act, .star_box#color3 i.hover, .star_box#color3 span.act, .star_box#color3 span.hover {
  background: url("../images/epc/star3.svg");
  background-size: 100%; }
.star_box#color3 i.none, .star_box#color3 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color2 i.act, .star_box#color2 i.hover, .star_box#color2 span.act, .star_box#color2 span.hover {
  background: url("../images/epc/star4.svg");
  background-size: 100%; }
.star_box#color2 i.none, .star_box#color2 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color1 i.act, .star_box#color1 i.hover, .star_box#color1 span.act, .star_box#color1 span.hover {
  background: url("../images/epc/star5.svg");
  background-size: 100%; }
.star_box#color1 i.none, .star_box#color1 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }

#star_remark_window {
  display: none;
  position: absolute;
  z-index: 5;
  background: rgba(0, 0, 0, 0.9);
  width: 245px;
  height: auto;
  text-align: center;
  border-radius: 6px;
  padding: 6px; }
#star_remark_window #cont {
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
#star_remark_window #sj {
  position: absolute;
  left: 120px;
  bottom: -10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid rgba(0, 0, 0, 0.9); }

.user_cont + .footer_box {
  margin-top: 0; }
.user_cont .table1.no_border {
  border: none; }
.user_cont .table1.no_border .table_head {
  border-bottom: none; }
.user_cont .epc_list {
  padding: 35px;
  background: #fff;
  border: 1px solid #e4e4e4; }
.user_cont .epc_list .epc_left {
  float: none;
  width: auto;
  padding-right: 0px; }
.user_cont .epc_list .epc_left .business_valuation {
  background: #f9f9f9;
  padding: 50px 34px 30px;
  margin-bottom: 20px; }
.user_cont .epc_list .epc_left .business_valuation > p {
  font-size: 14px;
  color: #222;
  line-height: 24px; }
.user_cont .epc_list .epc_left .business_valuation > div {
  padding: 5px 0 20px; }
.user_cont .epc_list .epc_left .business_valuation > div p {
  display: inline-block; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box {
  width: 36%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/icons/star0.svg);
  background-size: 100%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box i.act {
  background: url(../images/icons/star1.svg);
  background-size: 100%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right {
  width: 62%;
  vertical-align: middle; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right strong {
  display: inline-block;
  min-width: 86px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: right;
  margin-right: 10px; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #f9f9f9;
  font-weight: 300;
  height: 16px;
  width: 0;
  vertical-align: middle;
  transition: all 1s ease-in-out; }
.user_cont .epc_list .epc_left .business_valuation > div #color5 + .star_right span {
  background: #d32323; }
.user_cont .epc_list .epc_left .business_valuation > div #color4 + .star_right span {
  background: #f15c4f; }
.user_cont .epc_list .epc_left .business_valuation > div #color3 + .star_right span {
  background: #ff9242; }
.user_cont .epc_list .epc_left .business_valuation > div #color2 + .star_right span {
  background: #fec011; }
.user_cont .epc_list .epc_left .business_valuation > div #color1 + .star_right span {
  background: #f2bd79; }
.user_cont .epc_list .basic_sutup .bs_left {
  vertical-align: top;
  display: inline-block;
  width: 522px;
  margin-right: 36px; }
.user_cont .epc_list .basic_sutup .f_s18 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #272727; }
.user_cont .epc_list .basic_sutup .f_s18 strong {
  font-weight: 500; }
.user_cont .epc_list .basic_sutup .f_s18 sup {
  color: #e31800; }
.user_cont .epc_list .basic_sutup .bs_row {
  position: relative;
  padding: 6px 0 30px; }
.user_cont .epc_list .basic_sutup .bs_row.mini > input {
  max-width: 500px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a {
  width: 360px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a a {
  height: 40px;
  line-height: 40px;
  padding-left: 18px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a li {
  line-height: 40px;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .bs_row .img_up {
  display: inline-block;
  width: 88px;
  height: 88px;
  border: 1px solid #dedede;
  vertical-align: middle;
  margin-right: 16px;
  background: url("../images/epc/add_img.svg") center center no-repeat;
  background-size: 35px 35px;
  cursor: pointer; }
.user_cont .epc_list .basic_sutup .bs_row .img_up img {
  width: 88px;
  height: 88px; }
.user_cont .epc_list .basic_sutup .bs_row .remark {
  margin-left: 16px;
  line-height: 18px;
  display: inline-block;
  font-size: 14px;
  color: #696969;
  width: 288px;
  vertical-align: middle; }
.user_cont .epc_list .basic_sutup .bs_row .remark span {
  color: #f8551c; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row {
  min-height: 136px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row.mini > .remark {
  max-width: 500px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row.mini textarea {
  max-width: 376px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row:first-child {
  min-height: 70px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .remark {
  width: 540px;
  line-height: 24px;
  margin-left: 0; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row textarea {
  vertical-align: middle;
  height: 52px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row textarea + span {
  color: #7d7d7d; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell {
  display: table-cell;
  position: relative; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell a {
  display: block;
  text-align: center;
  font-size: 13px;
  text-decoration: underline;
  color: #a4a4a4;
  line-height: 30px;
  padding-right: 16px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.user_cont .epc_list .basic_sutup .bs_row input {
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  height: 40px;
  padding-left: 18px;
  width: 520px; }
.user_cont .epc_list .basic_sutup .bs_row input:hover, .user_cont .epc_list .basic_sutup .bs_row input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_cont .epc_list .basic_sutup .bs_row textarea {
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #ddd;
  height: 80px;
  width: 484px;
  border-radius: 4px;
  padding: 18px; }
.user_cont .epc_list .basic_sutup .bs_row textarea:hover, .user_cont .epc_list .basic_sutup .bs_row textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_cont .epc_list .basic_sutup .bs_row > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.user_cont .epc_list .basic_sutup p.checkbox {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 20px;
  padding: 4px 0 30px; }
.user_cont .epc_list .basic_sutup p.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 5px 3px 0; }
.user_cont .epc_list .basic_sutup p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup > button {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }
.user_cont .epc_list .basic_sutup > button + a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-left: 32px;
  vertical-align: sub; }
.user_cont .epc_list .basic_sutup > button + a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup .bs_right {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  padding-top: 16px; }
.user_cont .epc_list .basic_sutup .bs_right > i {
  font-size: 24px;
  color: #ed6f2d;
  display: block;
  margin: 16px 0; }
.user_cont .epc_list .basic_sutup .bs_right > ul {
  background: #fef8f4;
  padding: 30px 50px 30px 16px; }
.user_cont .epc_list .basic_sutup .bs_right > ul li {
  background: url("../images/epc/circle_li.svg") left 8px no-repeat;
  background-size: 6px 6px;
  padding-left: 22px;
  font-size: 14px;
  color: #0d0d0d;
  line-height: 24px;
  margin: 10px 0; }
.user_cont .epc_list .basic_sutup .bs_right > ul li strong {
  font-weight: 500; }
.user_cont .epc_list .basic_sutup hr {
  display: block;
  margin: 0 -35px 40px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #e4e4e4; }
.user_cont .epc_list .basic_sutup .jt_box {
  background: #ed7f71;
  color: #fff;
  padding: 26px;
  margin: 10px 0 30px;
  position: relative; }
.user_cont .epc_list .basic_sutup .jt_box h4 {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0; }
.user_cont .epc_list .basic_sutup .jt_box p {
  line-height: 20px;
  font-size: 14px;
  padding: 6px 0; }
.user_cont .epc_list .basic_sutup .jt_box span.sj {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #ed7f71; }
.user_cont .epc_list .basic_sutup .page_line {
  height: 20px;
  padding: 15px 20px; }
.user_cont .epc_list .basic_sutup .page_line > i {
  display: none; }
.user_cont .epc_list .basic_sutup .page_line > a {
  display: none;
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 60px; }
.user_cont .epc_list .basic_sutup .page_line > div {
  float: right;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .page_line > div span {
  color: #666;
  margin: 0 6px; }
.user_cont .epc_list .basic_sutup .page_line > div span.act {
  color: #87ba45; }
.user_cont .epc_list .basic_sutup .page_line > div a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.user_cont .epc_list .basic_sutup .page_line > div a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.user_cont .epc_list .basic_sutup .page_line.edit > a, .user_cont .epc_list .basic_sutup .page_line.edit > i {
  display: inline-block; }
.user_cont .epc_list .basic_sutup .project_list_box {
  padding-left: 12px;
  margin: 15px 0; }
.user_cont .epc_list .basic_sutup .project_list_box li {
  display: inline-block;
  width: 240px;
  margin: 20px; }
.user_cont .epc_list .basic_sutup .project_list_box li div {
  position: relative;
  width: 240px;
  height: 180px;
  overflow: hidden; }
.user_cont .epc_list .basic_sutup .project_list_box li div img {
  width: 240px;
  height: 180px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .check_icon {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .number {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  transition: all .5s;
  top: 5px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  padding: 6px;
  width: 228px;
  transition: all .5s;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.user_cont .epc_list .basic_sutup .project_list_box li p {
  line-height: 22px;
  padding-top: 10px; }
.user_cont .epc_list .basic_sutup .project_list_box li p a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 24px;
  margin-left: 6px; }
.user_cont .epc_list .basic_sutup .project_list_box li p .del {
  display: none; }
.user_cont .epc_list .basic_sutup .project_list_box li.edit .number {
  display: none; }
.user_cont .epc_list .basic_sutup .project_list_box li.edit .check_icon, .user_cont .epc_list .basic_sutup .project_list_box li.edit .del {
  display: inline-block; }
.user_cont .epc_list .basic_sutup .search_box_body {
  padding: 38px 20px 0;
  text-align: right;
  margin-top: -116px;
  min-height: 60px; }
.user_cont .epc_list .basic_sutup .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.user_cont .epc_list .basic_sutup .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.user_cont .epc_list .basic_sutup .search_box_body .search_box {
  background: none;
  padding: 56px 0 10px; }
.user_cont .epc_list .basic_sutup .result_box {
  padding: 20px 36px 0; }

.epc_project_box {
  padding: 5px 14px; }
.epc_project_box .b_title .edit_box {
  top: 8px !important; }
.epc_project_box .result_box {
  display: none;
  margin: 25px 38px -20px;
  text-align: left; }
.epc_project_box .epc_left {
  float: none;
  width: auto;
  padding-right: 0; }
.epc_project_box .epc_left .business_valuation {
  background: #f9f9f9;
  padding: 50px 34px 30px;
  margin-bottom: 5px; }
.epc_project_box .epc_left .business_valuation > p {
  font-size: 14px;
  color: #222;
  line-height: 24px; }
.epc_project_box .epc_left .business_valuation > div {
  padding: 5px 0 18px; }
.epc_project_box .epc_left .business_valuation > div p {
  display: inline-block; }
.epc_project_box .epc_left .business_valuation > div .star_box {
  width: 23%; }
.epc_project_box .epc_left .business_valuation > div .star_box i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/icons/star0.svg);
  background-size: 100%; }
.epc_project_box .epc_left .business_valuation > div .star_box i.act {
  background: url(../images/icons/star1.svg);
  background-size: 100%; }
.epc_project_box .epc_left .business_valuation > div .star_right {
  width: 75%;
  vertical-align: middle; }
.epc_project_box .epc_left .business_valuation > div .star_right strong {
  display: inline-block;
  width: 200px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: right;
  margin-right: 10px; }
.epc_project_box .epc_left .business_valuation > div .star_right span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #f9f9f9;
  font-weight: 300;
  height: 16px;
  width: 0;
  vertical-align: middle;
  transition: all 1s ease-in-out; }
.epc_project_box .epc_left .business_valuation > div #color5 + .star_right span {
  background: #d32323; }
.epc_project_box .epc_left .business_valuation > div #color4 + .star_right span {
  background: #f15c4f; }
.epc_project_box .epc_left .business_valuation > div #color3 + .star_right span {
  background: #ff9242; }
.epc_project_box .epc_left .business_valuation > div #color2 + .star_right span {
  background: #fec011; }
.epc_project_box .epc_left .business_valuation > div #color1 + .star_right span {
  background: #f2bd79; }
.epc_project_box .basic_sutup .space_box {
  padding-bottom: 24px; }
.epc_project_box .basic_sutup .bs_left {
  vertical-align: top;
  display: inline-block;
  width: 522px;
  margin-right: 36px; }
.epc_project_box .basic_sutup .f_s18 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #272727; }
.epc_project_box .basic_sutup .f_s18 strong {
  font-weight: 500; }
.epc_project_box .basic_sutup .f_s18 sup {
  color: #e31800; }
.epc_project_box .basic_sutup .bs_row {
  position: relative;
  padding: 6px 0 10px; }
.epc_project_box .basic_sutup .bs_row.mini > input {
  max-width: 500px; }
.epc_project_box .basic_sutup .bs_row .select_a {
  width: 518px;
  margin-left: 6px; }
.epc_project_box .basic_sutup .bs_row .select_a a {
  height: 40px;
  line-height: 40px;
  padding-left: 18px; }
.epc_project_box .basic_sutup .bs_row .select_a li {
  line-height: 40px;
  font-size: 14px; }
.epc_project_box .basic_sutup .bs_row .img_up {
  display: inline-block;
  width: 88px;
  height: 88px;
  border: 1px solid #dedede;
  vertical-align: middle;
  margin-right: 20px;
  background: url("../images/epc/add_img.svg") center center no-repeat;
  background-size: 35px 35px;
  cursor: pointer; }
.epc_project_box .basic_sutup .bs_row .img_up img {
  width: 88px;
  height: 88px; }
.epc_project_box .basic_sutup .bs_row .remark {
  margin-left: 16px;
  line-height: 24px;
  display: inline-block;
  font-size: 16px;
  color: #696969;
  width: 330px;
  vertical-align: middle; }
.epc_project_box .basic_sutup .bs_row .remark span {
  color: #f8551c; }
.epc_project_box .basic_sutup .bs_row .up_pic_row {
  min-height: 136px;
  /* &:first-child {
           min-height: 80px;
       }*/ }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini {
  min-height: 80px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini > .remark {
  max-width: 500px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini textarea {
  max-width: 376px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .remark {
  width: 98%;
  line-height: 24px;
  margin-left: 0; }
.epc_project_box .basic_sutup .bs_row .up_pic_row textarea {
  vertical-align: middle;
  height: 52px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row textarea + span {
  color: #7d7d7d; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell {
  display: table-cell;
  position: relative;
  vertical-align: top; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell:last-child {
  width: 88%; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell a {
  display: block;
  text-align: center;
  font-size: 13px;
  text-decoration: underline;
  color: #a4a4a4;
  line-height: 30px;
  padding-right: 16px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell span.ts {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 14px;
  line-height: 32px;
  padding-right: 40px; }
.epc_project_box .basic_sutup .bs_row input {
  border: 1px solid #c2c9cf;
  font-size: 14px;
  border-radius: 4px;
  height: 40px;
  padding-left: 18px;
  width: 97%;
  margin-left: 6px; }
.epc_project_box .basic_sutup .bs_row input:hover, .epc_project_box .basic_sutup .bs_row input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.epc_project_box .basic_sutup .bs_row textarea {
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #c2c9cf;
  height: 70px;
  width: 95%;
  border-radius: 4px;
  padding: 18px; }
.epc_project_box .basic_sutup .bs_row textarea:hover, .epc_project_box .basic_sutup .bs_row textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.epc_project_box .basic_sutup .bs_row > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.epc_project_box .basic_sutup p.checkbox {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0 6px; }
.epc_project_box .basic_sutup p.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 5px 3px 0; }
.epc_project_box .basic_sutup p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.epc_project_box .basic_sutup .al {
  display: inline-block;
  margin: 26px 0 0; }
.epc_project_box .basic_sutup > button {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }
.epc_project_box .basic_sutup > button + a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-left: 32px;
  vertical-align: sub; }
.epc_project_box .basic_sutup > button + a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_project_box .basic_sutup .bs_right {
  display: inline-block;
  vertical-align: top;
  width: 300px; }
.epc_project_box .basic_sutup .bs_right > i {
  font-size: 24px;
  color: #ed6f2d;
  display: block;
  margin: 2px 0 16px; }
.epc_project_box .basic_sutup .bs_right > ul {
  background: #f2f6fa;
  padding: 30px 50px 30px 16px; }
.epc_project_box .basic_sutup .bs_right > ul li {
  background: url("../images/epc/circle_li.svg") left 8px no-repeat;
  background-size: 6px 6px;
  padding-left: 22px;
  font-size: 14px;
  color: #0d0d0d;
  line-height: 24px;
  margin: 10px 0; }
.epc_project_box .basic_sutup .bs_right > ul li strong {
  font-weight: 500; }
.epc_project_box .basic_sutup hr {
  display: block;
  margin: 0 -35px 40px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #e4e4e4; }
.epc_project_box .basic_sutup .jt_box {
  background: #ed7f71;
  color: #fff;
  padding: 26px;
  margin: 10px 0 30px;
  position: relative; }
.epc_project_box .basic_sutup .jt_box h4 {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0; }
.epc_project_box .basic_sutup .jt_box p {
  line-height: 20px;
  font-size: 16px;
  padding: 6px 0; }
.epc_project_box .basic_sutup .jt_box span.sj {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #ed7f71; }
.epc_project_box .basic_sutup .page_line {
  height: 20px;
  padding: 15px 20px; }
.epc_project_box .basic_sutup .page_line > i {
  display: none; }
.epc_project_box .basic_sutup .page_line > a {
  display: none;
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 60px; }
.epc_project_box .basic_sutup .page_line > div {
  float: right;
  font-size: 14px; }
.epc_project_box .basic_sutup .page_line > div span {
  color: #666;
  margin: 0 6px; }
.epc_project_box .basic_sutup .page_line > div span.act {
  color: #87ba45; }
.epc_project_box .basic_sutup .page_line > div a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.epc_project_box .basic_sutup .page_line > div a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.epc_project_box .basic_sutup .page_line.edit > a, .epc_project_box .basic_sutup .page_line.edit > i {
  display: inline-block; }
.epc_project_box .basic_sutup .project_list_box {
  padding-left: 12px;
  margin: 15px 0; }
.epc_project_box .basic_sutup .project_list_box li {
  display: inline-block;
  width: 240px;
  margin: 20px; }
.epc_project_box .basic_sutup .project_list_box li div {
  position: relative;
  width: 240px;
  height: 180px;
  overflow: hidden; }
.epc_project_box .basic_sutup .project_list_box li div img {
  width: 240px;
  height: 180px; }
.epc_project_box .basic_sutup .project_list_box li div .check_icon {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px; }
.epc_project_box .basic_sutup .project_list_box li div .number {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  transition: all .5s;
  top: 5px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.epc_project_box .basic_sutup .project_list_box li div .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  padding: 6px;
  transition: all .5s;
  height: 31px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.epc_project_box .basic_sutup .project_list_box li p {
  line-height: 22px;
  padding-top: 10px; }
.epc_project_box .basic_sutup .project_list_box li p a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 24px;
  margin-left: 6px; }
.epc_project_box .basic_sutup .project_list_box li p .del {
  display: none; }
.epc_project_box .basic_sutup .project_list_box li.edit .number {
  display: none; }
.epc_project_box .basic_sutup .project_list_box li.edit .check_icon, .epc_project_box .basic_sutup .project_list_box li.edit .del {
  display: inline-block; }
.epc_project_box .basic_sutup .search_box_body {
  padding: 38px 20px 0;
  text-align: right;
  margin-top: -116px;
  min-height: 60px; }
.epc_project_box .basic_sutup .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.epc_project_box .basic_sutup .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.epc_project_box .basic_sutup .search_box_body .search_box {
  background: none;
  padding: 56px 0 10px; }
.epc_project_box .basic_sutup .result_box {
  padding: 20px 36px 0; }

.result_box {
  display: none;
  font-size: 14px;
  color: #1e1e1e;
  text-align: center; }
.result_box .keyword {
  color: #f8551c; }

.notice_box {
  background: #41423f;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #e5e5e5;
  font-size: 14px; }
.notice_box span {
  color: #f5ec5f;
  display: inline-block;
  margin: 0 24px 0 18px; }
.notice_box span i.notice {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: sub;
  background: url("../images/user/notice.svg") left center no-repeat;
  background-size: 16px;
  margin-right: 8px; }
.notice_box p {
  display: inline-block;
  color: #fff; }
.notice_box + .level_box {
  position: absolute;
  z-index: 0;
  width: 100%;
  min-width: 1200px; }
.notice_box + .level_box ul {
  width: 886px;
  padding-left: 214px; }

.topborder_box {
  background: url(../images/top_border_bg.png) top repeat-x #f5f8f9;
  padding-top: 8px;
  border-top: 0;
  position: absolute;
  z-index: 1;
  width: 100%; }
.topborder_box + .level_box {
  position: absolute;
  z-index: 0;
  width: 100%;
  min-width: 1200px; }
.topborder_box + .level_box ul {
  width: 886px;
  padding-left: 214px; }

@-webkit-keyframes show_animation_item {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes show_animation {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes bellAnimate {
  0% {
    opacity: 1;
    transform: rotate(-30deg); }
  50% {
    opacity: .5;
    transform: rotate(30deg); }
  100% {
    opacity: 1;
    transform: rotate(-30deg); } }
.user_box {
  background: #f5f8f9;
  padding-bottom: 40px; }
.user_box + .footer_box {
  margin-top: 0; }
.user_box .user_left, .user_box .user_right {
  display: table-cell;
  vertical-align: top; }
.user_box i.fa {
  color: inherit;
  display: inline-block;
  line-height: 36px; }
.user_box .user_left {
  width: 234px;
  background: #4c637b;
  padding-top: 38px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2; }
.user_box .user_left .menu {
  color: #a1b0c2;
  font-weight: 300;
  font-size: 12px;
  padding-left: 18px;
  margin-bottom: 24px; }
.user_box .user_left .list-group .list-group-item {
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  color: #b8c6d6;
  font-weight: 500;
  padding-left: 10px;
  transition: all 0.1s; }
.user_box .user_left .list-group .list-group-item > i.fa {
  width: 36px; }
.user_box .user_left .list-group .list-group-item.hover {
  cursor: pointer; }
.user_box .user_left .list-group .list-group-item + ul {
  display: none;
  animation: show_animation_item .5s ease-out forwards; }
.user_box .user_left .list-group .list-group-item.item_open .right i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_left .list-group .list-group-item.item_open + ul {
  display: block; }
.user_box .user_left .list-group .list-group-item a {
  color: inherit; }
.user_box .user_left .list-group .list-group-item .new {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 10px; }
.user_box .user_left .list-group .list-group-item sup {
  display: inline-block;
  background: #ec582c;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 5px; }
.user_box .user_left .list-group .list-group-item .right {
  float: right;
  width: 24px;
  height: 36px;
  margin: 5px 12px 0 0; }
.user_box .user_left .list-group .list-group-item .right i.fa {
  font-size: 18px;
  width: 24px; }
.user_box .user_left .list-group .list-group-item.hover:hover, .user_box .user_left .list-group .list-group-item.act {
  color: #fff;
  background: #38B1EB; }
.user_box .user_left .list-group .list-group-item.hover:hover sup, .user_box .user_left .list-group .list-group-item.act sup {
  background-color: #fff; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa, .user_box .user_left .list-group .list-group-item.act .fa {
  color: #fff; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-leads, .user_box .user_left .list-group .list-group-item.act .fa-leads {
  background: url("../images/user/leads.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-prospect, .user_box .user_left .list-group .list-group-item.act .fa-prospect {
  background: url("../images/user/prospect.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-customers, .user_box .user_left .list-group .list-group-item.act .fa-customers {
  background: url("../images/user/customers.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-design, .user_box .user_left .list-group .list-group-item.act .fa-design {
  background: url("../images/user/design.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-ditui, .user_box .user_left .list-group .list-group-item.act .fa-ditui {
  background: url("../images/user/ditui.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-prososal, .user_box .user_left .list-group .list-group-item.act .fa-prososal {
  background: url("../images/user/prososal.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-personal-assets, .user_box .user_left .list-group .list-group-item.act .fa-personal-assets {
  background: url("../images/user/personal-assets.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-folder:after, .user_box .user_left .list-group .list-group-item.act .fa-folder:after {
  background: #38B1EB; }
.user_box .user_left .list-group .list-group-item.hover:hover.act + ul, .user_box .user_left .list-group .list-group-item.act.act + ul {
  display: block; }
.user_box .user_left .list-group .list-group-item .fa-home {
  font-size: 18px; }
.user_box .user_left .list-group .list-group-item .fa-leads {
  background: url("../images/user/leads1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-prospect {
  background: url("../images/user/prospect1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-customers {
  background: url("../images/user/customers1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-design {
  background: url("../images/user/design1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-ditui {
  background: url("../images/user/ditui1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-prososal {
  background: url("../images/user/prososal1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle;
  transition: all 0s; }
.user_box .user_left .list-group .list-group-item .fa-personal-assets {
  background: url("../images/user/personal-assets1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle;
  transition: all 0s; }
.user_box .user_left .list-group .list-group-item .fa-folder {
  position: relative;
  transform: scale(1, 1.2); }
.user_box .user_left .list-group .list-group-item .fa-folder:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  left: 10px;
  background: #4c637b;
  top: 15px; }
.user_box .user_left .list-group .list-group-item .fa-file-text {
  font-size: 16px; }
.user_box .user_left .list-group ul {
  margin: -2px 0 18px; }
.user_box .user_left .list-group ul li {
  padding-left: 56px;
  color: #d0dae5;
  font-size: 13px;
  line-height: 30px;
  cursor: pointer;
  font-weight: 300;
  opacity: .8; }
.user_box .user_left .list-group ul li:hover, .user_box .user_left .list-group ul li.act {
  background: #097fb7;
  color: #fff; }
.user_box .user_left .list-group ul li a {
  color: inherit;
  font-size: inherit;
  line-height: inherit; }
.user_box .user_left .list-group ul li a:hover {
  text-decoration: underline; }
.user_box .user_left .list-group ul li .new {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  height: 18px;
  border-radius: 9px;
  margin-left: 4px;
  padding: 0 6px;
  min-width: 6px;
  text-align: center; }
.user_box .user_left .list-group hr {
  margin: 10px;
  height: 1px;
  border: 0;
  border-top: 1px solid #3f5770;
  border-bottom: 1px solid #3f5770;
  box-shadow: 0 1px #5c738b; }
.user_box .user_right {
  width: 935px;
  padding: 30px 0 0 33px; }
.user_box .user_right .ur_top {
  background: url("../images/user/right_top_bg.png");
  height: 170px;
  padding: 28px 38px 42px; }
.user_box .user_right .ur_top .ur_top_left {
  vertical-align: top;
  display: table-cell;
  width: 200px;
  position: relative; }
.user_box .user_right .ur_top .ur_top_left .num {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 124px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: red;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 36px; }
.user_box .user_right .ur_top .ur_top_left > div {
  position: relative;
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.3s; }
.user_box .user_right .ur_top .ur_top_left > div img {
  width: 160px;
  height: 160px;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%; }
.user_box .user_right .ur_top .ur_top_left > div a {
  position: absolute;
  top: 160px;
  width: 160px;
  left: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  transition: all 0.5s; }
.user_box .user_right .ur_top .ur_top_left > div a span {
  display: block;
  text-align: center; }
.user_box .user_right .ur_top .ur_top_left > div a .fa {
  color: #d4d3d3;
  display: inline-block; }
.user_box .user_right .ur_top .ur_top_left > div:hover {
  background: #000; }
.user_box .user_right .ur_top .ur_top_left > div:hover img {
  opacity: 0.4; }
.user_box .user_right .ur_top .ur_top_left > div:hover a {
  top: 56px; }
.user_box .user_right .ur_top .ur_top_right {
  display: table-cell;
  vertical-align: top; }
.user_box .user_right .ur_top .ur_top_right h4 {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  line-height: 40px;
  max-width: 640px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.user_box .user_right .ur_top .ur_top_right h4 + span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin-top: -3px;
  color: #000; }
.user_box .user_right .ur_top .ur_top_right p {
  color: #ec582c;
  font-size: 14px;
  padding: 12px 0; }
.user_box .user_right .ur_top .ur_top_right p.m_p a {
  display: inline-block;
  vertical-align: middle; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name {
  border-radius: 12px;
  background: #90bf51;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 12px; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name:hover {
  transition: all .1s;
  opacity: .8; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name.member {
  background: #ff8a00; }
.user_box .user_right .ur_top .ur_top_right p.m_p a:last-child {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right p.m_p a:last-child:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right p i.jp {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  width: 26px;
  height: 30px;
  background: url("../images/user/jp.svg") no-repeat;
  background-size: 26px; }
.user_box .user_right .ur_top .ur_top_right p i.user_svg {
  display: inline-block;
  margin: 0 2px 0 5px;
  width: 28px;
  height: 28px;
  background: url("../images/user/user-svg.svg") left center no-repeat;
  background-size: 21px; }
.user_box .user_right .ur_top .ur_top_right p i.user_svg.member {
  background: url("../images/user/user-member-svg.svg") no-repeat;
  background-size: 23px; }
.user_box .user_right .ur_top .ur_top_right p button {
  width: 78px;
  height: 24px;
  background: #ec582c;
  border-radius: 12px;
  color: #fff;
  margin-left: 20px;
  font-size: 12px; }
.user_box .user_right .ur_top .ur_top_right ul {
  padding-top: 18px; }
.user_box .user_right .ur_top .ur_top_right ul li {
  display: inline-block;
  width: 126px;
  text-align: center; }
.user_box .user_right .ur_top .ur_top_right ul li > strong {
  font-size: 30px;
  color: #605e58;
  display: block; }
.user_box .user_right .ur_top .ur_top_right ul li > strong sup {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 400; }
.user_box .user_right .ur_top .ur_top_right ul li > span {
  font-size: 13px;
  line-height: 24px;
  color: #605e58;
  text-transform: uppercase;
  white-space: nowrap; }
.user_box .user_right .ur_top .ur_top_right ul li > span a {
  color: #ec582c;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right ul li > span a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right ul li > p i.card {
  font-style: normal;
  display: inline-block;
  position: relative;
  width: 36px;
  height: 24px;
  background: url(../images/member/card_index.png) no-repeat; }
.user_box .user_right .ur_top .ur_top_right ul li > p i.card span {
  position: absolute;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  left: 32px;
  top: -6px;
  background: #f3a03b;
  border-radius: 8px;
  padding: 0 10px; }
.user_box .user_right .ur_body {
  padding-top: 28px; }
.user_box .user_right .ur_body.right_body {
  padding-top: 28px; }
.user_box .user_right .ur_body.right_body .ur_middle {
  width: 100%; }
.user_box .user_right .ur_body.right_body .block_box {
  min-height: 1120px; }
.user_box .user_right .ur_body .ur_middle {
  width: 620px;
  float: left; }
.user_box .user_right .ur_body .ur_middle .leads_box li {
  position: relative;
  width: 200px;
  height: 160px;
  float: left;
  border-radius: 4px;
  color: #fff;
  margin-right: 10px;
  transition: all 0.3s;
  /*&:hover {
              opacity: 0.8;
          }*/ }
.user_box .user_right .ur_body .ur_middle .leads_box li a {
  display: block;
  color: #fff;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .leads_box li a:hover {
  opacity: 0.8; }
.user_box .user_right .ur_body .ur_middle .leads_box li p {
  font-size: 18px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 160px;
  width: 200px;
  line-height: 36px; }
.user_box .user_right .ur_body .ur_middle .leads_box li p span {
  font-weight: 300;
  text-transform: uppercase; }
.user_box .user_right .ur_body .ur_middle .leads_box li strong {
  display: block;
  font-size: 40px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .leads_box li i {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 20px;
  left: 20px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.leads {
  background: #f47564; }
.user_box .user_right .ur_body .ur_middle .leads_box li.leads i {
  background: url("../images/user/leads.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.prospect {
  background: #f1c40f; }
.user_box .user_right .ur_body .ur_middle .leads_box li.prospect i {
  background: url("../images/user/prospect.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.customers {
  background: #6cc02e;
  margin-right: 0; }
.user_box .user_right .ur_body .ur_middle .leads_box li.customers i {
  background: url("../images/user/customers.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .mark_out {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 0;
  margin-top: 6px; }
.user_box .user_right .ur_body .ur_middle .mark_out p {
  padding: 4px 56px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark_box {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark_box:before {
  line-height: 22px;
  font-size: 20px;
  left: 18px;
  top: 5px;
  width: 22px;
  height: 22px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark {
  line-height: 24px;
  font-size: 14px;
  color: #0a2240;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa {
  position: absolute;
  left: 16px;
  top: 3px;
  font-size: 24px;
  line-height: 24px;
  width: 26px;
  height: 26px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa.fa-apple {
  color: #211f20; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa.fa-android {
  color: #acc752; }
.user_box .user_right .ur_body .ur_middle .mark_out p a {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_out p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_box {
  min-height: 24px;
  background-color: #fff;
  border-radius: 4px;
  padding: 17px 56px;
  font-size: 14px;
  color: #0a2240;
  line-height: 26px;
  margin-top: 6px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .mark_box:before {
  content: "!";
  position: absolute;
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-size: 20px;
  left: 16px;
  top: 17px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #c6cbd1; }
.user_box .user_right .ur_body .ur_middle .mark_box a {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box {
  background: #fff;
  border-radius: 4px;
  padding: 40px 20px;
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box {
  padding: 35px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top {
  margin-bottom: 25px;
  border-radius: 5px;
  padding: 36px 0;
  box-shadow: 0 8px 36px 8px #ececec;
  display: table;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td {
  display: table-cell;
  vertical-align: middle;
  color: #1d1d26; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td:first-child {
  border-right: 1px solid #e3e3e4;
  width: 412px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td h3 {
  line-height: 28px;
  border-left: 3px solid #38b1eb;
  padding-left: 25px;
  font-size: 24px;
  margin: 16px 0;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td div {
  padding-left: 26px;
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td div a.btn {
  height: 36px;
  line-height: 36px;
  padding: 0 26px;
  font-size: 14px;
  color: #fff;
  text-decoration: none; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p {
  padding: 0 32px;
  line-height: 22px;
  font-size: 14px;
  padding-bottom: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p b {
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p {
  color: #ec582c;
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch {
  width: 68px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: none;
  padding: 0;
  position: relative;
  height: 26px;
  vertical-align: middle;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  line-height: 25px;
  height: 25px;
  background: #ccc;
  color: #fff;
  transition: all 0.3s; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch.yes {
  border: 1px solid #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch.yes span {
  left: 0;
  background: #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p .btn {
  width: 100px;
  padding: 0;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
  font-size: 12px;
  background: #90bf51; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td b {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box {
  padding: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box h3 {
  font-size: 20px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box {
  padding-top: 42px;
  padding-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span {
  float: left;
  width: 158px;
  min-height: 48px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 52px;
  font-size: 14px;
  color: #1d1d26;
  line-height: 18px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.front_page {
  background-image: url(../images/member/Front-Page.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.hahasmart {
  background-image: url(../images/member/HahaSmart-APP.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Canvassing {
  background-image: url(../images/member/Canvassing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Proposal {
  background-image: url(../images/member/Proposal.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Co-marketing {
  background-image: url(../images/member/Co-marketing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Statistics {
  background-image: url(../images/member/Statistics.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Landing-Page {
  background-image: url(../images/member/Leads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Free-ads {
  background-image: url(../images/member/Free-ads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Leads {
  padding-top: 58px;
  background-image: url(../images/member/Lead.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Project-design {
  padding-top: 58px;
  background-image: url(../images/member/Project-design.png);
  width: 180px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span b {
  font-size: 16px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box {
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box hr {
  margin: 0;
  height: 0;
  border: none;
  border-top: 1px solid #E0E3EE; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title {
  padding: 28px 32px 24px;
  color: #475156;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title input.date {
  color: #9d9d9d;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  height: 44px;
  font-size: 16px;
  padding: 0 10px;
  width: 116px;
  height: 38px;
  margin: 0 16px;
  margin: 0 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title select {
  height: 42px;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  padding: 0 28px 0 10px;
  font-size: 14px;
  margin: 0 6px;
  width: 110px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title button {
  height: 40px;
  color: #fff;
  background: #575757;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 25px;
  margin-left: 10px;
  border-radius: 2px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title .lineX {
  color: #a5a5a5; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail {
  display: table;
  width: 94%;
  padding: 24px 45px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #0a2240; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail + .m_detail {
  padding-top: 0;
  margin-top: -6px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail .md_td {
  display: table-cell; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box ul {
  width: 550px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box {
  background: #fbfbfc;
  display: inline-block;
  vertical-align: middle;
  width: 550px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 20px 0 12px 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span {
  float: left;
  width: 132px;
  min-height: 48px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 52px;
  font-size: 14px;
  color: #1d1d26;
  line-height: 18px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.front_page {
  background-image: url(../images/member/Front-Page.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.hahasmart {
  background-image: url(../images/member/HahaSmart-APP.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Canvassing {
  background-image: url(../images/member/Canvassing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Proposal {
  background-image: url(../images/member/Proposal.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Co-marketing {
  background-image: url(../images/member/Co-marketing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Statistics {
  background-image: url(../images/member/Statistics.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Landing-Page {
  background-image: url(../images/member/Leads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Free-ads {
  background-image: url(../images/member/Free-ads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Leads {
  padding-top: 58px;
  background-image: url(../images/member/Lead.png);
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Project-design {
  padding-top: 58px;
  background-image: url(../images/member/Project-design.png);
  width: 180px;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span b {
  font-size: 16px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list {
  padding: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 {
  margin: 2px 8px 30px;
  color: #1d1d26;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 b {
  font-size: 20px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 .red {
  font-size: 22px;
  color: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 .excel {
  display: inline-block;
  width: 25px;
  height: 34px;
  background: url(../images/member/Export-file.svg) center top no-repeat;
  background-size: 25px;
  vertical-align: middle;
  margin-right: 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td {
  line-height: 48px;
  padding: 12px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td .m_btn {
  transition: all .1s;
  display: inline-block;
  background: #94a7bc;
  color: #fff;
  height: 28px;
  line-height: 28px;
  width: 90px;
  margin: 5px;
  border-radius: 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td .m_btn:hover {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table .red {
  color: #ec582c;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box {
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_title {
  border-bottom: 1px solid #E0E3EE;
  padding: 28px 32px 24px;
  color: #475156;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_title input.date {
  color: #9d9d9d;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  height: 44px;
  font-size: 16px;
  padding: 0 16px;
  width: 60px;
  height: 38px;
  margin-right: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content {
  padding: 10px 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li {
  padding: 15px 5px;
  border-bottom: 1px solid #E0E3EE; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li:last-child {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li h4 {
  color: #1d1d26;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p {
  font-size: 14px;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p a.pdf {
  float: left;
  width: 30%;
  position: relative;
  padding-left: 24px;
  background: url(../images/pdf.png) left center no-repeat;
  background-size: 16px 18px;
  color: #636367; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.detail {
  padding: 40px 36px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box p.p_icon {
  margin: 36px 10px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box > .btn.add {
  float: right;
  margin-top: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list {
  padding: 20px 5px 2px 12px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li {
  width: 150px;
  float: left;
  vertical-align: middle;
  margin-left: 90px;
  margin-bottom: 20px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.admin:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 53px;
  height: 30px;
  background: url(../images/user1.2/admin.png) left top no-repeat;
  background-size: 53px;
  z-index: 2; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li:nth-child(4n-3) {
  margin-left: 0;
  clear: left; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block {
  width: 320px;
  margin-top: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block:nth-child(2n-1) {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div {
  border: none;
  margin-left: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h5, .user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 {
  position: absolute;
  font-weight: 400;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h5 {
  top: 0;
  color: #1d1d27;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 {
  bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a {
  color: #ff6600;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a + a {
  margin-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div {
  width: 148px;
  position: relative;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  height: 188px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div h4 {
  position: relative;
  margin: 24px 0 13px;
  font-size: 20px;
  color: #000;
  padding-left: 10px;
  line-height: 26px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div p {
  color: #1d1d27;
  font-size: 12px;
  opacity: 0.7;
  line-height: 15px;
  margin-left: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div i {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  color: #636363;
  font-weight: 500;
  line-height: 58px;
  font-size: 54px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div .bg {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -24px;
  width: 164px;
  height: 64px;
  transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  /* IE 9 */
  -moz-transform: rotate(-18deg);
  /* Firefox */
  -webkit-transform: rotate(-18deg);
  /* Safari 锟斤拷 Chrome */
  -o-transform: rotate(-18deg); }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p {
  font-size: 14px;
  line-height: 20px;
  color: #1d1d27;
  padding: 10px 3px 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p.center {
  margin: 0 -5px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p a {
  color: #ff6600;
  text-decoration: underline;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .button1 {
  padding: 0 22px;
  display: block;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box {
  font-size: 12px;
  padding: 8px 0;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box button {
  margin-right: 6px;
  width: 17px;
  height: 17px;
  vertical-align: text-bottom;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box button.yes {
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box span {
  opacity: 0.8; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.one > div h4:before {
  background: #eff7e6; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.one > div .bg {
  background: #eff7e6; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.tow > div h4:before {
  background: #fceee7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.tow > div .bg {
  background: #fceee7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.three > div h4:before {
  background: #fdf5d7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.three > div .bg {
  background: #fdf5d7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.four > div h4:before {
  background: #ddf2fc; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.four > div .bg {
  background: #ddf2fc; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false > div {
  border-color: #f4f4f4; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h4 {
  color: #ededed; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h4:before {
  background: #fafcf7 !important; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h5 {
  color: #ec582c;
  line-height: 20px;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false i {
  color: #cdcdcd; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false span.false {
  display: block;
  line-height: 32px;
  font-size: 16px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false .bg {
  opacity: .3; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 {
  font-size: 22px;
  color: #0a2240;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 .icon_eye {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../images/fenbu/eye.svg") center center no-repeat;
  background-size: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 span {
  font-size: 16px;
  padding-left: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map > p.center {
  padding: 38px 0 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list {
  margin: 0 15px;
  border-bottom: 1px solid #efefef; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.last {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.last + p.center .button1 {
  margin-top: 6px;
  padding: 0 80px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea {
  border: 1px solid #e8eef2;
  border-radius: 2px;
  font-size: 16px;
  padding: 15px 20px;
  width: 92%;
  height: 72px;
  line-height: 24px;
  margin-top: 10px;
  color: #000; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list h4.b_title {
  margin: 0 0 22px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list #roofImg {
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title {
  font-size: 16px;
  padding: 19px 0;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #b4b4b7;
  vertical-align: text-top;
  margin-right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.no {
  text-align: center;
  cursor: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.no:before {
  background: #fff !important; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.ok:before {
  width: 16px;
  height: 16px;
  background: url("../images/duihao.png") center center no-repeat #f60;
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #b4b4b7;
  vertical-align: text-top;
  margin: 0 10px 0 56px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title span.ok {
  background: url("../images/duihao.png") center center no-repeat #f60;
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title .fa {
  color: #4c637b;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  float: right;
  margin-right: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title + .table_div {
  display: none;
  margin-left: 1em; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div {
  padding: 8px 0 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div > h3 {
  font-size: 16px;
  line-height: 24px;
  color: #0a2240;
  font-weight: 400;
  margin-bottom: 28px;
  width: 95%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .design_map {
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .title_i {
  margin-top: 25px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .note {
  font-size: 14px;
  color: #ec582c;
  line-height: 24px;
  padding-bottom: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .note big {
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row {
  line-height: 42px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row.but10 {
  margin-bottom: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_left {
  width: 30%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right {
  width: 440px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email] {
  width: 402px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #c2c9cf;
  padding: 0 18px;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text]:focus, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number]:focus, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email]:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text][type="hidden"] + p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number][type="hidden"] + p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email][type="hidden"] + p {
  padding: 10px 0 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=radio] {
  width: 24px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right label {
  padding: 0 12px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right label + input[type=radio] {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a {
  width: 438px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a a {
  padding-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a + p {
  padding: 10px 0 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right > p a, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right li a {
  color: #ff6600;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right > p a:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio {
  line-height: 22px;
  padding: 6px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span + span {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span.act i:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #ec582c;
  left: 4px;
  top: 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box {
  border: 1px solid #9f9f9f;
  margin-top: 10px;
  padding: 8px;
  border-radius: 3px;
  background-color: #fdfefe;
  position: relative;
  display: block !important; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box > img {
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .latlng {
  font-size: 14px;
  background: url("../images/user1.2/latlng.svg") 8px 8px no-repeat;
  background-size: 12px;
  line-height: 22px;
  padding: 6px 0 12px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .project_type {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0 6px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .no_design {
  display: table-cell;
  height: 242px;
  vertical-align: middle;
  text-align: center;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .no_design .button1 {
  margin-top: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box + p a {
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .tishi {
  line-height: 28px;
  font-size: 16px;
  padding-top: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list > p.title {
  font-size: 20px;
  padding: 18px 0;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list > p.title:before {
  content: normal; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list .table_div {
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title {
  font-size: 20px;
  padding: 18px 0;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title:before {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title.ok:before {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title span {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title .fa {
  font-size: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title + .table_div {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new p textarea {
  width: 823px;
  border-radius: 3px;
  max-width: 823px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row {
  padding: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_left {
  width: 230px;
  vertical-align: middle;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_left.v_top {
  vertical-align: top;
  line-height: 42px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right {
  width: 626px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > p.remark {
  font-size: 12px;
  line-height: 22px;
  padding: 10px 0;
  color: #7c7c7f;
  font-style: italic;
  white-space: pre; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > p.remark b {
  font-weight: 500;
  color: #000;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div .key_box {
  line-height: 20px;
  padding: 0 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div .radio span {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 input {
  width: 402px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 textarea {
  width: 583px;
  padding: 10px 20px;
  height: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 .select_a {
  width: 438px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 {
  width: 262px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.max input {
  width: 307px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 + .col_2 {
  padding-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 input {
  width: 224px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 .select_a {
  width: 260px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.double input {
  width: 504px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.double .select_a {
  width: 540px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 {
  width: 208px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 input {
  width: 170px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 .select_a {
  width: 206px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.design_box {
  width: 422px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.design_box + p {
  width: 440px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row h5 {
  font-size: 16px;
  color: #0a2240;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box {
  padding: 26px 36px;
  border: 1px solid #f9daca;
  background: #fffcfb;
  border-radius: 4px;
  margin-bottom: 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box h3 {
  position: relative;
  padding-left: 45px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box h3 i.fa {
  position: absolute;
  line-height: 32px;
  width: 32px;
  height: 32px;
  background: #ec582c;
  color: #fff;
  left: 0;
  top: 50%;
  margin-top: -16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row {
  padding: 3px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_left {
  width: 180px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right {
  width: 442px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right p.radio {
  padding: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right p.radio span {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box {
  width: 100%;
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td {
  width: 45%;
  padding-left: 1%;
  padding-right: 4%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td[colspan='2'], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td[colspan='2'] {
  width: 95%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td p {
  line-height: 20px;
  font-size: 16px;
  padding: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td p.big, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td p.big {
  margin: 16px -4% 0 -1%;
  padding: 16px 0 14px 1%;
  font-weight: 500;
  font-size: 18px;
  border-top: 1px solid #e8eef2; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img {
  border: none;
  padding: 6px 0 12px;
  line-height: 12px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img > span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img > span {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid #e8eef2;
  background: url(../images/jia.png) center center no-repeat #f6f9fb;
  cursor: pointer;
  vertical-align: middle;
  margin: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div {
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #e8eef2;
  position: relative;
  margin: 6px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div span {
  right: -10px;
  top: -10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div img, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div img {
  width: 80px;
  height: 80px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file > span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file > span {
  margin: 6px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div {
  width: 96px;
  height: 96px;
  border: none;
  margin: 6px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div:first-child, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div:first-child {
  margin-left: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div span {
  right: 2px;
  top: -8px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a {
  display: inline-block;
  vertical-align: top;
  width: 96px;
  padding-top: 68px;
  font-size: 12px;
  line-height: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.exc, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.exc {
  background: url("../images/fenbu/exc.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.word, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.word {
  background: url("../images/fenbu/word.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.pdf, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.pdf {
  background: url("../images/fenbu/pdf.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a:hover {
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box {
  display: table;
  width: 100%;
  margin: 20px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left {
  padding: 0 50px 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left img {
  max-height: 224px;
  max-width: 332px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right {
  width: 468px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right .div_row_left {
  width: 250px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right .div_row_right {
  width: 208px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new.last + p.center .button1 {
  margin-top: 12px;
  margin-bottom: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title {
  position: relative;
  font-size: 20px;
  color: #0a2240;
  padding-top: 10px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 10px 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right {
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right strong {
  color: #ff5900;
  font-size: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit strong {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit span {
  font-weight: 400;
  color: #0a2240;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit a {
  margin-left: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title:first-letter {
  text-transform: uppercase; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.without {
  margin: 0 -20px;
  border-bottom: 1px solid #e0e3ee;
  padding: 0 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.without + .table1 {
  margin-top: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.messageId {
  min-height: 54px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.messageId .tab_ul li span {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 6px;
  margin-left: 5px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp {
  margin: 38px 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .f_right {
  margin-right: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp.toggle span {
  border: 2px solid #fdaa53;
  color: #fdaa53;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  float: right;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  line-height: 14px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .true {
  background: url(../images/jia1.png) center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .false {
  background: url(../images/jian.png) center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.haspp {
  margin: 6px 10px 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.haspb {
  margin: 6px 10px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.no_margin {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.no_margin + .search_box {
  margin-top: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title i.line {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 2px;
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li {
  padding: 0 16px 26px 16px;
  margin: 0 10px;
  line-height: 24px;
  font-size: 20px;
  color: #3a4e66;
  display: inline-block;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li span {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li.act {
  color: #0a2240;
  border-bottom: 4px solid #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title + hr {
  border: none;
  border-top: 1px solid #e0e3ee;
  margin: -6px -20px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box {
  display: none;
  position: absolute;
  top: 8px;
  right: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId {
  top: -4px;
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId * {
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId .fa-search {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId .m_tow {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.show {
  display: block !important;
  top: -1px;
  right: 60px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #94a7bc;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a:hover {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a.delete:hover {
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a input#all {
  width: 16px;
  height: 16px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.add_employees {
  display: block !important;
  top: 5px;
  right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.add_employees > a {
  padding: 0 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more {
  float: right;
  color: #6f7a8b;
  font-size: 12px;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more input.date {
  width: 80px;
  color: #fff;
  line-height: 30px;
  height: 30px;
  text-align: center;
  border-radius: 16px;
  padding: 0 28px 0 16px;
  font-size: 14px;
  background: url(../images/sanjiao_bai.PNG) 90% center no-repeat #8bc24a; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa {
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 20px !important;
  line-height: 26px;
  color: #494a4c !important;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search {
  font-size: 20px;
  color: #494A4C; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 23px;
  background: url("../images/icons/search.svg") center center no-repeat;
  background-size: 21px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search.edit {
  font-size: 16px;
  width: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search.edit:before {
  content: "Edit";
  text-decoration: underline;
  font-family: "Roboto";
  font-size: 18px;
  background: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.close {
  background: url("../images/user1.2/close.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.close.edit {
  width: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 {
  float: right;
  position: relative;
  height: 40px;
  background: #f2f6fa;
  border-radius: 4px;
  font-size: 18px;
  color: #4c637b;
  font-weight: 400;
  line-height: 40px;
  margin-right: -10px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 div {
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
  display: block;
  height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  background: #fff;
  width: 158px;
  border: 1px solid #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul li {
  padding-left: 20px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul li:hover {
  background: #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements h4.b_title {
  margin: 50px 14px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block {
  padding: 16px 0 16px 3%;
  margin-top: 25px;
  color: #0a2240;
  width: 97%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title {
  font-size: 18px;
  line-height: 35px;
  padding-right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title span {
  color: #758697;
  font-size: 16px;
  padding-left: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title .fa {
  color: inherit;
  float: right;
  font-size: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title.before {
  color: #9AA3AE; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title a.delete {
  float: right;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 5px 10px 0 0;
  background-image: url(../images/homeuser/delete.svg);
  background-size: 20px;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title a.delete:hover {
  background-image: url(../images/homeuser/delete1.svg);
  background-size: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box {
  border-top: 1px solid #d1dae0;
  padding: 14px 0 5px;
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div:first-child {
  width: 90%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div:nth-child(2) {
  text-align: right;
  width: 10%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.button1 {
  display: inline-block;
  min-width: 62px;
  text-align: center;
  margin: 6px 20px;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.edit {
  display: inline-block;
  min-width: 90px;
  text-align: center;
  padding-top: 36px;
  margin: 6px 20px;
  background: url(../images/homeuser/edit.svg) top center no-repeat;
  background-size: 30px;
  transition: all 0.1s;
  color: #5e5e5e;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.edit:hover {
  background-image: url(../images/homeuser/edit1.svg);
  background-size: 30px;
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box p {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box p b {
  color: #ec582c;
  font-size: 18px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box {
  margin: 16px 0 52px;
  padding-bottom: 6px;
  max-height: 360px;
  transition: all 0.5s;
  position: relative;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table {
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(1), .user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(2), .user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(3) {
  display: table-row; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td {
  padding: 10px 0 10px 10px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left {
  height: 96px;
  width: 96px;
  border-radius: 50%;
  background: #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p {
  display: table-cell;
  vertical-align: middle;
  height: 96px;
  width: 96px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p strong {
  font-size: 18px;
  display: block;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p span {
  opacity: 0.5;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right {
  position: relative;
  padding: 20px 30px;
  border: 1px solid #e9eef4;
  background: #f2f6fa;
  border-radius: 6px;
  margin-left: 20px;
  width: 697px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right:before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  left: -12px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 12px solid #e9eef4;
  border-bottom: 9px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 12px solid #f2f6fa;
  border-bottom: 9px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right h4 {
  font-weight: 500;
  font-size: 16px;
  color: #0a2240;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right p {
  color: #0a2240;
  opacity: 0.8;
  line-height: 24px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right {
  position: absolute;
  right: -1px;
  padding-right: 3px;
  bottom: 0;
  width: 100%;
  line-height: 36px;
  font-size: 12px;
  color: #6f7a8b;
  background: url("../images/proposal/angle-down_bg.png") left top repeat-x;
  height: 110px;
  margin-top: -116px;
  transition: all 0.5s; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right.open {
  position: inherit;
  background: url("../images/proposal/angle-down_bg.png") left bottom repeat-x;
  height: 36px;
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right.open a {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right a {
  display: inline-block;
  margin-top: 76px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right .fa {
  color: #6f7a8b;
  font-size: 25px;
  width: 26px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right span + span {
  display: none;
  padding-right: 1px; }
.user_box .user_right .ur_body .ur_middle .block_box .project_box {
  padding-top: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box h4.b_title {
  margin-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box {
  line-height: 32px;
  padding: 14px;
  color: #475156;
  font-size: 18px;
  background: #f2f6fa;
  margin-bottom: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box .btn-Categorize {
  float: right; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box .btn-Categorize input {
  width: 94%;
  color: #fff;
  line-height: 32px;
  height: 32px;
  text-align: center;
  font-size: 14px;
  margin-left: -10px;
  background: url(../images/sanjiao_bai.PNG) right center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p {
  color: #1d1d26;
  margin: 24px 0 10px 19.4px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box {
  position: relative;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  margin-right: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box.yes:before {
  background-size: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .mar_left50 {
  margin-left: 50px;
  width: 360px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p b {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p button {
  background: #67ba2f;
  font-size: 16px;
  color: #fff;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin-right: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p a {
  font-size: 14px;
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block {
  border-radius: 10px;
  border: 1px solid #f2f6fa;
  padding: 20px 3%;
  margin-top: 25px;
  background: #f2f6fa;
  border-left: 2px solid #e3eaf3;
  border-left: 2px solid #e3eaf3;
  display: table;
  overflow: hidden;
  width: 94%;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check {
  padding: 25px 2% 10px;
  width: 96%;
  display: block;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box {
  position: relative;
  display: inline-block;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box.yes:before {
  background-size: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_img, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_right {
  display: inline-block;
  vertical-align: top; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_img {
  margin: 7px 20px 0 15px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left {
  width: 72%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.hot, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.new {
  display: inline-block;
  padding: 0 12px;
  border-radius: 12px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
  color: #fff;
  background: #ff9f11; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.new {
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box {
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box > * {
  display: table-cell;
  vertical-align: top;
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box > * a {
  color: #f85d0d;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_right {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 66px;
  text-align: right; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding {
  padding: 0;
  width: 890px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding.show_out {
  overflow: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_left {
  width: 80%;
  padding-left: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_img img {
  width: 96px;
  height: 96px;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left {
  width: 66%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left h4, .user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left div {
  padding: 8px 0 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_right {
  width: 20%;
  vertical-align: top;
  padding-top: 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_right.ver_middle {
  vertical-align: middle;
  padding-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.by_box {
  position: relative;
  overflow: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f {
  background-color: #f5faf2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f .rb_icon i {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f .rb_left > *:first-child {
  color: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff {
  background-color: #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff .rb_icon i {
  background: #4686ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff .rb_left > *:first-child {
  color: #4686ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff {
  background-color: #f9f2fa; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff .rb_icon i {
  background: #8600ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff .rb_left > *:first-child {
  color: #8600ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b {
  background-color: #faf2f2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b .rb_icon i {
  background: #fe786b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b .rb_left > *:first-child {
  color: #fe786b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 {
  background-color: #faf6f2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 .rb_icon i {
  background: #ff7800; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 .rb_left > *:first-child {
  color: #ff7800; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button {
  background: #94a7bc !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button:hover {
  background: #67ba2f !important;
  border-color: #67ba2f !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button.free {
  background: #67ba2f !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button.free_new {
  background: #ec582c !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block:hover {
  background: #fff;
  border: 1px solid #f6f6f6;
  border-left: 2px solid #f47564;
  box-shadow: 1px 0 10px 2px #f6f6f6;
  /*button {
                  background: #67ba2f !important;
                  border-color: #67ba2f !important;
              }*/ }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_img, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_img img {
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div {
  display: table;
  padding: 20px 3%;
  width: 94%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div.accept {
  background: url("../images/yinzhang.png") 72% bottom no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div.lost {
  background: url("../images/yinzhang2.png") 72% bottom no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table {
  display: table;
  width: 100%;
  background: #e3eaf3;
  height: 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * {
  display: table-cell;
  text-align: center;
  color: #6c6c6c;
  font-size: 18px;
  line-height: 50px;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:first-child {
  border-bottom-left-radius: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:last-child {
  border-bottom-right-radius: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover {
  color: #fff;
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.basic {
  background: url("../images/user1.2/Basic-Info1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.solar {
  background: url("../images/user1.2/Solar-Design1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.quotation {
  background: url("../images/user1.2/Quotation1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.contract {
  background: url("../images/user1.2/Contract1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.marks {
  background: url("../images/ditui/mark1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.track {
  background: url("../images/ditui/track1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.leads {
  background: url("../images/ditui/leads1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span {
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  background-size: 100% !important;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.new {
  position: relative;
  border-radius: 0;
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.new:after {
  position: absolute;
  content: "";
  right: -3px;
  border-radius: 50%;
  top: -3px;
  width: 8px;
  height: 8px;
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.basic {
  background: url("../images/user1.2/Basic-Info.svg") center top no-repeat, url("../images/user1.2/Basic-Info1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.solar {
  background: url("../images/user1.2/Solar-Design.svg") center top no-repeat, url("../images/user1.2/Solar-Design1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.quotation {
  background: url("../images/user1.2/Quotation.svg") center top no-repeat, url("../images/user1.2/Quotation1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.contract {
  background: url("../images/user1.2/Contract.svg") center top no-repeat, url("../images/user1.2/Contract1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.marks {
  width: 17px;
  background: url("../images/ditui/mark.svg") center top no-repeat, url("../images/ditui/mark1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.track {
  background: url("../images/ditui/track.svg") center top no-repeat, url("../images/ditui/track1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.leads {
  background: url("../images/ditui/leads.svg") center top no-repeat, url("../images/ditui/leads1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon {
  width: 3%;
  vertical-align: text-bottom; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box {
  display: none;
  width: 34px;
  height: 40px;
  background: url("../images/user1.2/checkbox.png") center center no-repeat;
  margin: -6px 5px 0 -6px;
  cursor: pointer;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.show {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.show + i {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.true {
  background: url("../images/user1.2/checkbox0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon i {
  display: inline-block;
  background: red;
  width: 12px;
  height: 12px;
  margin-top: 8px;
  border-radius: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon + .rb_left {
  width: 80%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left {
  width: 60%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 {
  color: #4cb6ec;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  z-index: 2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a {
  color: inherit; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize {
  position: relative;
  float: none;
  display: inline-block;
  color: #0a2240;
  font-size: 14px;
  vertical-align: middle;
  background: none;
  border: 1px solid #d2d8e0;
  line-height: 28px;
  height: 28px;
  border-radius: 14px;
  font-weight: 300;
  transition: all .1s;
  min-width: 150px;
  text-align: left; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize:after {
  position: absolute;
  content: "";
  right: 12px;
  top: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #b8c6d6; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize > span {
  padding: 0 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize.act {
  background: #8bc24a;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize.act:after {
  border-top: 6px solid #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 i.vip {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin: 0 5px;
  background: url("../images/user1.2/vip.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong {
  font-weight: 500;
  display: inline-block;
  max-width: 310px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong + span {
  display: inline-block;
  vertical-align: middle;
  margin-right: -32px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong.pin {
  font-size: 16px;
  font-weight: 300;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > span {
  font-size: 16px;
  color: #758697;
  font-weight: 300;
  margin-left: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > span.date_remark {
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > p span {
  font-size: 16px;
  font-weight: 300;
  margin-right: 12px;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > p span.color_02 {
  font-weight: 400;
  font-size: 14px;
  color: #022242;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 + p {
  color: #0a2240;
  line-height: 24px;
  margin-top: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h5 {
  color: #4cb6ec;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 {
  font-weight: 500;
  line-height: 26px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 > p span {
  font-size: 16px;
  font-weight: 300;
  margin-right: 12px;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 > p span.color_02 {
  font-weight: 400;
  font-size: 14px;
  color: #022242; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h3 {
  font-size: 20px;
  line-height: 32px;
  color: #1d1d26;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p {
  line-height: 26px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p span {
  font-size: 14px;
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p small {
  font-size: 12px;
  color: #4c637b;
  line-height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p.color {
  color: #ec582c;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p .tel {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/epc/tel.svg") center top no-repeat;
  background-size: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p .circle {
  display: inline-block;
  margin-right: 6px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background: #4cb6ec;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div {
  line-height: 24px;
  font-size: 14px;
  color: #022242;
  margin: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div.no_margin {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong.yes {
  color: #91c959; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong.no {
  color: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div span {
  padding-right: 20px;
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div span.color_4c {
  margin-top: 6px;
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div h5 {
  color: #ec582c;
  font-size: 18px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div + p {
  color: #313131;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads {
  width: 530px;
  padding: 4px 0 0 !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads span {
  display: table-cell;
  padding: 0;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads p {
  display: table-cell;
  padding-left: 3px;
  line-height: 24px;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p.top-border {
  display: inline-block;
  padding-right: 5px;
  border-top: 1px solid #c9ddf3;
  padding-top: 9px;
  line-height: 20px;
  font-size: 14px;
  color: #022242; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right {
  width: 26%;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.cust {
  width: 12%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads {
  padding: 0;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p {
  width: 180px;
  line-height: 26px;
  font-size: 16px;
  color: #313131;
  padding: 6px 6px 6px 0;
  text-align: right; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p span.pin_cd {
  display: inline-block;
  color: #7a818d;
  font-size: 12px;
  background: #e8edf1;
  border-radius: 2px;
  padding: 0 7px;
  line-height: 22px;
  min-height: 22px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p.tel {
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .tel {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/epc/tel.svg") center top no-repeat;
  background-size: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .number {
  display: inline-block;
  height: 28px;
  line-height: 29px;
  padding: 0 10px;
  color: #fff;
  font-size: 16px;
  border-radius: 2px;
  background: #ec582c;
  margin: 0 10px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .number.f100 {
  background: #8ac249; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .latlng {
  display: inline-block;
  width: 18px;
  height: 28px;
  background: url("../images/ditui/latlng.svg") center center no-repeat;
  background-size: 18px;
  margin-left: 18px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .img {
  display: inline-block;
  width: 28px;
  height: 26px;
  background: url("../images/ditui/img.png") center center no-repeat;
  background-size: 28px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right button {
  width: 100px;
  height: 32px;
  color: #fff;
  font-size: 16px;
  border-radius: 16px;
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right button:last-child {
  margin-left: 1%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize {
  background: #94a7bc;
  border-color: #94a7bc;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize:hover {
  background-color: #8bc24a;
  border-color: #8bc24a; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize .i {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize ul {
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a {
  display: inline-block;
  font-size: 16px;
  min-width: 33px;
  margin: 5px 3px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.read {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/read.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.read:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/read1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.edit {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/edit.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.edit:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/edit1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.delete {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/delete.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.delete:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/delete1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message {
  display: inline-block;
  width: 150px;
  border: 1px solid #bbc8d8;
  color: #4c637b;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  float: left;
  cursor: pointer;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b:before {
  position: absolute;
  content: '';
  left: 5px;
  top: 0;
  width: 2px;
  height: 12px;
  background: #4c637b;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b:after {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 12px;
  height: 2px;
  background: #4c637b;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover {
  color: #67ba2f;
  border-color: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover b:after, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover b:before {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box #container1 {
  height: 300px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal {
  padding: 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal h4.b_title {
  padding: 0 0 20px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #e0e3ee; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head {
  padding: 26px 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i {
  display: inline-block;
  width: 27px;
  height: 29px;
  position: relative;
  vertical-align: middle;
  border-radius: 2px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i:before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 3px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.completed {
  background: #f9fbf3; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.completed:before {
  background: url("../images/proposal/completed.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.process {
  background: #fcf8f6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.process:before {
  background: url("../images/proposal/process.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.incomplete {
  background: #f8f8f8; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.incomplete:before {
  background: url("../images/proposal/incomplete.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head span + i {
  margin-left: 116px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list {
  height: 250px;
  display: table;
  position: relative;
  transition: all 0.5s;
  margin-bottom: 168px;
  z-index: 1; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li {
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  padding-right: 8px;
  height: 243px;
  width: 132px;
  text-align: center;
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > * {
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > i {
  line-height: 22px;
  font-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > i + b {
  line-height: 22px;
  font-size: 26px;
  margin-left: -2px;
  font-weight: 400;
  font-style: italic; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > span {
  display: block;
  height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > div {
  display: table;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > div p {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li > .remark {
  display: none;
  width: 822px;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 250px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  padding: 18px 25px;
  border-radius: 4px;
  cursor: auto;
  text-align: left; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark {
  left: 10px;
  width: 812px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark:after {
  left: 70px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(2) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(2) > .remark:after {
  left: 207px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(3) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(3) > .remark:after {
  left: 344px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(4) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(4) > .remark:after {
  left: 481px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(5) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(5) > .remark:after {
  left: 618px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(6) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(6) > .remark:after {
  left: 755px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part2_1_bg.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > i {
  font-size: 30px;
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > i + b {
  font-size: 41px;
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > div p {
  height: 82px;
  font-size: 18px;
  line-height: 20px;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover > .remark, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act > .remark {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete {
  background: url("../images/proposal/part2_0_bg.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > i {
  color: #636363; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > i + b {
  color: #636363; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_1 {
  background: url("../images/proposal/part1_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_2 {
  background: url("../images/proposal/part2_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_3 {
  background: url("../images/proposal/part3_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_4 {
  background: url("../images/proposal/part4_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_5 {
  background: url("../images/proposal/part5_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_6 {
  background: url("../images/proposal/part6_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > div p {
  color: #7d7d7d; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark {
  background: #f1f1f1;
  border: 1px solid #dadada; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #dadada; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f1f1f1; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act {
  background: url("../images/proposal/part2_1_bg.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_1, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_1 {
  background: url("../images/proposal/part1_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_2, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_2 {
  background: url("../images/proposal/part2_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_3, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_3 {
  background: url("../images/proposal/part3_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_4, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_4 {
  background: url("../images/proposal/part4_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_5, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_5 {
  background: url("../images/proposal/part5_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_6, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_6 {
  background: url("../images/proposal/part6_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child {
  background: url("../images/proposal/part1_0_bg.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child.act {
  width: 188px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_1_bg.png") left center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child {
  background: url("../images/proposal/part_end_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed {
  background: url("../images/proposal/part2_completed_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > i {
  color: #7cb034;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > i + b {
  color: #7cb034; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > span {
  background: url("../images/proposal/completed_icon_0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > div p {
  color: #93b725; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark {
  background: #f1f7e3;
  border: 1px solid #d3e8a6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #d3e8a6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f1f7e3; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act {
  background: url("../images/proposal/part2_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > span {
  height: 50px;
  background: url("../images/proposal/completed_icon_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child {
  background: url("../images/proposal/part1_completed_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child {
  background: url("../images/proposal/part_end_completed_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process {
  background: url("../images/proposal/part2_process_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > i {
  color: #ef6424; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > i + b {
  color: #ef6424; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_1 {
  background: url("../images/proposal/part1_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_2 {
  background: url("../images/proposal/part2_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_3 {
  background: url("../images/proposal/part3_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_4 {
  background: url("../images/proposal/part4_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_5 {
  background: url("../images/proposal/part5_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_6 {
  background: url("../images/proposal/part6_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > div p {
  color: #f9870d; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark {
  background: #f8f1ed;
  border: 1px solid #fad4bb; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fad4bb; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f8f1ed; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act {
  background: url("../images/proposal/part2_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_1, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_1 {
  background: url("../images/proposal/part1_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_2, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_2 {
  background: url("../images/proposal/part2_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_3, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_3 {
  background: url("../images/proposal/part3_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_4, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_4 {
  background: url("../images/proposal/part4_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_5, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_5 {
  background: url("../images/proposal/part5_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_6, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_6 {
  background: url("../images/proposal/part6_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child {
  background: url("../images/proposal/part1_process_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child {
  background: url("../images/proposal/part_end_process_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list + p.center {
  margin-bottom: 52px;
  /*a{
                    color: #67ba2f;
                    font-size: 16px;
                    text-decoration: underline;
                    &:hover{
                        text-decoration: none;
                    }
                }*/ }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list + p.center a.button1 {
  margin: 0;
  font-size: 18px;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box {
  padding: 26px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a {
  display: inline-block;
  text-align: center;
  width: 248px;
  padding: 10px 0 20px;
  background: #fffdfc;
  border: 1px solid #f4ebe5;
  border-radius: 8px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error {
  background: #f9f9f9;
  border: 1px solid #ececec; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error p {
  opacity: .55; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error i.dollar {
  background: url("../images/proposal/profit0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error + p {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li > p {
  display: none;
  width: 528px;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 60px;
  line-height: 20px;
  background: #f5f5f5;
  padding: 8px 25px;
  position: relative;
  margin-left: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li > p:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 12px solid #f5f5f5;
  border-bottom: 6px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box i {
  display: inline-block;
  padding: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box i.dollar {
  width: 44px;
  background: url("../images/proposal/profit.png") center center no-repeat;
  height: 44px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box p {
  font-size: 18px;
  line-height: 24px;
  color: #2b2b2b; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal + p.center .button1 {
  width: 146px;
  margin: 40px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box {
  border: 1px solid #e4e4e4;
  padding: 28px;
  display: table;
  width: 806px;
  margin-bottom: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box:last-child {
  margin-bottom: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left {
  display: table-cell;
  width: 55%;
  border-right: 1px solid #ececec;
  padding-right: 60px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right {
  display: table-cell;
  padding-left: 60px;
  width: 45%; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row {
  display: table;
  width: 100%;
  font-size: 14px;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row > span, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row > span {
  display: table-cell;
  width: 30%;
  color: #7C7C7F;
  min-width: 114px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row p, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row p {
  display: table-cell;
  width: 60%;
  color: #1d1d26;
  padding-bottom: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row b, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row b {
  font-size: 16px;
  color: #ff5900; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box {
  border-top: 1px solid #ed6e2d;
  padding-top: 30px;
  margin-top: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box a {
  margin-right: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box.e5 {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box.e5 a {
  margin-right: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .mar_top {
  margin-top: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .mar_top_10 {
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .title_i {
  margin-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box {
  padding-top: 19px;
  width: 380px;
  border-bottom: 1px solid #efefef; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .title_i {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box:last-child {
  border-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > span {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 33px;
  width: 8px;
  height: 8px;
  border-left: 2px solid #4c637b;
  border-top: 2px solid #4c637b;
  transform: rotate(-135deg);
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon {
  position: absolute;
  right: 13px;
  cursor: pointer;
  top: 30px;
  color: #4c637b;
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:before {
  position: absolute;
  content: "";
  left: 9px;
  top: 3px;
  width: 2px;
  height: 14px;
  background: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:after {
  position: absolute;
  content: "";
  left: 3px;
  top: 9px;
  width: 14px;
  height: 2px;
  background: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:hover {
  opacity: .7; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon + span {
  right: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .pdf_box_new {
  display: none;
  padding-top: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box.act > span {
  transform: rotate(45deg);
  margin-top: 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box.act .pdf_box_new {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon {
  position: absolute;
  right: 8px;
  top: 0;
  width: 24px;
  height: 24px;
  background: #94a7bc;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon:after {
  content: "";
  width: 2px;
  height: 10px;
  left: 11px;
  top: 6px;
  position: absolute;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon:before {
  content: "";
  left: 8px;
  top: 8px;
  width: 6px;
  height: 6px;
  position: absolute;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg); }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  width: 32%;
  float: left; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li:before {
  content: " ";
  display: block;
  height: 38px;
  background: url("../images/pdf.png") top center no-repeat;
  background-size: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li a {
  display: block;
  color: #ed6f2d;
  font-size: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li {
  font-size: 16px;
  line-height: 30px;
  padding-left: 30px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li .close01 {
  display: none;
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: 24px;
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/pdf.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.word:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/word.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.excel:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/exc.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.file:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/file.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a {
  display: block;
  color: #4c637b;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a.color_4c {
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a:hover {
  color: #ff6600; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li .over_flow {
  width: 90%;
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover .close01 {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover:before {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover .down_icon {
  background: #ff6600; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover.read_only .close01 {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover.read_only:before {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li {
  color: #7C7C7F;
  line-height: 30px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li span {
  float: right;
  color: #1d1d26; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li b {
  color: #ff5900; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li.line1 {
  border-top: 1px solid #ff6f34;
  margin-top: 6px;
  padding-top: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #efefef;
  margin: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list {
  transition: all .3s;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > h4, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > h4 {
  margin: 0 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title {
  margin: 16px 16px 0;
  border-radius: 3px;
  padding: 24px 38px;
  background: #f7f9fa;
  transition: all .3s;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no {
  background: #fff;
  padding: 16px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no span:first-child, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no span:first-child {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no:before, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no:before {
  content: normal; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title:before, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title:before {
  vertical-align: top;
  margin-right: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title i.fa {
  margin-right: 1px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.last .table_div:first-child, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.last .table_div:first-child {
  padding-bottom: 0 !important;
  margin-bottom: 35px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.last + p.center, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.last + p.center {
  padding-top: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div {
  margin: 18px 36px 40px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div.last, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div.last {
  margin-bottom: 18px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .div_row_left, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .div_row_right .key_box, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .div_row_left, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .div_row_right .key_box {
  opacity: .8; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message {
  background: #e9eaec;
  color: #686868;
  width: 22px;
  height: 22px;
  line-height: 22px !important;
  border-radius: 50%;
  text-align: center;
  font-weight: 300;
  margin: 0 8px;
  vertical-align: bottom; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message:after, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message:after {
  content: '?';
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message:hover, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message:hover {
  background: #7fc855;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message + span, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message + span {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act {
  box-shadow: 0 16px 16px -4px #ebedef;
  border-radius: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act + .roof_design_list, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act + .roof_design_list {
  margin-top: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act + .roof_design_list.last, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act + .roof_design_list.last {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act > p.title {
  background: #fff;
  box-shadow: 0 8px 22px 2px #eee; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act > p.title i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act .act > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act .act > p.title {
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act .act > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act .act > p.title i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list .roof_design_list .title .fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list .roof_design_list .title .fa {
  float: none;
  font-size: 25px;
  margin-left: 5px; }
.user_box .user_right .ur_body .ur_middle h2.title {
  padding-top: 0;
  margin-bottom: 3px; }
.user_box .user_right .ur_body .ur_middle .tab_box h2.title {
  margin-top: 3px; }
.user_box .user_right .ur_body .ur_middle .page_box {
  padding: 50px 0 0; }
.user_box .user_right .ur_body .ur_middle .page_box a {
  margin: 0 3px;
  vertical-align: middle;
  color: #666; }
.user_box .user_right .ur_body .ur_middle .page_box a.btn-next {
  font-family: 'FontAwesome';
  font-size: 28px;
  margin: 0 18px;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .page_box a.btn-next:hover {
  color: #fff;
  background: #85c859; }
.user_box .user_right .ur_body .ur_middle .page_box a.act {
  color: #fff; }
.user_box .user_right .ur_body .ur_right {
  width: 300px;
  float: right; }
.user_box .user_right .ur_body .ur_right .adv {
  display: block;
  padding-bottom: 20px; }
.user_box .user_right .ur_body .ur_right .adv img {
  max-width: 300px;
  max-height: 160px;
  border-radius: 4px; }
.user_box .user_right .ur_body .ur_right .block {
  margin: 30px;
  float: left; }
.user_box .user_right .ur_body .ur_right .block h4 {
  font-size: 14px;
  color: #263238;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 52px; }
.user_box .user_right .ur_body .ur_right .block i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px; }
.user_box .user_right .ur_body .ur_right .block i.file {
  background: url("../images/user/file.svg") center center no-repeat;
  background-size: 18px; }
.user_box .user_right .ur_body .ur_right .block i.must-read {
  background: url("../images/user/must-read.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_right .block i.fq {
  background: url("../images/user/SPEECH4.svg") center center no-repeat;
  background-size: 18px; }
.user_box .user_right .ur_body .ur_right .block > a {
  display: block;
  color: #0a2240;
  font-size: 14px;
  text-decoration: underline;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_right .block > a:hover {
  color: #87ba45;
  text-decoration: underline; }

.rotate180 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }

.user-right .new_table, .user-right .row_block, .user_right .new_table, .user_right .row_block {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background: #fff;
  margin-top: 20px; }
.user-right .new_table .table_head, .user-right .row_block .table_head, .user_right .new_table .table_head, .user_right .row_block .table_head {
  height: 45px;
  border-bottom: 1px solid #eee;
  background: #fffdfa;
  padding: 18px 24px 0; }
.user-right .new_table .table_head strong, .user-right .row_block .table_head strong, .user_right .new_table .table_head strong, .user_right .row_block .table_head strong {
  display: inline-block;
  line-height: 40px;
  font-size: 20px;
  color: #070707;
  font-weight: 500; }
.user-right .new_table .table_head strong:before, .user-right .row_block .table_head strong:before, .user_right .new_table .table_head strong:before, .user_right .row_block .table_head strong:before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  background: #fcab53; }
.user-right .new_table .table_head a.right, .user-right .row_block .table_head a.right, .user_right .new_table .table_head a.right, .user_right .row_block .table_head a.right {
  float: right;
  display: inline-block; }
.user-right .new_table .table_head a.right.btn, .user-right .row_block .table_head a.right.btn, .user_right .new_table .table_head a.right.btn, .user_right .row_block .table_head a.right.btn {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 26px;
  color: #fff;
  background: #8ac249;
  border-radius: 16px; }
.user-right .new_table .table_head a.right.btn span, .user-right .row_block .table_head a.right.btn span, .user_right .new_table .table_head a.right.btn span, .user_right .row_block .table_head a.right.btn span {
  font-size: 24px;
  vertical-align: bottom;
  margin-right: 10px; }
.user-right .new_table .table_head a.right.link, .user-right .row_block .table_head a.right.link, .user_right .new_table .table_head a.right.link, .user_right .row_block .table_head a.right.link {
  font-size: 12px;
  line-height: 32px;
  color: #6f7a8b;
  text-transform: uppercase; }
.user-right .new_table .table_head a.right.link i, .user-right .row_block .table_head a.right.link i, .user_right .new_table .table_head a.right.link i, .user_right .row_block .table_head a.right.link i {
  color: inherit;
  width: 12px;
  height: 12px;
  font-size: 16px; }
.user-right .new_table .table_head a.right.link:hover, .user-right .row_block .table_head a.right.link:hover, .user_right .new_table .table_head a.right.link:hover, .user_right .row_block .table_head a.right.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table .by_head, .user-right .row_block .by_head, .user_right .new_table .by_head, .user_right .row_block .by_head {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #3f3e3c;
  padding: 0 36px;
  margin: 0 1.5%;
  border-bottom: 1px solid #eee; }
.user-right .new_table .by_head.by_myself, .user-right .row_block .by_head.by_myself, .user_right .new_table .by_head.by_myself, .user_right .row_block .by_head.by_myself {
  background: url("../images/homeuser/myself.png") 14px center no-repeat; }
.user-right .new_table .by_head.by_installer, .user-right .row_block .by_head.by_installer, .user_right .new_table .by_head.by_installer, .user_right .row_block .by_head.by_installer {
  background: url("../images/homeuser/install.png") 14px center no-repeat; }
.user-right .new_table .by_head.by_simple, .user-right .row_block .by_head.by_simple, .user_right .new_table .by_head.by_simple, .user_right .row_block .by_head.by_simple {
  background: url("../images/homeuser/simple.png") 14px center no-repeat;
  border-bottom: none; }
.user-right .new_table .by_head.by_simple + .table_home_list, .user-right .row_block .by_head.by_simple + .table_home_list, .user_right .new_table .by_head.by_simple + .table_home_list, .user_right .row_block .by_head.by_simple + .table_home_list {
  border-top: 1px solid #eee; }
.user-right .new_table .by_head.by_simple + .table_home_list li:last-child, .user-right .row_block .by_head.by_simple + .table_home_list li:last-child, .user_right .new_table .by_head.by_simple + .table_home_list li:last-child, .user_right .row_block .by_head.by_simple + .table_home_list li:last-child {
  border-bottom: none; }
.user-right .new_table .by_head + .table_home_list, .user-right .row_block .by_head + .table_home_list, .user_right .new_table .by_head + .table_home_list, .user_right .row_block .by_head + .table_home_list {
  display: none; }
.user-right .new_table .by_head span, .user-right .row_block .by_head span, .user_right .new_table .by_head span, .user_right .row_block .by_head span {
  color: #696969;
  font-size: 12px; }
.user-right .new_table .by_head .right, .user-right .row_block .by_head .right, .user_right .new_table .by_head .right, .user_right .row_block .by_head .right {
  float: right;
  display: inline-block;
  color: #fcab53;
  border: 1px solid #fcab53;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  margin-top: 18px; }
.user-right .new_table .no-data, .user-right .row_block .no-data, .user_right .new_table .no-data, .user_right .row_block .no-data {
  padding: 40px 0 40px;
  text-align: center; }
.user-right .new_table .no-data p, .user-right .row_block .no-data p, .user_right .new_table .no-data p, .user_right .row_block .no-data p {
  line-height: 22px;
  padding: 8px 35px;
  font-size: 16px;
  color: #222021; }
.user-right .new_table .no-data .refresh, .user-right .row_block .no-data .refresh, .user_right .new_table .no-data .refresh, .user_right .row_block .no-data .refresh {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 30px;
  margin: 0 38px;
  font-size: 16px; }
.user-right .new_table .no-data .add_new, .user-right .row_block .no-data .add_new, .user_right .new_table .no-data .add_new, .user_right .row_block .no-data .add_new {
  display: inline-block;
  color: #fff;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 150px;
  font-weight: 300;
  background: url("../images/add.png") center 32px no-repeat #8ac249; }
.user-right .new_table .no-data .add_new:hover, .user-right .row_block .no-data .add_new:hover, .user_right .new_table .no-data .add_new:hover, .user_right .row_block .no-data .add_new:hover {
  opacity: 0.8; }
.user-right .new_table .no-data .add_new:active, .user-right .row_block .no-data .add_new:active, .user_right .new_table .no-data .add_new:active, .user_right .row_block .no-data .add_new:active {
  opacity: 1; }
.user-right .new_table div.table_home, .user-right .row_block div.table_home, .user_right .new_table div.table_home, .user_right .row_block div.table_home {
  width: 94.6%;
  position: relative;
  padding: 24px;
  transition: all 0.1s;
  border-radius: 10px;
  display: table; }
.user-right .new_table div.table_home.accept, .user-right .row_block div.table_home.accept, .user_right .new_table div.table_home.accept, .user_right .row_block div.table_home.accept {
  background: url("../images/yinzhang.png") 63% bottom no-repeat; }
.user-right .new_table div.table_home div, .user-right .row_block div.table_home div, .user_right .new_table div.table_home div, .user_right .row_block div.table_home div {
  display: table-cell;
  vertical-align: middle; }
.user-right .new_table div.table_home div .circle_box, .user-right .row_block div.table_home div .circle_box, .user_right .new_table div.table_home div .circle_box, .user_right .row_block div.table_home div .circle_box {
  display: inline-block;
  width: 96px;
  height: 96px;
  font-size: 36px;
  line-height: 96px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  margin-right: 22px;
  text-transform: uppercase; }
.user-right .new_table div.table_home div .circle_box:hover, .user-right .row_block div.table_home div .circle_box:hover, .user_right .new_table div.table_home div .circle_box:hover, .user_right .row_block div.table_home div .circle_box:hover {
  background-color: #8ac249;
  border-color: #8ac249;
  color: #fff;
  transition: all .2s; }
.user-right .new_table div.table_home div .map1, .user-right .row_block div.table_home div .map1, .user_right .new_table div.table_home div .map1, .user_right .row_block div.table_home div .map1 {
  width: 96px;
  height: 96px;
  margin: 16px 22px 16px 0; }
.user-right .new_table div.table_home div h4, .user-right .new_table div.table_home div p, .user-right .row_block div.table_home div h4, .user-right .row_block div.table_home div p, .user_right .new_table div.table_home div h4, .user_right .new_table div.table_home div p, .user_right .row_block div.table_home div h4, .user_right .row_block div.table_home div p {
  width: 360px;
  color: #1d1d26;
  line-height: 28px;
  font-size: 14px; }
.user-right .new_table div.table_home div h4, .user-right .row_block div.table_home div h4, .user_right .new_table div.table_home div h4, .user_right .row_block div.table_home div h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px; }
.user-right .new_table div.table_home div h4 a, .user-right .row_block div.table_home div h4 a, .user_right .new_table div.table_home div h4 a, .user_right .row_block div.table_home div h4 a {
  color: #1d1d26; }
.user-right .new_table div.table_home div h4 a:hover, .user-right .row_block div.table_home div h4 a:hover, .user_right .new_table div.table_home div h4 a:hover, .user_right .row_block div.table_home div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home div h3, .user-right .row_block div.table_home div h3, .user_right .new_table div.table_home div h3, .user_right .row_block div.table_home div h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  color: #4cb6ec;
  width: 450px;
  padding-bottom: 6px; }
.user-right .new_table div.table_home div h3 input, .user-right .row_block div.table_home div h3 input, .user_right .new_table div.table_home div h3 input, .user_right .row_block div.table_home div h3 input {
  display: none;
  border: 1px solid #eee;
  line-height: 36px;
  height: 36px;
  padding: 0 5px;
  font-size: 16px;
  max-width: 390px; }
.user-right .new_table div.table_home div h3 span, .user-right .row_block div.table_home div h3 span, .user_right .new_table div.table_home div h3 span, .user_right .row_block div.table_home div h3 span {
  display: inline-block;
  max-width: 400px;
  vertical-align: middle; }
.user-right .new_table div.table_home div h3 .edit_input, .user-right .row_block div.table_home div h3 .edit_input, .user_right .new_table div.table_home div h3 .edit_input, .user_right .row_block div.table_home div h3 .edit_input {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-left: 10px;
  transition: all .3s; }
.user-right .new_table div.table_home div h3 .edit_input:hover, .user-right .new_table div.table_home div h3 .edit_input.act, .user-right .row_block div.table_home div h3 .edit_input:hover, .user-right .row_block div.table_home div h3 .edit_input.act, .user_right .new_table div.table_home div h3 .edit_input:hover, .user_right .new_table div.table_home div h3 .edit_input.act, .user_right .row_block div.table_home div h3 .edit_input:hover, .user_right .row_block div.table_home div h3 .edit_input.act {
  opacity: 0.6; }
.user-right .new_table div.table_home div h3 a, .user-right .row_block div.table_home div h3 a, .user_right .new_table div.table_home div h3 a, .user_right .row_block div.table_home div h3 a {
  color: #4cb6ec; }
.user-right .new_table div.table_home div h3 a:hover, .user-right .row_block div.table_home div h3 a:hover, .user_right .new_table div.table_home div h3 a:hover, .user_right .row_block div.table_home div h3 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home div h3 a + span, .user-right .row_block div.table_home div h3 a + span, .user_right .new_table div.table_home div h3 a + span, .user_right .row_block div.table_home div h3 a + span {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  border-radius: 12px;
  margin: 0 12px;
  padding: 0 12px;
  font-weight: 300;
  color: #fff; }
.user-right .new_table div.table_home div .fa, .user-right .row_block div.table_home div .fa, .user_right .new_table div.table_home div .fa, .user_right .row_block div.table_home div .fa {
  width: 12px;
  height: 12px;
  color: #fcac54;
  border: 1px solid #fcac54;
  border-radius: 50%;
  padding: 2px;
  font-size: 12px;
  line-height: 12px;
  margin: 0 4px; }
.user-right .new_table div.table_home div .fa.fa-heart, .user-right .row_block div.table_home div .fa.fa-heart, .user_right .new_table div.table_home div .fa.fa-heart, .user_right .row_block div.table_home div .fa.fa-heart {
  margin-left: 50px; }
.user-right .new_table div.table_home div.edit_box, .user-right .row_block div.table_home div.edit_box, .user_right .new_table div.table_home div.edit_box, .user_right .row_block div.table_home div.edit_box {
  width: 300px;
  text-align: right;
  white-space: nowrap; }
.user-right .new_table div.table_home div.edit_box a, .user-right .row_block div.table_home div.edit_box a, .user_right .new_table div.table_home div.edit_box a, .user_right .row_block div.table_home div.edit_box a {
  font-size: 13px;
  display: inline-block;
  padding-top: 40px;
  color: #5e5e5e;
  margin: 0 10px;
  line-height: 20px;
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 35px;
  text-align: center;
  /* &:hover{
               text-decoration: underline;
               color: #8ac249;
           }*/ }
.user-right .new_table div.table_home div.edit_box a.compare, .user-right .row_block div.table_home div.edit_box a.compare, .user_right .new_table div.table_home div.edit_box a.compare, .user_right .row_block div.table_home div.edit_box a.compare {
  background-image: url("../images/homeuser/compare.svg"); }
.user-right .new_table div.table_home div.edit_box a.compare:hover, .user-right .row_block div.table_home div.edit_box a.compare:hover, .user_right .new_table div.table_home div.edit_box a.compare:hover, .user_right .row_block div.table_home div.edit_box a.compare:hover {
  background-image: url("../images/homeuser/compare1.svg"); }
.user-right .new_table div.table_home div.edit_box a.edit, .user-right .row_block div.table_home div.edit_box a.edit, .user_right .new_table div.table_home div.edit_box a.edit, .user_right .row_block div.table_home div.edit_box a.edit {
  background-image: url("../images/homeuser/edit.svg"); }
.user-right .new_table div.table_home div.edit_box a.edit:hover, .user-right .row_block div.table_home div.edit_box a.edit:hover, .user_right .new_table div.table_home div.edit_box a.edit:hover, .user_right .row_block div.table_home div.edit_box a.edit:hover {
  background-image: url("../images/homeuser/edit1.svg"); }
.user-right .new_table div.table_home div.edit_box a.delete, .user-right .row_block div.table_home div.edit_box a.delete, .user_right .new_table div.table_home div.edit_box a.delete, .user_right .row_block div.table_home div.edit_box a.delete {
  background-image: url("../images/homeuser/delete.svg"); }
.user-right .new_table div.table_home div.edit_box a.delete:hover, .user-right .row_block div.table_home div.edit_box a.delete:hover, .user_right .new_table div.table_home div.edit_box a.delete:hover, .user_right .row_block div.table_home div.edit_box a.delete:hover {
  background-image: url("../images/homeuser/delete1.svg"); }
.user-right .new_table div.table_home div.edit_box a.statistics, .user-right .row_block div.table_home div.edit_box a.statistics, .user_right .new_table div.table_home div.edit_box a.statistics, .user_right .row_block div.table_home div.edit_box a.statistics {
  background-image: url("../images/homeuser/statistics.svg"); }
.user-right .new_table div.table_home div.edit_box a.statistics:hover, .user-right .row_block div.table_home div.edit_box a.statistics:hover, .user_right .new_table div.table_home div.edit_box a.statistics:hover, .user_right .row_block div.table_home div.edit_box a.statistics:hover {
  background-image: url("../images/homeuser/statistics1.svg"); }
.user-right .new_table div.table_home div.edit_box a:hover, .user-right .row_block div.table_home div.edit_box a:hover, .user_right .new_table div.table_home div.edit_box a:hover, .user_right .row_block div.table_home div.edit_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home.director .circle_box, .user-right .row_block div.table_home.director .circle_box, .user_right .new_table div.table_home.director .circle_box, .user_right .row_block div.table_home.director .circle_box {
  border-color: #ec582c;
  background: url("../images/user1.2/star.png") center center no-repeat #ec582c; }
.user-right .new_table div.table_home.enabled .circle_box, .user-right .row_block div.table_home.enabled .circle_box, .user_right .new_table div.table_home.enabled .circle_box, .user_right .row_block div.table_home.enabled .circle_box {
  border-color: #8ac249;
  background-color: #fbfff7;
  color: #8ac249; }
.user-right .new_table div.table_home.enabled span.enabled, .user-right .row_block div.table_home.enabled span.enabled, .user_right .new_table div.table_home.enabled span.enabled, .user_right .row_block div.table_home.enabled span.enabled {
  background-color: #ff9829; }
.user-right .new_table div.table_home.disabled .circle_box, .user-right .row_block div.table_home.disabled .circle_box, .user_right .new_table div.table_home.disabled .circle_box, .user_right .row_block div.table_home.disabled .circle_box {
  border-color: #999;
  background-color: #fbfbfb;
  color: #999; }
.user-right .new_table div.table_home.disabled span.disabled, .user-right .row_block div.table_home.disabled span.disabled, .user_right .new_table div.table_home.disabled span.disabled, .user_right .row_block div.table_home.disabled span.disabled {
  background-color: #999; }
.user-right .new_table div.table_home.inactive .circle_box, .user-right .row_block div.table_home.inactive .circle_box, .user_right .new_table div.table_home.inactive .circle_box, .user_right .row_block div.table_home.inactive .circle_box {
  border-color: #e5e5e5;
  background-color: #fff;
  color: #d3d3d3; }
.user-right .new_table div.table_home.inactive span.inactive, .user-right .row_block div.table_home.inactive span.inactive, .user_right .new_table div.table_home.inactive span.inactive, .user_right .row_block div.table_home.inactive span.inactive {
  background-color: #d3d3d3; }
.user-right .new_table div.table_home + p.center, .user-right .row_block div.table_home + p.center, .user_right .new_table div.table_home + p.center, .user_right .row_block div.table_home + p.center {
  font-size: 16px;
  color: #999;
  padding: 14px 0 10px;
  line-height: 32px; }
.user-right .new_table div.table_home + p.center button, .user-right .row_block div.table_home + p.center button, .user_right .new_table div.table_home + p.center button, .user_right .row_block div.table_home + p.center button {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin: 0 38px; }
.user-right .new_table ul.table_home_list, .user-right .row_block ul.table_home_list, .user_right .new_table ul.table_home_list, .user_right .row_block ul.table_home_list {
  width: 94.6%;
  position: relative;
  padding: 0 24px;
  transition: all 0.1s;
  border-radius: 10px; }
.user-right .new_table ul.table_home_list li, .user-right .row_block ul.table_home_list li, .user_right .new_table ul.table_home_list li, .user_right .row_block ul.table_home_list li {
  border-bottom: 1px solid #eee;
  padding: 24px 0 24px 10px;
  /*//Staff_Management;
      &.director {
          .circle_box {
              border-color: #ec582c;
              background: url("../images/user1.2/star.png") center center no-repeat #ec582c;
          }
      }
      &.enabled {
          .circle_box {
              border-color: #8ac249;
              background-color: #fbfff7;
              color: #8ac249;
          }
          span.enabled {
              background-color: #ff9829;
          }
      }
      &.disabled {
          .circle_box {
              border-color: #999;
              background-color: #fbfbfb;
              color: #999;
          }
          span.disabled {
              background-color: #999;
          }
      }
      &.inactive {
          .circle_box {
              border-color: #e5e5e5;
              background-color: #fff;
              color: #d3d3d3;
          }
          span.inactive {
              background-color: #d3d3d3;
          }
      }*/ }
.user-right .new_table ul.table_home_list li.accept, .user-right .row_block ul.table_home_list li.accept, .user_right .new_table ul.table_home_list li.accept, .user_right .row_block ul.table_home_list li.accept {
  background: url("../images/yinzhang.png") 63% bottom no-repeat; }
.user-right .new_table ul.table_home_list li:hover, .user-right .row_block ul.table_home_list li:hover, .user_right .new_table ul.table_home_list li:hover, .user_right .row_block ul.table_home_list li:hover {
  background-color: #FBFBFB; }
.user-right .new_table ul.table_home_list li div, .user-right .row_block ul.table_home_list li div, .user_right .new_table ul.table_home_list li div, .user_right .row_block ul.table_home_list li div {
  display: table-cell;
  vertical-align: middle; }
.user-right .new_table ul.table_home_list li div .map1, .user-right .row_block ul.table_home_list li div .map1, .user_right .new_table ul.table_home_list li div .map1, .user_right .row_block ul.table_home_list li div .map1 {
  width: 96px;
  height: 96px;
  margin-right: 22px; }
.user-right .new_table ul.table_home_list li div h4, .user-right .new_table ul.table_home_list li div p, .user-right .row_block ul.table_home_list li div h4, .user-right .row_block ul.table_home_list li div p, .user_right .new_table ul.table_home_list li div h4, .user_right .new_table ul.table_home_list li div p, .user_right .row_block ul.table_home_list li div h4, .user_right .row_block ul.table_home_list li div p {
  width: 360px;
  color: #1d1d26;
  line-height: 28px;
  font-size: 14px; }
.user-right .new_table ul.table_home_list li div h4, .user-right .row_block ul.table_home_list li div h4, .user_right .new_table ul.table_home_list li div h4, .user_right .row_block ul.table_home_list li div h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px; }
.user-right .new_table ul.table_home_list li div h4 a, .user-right .row_block ul.table_home_list li div h4 a, .user_right .new_table ul.table_home_list li div h4 a, .user_right .row_block ul.table_home_list li div h4 a {
  color: #1d1d26; }
.user-right .new_table ul.table_home_list li div h4 a:hover, .user-right .row_block ul.table_home_list li div h4 a:hover, .user_right .new_table ul.table_home_list li div h4 a:hover, .user_right .row_block ul.table_home_list li div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table ul.table_home_list li div .fa, .user-right .row_block ul.table_home_list li div .fa, .user_right .new_table ul.table_home_list li div .fa, .user_right .row_block ul.table_home_list li div .fa {
  width: 12px;
  height: 12px;
  color: #fcac54;
  border: 1px solid #fcac54;
  border-radius: 50%;
  padding: 2px;
  font-size: 12px;
  line-height: 12px;
  margin: 0 4px; }
.user-right .new_table ul.table_home_list li div .fa.fa-heart, .user-right .row_block ul.table_home_list li div .fa.fa-heart, .user_right .new_table ul.table_home_list li div .fa.fa-heart, .user_right .row_block ul.table_home_list li div .fa.fa-heart {
  margin-left: 50px; }
.user-right .new_table ul.table_home_list li div.edit_box, .user-right .row_block ul.table_home_list li div.edit_box, .user_right .new_table ul.table_home_list li div.edit_box, .user_right .row_block ul.table_home_list li div.edit_box {
  width: 366px;
  text-align: right; }
.user-right .new_table ul.table_home_list li div.edit_box a, .user-right .row_block ul.table_home_list li div.edit_box a, .user_right .new_table ul.table_home_list li div.edit_box a, .user_right .row_block ul.table_home_list li div.edit_box a {
  font-size: 13px;
  display: inline-block;
  padding-top: 40px;
  color: #5e5e5e;
  margin: 0 12px;
  line-height: 20px;
  background-position: top center;
  background-repeat: no-repeat;
  /* &:hover{
                 text-decoration: underline;
                 color: #8ac249;
             }*/ }
.user-right .new_table ul.table_home_list li div.edit_box a.compare, .user-right .row_block ul.table_home_list li div.edit_box a.compare, .user_right .new_table ul.table_home_list li div.edit_box a.compare, .user_right .row_block ul.table_home_list li div.edit_box a.compare {
  background-image: url("../images/homeuser/compare.svg"), url("../images/homeuser/compare1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.compare:hover, .user-right .row_block ul.table_home_list li div.edit_box a.compare:hover, .user_right .new_table ul.table_home_list li div.edit_box a.compare:hover, .user_right .row_block ul.table_home_list li div.edit_box a.compare:hover {
  background-image: url("../images/homeuser/compare1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.edit, .user-right .row_block ul.table_home_list li div.edit_box a.edit, .user_right .new_table ul.table_home_list li div.edit_box a.edit, .user_right .row_block ul.table_home_list li div.edit_box a.edit {
  background-image: url("../images/homeuser/edit.svg"), url("../images/homeuser/edit1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.edit:hover, .user-right .row_block ul.table_home_list li div.edit_box a.edit:hover, .user_right .new_table ul.table_home_list li div.edit_box a.edit:hover, .user_right .row_block ul.table_home_list li div.edit_box a.edit:hover {
  background-image: url("../images/homeuser/edit1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.delete, .user-right .row_block ul.table_home_list li div.edit_box a.delete, .user_right .new_table ul.table_home_list li div.edit_box a.delete, .user_right .row_block ul.table_home_list li div.edit_box a.delete {
  background-image: url("../images/homeuser/delete.svg"), url("../images/homeuser/delete1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.delete:hover, .user-right .row_block ul.table_home_list li div.edit_box a.delete:hover, .user_right .new_table ul.table_home_list li div.edit_box a.delete:hover, .user_right .row_block ul.table_home_list li div.edit_box a.delete:hover {
  background-image: url("../images/homeuser/delete1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.message, .user-right .row_block ul.table_home_list li div.edit_box a.message, .user_right .new_table ul.table_home_list li div.edit_box a.message, .user_right .row_block ul.table_home_list li div.edit_box a.message {
  background-image: url("../images/message/message.png");
  background-size: 33px; }
.user-right .new_table ul.table_home_list li div.edit_box a.message:hover, .user-right .row_block ul.table_home_list li div.edit_box a.message:hover, .user_right .new_table ul.table_home_list li div.edit_box a.message:hover, .user_right .row_block ul.table_home_list li div.edit_box a.message:hover {
  background-position: center -80px; }
.user-right .new_table ul.table_home_list li div.edit_box a.statistics, .user-right .row_block ul.table_home_list li div.edit_box a.statistics, .user_right .new_table ul.table_home_list li div.edit_box a.statistics, .user_right .row_block ul.table_home_list li div.edit_box a.statistics {
  background-image: url("../images/homeuser/statistics.svg"), url("../images/homeuser/statistics1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.statistics:hover, .user-right .row_block ul.table_home_list li div.edit_box a.statistics:hover, .user_right .new_table ul.table_home_list li div.edit_box a.statistics:hover, .user_right .row_block ul.table_home_list li div.edit_box a.statistics:hover {
  background-image: url("../images/homeuser/statistics1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a:hover, .user-right .row_block ul.table_home_list li div.edit_box a:hover, .user_right .new_table ul.table_home_list li div.edit_box a:hover, .user_right .row_block ul.table_home_list li div.edit_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table ul.table_home_list + p.center, .user-right .row_block ul.table_home_list + p.center, .user_right .new_table ul.table_home_list + p.center, .user_right .row_block ul.table_home_list + p.center {
  font-size: 16px;
  color: #999;
  padding: 14px 35px 10px;
  line-height: 32px; }
.user-right .new_table ul.table_home_list + p.center button, .user-right .row_block ul.table_home_list + p.center button, .user_right .new_table ul.table_home_list + p.center button, .user_right .row_block ul.table_home_list + p.center button {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin: 0 38px; }
.user-right .new_table .my_contract, .user-right .row_block .my_contract, .user_right .new_table .my_contract, .user_right .row_block .my_contract {
  padding: 25px; }
.user-right .new_table .my_contract .head, .user-right .row_block .my_contract .head, .user_right .new_table .my_contract .head, .user_right .row_block .my_contract .head {
  line-height: 28px;
  padding-bottom: 18px; }
.user-right .new_table .my_contract .head strong, .user-right .row_block .my_contract .head strong, .user_right .new_table .my_contract .head strong, .user_right .row_block .my_contract .head strong {
  font-size: 24px;
  font-weight: 500; }
.user-right .new_table .my_contract .key, .user-right .row_block .my_contract .key, .user_right .new_table .my_contract .key, .user_right .row_block .my_contract .key {
  color: #7c7c7f;
  font-size: 14px;
  padding-right: 30px; }
.user-right .new_table .my_contract .value, .user-right .row_block .my_contract .value, .user_right .new_table .my_contract .value, .user_right .row_block .my_contract .value {
  color: #1d1d26;
  font-size: 14px; }
.user-right .new_table .my_contract strong, .user-right .row_block .my_contract strong, .user_right .new_table .my_contract strong, .user_right .row_block .my_contract strong {
  color: #ed7f71; }
.user-right .new_table .my_contract table.contract_cont tr td, .user-right .row_block .my_contract table.contract_cont tr td, .user_right .new_table .my_contract table.contract_cont tr td, .user_right .row_block .my_contract table.contract_cont tr td {
  line-height: 25px;
  width: 50%; }
.user-right .new_table .my_contract table.contract_cont tr td .row, .user-right .row_block .my_contract table.contract_cont tr td .row, .user_right .new_table .my_contract table.contract_cont tr td .row, .user_right .row_block .my_contract table.contract_cont tr td .row {
  display: table-row; }
.user-right .new_table .my_contract table.contract_cont tr td span, .user-right .row_block .my_contract table.contract_cont tr td span, .user_right .new_table .my_contract table.contract_cont tr td span, .user_right .row_block .my_contract table.contract_cont tr td span {
  display: table-cell; }
.user-right .new_table .my_contract table.contract_cont tr td .value, .user-right .row_block .my_contract table.contract_cont tr td .value, .user_right .new_table .my_contract table.contract_cont tr td .value, .user_right .row_block .my_contract table.contract_cont tr td .value {
  width: 260px; }
.user-right .new_table .my_contract table.contract_cont tr td strong, .user-right .row_block .my_contract table.contract_cont tr td strong, .user_right .new_table .my_contract table.contract_cont tr td strong, .user_right .row_block .my_contract table.contract_cont tr td strong {
  color: #ed7f71;
  font-weight: 500; }
.user-right .new_table .my_contract table.project_cont td, .user-right .row_block .my_contract table.project_cont td, .user_right .new_table .my_contract table.project_cont td, .user_right .row_block .my_contract table.project_cont td {
  vertical-align: top;
  line-height: 25px; }
.user-right .new_table .my_contract table.project_cont td h4, .user-right .row_block .my_contract table.project_cont td h4, .user_right .new_table .my_contract table.project_cont td h4, .user_right .row_block .my_contract table.project_cont td h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 18px; }
.user-right .new_table .my_contract table.project_cont td h4 strong, .user-right .row_block .my_contract table.project_cont td h4 strong, .user_right .new_table .my_contract table.project_cont td h4 strong, .user_right .row_block .my_contract table.project_cont td h4 strong {
  color: inherit; }
.user-right .new_table .my_contract table.project_cont td .row, .user-right .row_block .my_contract table.project_cont td .row, .user_right .new_table .my_contract table.project_cont td .row, .user_right .row_block .my_contract table.project_cont td .row {
  display: table-row; }
.user-right .new_table .my_contract table.project_cont td .row strong, .user-right .row_block .my_contract table.project_cont td .row strong, .user_right .new_table .my_contract table.project_cont td .row strong, .user_right .row_block .my_contract table.project_cont td .row strong {
  color: #ed7f71;
  font-weight: 500; }
.user-right .new_table .my_contract table.project_cont td span, .user-right .row_block .my_contract table.project_cont td span, .user_right .new_table .my_contract table.project_cont td span, .user_right .row_block .my_contract table.project_cont td span {
  display: table-cell;
  padding-right: 20px;
  font-size: 14px;
  max-width: 240px; }
.user-right .new_table .my_contract table.project_cont td.cont, .user-right .row_block .my_contract table.project_cont td.cont, .user_right .new_table .my_contract table.project_cont td.cont, .user_right .row_block .my_contract table.project_cont td.cont {
  padding-left: 25px; }
.user-right .new_table .my_contract table.project_cont td big, .user-right .row_block .my_contract table.project_cont td big, .user_right .new_table .my_contract table.project_cont td big, .user_right .row_block .my_contract table.project_cont td big {
  font-size: 18px; }
.user-right .new_table .my_contract table.project_cont td .color, .user-right .row_block .my_contract table.project_cont td .color, .user_right .new_table .my_contract table.project_cont td .color, .user_right .row_block .my_contract table.project_cont td .color {
  color: #ed7f71; }
.user-right .row_block ul.table_home_list, .user_right .row_block ul.table_home_list {
  width: 100%;
  margin: 0; }
.user-right .row_block ul.table_home_list li div p, .user_right .row_block ul.table_home_list li div p {
  padding-top: 4px; }
.user-right .row_block ul.table_home_list li:last-child, .user_right .row_block ul.table_home_list li:last-child {
  border-bottom: none; }
.user-right table.table_home_more, .user_right table.table_home_more {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  margin-top: 20px;
  width: 100%; }
.user-right table.table_home_more thead td, .user_right table.table_home_more thead td {
  height: 45px;
  background: #fffdfa;
  border-bottom: 1px solid #eee;
  padding: 18px 30px 0;
  line-height: 45px; }
.user-right table.table_home_more thead td strong, .user_right table.table_home_more thead td strong {
  font-size: 20px;
  color: #070707;
  font-weight: 500; }
.user-right table.table_home_more thead td strong:before, .user_right table.table_home_more thead td strong:before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  background: #fcab53; }
.user-right table.table_home_more thead td a, .user_right table.table_home_more thead td a {
  float: right;
  color: #6f7a8b;
  text-transform: uppercase;
  font-size: 12px; }
.user-right table.table_home_more thead td a .fa, .user_right table.table_home_more thead td a .fa {
  color: inherit;
  width: 12px;
  height: 12px;
  font-size: 16px; }
.user-right table.table_home_more thead td a:hover, .user_right table.table_home_more thead td a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right table.table_home_more tbody td, .user_right table.table_home_more tbody td {
  background: #fff;
  padding: 10px;
  vertical-align: top; }
.user-right table.table_home_more tbody td:first-child, .user_right table.table_home_more tbody td:first-child {
  border-right: 1px solid #eee;
  width: 50%; }
.user-right table.table_home_more tbody td p, .user_right table.table_home_more tbody td p {
  padding: 12px 22px;
  color: #525259; }
.user-right table.table_home_more tbody td p *, .user_right table.table_home_more tbody td p * {
  vertical-align: top; }
.user-right table.table_home_more tbody td p:before, .user_right table.table_home_more tbody td p:before {
  content: ".";
  display: inline-block;
  width: 3%; }
.user-right table.table_home_more tbody td a, .user_right table.table_home_more tbody td a {
  display: inline-block;
  width: 97%;
  color: #525259;
  font-size: 16px;
  line-height: 20px; }
.user-right table.table_home_more tbody td a:hover, .user_right table.table_home_more tbody td a:hover {
  color: #87ba45;
  text-decoration: underline; }

.m_globle_box {
  padding: 26px 46px 30px; }
.m_globle_box .m_state_box {
  background-position: left top;
  background-repeat: no-repeat;
  color: #0a2240;
  width: 540px; }
.m_globle_box .m_state_box h2,
.m_globle_box .m_state_box h3,
.m_globle_box .m_state_box h4,
.m_globle_box .m_state_box b {
  font-weight: 500; }
.m_globle_box .m_state_box a.a_cancel {
  color: #ff6600;
  text-decoration: underline;
  display: inline-block;
  margin: 0px 36px;
  font-size: 14px;
  vertical-align: bottom; }
.m_globle_box .m_state_box a.a_cancel:hover {
  color: #87ba45;
  text-decoration: underline; }
.m_globle_box .m_state_box.paid {
  background-image: url(../images/member/Paid.png);
  padding-left: 60px; }
.m_globle_box .m_state_box.unpaid {
  background-image: url(../images/member/Unpaid.png);
  padding-left: 66px;
  padding-top: 12px; }
.m_globle_box .m_state_box.cancelled {
  background-image: url(../images/member/cancelled.png);
  padding-left: 60px; }
.m_globle_box .m_state_box h3 {
  font-size: 24px;
  line-height: 28px;
  padding: 10px 0;
  font-weight: 500; }
.m_globle_box .m_state_box h4 {
  font-size: 18px;
  line-height: 24px;
  padding: 10px 0;
  font-weight: 500; }
.m_globle_box .m_state_box p {
  font-size: 14px;
  line-height: 24px;
  padding: 12px 0; }
.m_globle_box .m_state_box p b {
  color: #ec582c;
  font-size: 24px; }
.m_globle_box .m_state_box .ft20 {
  font-size: 20px;
  line-height: 32px; }
.m_globle_box .m_state_box .w680 {
  width: 680px; }
.m_globle_box .m_state_box .w760 {
  width: 760px; }
.m_globle_box .m_state_box .m_btn {
  transition: all .1s;
  display: inline-block;
  background: #94a7bc;
  color: #fff;
  height: 32px;
  line-height: 32px;
  padding: 0 32px;
  border-radius: 16px;
  font-size: 16px; }
.m_globle_box .m_state_box .m_btn:hover {
  background: #67ba2f; }
.m_globle_box .m_state_box .red {
  color: #ec582c; }

.m_buy_leads {
  padding: 30px; }
.m_buy_leads h3 {
  font-size: 20px;
  color: #0a2240;
  padding-left: 14px;
  font-weight: 500; }
.m_buy_leads .mbl_box ul {
  margin: 16px 0 6px;
  background: #fbfbfc;
  border-radius: 4px;
  padding: 10px 0;
  width: 780px;
  display: inline-block;
  vertical-align: middle; }
.m_buy_leads .mbl_box ul li {
  display: inline-block;
  min-width: 210px;
  font-size: 16px;
  color: #1D1D26;
  line-height: 28px;
  padding: 14px 18px;
  vertical-align: top; }
.m_buy_leads .mbl_box ul li a, .m_buy_leads .mbl_box ul li div {
  display: inline-block;
  vertical-align: top;
  position: relative; }
.m_buy_leads .mbl_box ul li a > .m_free, .m_buy_leads .mbl_box ul li div > .m_free {
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 2;
  background: #fb420d;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 0 6px; }
.m_buy_leads .mbl_box ul li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.m_buy_leads .mbl_box ul li a img:hover {
  opacity: .9; }
.m_buy_leads .mbl_box ul li img {
  width: 70px;
  height: 70px;
  vertical-align: top;
  margin-right: 15px; }
.m_buy_leads .mbl_box ul li .m_block {
  display: inline-block; }
.m_buy_leads .mbl_box .m_piaoju {
  display: inline-block;
  width: 230px;
  margin-left: 60px;
  text-align: left;
  vertical-align: middle; }
.m_buy_leads .mbl_box .m_piaoju i.m_line {
  display: inline-block;
  width: 6px;
  height: 13px;
  background: #ec582c;
  margin-right: 8px; }
.m_buy_leads .mbl_box .m_piaoju th {
  color: #ec582c;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
  line-height: 28px; }
.m_buy_leads .mbl_box .m_piaoju td {
  line-height: 28px;
  min-width: 46px;
  font-size: 14px;
  white-space: nowrap; }
.m_buy_leads .mbl_box .m_piaoju td:first-child {
  width: 160px; }
.m_buy_leads .mbl_box .m_piaoju td b {
  font-weight: 500; }
.m_buy_leads .mbl_box .m_piaoju td .red {
  color: #ff5900; }
.m_buy_leads .mbl_box .m_piaoju td.op7 {
  opacity: .7; }
.m_buy_leads .mbl_box .m_piaoju tr:last-child td, .m_buy_leads .mbl_box .m_piaoju tr.line td {
  vertical-align: top;
  padding-top: 5px; }
.m_buy_leads .mbl_box .m_piaoju tr:last-child td:before, .m_buy_leads .mbl_box .m_piaoju tr.line td:before {
  content: "";
  display: block;
  height: 6px;
  border-top: 1px solid #ffa985; }
.m_buy_leads .m_attachment {
  padding: 16px 0; }
.m_buy_leads .m_attachment .pdf {
  display: inline-block;
  padding-top: 40px;
  background: url(../images/pdf.png) top center no-repeat;
  background-size: 24px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  width: 100px;
  margin: 12px 14px; }
.m_buy_leads .m_attachment .pdf:hover {
  color: #87ba45;
  text-decoration: underline; }

.p_icon {
  margin-bottom: 5px; }

p.submit_p {
  margin: 38px 0 0 0; }
p.submit_p.tow {
  margin: 26px 0; }
p.submit_p.relative {
  position: relative; }
p.submit_p .btn-save {
  width: 320px;
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
  background: #94a7bc;
  font-size: 20px;
  transition: all .3s; }
p.submit_p .btn-save:hover {
  background: #67ba2f; }
p.submit_p .btn-save.error {
  opacity: 0.6;
  cursor: default; }
p.submit_p .btn-save.error:hover {
  background: #94a7bc; }
p.submit_p .btn-save.auto40 {
  width: auto;
  padding: 0 40px; }
p.submit_p .btn-save.w240 {
  width: 240px;
  padding: 0; }
p.submit_p .btn-save.w164 {
  width: 164px;
  padding: 0; }
p.submit_p a.goback {
  position: absolute;
  right: 60px;
  bottom: 10px;
  color: #666;
  font-size: 14px;
  text-decoration: underline; }
p.submit_p a.goback:hover {
  color: #87ba45;
  text-decoration: underline; }

.user_cont {
  padding-bottom: 38px; }
.user_cont + .foot_box {
  margin-top: 0; }

.controller_box {
  padding-bottom: 12px; }
.controller_box .row_block {
  margin-top: 30px !important; }

.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url("../images/user1.2/icons_mini.png");
  background-repeat: no-repeat;
  margin-right: 3px; }
.icon.magin_left35 {
  margin-left: 35px; }
.icon.i_phone {
  background-position: left 0; }
.icon.i_heart {
  background-position: left -20px; }
.icon.i_home {
  background-position: left -40px; }
.icon.i_latlng {
  background-position: left -60px; }
.icon.i_calendar {
  background-position: left -80px; }
.icon.i_email {
  background-position: left -100px; }
.icon.i_telephone {
  background-position: left -120px; }
.icon.track1 {
  background: url("../images/ditui/iconT1.svg") center center no-repeat;
  background-size: 18px; }
.icon.track2 {
  background: url("../images/ditui/iconT2.svg") center center no-repeat;
  background-size: 18px; }
.icon.track3 {
  background: url("../images/ditui/iconT3.svg") center center no-repeat;
  background-size: 18px; }
.icon.track4 {
  background: url("../images/ditui/iconT4.svg") center center no-repeat;
  background-size: 18px; }

a.link {
  color: #b3b3b3;
  font-size: 12px;
  text-decoration: underline; }
a.link:hover {
  color: #87ba45;
  text-decoration: underline; }

a.button1 {
  background: #94a7bc;
  color: #fff;
  padding: 0 26px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 16px;
  transition: all .2s; }
a.button1.big {
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  padding: 0 60px;
  border-radius: 21px;
  margin-top: 30px; }
a.button1:hover {
  background: #67ba2f; }
a.button1.error {
  background: #dde0e3;
  cursor: default; }
a.button1.error:hover {
  background: #dde0e3; }
a.button1.disabled {
  background: #eee;
  cursor: not-allowed; }
a.button1.disabled:hover {
  background: #eee; }
a.button1 span.add {
  color: inherit;
  font-size: 22px;
  padding-right: 3px; }

.f_left {
  float: left; }

.f_right {
  float: right; }

.progress_box1 {
  margin: 66px 0 36px;
  border-top: 1px solid #ededed;
  height: 80px; }
.progress_box1 li {
  font-size: 18px;
  text-align: center;
  float: left;
  width: 20%; }
.progress_box1 li:before {
  background: url("../images/will.png") 9px 9px no-repeat; }
.progress_box1 li:first-child {
  width: 12% !important; }
.progress_box1 li:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  float: right;
  margin-top: -18px; }
.progress_box1 li div {
  margin-right: -75%;
  padding-top: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  color: #7c7c7f; }
.progress_box1 li div span {
  font-size: 14px; }
.progress_box1 li div span.fs_12 {
  font-size: 12px; }
.progress_box1 li.pass {
  border-top: 1px solid #77BD28; }
.progress_box1 li.pass:before {
  background: url("../images/pass.png") right top no-repeat; }
.progress_box1 li.pass p {
  color: #0a2240; }
.progress_box1.w16 li {
  width: 16%; }
.progress_box1.w4 li {
  width: 25%; }
.progress_box1.w4 li div {
  margin-right: -84%; }

.notice_new {
  border: 1px solid #eee;
  background-color: #fffcfa;
  margin-top: 6px;
  padding: 26px 32px;
  border-radius: 2px; }
.notice_new.f12 .title_i {
  margin-bottom: 6px; }
.notice_new.f12 ul li {
  font-size: 12px;
  padding-left: 18px;
  line-height: 20px; }
.notice_new.f12 ul li .fa {
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  color: #ec592e;
  font-size: 20px;
  cursor: pointer; }
.notice_new.f12 ul li .fa.act {
  transform: rotate(180deg); }
.notice_new ul {
  font-size: 14px;
  padding: 3px 0 0 16px; }
.notice_new ul li {
  position: relative;
  padding: 8px 26px 8px 28px;
  line-height: 22px; }
.notice_new ul li:before {
  position: absolute;
  left: 0;
  top: 17px;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ec582c; }
.notice_new ul li a:hover {
  color: #87ba45 !important; }
.notice_new + .block_box {
  min-height: 910px !important; }
.notice_new.user {
  margin-top: 15px;
  padding: 13px 30px; }
.notice_new.user p {
  padding: 0 100px;
  font-size: 14px;
  line-height: 22px; }

.by_author_box {
  position: absolute;
  z-index: 2;
  left: -20px;
  top: -14px; }
.by_author_box span {
  position: absolute;
  top: 28px;
  top: 27px \0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent; }
.by_author_box p {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  padding: 0 30px 0 15px;
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px; }
.by_author_box.installer p {
  background-color: #6cc039; }
.by_author_box.installer span {
  border-top: 12px solid #307e00; }
.by_author_box.simple p {
  background-color: #ed7463; }
.by_author_box.simple span {
  border-top: 12px solid #8b1100; }
.by_author_box.homowner p {
  background-color: #f1bf33; }
.by_author_box.homowner span {
  border-top: 12px solid #9d7400; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .by_author_box {
    left: -22px; } }
#employees_list_box {
  padding-top: 25px; }
#employees_list_box .row_block {
  margin-top: 0;
  border-radius: 0;
  border-top: 1px solid #d3dadf; }
#employees_list_box .row_block:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 0; }
#employees_list_box .row_block:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
#employees_list_box .row_block:hover {
  border-top-color: #fff; }
#employees_list_box .row_block:hover + .row_block {
  border-top-color: #fff; }

.design_fees_window {
  text-align: left;
  /*max-height: 480px;
  overflow: auto;*/ }
.design_fees_window .p_icon {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 37px;
  height: 37px; }
.design_fees_window table {
  width: 100%;
  margin-top: 20px;
  text-align: center; }
.design_fees_window table td {
  font-size: 16px;
  line-height: 24px;
  padding: 6px; }
.design_fees_window table thead td {
  color: #000;
  font-weight: 500; }
.design_fees_window table tbody td {
  color: #ff6600;
  width: 160px; }
.design_fees_window table tbody td:first-child {
  text-align: left;
  padding-left: 42px;
  color: #7c7977; }
.design_fees_window hr {
  height: 1px;
  border: none;
  margin: 15px 0;
  background-color: #e8eef2; }
.design_fees_window p {
  margin: 18px 42px 30px;
  font-size: 14px;
  line-height: 22px;
  color: #7c7c7f; }
.design_fees_window ul {
  margin: 18px 42px 20px; }
.design_fees_window ul li {
  position: relative;
  color: #7c7c7f;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 0 5px 15px; }
.design_fees_window ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ec582c; }
.design_fees_window ol {
  margin: 20px 42px 30px; }
.design_fees_window ol li {
  font-size: 16px;
  color: #7c7c7f;
  line-height: 24px;
  padding: 8px 0; }
.design_fees_window ol li span {
  color: #ff6600; }

.choose_box_new {
  margin: -10px 10px 25px; }
.choose_box_new strong {
  font-size: 18px;
  font-weight: 500;
  color: #475156; }
.choose_box_new strong + .select_a {
  margin-left: 10px; }
.choose_box_new span {
  font-size: 14px; }
.choose_box_new a {
  color: #41be00;
  font-size: 16px;
  margin: 0 13px; }
.choose_box_new a:hover {
  color: #87ba45;
  text-decoration: underline; }
.choose_box_new .select_a {
  color: #787878;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  display: inline-block; }
.choose_box_new .select_a input {
  margin: 0 10px;
  display: inline-block;
  width: 150px;
  padding-right: 30px;
  background: url(../images/user1.2/angle-down.png) right center no-repeat;
  background-size: 29px 6px; }
.choose_box_new .select_a:first-child input {
  margin-left: 0; }
.choose_box_new .select_a + span {
  color: #b4b2b2; }
.choose_box_new .select_a + strong {
  margin: 0 13px 0 24px; }

.statistics_details_out {
  margin: 0 10px; }

.statistics_details_table {
  width: 100%; }
.statistics_details_table td {
  text-align: center;
  min-width: 116px;
  max-width: 190px; }
.statistics_details_table thead td {
  font-size: 16px;
  background: #f2f6fa;
  height: 30px;
  line-height: 30px;
  padding: 10px 0;
  color: #475156; }
.statistics_details_table tbody tr {
  border-bottom: 1px solid #f0f5f5; }
.statistics_details_table tbody td {
  font-size: 14px;
  line-height: 20px;
  color: #1d1d26;
  padding: 22px 0 18px; }
.statistics_details_table tbody td span {
  color: #fb6826; }

#map_box {
  width: 100%;
  height: 464px;
  margin: 20px 0; }

.track_information {
  margin-bottom: 18px; }
.track_information td {
  width: 480px; }
.track_information p {
  font-size: 16px;
  color: #1d1d26;
  line-height: 22px;
  padding: 5px 0; }
.track_information p .icon {
  vertical-align: sub;
  margin-right: 8px; }
.track_information p span {
  color: #78797e; }
.track_information p strong {
  color: #ec582c;
  font-weight: 400; }
.track_information + div {
  border-top: 1px solid #e9ecee;
  padding-top: 16px; }
.track_information + div table thead td {
  line-height: 30px; }
.track_information + div table td {
  font-size: 14px;
  line-height: 22px;
  color: #78797e;
  padding: 4px 0;
  width: 480px;
  vertical-align: text-bottom; }
.track_information + div table td strong {
  color: #000;
  font-size: 16px;
  font-weight: 400; }
.track_information + div table td span {
  padding-left: 5px; }
.track_information + div table td span.gray {
  color: #44433f; }
.track_information + div table td span.red {
  color: #cf3e30; }
.track_information + div table td span.orange {
  color: #eb9314; }
.track_information + div table td span.blue {
  color: #2c9f54; }
.track_information + div > div {
  border-top: 1px solid #e9ecee;
  margin-top: 18px;
  padding-top: 18px; }
.track_information + div > div h4 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }
.track_information + div > div p {
  font-size: 14px;
  line-height: 24px;
  color: #1d1d26;
  padding-top: 5px;
  width: 70%; }
.track_information + div > div strong {
  color: #ec582c;
  font-size: 15px;
  font-weight: 400; }

.no_legend .highcharts-legend {
  display: none; }

.money_list {
  width: 100%;
  margin-top: 18px; }
.money_list td {
  line-height: 26px;
  padding: 12px 0;
  text-align: center;
  min-width: 66px;
  max-width: 186px; }
.money_list td strong {
  color: #ff511d; }
.money_list td a {
  color: #ff5900;
  text-decoration: underline; }
.money_list td a:hover {
  color: #87ba45;
  text-decoration: underline; }
.money_list thead td {
  background: #f2f6fa;
  color: #000;
  font-size: 16px; }
.money_list tbody td {
  color: #1d1d26;
  font-size: 14px;
  border-bottom: 1px solid #e0e3ee; }
.money_list tbody td img {
  width: 44px;
  height: 44px;
  border-radius: 50%; }
.money_list tbody td.yes {
  background: url("../images/ditui/yes.svg") center center no-repeat;
  background-size: 26px; }
.money_list tbody td.no {
  background: url("../images/ditui/no.svg") center center no-repeat;
  background-size: 20px; }

.input_auto_complete {
  position: relative; }
.input_auto_complete input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  margin: 3px 0;
  line-height: 34px;
  padding-right: 36px !important;
  font-size: 16px;
  width: 90%;
  transition: all 0.1s; }
.input_auto_complete ul {
  display: none;
  position: absolute;
  z-index: 3;
  top: 38px;
  border: 1px solid #c2c9cf;
  border-radius: 3px;
  background: #fff;
  max-height: 320px;
  overflow: auto; }
.input_auto_complete ul li {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  color: #666;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  text-align: left; }
.input_auto_complete ul li:last-child {
  border-bottom: none; }
.input_auto_complete ul li.act, .input_auto_complete ul li:hover {
  background: #F5F9FB;
  color: #77BD28; }

.proposal_box .load_box, .roof_design_list.r_d_l_new .design_box .load_box {
  display: none;
  position: absolute;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5); }
.proposal_box .load_box p, .roof_design_list.r_d_l_new .design_box .load_box p {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 48%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background: url(../images/logo_80.png) center center no-repeat;
  background-size: 40px;
  animation: circle 2s infinite;
  -moz-animation: circle 2s infinite;
  -webkit-animation: circle 2s infinite;
  -o-animation: circle 2s infinite; }

.proposal_box label.error {
  white-space: nowrap; }
.proposal_box label.error span {
  width: auto !important;
  display: inline !important;
  padding: 0 !important; }
.proposal_box .proposal_step {
  height: 130px;
  margin-left: 3px;
  padding-bottom: 38px; }
.proposal_box .proposal_step .part {
  position: relative;
  z-index: 0;
  display: inline-block;
  text-align: center;
  margin: 0 16px;
  vertical-align: middle;
  width: 107px;
  height: 107px; }
.proposal_box .proposal_step .part * {
  transition: all 0.1s; }
.proposal_box .proposal_step .part:before {
  position: absolute;
  content: "";
  top: 44%;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 6px solid #828282;
  border-bottom: 4px solid transparent;
  margin-top: -4px; }
.proposal_box .proposal_step .part:first-child:before {
  content: normal; }
.proposal_box .proposal_step .part div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 89px;
  overflow: hidden; }
.proposal_box .proposal_step .part div:hover {
  transition: all .2s;
  transform: scale(1.1);
  margin-top: -4px; }
.proposal_box .proposal_step .part div p, .proposal_box .proposal_step .part div a {
  display: block;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  background-color: #ededed;
  color: #616161; }
.proposal_box .proposal_step .part div p strong, .proposal_box .proposal_step .part div a strong {
  display: block;
  font-weight: 400;
  padding-top: 14px;
  line-height: 32px;
  font-size: 12px; }
.proposal_box .proposal_step .part div p span, .proposal_box .proposal_step .part div a span {
  display: block;
  font-size: 10px;
  line-height: 15px;
  -webkit-transform: scale(0.8); }
.proposal_box .proposal_step .part > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 81px;
  height: 23px;
  background: url("../images/proposal/part0_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part1 .part:first-child {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part1 .part:first-child div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part1 .part:first-child div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part1 .part:first-child div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part1 .part:first-child div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part1 .part:first-child div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part1 .part:first-child > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part1 .part:nth-child(2) {
  opacity: 0.9; }
.proposal_box .proposal_step#part1 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part1 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part1 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part1 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part2 .part:nth-child(1) {
  opacity: 0.9; }
.proposal_box .proposal_step#part2 .part:nth-child(2) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part2 .part:nth-child(2) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part2 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part2 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part2 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part2 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part3 .part:nth-child(1) {
  opacity: 0.6; }
.proposal_box .proposal_step#part3 .part:nth-child(2) {
  opacity: 0.9; }
.proposal_box .proposal_step#part3 .part:nth-child(3) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p strong {
  padding-top: 6px;
  line-height: 35px;
  font-size: 16px; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part3 .part:nth-child(3) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part3 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part3 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part3 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part4 .part:nth-child(1) {
  opacity: 0.4; }
.proposal_box .proposal_step#part4 .part:nth-child(2) {
  opacity: 0.6; }
.proposal_box .proposal_step#part4 .part:nth-child(3) {
  opacity: 0.9; }
.proposal_box .proposal_step#part4 .part:nth-child(4) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p strong {
  padding-top: 6px;
  line-height: 35px;
  font-size: 16px; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part4 .part:nth-child(4) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part4 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part4 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part5 .part:nth-child(1) {
  opacity: 0.3; }
.proposal_box .proposal_step#part5 .part:nth-child(2) {
  opacity: 0.4; }
.proposal_box .proposal_step#part5 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part5 .part:nth-child(4) {
  opacity: 0.9; }
.proposal_box .proposal_step#part5 .part:nth-child(5) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  margin-left: -5px;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part5 .part:nth-child(5) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part5 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part6 .part:nth-child(1) {
  opacity: 0.2; }
.proposal_box .proposal_step#part6 .part:nth-child(2) {
  opacity: 0.3; }
.proposal_box .proposal_step#part6 .part:nth-child(3) {
  opacity: 0.4; }
.proposal_box .proposal_step#part6 .part:nth-child(4) {
  opacity: 0.6; }
.proposal_box .proposal_step#part6 .part:nth-child(5) {
  opacity: 0.9; }
.proposal_box .proposal_step#part6 .part:nth-child(6) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part6 .part:nth-child(6) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box input {
  font-family: 'Helvetica Neue'; }
.proposal_box .table_div {
  padding: 6px 10px; }
.proposal_box .table_div .table_cell {
  display: table-cell;
  vertical-align: middle; }
.proposal_box .table_div .table_cell .button_box {
  width: 134px;
  text-align: right; }
.proposal_box .table_div .table_cell .button_box a {
  display: inline-block;
  padding-top: 35px;
  line-height: 20px;
  color: #5e5e5e;
  font-size: 13px;
  min-width: 40px;
  text-align: center; }
.proposal_box .table_div .table_cell .button_box a.view {
  background: url("../images/homeuser/curve.svg") center top no-repeat;
  background-size: 35px;
  margin-right: 20px; }
.proposal_box .table_div .table_cell .button_box a.view:hover {
  background: url("../images/homeuser/curve1.svg") center top no-repeat;
  background-size: 35px; }
.proposal_box .table_div .table_cell .button_box a.delete {
  background: url("../images/homeuser/delete.svg") center top no-repeat;
  background-size: 27px; }
.proposal_box .table_div .table_cell .button_box a.delete:hover {
  background: url("../images/homeuser/delete1.svg") center top no-repeat;
  background-size: 27px; }
.proposal_box .table_div .table_cell .button_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .radio_box1 {
  padding: 0 10px; }
.proposal_box .add_box {
  padding-top: 7px; }
.proposal_box .add_box button {
  position: relative;
  margin-left: 3px;
  width: 88px;
  height: 88px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 26px;
  margin-bottom: 0; }
.proposal_box .add_box button:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 42px;
  top: 25px;
  width: 2px;
  height: 36px; }
.proposal_box .add_box button:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 25px;
  top: 42px;
  width: 36px;
  height: 2px; }
.proposal_box .add_box > span {
  display: inline-block;
  vertical-align: middle;
  width: 680px;
  font-size: 14px;
  line-height: 22px; }
.proposal_box .add_box b {
  font-weight: 500;
  display: inline-block;
  padding-bottom: 2px;
  font-size: 16px; }
.proposal_box .add_box.mini {
  padding-top: 10px; }
.proposal_box .add_box.mini button {
  position: relative;
  margin-left: 5px;
  width: 38px;
  height: 38px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 26px; }
.proposal_box .add_box.mini button:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 17px;
  top: 9px;
  width: 2px;
  height: 18px; }
.proposal_box .add_box.mini button:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 9px;
  top: 17px;
  width: 18px;
  height: 2px; }
.proposal_box hr {
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  margin-top: 16px; }
.proposal_box .p_icon {
  margin: 24px 10px 0;
  background: #f8f8f8;
  padding-left: 18px; }
.proposal_box .p_icon + .table_div {
  padding-top: 20px; }
.proposal_box p.percentage {
  position: relative; }
.proposal_box p.percentage:after {
  position: absolute;
  content: "%";
  top: 3px;
  right: 18px;
  line-height: 36px;
  font-weight: 500;
  font-size: 17px; }
.proposal_box p.dollar {
  position: relative; }
.proposal_box p.dollar:before {
  position: absolute;
  content: "$";
  top: 3px;
  left: 18px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.dollar input {
  padding-left: 28px !important;
  padding-right: 8px !important; }
.proposal_box p.watt-STC {
  position: relative; }
.proposal_box p.watt-STC:after {
  position: absolute;
  content: "/Watt-STC";
  top: 3px;
  right: 12px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.watt-STC input {
  padding-right: 88px !important; }
.proposal_box p.watt-STC {
  position: relative; }
.proposal_box p.watt-STC:after {
  position: absolute;
  content: "/Watt-STC";
  top: 3px;
  right: 12px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.watt-STC input {
  padding-right: 88px !important; }
.proposal_box .design_box {
  border-radius: 3px;
  width: 426px;
  min-height: 120px;
  margin: 30px auto;
  text-align: center;
  border: 1px solid #c2c9cf;
  background-color: #fdfefe;
  padding: 1px;
  position: relative; }
.proposal_box .design_box a {
  margin: 120px 0 106px; }
.proposal_box .design_box img {
  width: 100%;
  border-radius: 3px;
  cursor: pointer; }
.proposal_box .design_box + p {
  width: 426px;
  margin: -20px auto 30px;
  overflow: hidden; }
.proposal_box .design_box + p a {
  font-size: 14px;
  color: #f60;
  text-decoration: underline; }
.proposal_box .design_box + p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .contracts6_box {
  padding: 16px 10px 8px 28px; }
.proposal_box .contracts6_box hr {
  margin-bottom: 20px; }
.proposal_box .contracts6_box .li_p6 {
  padding-left: 0; }
.proposal_box .contracts6_box .li_p6:before {
  display: none; }
.proposal_box .contracts6_box .bg_fa {
  padding: 16px 18px;
  margin-left: -18px;
  margin-top: 20px;
  background-color: #fafafa; }
.proposal_box .contracts6_box .right680 {
  width: 670px !important; }
.proposal_box .title7 {
  font-weight: 500;
  font-size: 16px;
  padding: 15px 10px;
  line-height: 24px; }
.proposal_box .title7 strong {
  color: #ec582c;
  margin-left: 15px;
  font-weight: 500; }
.proposal_box .title7 .f_right {
  color: #ec582c;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer; }
.proposal_box .contracts7_box {
  padding: 16px 10px 8px; }
.proposal_box .contracts7_box hr {
  margin-top: 26px; }
.proposal_box .table7 .red {
  color: #ec582c; }
.proposal_box .table7.auto td {
  padding-right: 20px; }
.proposal_box .table7 button {
  position: relative;
  width: 27px;
  height: 27px;
  border: 1px solid #cacacb;
  background: #f6f9fb; }
.proposal_box .table7 button:before {
  position: absolute;
  content: "";
  left: 20%;
  top: 52%;
  width: 60%;
  height: 1px;
  margin-top: -1px;
  background: #767677; }
.proposal_box .table7 button.add:after {
  position: absolute;
  content: "";
  left: 52%;
  top: 20%;
  width: 1px;
  height: 60%;
  margin-left: -1px;
  background: #767677; }
.proposal_box .table7 button.opt5 {
  opacity: 0.5; }
.proposal_box .table7 span.line30 {
  display: inline-block;
  line-height: 30px;
  padding-top: 10px; }
.proposal_box .table7.w_all {
  width: 100%;
  text-align: center; }
.proposal_box .table7.w_all td {
  padding-left: 9px;
  padding-right: 9px; }
.proposal_box .table7.w_all td:first-child {
  padding-left: 0; }
.proposal_box .table7.w_all td:first-child + td {
  text-align: left; }
.proposal_box .table7.w_all td:last-child {
  padding-right: 0; }
.proposal_box .table7.w_all td.t3 > * {
  display: inline-block;
  margin: 0 6px;
  vertical-align: middle; }
.proposal_box .table7.w_all td.t3 > * span {
  padding-left: 10px; }
.proposal_box .table7 input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  margin: 3px 0;
  line-height: 34px;
  padding: 0 18px;
  font-size: 16px;
  width: 166px; }
.proposal_box .table7 input:hover, .proposal_box .table7 input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .table7 thead td {
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  font-weight: 500; }
.proposal_box .table7 td {
  font-size: 16px;
  padding: 3px 0; }
.proposal_box .table7 td.pr40 {
  padding-right: 40px; }
.proposal_box .table7 td.red {
  color: #ec582c; }
.proposal_box .table7 td.red input {
  color: inherit; }
.proposal_box .table7 td .select_a, .proposal_box .table7 td .select_box {
  display: inline-block;
  text-align: left; }
.proposal_box .table7 td .select_a.w255, .proposal_box .table7 td .select_box.w255 {
  width: 253px; }
.proposal_box .table7 td .select_a.w255 .input_auto_complete input, .proposal_box .table7 td .select_box.w255 .input_auto_complete input {
  width: 198px; }
.proposal_box .table7 td .select_a.w156, .proposal_box .table7 td .select_box.w156 {
  width: 154px; }
.proposal_box .table7 td input[disabled] {
  border: 1px solid #c2c9cf !important;
  padding: 0 10px !important; }
.proposal_box .table7 td input.w66 {
  padding: 0 10px;
  width: 46px; }
.proposal_box .table7 td input.w72 {
  padding: 0 10px;
  width: 52px; }
.proposal_box .table7 td input.w76 {
  padding: 0 10px;
  width: 56px; }
.proposal_box .table7 td input.w88 {
  padding: 0 10px;
  width: 68px; }
.proposal_box .table7 td input.w160 {
  width: 102px; }
.proposal_box .contracts6_ol {
  list-style: decimal !important;
  list-style-type: decimal !important;
  margin: 4px 20px 8px;
  width: 88%; }
.proposal_box .contracts6_ol li {
  line-height: 24px;
  font-size: 16px;
  padding: 5px 2px; }
.proposal_box .contracts6_ol li p {
  display: inline; }
.proposal_box .contracts6_ol li p:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  background-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 6px; }
.proposal_box .contracts6_ol li p:hover:after {
  opacity: .6; }
.proposal_box .contracts6_ol li textarea.hover {
  display: none;
  width: 96%;
  line-height: 24px;
  border: 1px solid #c2c9cf;
  height: 72px;
  border-radius: 3px;
  padding: 4px 10px;
  margin: 3px 0;
  font-size: 14px;
  vertical-align: top; }
.proposal_box .contracts6_ol li textarea.hover:hover, .proposal_box .contracts6_ol li textarea.hover:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .contracts6_ol li textarea.hover:focus + span {
  display: none; }
.proposal_box .contracts6_ol li input.date {
  padding: 0 16px;
  background: url("../images/sanjiao_bai.PNG") 98px center no-repeat #67ba2f;
  background-size: 10px;
  width: 90px;
  height: 25px;
  line-height: 25px;
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  margin-left: 36px;
  cursor: pointer; }
.proposal_box .contracts6_ol li span.close {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: 300;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #c9d3da;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  transform: rotate(45deg); }
.proposal_box .contracts6_ol li span.close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #222; }
.proposal_box .contracts6_ol li span.close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #222; }
.proposal_box .contracts6_ol li span.close:hover {
  background-color: #f00; }
.proposal_box .contracts6_ol li span.close:hover:before, .proposal_box .contracts6_ol li span.close:hover:after {
  background: #fff; }
.proposal_box .div_mimi_box {
  padding: 15px 0 6px; }
.proposal_box .div_mimi_box .f_none {
  display: inline-block;
  width: 180px !important;
  float: none !important;
  text-align: left !important; }
.proposal_box .div_mimi_box .posal_mini_table {
  width: 100%;
  margin-top: 12px;
  margin-left: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td {
  padding-bottom: 5px;
  width: 178px;
  font-size: 16px;
  line-height: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td:first-child {
  width: 196px; }
.proposal_box .div_mimi_box .posal_mini_table td + td {
  padding-left: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td.color_ec, .proposal_box .div_mimi_box .posal_mini_table td .color_ec {
  color: #ec582c; }
.proposal_box .div_mimi_box .posal_mini_table td.color_ec input, .proposal_box .div_mimi_box .posal_mini_table td .color_ec input {
  color: #ec582c; }
.proposal_box .div_mimi_box .posal_mini_table td .select_a {
  width: 206px; }
.proposal_box .div_mimi_box .posal_mini_table td p {
  position: relative;
  width: 208px; }
.proposal_box .div_mimi_box .posal_mini_table td p input {
  width: 208px;
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 50px 0 18px;
  margin: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.proposal_box .div_mimi_box .posal_mini_table td p label.before {
  position: absolute;
  line-height: 20px;
  top: 11px;
  font-weight: 500;
  left: 18px;
  font-family: 'Helvetica Neue'; }
.proposal_box .div_mimi_box .posal_mini_table td p label.before + input {
  padding-left: 30px; }
.proposal_box .div_mimi_box .posal_mini_table td p label.after {
  position: absolute;
  line-height: 20px;
  top: 11px;
  right: 20px;
  font-size: 14px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > * {
  display: inline-block;
  vertical-align: middle; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > p {
  width: auto; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > p input {
  width: 140px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span {
  padding: 0 10px;
  font-weight: 500; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span:first-child {
  padding-left: 0;
  padding-right: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span:last-child {
  padding-right: 0; }
.proposal_box .div_mimi_box .posal_mini_table .border {
  border-bottom: 1px solid #eee; }
.proposal_box .div_mimi_box .posal_mini_table .border td {
  position: relative;
  padding-top: 30px;
  padding-bottom: 15px; }
.proposal_box .div_mimi_box .posal_mini_table .border td:before {
  position: absolute;
  content: "";
  width: 100%;
  top: 14px;
  left: 0;
  height: 1px;
  border-top: 1px solid #eee; }
.proposal_box .posal_mini_table1 {
  width: 100%;
  margin-left: 18px; }
.proposal_box .posal_mini_table1 td {
  width: 230px;
  padding-bottom: 8px; }
.proposal_box .posal_mini_table1 td i {
  margin: 0 5px 0 0 !important; }
.proposal_box .posal_mini_table1 td .div_row {
  padding: 0; }
.proposal_box .posal_mini_table1 td .div_row .radio span {
  width: 290px;
  white-space: nowrap; }
.proposal_box .posal_mini_table1 td input {
  width: 428px;
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 18px;
  margin: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.proposal_box .div_row.radio {
  padding: 20px 0 16px; }
.proposal_box .div_row .posal_title1 {
  font-size: 20px;
  font-weight: 500;
  padding-top: 20px;
  padding-left: 18px; }
.proposal_box .div_row .posal_title1 i {
  padding-left: 40px;
  font-size: 16px;
  font-weight: 400; }
.proposal_box .div_row .posal_title1 i a {
  text-decoration: underline;
  color: #ec582c; }
.proposal_box .div_row .posal_title2 {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  line-height: 35px;
  padding-left: 0;
  margin-top: 20px;
  font-weight: 500;
  margin-left: 18px; }
.proposal_box .div_row .div_row_left {
  width: 276px;
  line-height: 20px;
  padding-left: 18px;
  vertical-align: middle; }
.proposal_box .div_row .div_row_left.left218 {
  width: 218px; }
.proposal_box .div_row .div_row_left.left166 {
  width: 166px; }
.proposal_box .div_row .div_row_left.left188 {
  padding-left: 0;
  width: 180px; }
.proposal_box .div_row .div_row_right {
  width: 438px; }
.proposal_box .div_row .div_row_right .input_auto_complete input {
  width: 382px; }
.proposal_box .div_row .div_row_right.right680 {
  width: 680px; }
.proposal_box .div_row .div_row_right .switch {
  width: 88px;
  margin-left: 16px; }
.proposal_box .div_row .div_row_right .select_a a {
  padding-left: 18px; }
.proposal_box .div_row .div_row_right .table3 {
  display: table;
  width: 100%; }
.proposal_box .div_row .div_row_right .table3 input {
  width: 92px; }
.proposal_box .div_row .div_row_right .table3 p {
  vertical-align: middle;
  display: table-cell;
  width: 130px;
  line-height: 20px; }
.proposal_box .div_row .div_row_right .table3 p.center {
  text-align: center;
  width: 180px; }
.proposal_box .div_row .div_row_right .table3.big p {
  text-align: center;
  display: table-cell; }
.proposal_box .div_row .div_row_right .table3.big p input {
  width: 120px; }
.proposal_box .div_row .div_row_right .table6 {
  display: table;
  width: 100%; }
.proposal_box .div_row .div_row_right .table6 > p {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  text-align: center; }
.proposal_box .div_row .div_row_right .table6 > p.right {
  padding-right: 0;
  padding-left: 15px; }
.proposal_box .div_row .div_row_right .table6 > p.right + p {
  vertical-align: middle; }
.proposal_box .div_row .div_row_right .table6 > p input {
  width: 86px; }
.proposal_box .div_row .div_row_right .table6 > p input.big {
  width: 330px; }
.proposal_box .div_row .div_row_right .table6 > p textarea {
  width: 330px;
  line-height: 22px;
  height: 66px;
  font-size: 16px;
  padding: 10px 18px; }
.proposal_box .div_row .div_row_right .table6 > p.percentage input {
  width: 50px; }
.proposal_box .div_row .div_row_right .table6 > p .close {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: 300;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #c9d3da;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  transform: rotate(45deg); }
.proposal_box .div_row .div_row_right .table6 > p .close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #222; }
.proposal_box .div_row .div_row_right .table6 > p .close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #222; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover {
  background-color: #f00;
  color: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover:before {
  background: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover:after {
  background: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .default {
  display: inline-block;
  margin-left: 12px;
  width: 22px;
  height: 22px; }
.proposal_box .div_row .div_row_right input {
  width: 400px;
  line-height: 34px;
  padding: 0 18px;
  font-size: 16px; }
.proposal_box .div_row .div_row_right .select_a {
  width: 436px; }
.proposal_box .div_row .div_row_right .select_a + p {
  margin: 6px 0 0; }
.proposal_box .div_row .div_row_right p.radio {
  line-height: 24px;
  padding: 6px 0; }
.proposal_box .div_row .div_row_right p.radio + .select_box {
  margin-top: 6px; }
.proposal_box .div_row .div_row_right p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  /* i{
           display: inline-block;
           width: 13px;
           height: 13px;
           border: 4px solid #fff;
           box-shadow: 0 0 0 1px #aeaeae;
           border-radius: 50%;
           vertical-align:bottom;
           margin-right: 12px;
           background: #fff;
       }
       &.act{
           i{
               box-shadow: 0 0 0 1px #ec582c;
               background: #ec582c;
           }
       }*/ }
.proposal_box .div_row .div_row_right p.radio span + span {
  margin-left: 18px; }
.proposal_box .div_row .div_row_right p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.proposal_box .div_row .div_row_right p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.proposal_box .div_row .div_row_right p.radio span.act i:after {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  background: #ec582c;
  border-radius: 50%;
  left: 4px;
  top: 4px; }
.proposal_box .div_row .div_row_right.two_input {
  width: 438px; }
.proposal_box .div_row .div_row_right.two_input p {
  display: inline-block;
  vertical-align: top;
  width: 50%; }
.proposal_box .div_row .div_row_right.two_input p + p {
  float: right;
  text-align: right; }
.proposal_box .div_row .div_row_right.two_input p input {
  width: 175px; }
.proposal_box .div_row .div_row_right.right580 {
  width: 570px; }
.proposal_box .div_row .div_row_right.right640 {
  width: 634px; }
.proposal_box .div_row .div_row_right.right580 .select_a, .proposal_box .div_row .div_row_right.right580 .select_box, .proposal_box .div_row .div_row_right.right640 .select_a, .proposal_box .div_row .div_row_right.right640 .select_box {
  width: 206px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px; }
.proposal_box .div_row .div_row_right.right580 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right580 .select_box .input_auto_complete input, .proposal_box .div_row .div_row_right.right640 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right640 .select_box .input_auto_complete input {
  width: 152px; }
.proposal_box .div_row .div_row_right.right580 .select_a p input, .proposal_box .div_row .div_row_right.right580 .select_box p input, .proposal_box .div_row .div_row_right.right640 .select_a p input, .proposal_box .div_row .div_row_right.right640 .select_box p input {
  width: 318px; }
.proposal_box .div_row .div_row_right.right580 .select_a p input:hover, .proposal_box .div_row .div_row_right.right580 .select_a p input:focus, .proposal_box .div_row .div_row_right.right580 .select_box p input:hover, .proposal_box .div_row .div_row_right.right580 .select_box p input:focus, .proposal_box .div_row .div_row_right.right640 .select_a p input:hover, .proposal_box .div_row .div_row_right.right640 .select_a p input:focus, .proposal_box .div_row .div_row_right.right640 .select_box p input:hover, .proposal_box .div_row .div_row_right.right640 .select_box p input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .div_row .div_row_right.right580 .f_right, .proposal_box .div_row .div_row_right.right640 .f_right {
  width: 120px;
  text-align: right; }
.proposal_box .div_row .div_row_right.right580 .f_right input, .proposal_box .div_row .div_row_right.right580 .f_right span, .proposal_box .div_row .div_row_right.right580 .f_right p, .proposal_box .div_row .div_row_right.right640 .f_right input, .proposal_box .div_row .div_row_right.right640 .f_right span, .proposal_box .div_row .div_row_right.right640 .f_right p {
  display: inline-block;
  text-align: left;
  width: 45px;
  padding: 0 10px; }
.proposal_box .div_row .div_row_right.right580 .f_right p, .proposal_box .div_row .div_row_right.right640 .f_right p {
  width: 62px;
  vertical-align: middle;
  padding: 0 6px; }
.proposal_box .div_row .div_row_right.right580 .f_right span, .proposal_box .div_row .div_row_right.right640 .f_right span {
  width: 47px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big, .proposal_box .div_row .div_row_right.right640 .f_right.big {
  width: 340px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big span, .proposal_box .div_row .div_row_right.right640 .f_right.big span {
  width: 172px;
  line-height: 18px;
  vertical-align: middle;
  margin-left: 0; }
.proposal_box .div_row .div_row_right.right580 .f_right.big p, .proposal_box .div_row .div_row_right.right640 .f_right.big p {
  width: 126px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big input, .proposal_box .div_row .div_row_right.right640 .f_right.big input {
  vertical-align: middle;
  width: 110px;
  margin: 0; }
.proposal_box .div_row .div_row_right.right580 i, .proposal_box .div_row .div_row_right.right640 i {
  display: inline-block;
  width: 430px;
  font-style: italic;
  color: #76767B;
  font-size: 12px;
  margin: 9px 0;
  line-height: 18px; }
.proposal_box .div_row .div_row_right.right580 i span, .proposal_box .div_row .div_row_right.right640 i span {
  padding: 0 6px; }
.proposal_box .div_row .div_row_right.right428 {
  width: 580px; }
.proposal_box .div_row .div_row_right.right428 .select_a, .proposal_box .div_row .div_row_right.right428 .select_box {
  width: 428px; }
.proposal_box .div_row .div_row_right.right428 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right428 .select_box .input_auto_complete input {
  width: 374px; }
.proposal_box .div_row .div_row_right.right428 p input {
  width: 392px; }
.proposal_box .div_row .div_row_right.right548 {
  width: 548px; }
.proposal_box .div_row .div_row_right.right548 .select_a, .proposal_box .div_row .div_row_right.right548 .select_box {
  width: 546px;
  margin: 2px 0; }
.proposal_box .div_row .div_row_right.right548 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right548 .select_box .input_auto_complete input {
  width: 312px; }
.proposal_box .div_row .div_row_right.right548 p input {
  width: 510px; }
.proposal_box .div_row .div_row_right.right548 > .f_right + .select_a {
  width: 365px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 {
  float: left;
  width: 263px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 + .cell_5 {
  margin-left: 20px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 .select_a {
  width: 263px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 p input {
  width: 227px; }
.proposal_box .even_table {
  width: 100%;
  border: 1px solid #edeff1; }
.proposal_box .even_table thead td {
  background-color: #94a7bc;
  color: #fff;
  font-weight: 400; }
.proposal_box .even_table tr:nth-child(even) {
  background-color: #f2f6fa; }
.proposal_box .even_table td {
  line-height: 20px;
  font-size: 16px;
  padding: 15px 0 15px 30px;
  min-width: 190px; }
.proposal_box .even_table td:first-child {
  min-width: 50px; }
.proposal_box .even_table td input {
  border: 1px solid #c2c9cf;
  border-radius: 3px;
  line-height: 30px;
  height: 30px;
  padding: 0 12px;
  width: 122px;
  font-size: 14px;
  background-color: Transparent; }
.proposal_box .even_table td input:hover, .proposal_box .even_table td input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .posal_utility_box {
  border: 1px solid #edeff1;
  margin: 5px -10px 0; }
.proposal_box .posal_utility_box > h4 {
  height: 76px;
  line-height: 76px;
  font-size: 20px;
  background-color: #94a7bc;
  color: #fff;
  font-weight: 500; }
.proposal_box .posal_utility_box .div_row {
  padding: 20px 10px; }
.proposal_box .posal_utility_box .div_row .btn .add {
  padding: 4px;
  font-size: 22px;
  vertical-align: bottom; }
.proposal_box .posal_utility_box .div_row a.link {
  padding-left: 20px;
  font-size: 14px;
  color: #ec582c; }
.proposal_box .posal_utility_box .div_row a.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .posal_utility_box .posal_title3 {
  background: #f2f6fa;
  color: #1d1d26;
  height: 56px;
  font-size: 18px;
  line-height: 56px;
  position: relative; }
.proposal_box .posal_utility_box .posal_title3 .btn_border {
  position: absolute;
  border: 1px solid #bbc8d8;
  background: none;
  padding: 0 38px;
  height: 30px;
  line-height: 30px;
  top: 13px;
  right: 44px;
  color: #4c637b;
  font-size: 16px;
  border-radius: 15px; }
.proposal_box .posal_utility_box .posal_3_table {
  background: #fffcfb;
  border: 1px solid #fbeeea;
  border-radius: 3px;
  width: 94%;
  margin: 25px 3%; }
.proposal_box .posal_utility_box .posal_3_table th {
  color: #ec582c;
  font-size: 18px;
  line-height: 30px;
  padding-top: 20px; }
.proposal_box .posal_utility_box .posal_3_table td {
  color: #1d1d26;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 20px 20px 60px; }
.proposal_box .posal_utility_box .posal_3_table td p {
  display: table-row; }
.proposal_box .posal_utility_box .posal_3_table td span {
  display: table-cell; }
.proposal_box .posal_utility_box .posal_3_table td span.fw500 {
  color: #ec582c;
  padding-left: 5px; }
.proposal_box .posal_utility_box .posal_3_table .posal_icon_books {
  background: url(../images/proposal/books.png) 21px center no-repeat; }
.proposal_box .posal_utility_box .posal_3_table .posal_icon_charts {
  background: url(../images/proposal/chart.png) 21px center no-repeat; }
.proposal_box .posal_utility_box .posal_color_box {
  color: #1d1d26;
  padding: 24px 0; }
.proposal_box .posal_utility_box .posal_color_box li {
  text-align: left;
  display: inline-block;
  width: 150px;
  padding-left: 60px;
  position: relative;
  line-height: 20px;
  padding-top: 5px;
  height: 41px; }
.proposal_box .posal_utility_box .posal_color_box li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #343f45; }
.proposal_box .posal_utility_box .posal_color_box li.color_e6fdc7:before {
  background: #e6fdc7; }
.proposal_box .posal_utility_box .posal_color_box li.color_f1edd7:before {
  background: #f1edd7; }
.proposal_box .posal_utility_box .posal_color_box li.color_f6c8c7:before {
  background: #f6c8c7; }
.proposal_box .posal_utility_box .posal_color_box li.color_c7e0fc:before {
  background: #c7e0fc; }
.proposal_box .posal_utility_box .posal_color_box li p {
  font-size: 16px; }
.proposal_box .posal_utility_box .posal_color_box li small {
  font-size: 12px; }
.proposal_box .posal_utility_box .posal_summers_box {
  color: #1d1d26;
  padding-bottom: 26px; }
.proposal_box .posal_utility_box .posal_summers_box li {
  display: inline-block;
  width: 420px;
  background: #f2f6fa;
  vertical-align: top;
  margin: 4px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 {
  line-height: 56px;
  background: #c0cede;
  font-size: 14px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-top: -2px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i.summer_icon {
  background: url(../images/proposal/sun.png) center center no-repeat; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i.winter_icon {
  background: url(../images/proposal/snow.svg) center center no-repeat;
  background-size: 24px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 b {
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_mini_box4 {
  padding: 0 20px 20px; }
.proposal_box .posal_utility_box .posal_summers_box li h4 {
  font-size: 18px;
  line-height: 26px;
  padding: 25px 0 5px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table {
  font-size: 14px;
  line-height: 30px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td {
  padding-right: 10px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td:first-child {
  width: 200px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td b {
  font-weight: 500; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td span {
  color: #6e6e6e; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box {
  padding: 30px 0 10px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box h5 {
  font-weight: 500;
  font-size: 15px;
  color: #343f45;
  line-height: 30px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box h5 span {
  font-size: 12px;
  color: #888;
  font-weight: 400; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table {
  border-collapse: collapse;
  width: 100%; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td {
  border: 1px solid #79848d;
  line-height: 34px;
  font-size: 14px;
  color: #343d44; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_e6fdc7 {
  background: #e6fdc7;
  width: 81px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_f1edd7 {
  background: #f1edd7;
  width: 64px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_f6c8c7 {
  background: #f6c8c7;
  width: 140px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_c7e0fc {
  background: #c7e0fc;
  width: 88px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am {
  font-size: 14px;
  color: #6e6e6e; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am span {
  line-height: 30px;
  display: inline-block;
  width: 80px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am span:last-child {
  width: 40px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center {
  text-align: center; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center span {
  display: inline;
  padding: 0 4px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center hr {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  border: none;
  border-top: 1px solid #e9e9e9;
  margin-top: 8px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 28px;
  background-image: url(../images/proposal/sun_icons.png);
  background-repeat: no-repeat; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(1) {
  background-position: left 0; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(2) {
  background-position: left -33px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(3) {
  background-position: left bottom; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(4) {
  background-position: left 0; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_chart_box {
  width: 378px;
  height: 230px;
  background: #fff; }
.proposal_box table.com_box1 {
  float: left;
  margin-left: 18px; }
.proposal_box table.com_box1 td {
  color: #1d1d26;
  font-size: 16px; }
.proposal_box table.com_box1 td p {
  display: inline-block;
  margin: 2px 0 2px 40px;
  padding: 3px 0;
  vertical-align: middle; }
.proposal_box table.com_box1 td input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  padding: 0 18px;
  font-size: 16px;
  width: 114px;
  font-family: 'Helvetica Neue'; }
.proposal_box table.com_box1 td input:hover, .proposal_box table.com_box1 td input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .table_right {
  float: right;
  width: 364px;
  padding-top: 5px; }
.proposal_box .table_right .tr_head {
  border: 1px solid #fbeeea;
  background-color: #fffcfb;
  border-radius: 3px;
  padding: 10px 0; }
.proposal_box .table_right .tr_head p {
  font-size: 18px;
  text-align: center;
  line-height: 42px; }
.proposal_box .table_right .tr_head p i {
  font-size: 29px;
  color: #ec582c;
  font-weight: 500; }
.proposal_box .table_right .tr_body {
  border: 1px solid #f2f2f2;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 25px 0 28px;
  margin-top: 26px;
  position: relative; }
.proposal_box .table_right .tr_body p {
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  padding: 5px 0; }
.proposal_box .table_right .tr_body p strong {
  font-weight: 500;
  line-height: 40px; }
.proposal_box .table_right .tr_body p span {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap; }
.proposal_box .table_right .tr_body p span:first-child {
  width: 210px;
  text-align: left; }
.proposal_box .table_right .tr_body p span:last-child {
  width: 110px;
  text-align: right; }
.proposal_box p.h2 {
  font-size: 20px;
  line-height: 25px; }
.proposal_box p.h2 span + strong {
  padding-right: 50px; }
.proposal_box p.h2 strong {
  font-size: 22px;
  color: #ec582c;
  font-weight: 500;
  margin-left: 30px; }
.proposal_box > p.center .button1 {
  margin: 40px 0; }
.proposal_box .pm_box {
  padding: 0 10px; }
.proposal_box .pm_box hr {
  margin: 30px 0 20px; }
.proposal_box .pm_box .check_box {
  line-height: 24px;
  font-size: 16px;
  padding: 6px 0 10px;
  font-weight: 500; }
.proposal_box .pm_box .check_box button {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #babcbd;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0;
  vertical-align: bottom;
  transition: all .1s; }
.proposal_box .pm_box .check_box button.yes {
  background-size: 16px; }
.proposal_box .pm_box .div_row {
  padding: 5px 0; }
.proposal_box .pm_box .div_row .div_row_left {
  width: 214px; }
.proposal_box .pm_box .div_row.row .div_row_right {
  width: 650px; }
.proposal_box .pm_box .div_row.row .div_row_right p {
  display: table-cell;
  min-width: 96px;
  padding-right: 30px; }
.proposal_box .pm_box .div_row.row .div_row_right p:last-child {
  padding-right: 0; }
.proposal_box .pm_box .div_row.row .div_row_right p input {
  width: 60px; }
.proposal_box .pm_box .div_row.row .div_row_right p b {
  font-weight: 500; }
.proposal_box .pm_box .table_box {
  width: 100%;
  display: table; }
.proposal_box .pm_box .table_box .table_cell {
  display: table-cell;
  vertical-align: middle; }
.proposal_box .pm_box .table_box .table_cell > .f_right {
  background-color: #f8f8f8;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  padding: 20px 28px;
  width: 240px; }
.proposal_box .pm_box .table_box .table_cell > .f_right li {
  line-height: 30px;
  font-size: 14px;
  color: #000; }
.proposal_box .pm_box .table_box .table_cell > .f_right li.center {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px; }
.proposal_box .pm_box .table_box .table_cell > .f_right li span {
  font-size: 16px;
  color: #1d1d26;
  float: right; }
.proposal_box .pm_box .table_box .div_row_right {
  width: 312px; }
.proposal_box .pm_box .table_box .div_row_right p {
  display: table-cell; }
.proposal_box .pm_box .table_box .div_row_right p.center {
  font-weight: 500;
  width: 50px; }
.proposal_box .pm_box .table_box .div_row_right input {
  width: 273px; }
.proposal_box .pm_box .table_box .div_row_right input.small {
  width: 94px; }
.proposal_box .pm_box .table_box .div_row_right .select_a {
  width: 310px; }

.block {
  display: block; }

.check_box {
  line-height: 24px;
  font-size: 16px;
  padding: 6px 0 10px;
  font-weight: 500; }
.check_box button {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #babcbd;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0;
  vertical-align: bottom;
  transition: all .1s; }
.check_box button.yes {
  background-size: 16px; }

.posal_new_template .submit_p button {
  height: 42px;
  padding: 0 66px;
  border-radius: 22px;
  font-size: 20px;
  font-weight: 300; }
.posal_new_template .posal_row {
  font-size: 14px;
  color: #1d1d26; }
.posal_new_template .posal_row p {
  display: inline-block;
  width: 440px;
  padding: 0 20px;
  height: 36px; }
.posal_new_template .posal_row p input {
  width: 400px !important;
  padding: 2px 20px !important;
  border-color: #c2c9cf !important;
  margin: 0 !important; }
.posal_new_template .posal_tab {
  border: 1px solid #94a7bc;
  height: 52px;
  margin-top: 32px; }
.posal_new_template .posal_tab li {
  float: left;
  line-height: 52px;
  width: 50%;
  text-align: center;
  color: #1d1d26;
  cursor: pointer;
  font-size: 18px; }
.posal_new_template .posal_tab li i {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 28px;
  vertical-align: middle; }
.posal_new_template .posal_tab li i.summer {
  background: url(../images/proposal/sun.png) center center no-repeat; }
.posal_new_template .posal_tab li i.winter {
  background: url(../images/proposal/snow.svg) center center no-repeat;
  background-size: 26px; }
.posal_new_template .posal_tab li.act {
  background: #94a7bc; }
.posal_new_template .posal_tab_cont .posal_date {
  background: #f2f6fa;
  padding: 24px 0;
  font-size: 16px; }
.posal_new_template .posal_tab_cont .posal_date .select_a {
  margin: 0 5px;
  width: 160px; }
.posal_new_template .posal_tab_cont .posal_same_tab {
  padding: 38px 0 16px; }
.posal_new_template .posal_tab_cont .posal_same_tab li {
  display: inline-block;
  font-size: 16px;
  color: #343333;
  line-height: 32px;
  cursor: pointer; }
.posal_new_template .posal_tab_cont .posal_same_tab li:before {
  content: "";
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #ced5dd; }
.posal_new_template .posal_tab_cont .posal_same_tab li:last-child {
  margin-left: 100px; }
.posal_new_template .posal_tab_cont .posal_same_tab li.act:before {
  width: 12px;
  height: 12px;
  border: 10px solid #63758b;
  background: #fff; }
.posal_new_template .posal_tab_cont .posal_same_month {
  margin: 16px 0;
  background: #f2f6fa; }
.posal_new_template .posal_tab_cont .posal_same_month li {
  display: inline-block;
  font-size: 16px;
  line-height: 54px;
  height: 54px;
  color: #5c6575;
  width: 106px;
  transition: all .1s;
  cursor: pointer; }
.posal_new_template .posal_tab_cont .posal_same_month li b {
  color: #0a2240;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .posal_same_month li.act, .posal_new_template .posal_tab_cont .posal_same_month li:hover {
  background: #94a7bc;
  color: #0a2240;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .posal_same_month li:first-child.act, .posal_new_template .posal_tab_cont .posal_same_month li:first-child:hover {
  background: none;
  color: #5c6575;
  font-weight: 400; }
.posal_new_template .posal_tab_cont .font_16 {
  color: #4d1606;
  line-height: 24px;
  margin: 20px 0;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .select_a {
  vertical-align: middle;
  display: inline-block; }
.posal_new_template .posal_tab_cont .select_a a {
  border: 1px solid #c2c9cf; }
.posal_new_template .posal_tab_cont .posal_unit_box {
  text-align: left;
  margin-left: 36px;
  margin-right: 5px; }
.posal_new_template .posal_tab_cont .posal_mini_unit {
  display: inline-block;
  vertical-align: top;
  width: 49.6%; }
.posal_new_template .posal_tab_cont .posal_mini_unit.max {
  display: block;
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit h4 {
  font-size: 18px;
  color: #4d1606;
  line-height: 36px;
  margin-top: 18px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table {
  margin-bottom: 10px;
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td {
  color: #1d1d26;
  font-size: 16px;
  padding: 5px 3px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td p {
  width: 206px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td .prompt_message {
  margin-left: 2px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_week {
  font-size: 14px;
  display: inline-block;
  color: #fff;
  line-height: 24px;
  padding: 0 16px;
  border-radius: 10px;
  margin: 10px 0; }
.posal_new_template .posal_tab_cont .posal_mini_unit .day {
  background: #15c18f; }
.posal_new_template .posal_tab_cont .posal_mini_unit .end {
  background: #3fc9e0; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 {
  position: relative;
  background: #f8f8f8;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 8px 0;
  width: 90%;
  margin-bottom: 16px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 > table {
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td {
  font-size: 16px;
  padding: 6px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td .select_a {
  width: 136px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td > span {
  color: #afafb0;
  font-size: 12px;
  vertical-align: middle; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #ced7dd;
  cursor: pointer;
  position: absolute;
  right: -32px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(45deg); }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #000; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #000; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover {
  background-color: #f00;
  color: #fff; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover:before {
  background: #fff; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover:after {
  background: #fff; }
.posal_new_template button.add {
  position: relative;
  width: 25px;
  height: 25px;
  background: #f6f9fb;
  border: 1px solid #cacacb;
  vertical-align: middle;
  padding: 0;
  margin: 5px 15px; }
.posal_new_template button.add:before {
  position: absolute;
  content: "";
  left: 5px;
  top: 12px;
  width: 15px;
  height: 1px;
  background: #767677; }
.posal_new_template button.add:after {
  position: absolute;
  content: "";
  left: 12px;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #767677; }
.posal_new_template a.link {
  font-size: 14px;
  color: #ec582c;
  text-decoration: underline; }
.posal_new_template a.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.posal_new_template .submit_p {
  margin-bottom: 20px; }

.format_input {
  position: relative;
  display: inline-block;
  width: 206px; }
.format_input input {
  width: 200px !important;
  margin: 0 !important;
  border: 1px solid #c2c9cf;
  height: 34px !important;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 50px 0 18px !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }
.format_input label.before {
  position: absolute;
  line-height: 20px;
  top: 7px;
  font-weight: 500;
  left: 20px;
  font-family: 'Helvetica Neue'; }
.format_input label.before + input {
  padding-left: 30px !important; }
.format_input label.after {
  position: absolute;
  line-height: 20px;
  top: 7px;
  right: 20px;
  font-size: 14px; }

.proposal_list_box {
  color: #1d1d26;
  padding: 0 12px; }
.proposal_list_box .b_title {
  margin: 0 !important; }
.proposal_list_box .b_title span.b_line {
  display: inline-block;
  line-height: 32px !important;
  border-bottom: 4px solid #ec582c;
  padding: 0 20px 0 10px;
  height: 50px; }
.proposal_list_box hr {
  border: 0;
  border-top: 1px solid #e0e3ee;
  margin: 0 -32px !important; }
.proposal_list_box .prorosal_head {
  height: 17px;
  line-height: 17px;
  padding: 14px 22px;
  margin-top: 24px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #eee;
  position: relative; }
.proposal_list_box .prorosal_head .bell_box {
  position: absolute;
  height: auto;
  width: auto;
  margin: 0;
  background: none;
  bottom: -45px;
  right: 0;
  padding-top: 20px;
  animation: bellAnimate 1s ease-in-out infinite; }
.proposal_list_box .prorosal_head .bell_box .fa {
  font-size: 20px;
  color: red; }
.proposal_list_box .prorosal_head .bell_box.no_move {
  animation: none; }
.proposal_list_box .prorosal_head.act span {
  margin-right: 24px; }
.proposal_list_box .prorosal_head.act:before {
  position: absolute;
  content: "";
  right: 53px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 7px solid #2d700a; }
.proposal_list_box .prorosal_head.act:after {
  position: absolute;
  content: "";
  right: 0;
  top: -7px;
  width: 0;
  height: 0;
  border-top: 53px solid #41be00;
  border-left: 64px solid transparent; }
.proposal_list_box .prorosal_head.act strong:after {
  position: absolute;
  content: "";
  z-index: 2;
  right: 4px;
  top: -3px;
  width: 25px;
  height: 22px;
  background: url("../images/proposal/duihaofff.svg") center center no-repeat;
  background-size: 25px; }
.proposal_list_box .prorosal_head i.user {
  display: inline-block;
  vertical-align: bottom;
  width: 13px;
  height: 16px;
  background: url("../images/proposal/user.svg") center top no-repeat;
  background-size: 13px; }
.proposal_list_box .prorosal_head strong {
  margin: 0 10px;
  font-weight: 500; }
.proposal_list_box .prorosal_head span {
  margin-left: 30px;
  opacity: 0.8;
  font-size: 16px;
  float: right; }
.proposal_list_box .ph_down {
  margin: 10px 13px; }
.proposal_list_box .ph_down td {
  padding: 8px 13px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: top; }
.proposal_list_box .ph_down td:nth-child(odd) {
  white-space: nowrap; }
.proposal_list_box .ph_down td b {
  font-weight: 500; }
.proposal_list_box .pp_list {
  width: 100%; }
.proposal_list_box .pp_list + .prorosal_head {
  margin-top: 10px; }
.proposal_list_box .pp_list td {
  border-top: 1px solid #efefef;
  font-size: 16px;
  line-height: 30px;
  padding: 26px 16px 18px;
  vertical-align: top; }
.proposal_list_box .pp_list td.img {
  padding-left: 22px; }
.proposal_list_box .pp_list td.img img {
  max-width: 172px;
  margin-top: 10px; }
.proposal_list_box .pp_list td.middle {
  vertical-align: middle;
  text-align: right; }
.proposal_list_box .pp_list td .pp_row {
  display: block;
  width: 460px; }
.proposal_list_box .pp_list td .pp_row .pp_row_left {
  display: inline-block;
  width: 140px;
  vertical-align: top; }
.proposal_list_box .pp_list td .pp_row .pp_row_right {
  display: inline-block;
  vertical-align: top;
  width: 315px; }
.proposal_list_box .pp_list td .pp_row .pp_row_right strong {
  font-weight: 500; }
.proposal_list_box .pp_list td .pp_row .pp_row_right.color {
  color: #ff6600; }
.proposal_list_box .pp_list td .pp_row .pp_row_right span {
  padding: 0 10px; }
.proposal_list_box .pp_list td .select_a {
  width: 228px;
  margin: 5px 0; }
.proposal_list_box .pp_list td .select_a.w255 {
  width: 255px; }
.proposal_list_box .pp_list td .button1 {
  display: block;
  width: 82px;
  margin: 6px 0;
  text-align: center; }
.proposal_list_box .page_box {
  padding-bottom: 20px !important; }

.new-proposal h4.b_title {
  padding: 0;
  margin: 0; }

#window_box.windth1040 {
  width: 1040px;
  background-color: #fff;
  padding: 0;
  margin-left: -520px; }
#window_box.windth1040 .scroll_wrap1040 {
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  overflow-y: hidden;
  overflow-x: auto; }
#window_box.windth1040 .mCSB_dragger_bar {
  height: 16px;
  background-color: #94a7bc;
  margin: 0; }
#window_box.windth1040 .mCSB_draggerRail {
  height: 16px;
  background-color: #f1f4f6;
  margin: 0; }
#window_box.windth1040 .table_1040 {
  width: auto; }
#window_box.windth1040 .table_1040 tr td {
  font-family: 'Helvetica Neue';
  font-size: 14px;
  color: #757575;
  line-height: 20px;
  padding: 15px;
  border: 1px solid #e8eef2; }
#window_box.windth1040 .table_1040 tr td:first-child {
  color: #000;
  border: none;
  text-align: left;
  white-space: nowrap;
  padding: 0 32px; }
#window_box.windth1040 .table_1040 tr td span {
  color: #ff6000 !important; }
#window_box.windth1040 .table_1040 tr:first-child td {
  background-color: #f2f6fa;
  color: #000; }
#window_box.windth1040 .table_1040 tr:first-child td:first-child {
  background-color: #fff; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box {
  position: relative;
  padding: 0; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box line {
  stroke: #dadde1;
  stroke-width: 1; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box .s_left {
  position: absolute;
  left: 2px;
  bottom: 0;
  font-size: 12px;
  color: #000 !important; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box .s_right {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 14px;
  color: #000 !important; }
#window_box.windth1040 .table_1040 tr.act td {
  color: #000;
  border-bottom: 1px solid #ff6000;
  position: relative; }
#window_box.windth1040 .table_1040 tr.act td:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 102%;
  border-top: 1px solid #ff6000; }
#window_box.windth1040 .table_1040 tr.act td:first-child {
  font-weight: 500;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #ff6000; }
#window_box.windth1040 .table_1040 tr.act td:first-child:before {
  content: normal; }
#window_box.windth1040 .table_1040 tr.act td:last-child {
  border-right: 1px solid #ff6000; }

.px_head {
  display: table;
  margin-top: -10px; }
.px_head + hr {
  border: none;
  border-bottom: 1px solid #e0e3ee;
  margin: 25px -20px 12px; }
.px_head > * {
  display: table-cell;
  position: relative; }
.px_head .menu_select {
  margin: 0 36px 0 18px;
  display: inline-block;
  min-width: 220px;
  z-index: 2;
  outline: 0;
  vertical-align: middle; }
.px_head .menu_select a {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  opacity: .8; }
.px_head .menu_select a:hover {
  opacity: 1; }
.px_head .menu_select a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #828487;
  margin-left: 8px;
  margin-bottom: 2px; }
.px_head .menu_select ul {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 46px;
  background: #fff;
  max-height: 360px;
  width: auto;
  overflow: auto;
  border-radius: 8px;
  box-shadow: 5px 10px 42px #c1c9d1; }
.px_head .menu_select ul li {
  font-size: 18px;
  line-height: 24px;
  color: #0a2240;
  border-bottom: 1px solid #ecedf2;
  cursor: pointer;
  font-weight: 400;
  padding: 16px 25px;
  opacity: 0.9;
  white-space: nowrap;
  transition: all 0.2s; }
.px_head .menu_select ul li:last-child {
  border-bottom: none; }
.px_head .menu_select ul li.act, .px_head .menu_select ul li:hover {
  background: #eef0f6;
  opacity: 1; }
.px_head form {
  width: 422px;
  padding-right: 60px; }
.px_head form input {
  background: #f7f7f7;
  border-radius: 5px;
  width: 100%;
  padding: 0 40px 0 20px;
  line-height: 38px;
  height: 38px;
  font-size: 16px;
  transition: all .3s;
  border: 1px solid #f7f7f7; }
.px_head form input:hover, .px_head form input:focus {
  background: #fff;
  border: 1px solid #e3e3e3; }
.px_head form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("../images/icons/search.svg") center center no-repeat;
  background-size: 18px;
  opacity: .8; }
.px_head form button:hover {
  opacity: 1; }

.px_list_box {
  padding: 20px 0; }
.px_list_box li {
  min-height: 206px;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 12px 5px 30px #f4f5f6;
  margin-bottom: 35px;
  transition: all 0.3s;
  position: relative; }
.px_list_box li:last-child {
  margin-bottom: 0; }
.px_list_box li:hover {
  box-shadow: 5px 10px 32px #d6d9d5; }
.px_list_box li > a {
  float: left;
  width: 226px;
  height: 206px;
  position: relative;
  overflow: hidden; }
.px_list_box li > a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%); }
.px_list_box li > div {
  margin-left: 264px;
  margin-right: 42px;
  color: #292929;
  padding: 12px 0 0; }
.px_list_box li > div h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  padding: 8px 0; }
.px_list_box li > div h4 a {
  color: inherit; }
.px_list_box li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.px_list_box li > div p {
  font-size: 14px;
  line-height: 24px;
  color: #4c4c4c; }
.px_list_box li > div p > span {
  color: #94a6bc; }
.px_list_box li > div p.cont {
  height: 76px;
  overflow: hidden;
  margin-bottom: 10px; }
.px_list_box li > div p.cont + p {
  position: absolute;
  bottom: 9px; }
.px_list_box li > div p a + span {
  margin-left: 10px; }
.px_list_box li > div p a i {
  margin: 0 6px;
  display: inline-block;
  vertical-align: sub;
  height: 31px;
  width: 26px;
  transition: all 0.1s; }
.px_list_box li > div p a.pdf i {
  background: url("../images/proposal/pdf.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.pdf:hover i {
  background: url("../images/proposal/pdf1.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play {
  color: #93a6bc; }
.px_list_box li > div p a.play i {
  width: 32px;
  background: url("../images/proposal/play.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play:hover i {
  background: url("../images/proposal/play1.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play span {
  display: none; }
.px_list_box li > div p a.word {
  color: #85c859; }
.px_list_box li > div p a.word i {
  background: url("../images/proposal/word.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.word:hover i {
  background: url("../images/proposal/word1.svg") center bottom no-repeat;
  background-size: 100%; }

#prompt_message_box1 p a {
  text-decoration: underline; }

.mast {
  color: red;
  font-size: 16px;
  margin: 0 2px;
  vertical-align: middle;
  display: inline-block; }

@-moz-document url-prefix() {
  .user_box .user_right .ur_body .ur_middle .block_box .b_title {
    font-weight: 400; }

  .proposal_box .table_div, .contracts6_box, .contracts6_ol, .proposal_list_box {
    font-weight: 300; }

  .proposal_box .table_div strong, .proposal_list_box strong, .proposal_list_box b {
    font-weight: 400 !important; }

  .proposal_box .div_row .div_row_right .table6 > p .close:after, .proposal_box .contracts6_ol li span.close:after {
    top: 40%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user_box .user_right .ur_body .ur_middle .block_box .b_title {
    font-weight: 400; }

  .proposal_box .table_div, .contracts6_box, .contracts6_ol, .proposal_list_box {
    font-weight: 300; }

  .proposal_box .table_div strong, .proposal_list_box strong, .proposal_list_box b {
    font-weight: 400 !important; }

  .proposal_box .div_row .div_row_right .table6 > p .close:after, .proposal_box .contracts6_ol li span.close:after {
    top: 3px; } }
input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input::-ms-clear {
  display: none; }

.lead_Generation_box {
  padding: 20px 0 20px 35px; }
.lead_Generation_box input {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 1px 15px;
  border: 1px solid #c2c9cf;
  border-radius: 3px; }
.lead_Generation_box input:hover, .lead_Generation_box input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.lead_Generation_box > .mh4 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 33px;
  padding: 8px 0 8px 16px; }
.lead_Generation_box > .mh4:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ec582c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 23px; }
.lead_Generation_box > .mh4 p.radio {
  display: inline-block;
  line-height: 22px;
  padding: 6px 0 6px 20px; }
.lead_Generation_box > .mh4 p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  margin-left: 40px; }
.lead_Generation_box > .mh4 p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.lead_Generation_box > .mh4 p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.lead_Generation_box > .mh4 p.radio span.act i:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #ec582c;
  left: 4px;
  top: 4px; }
.lead_Generation_box .radio_tab_box .font300 {
  font-weight: 300;
  white-space: nowrap; }
.lead_Generation_box .radio_tab_box > p {
  margin-left: 16px;
  padding: 10px 0 10px; }
.lead_Generation_box .radio_tab_box table {
  margin-left: 8px;
  margin-bottom: 5px; }
.lead_Generation_box .radio_tab_box table td {
  color: #1d1d26;
  font-size: 16px;
  line-height: 36px;
  padding: 5px 8px; }
.lead_Generation_box .radio_tab_box table td input {
  width: 42px; }
.lead_Generation_box .radio_tab_box table td input.biger {
  width: 100px;
  margin-right: 10px;
  vertical-align: middle; }
.lead_Generation_box .radio_tab_box table td .red {
  color: #ec582c;
  padding-left: 10px; }
.lead_Generation_box .radio_tab_box table td .select_a {
  width: 200px; }
.lead_Generation_box .radio_tab_box table td button.add {
  position: relative;
  width: 27px;
  height: 27px;
  background: #f6f9fb;
  border: 1px solid #cacacb;
  vertical-align: middle; }
.lead_Generation_box .radio_tab_box table td button.add:before {
  position: absolute;
  content: "";
  left: 5px;
  top: 12px;
  width: 15px;
  height: 1px;
  background: #767677; }
.lead_Generation_box .radio_tab_box table td button.add:after {
  position: absolute;
  content: "";
  left: 12px;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #767677; }
.lead_Generation_box .radio_tab_box table td b {
  font-weight: 500;
  padding-left: 0 !important; }
.lead_Generation_box .radio_tab_box table td p.input_out {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0; }
.lead_Generation_box .micon {
  display: inline-block;
  vertical-align: bottom; }
.lead_Generation_box .micon.card {
  width: 32px;
  height: 24px;
  background: url(../images/member/card.png) center center no-repeat;
  margin-right: 10px; }
.lead_Generation_box .credit_card {
  font-size: 24px;
  color: #131517;
  line-height: 26px;
  margin-top: 10px; }
.lead_Generation_box > h4 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #0a2240;
  line-height: 33px;
  padding: 0 0 8px 16px; }
.lead_Generation_box > h4:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ec582c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 14px; }
.lead_Generation_box .card_box {
  font-size: 16px;
  color: #1d1d26; }
.lead_Generation_box .card_box .cb_left {
  display: inline-block;
  width: 382px;
  vertical-align: bottom; }
.lead_Generation_box .card_box .cb_left:first-child {
  width: 450px; }
.lead_Generation_box .card_box .cb_left .cb_title {
  line-height: 24px;
  padding: 8px 0;
  position: relative;
  height: 24px; }
.lead_Generation_box .card_box .cb_left .cb_title .t3 {
  position: absolute;
  left: 272px; }
.lead_Generation_box .card_box .cb_left .cb_cont {
  padding-bottom: 8px;
  min-height: 36px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p, .lead_Generation_box .card_box .cb_left .cb_cont > div {
  float: left; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1 {
  width: 382px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1.select_a {
  width: 380px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1 input {
  width: 350px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 {
  width: 182px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2.select_a {
  width: 180px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2 + .w2, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 + .w2 {
  margin-left: 18px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 input {
  width: 150px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 {
  width: 112px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3.select_a {
  width: 118px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3 + .w3, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 + .w3 {
  margin-left: 16px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 input {
  width: 82px; }
.lead_Generation_box .card_box .cb_left .cb_cont .com_box1 {
  padding: 7px 3px; }
.lead_Generation_box .check_p {
  margin-top: 40px; }
.lead_Generation_box .check_p .radio_box {
  margin: 0; }
.lead_Generation_box .check_p .radio_box a {
  color: #1d1d26;
  text-decoration: underline; }
.lead_Generation_box .check_p .radio_box a.color {
  color: #59a300; }

.more_leads_list {
  padding: 0 30px 12px;
  text-align: left; }
.more_leads_list li {
  background: #f5f5f5;
  padding: 24px 20px 24px 55px;
  border-radius: 7px;
  margin-bottom: 10px; }
.more_leads_list li div {
  color: #8c8c8c; }
.more_leads_list li div b {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500; }
.more_leads_list li div span {
  font-size: 16px;
  font-weight: 300;
  margin-left: 14px; }
.more_leads_list li p {
  padding: 5px 0;
  line-height: 20px;
  font-size: 14px; }
.more_leads_list li.new {
  background: #f2f6fa;
  position: relative; }
.more_leads_list li.new:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ec582c;
  left: 24px;
  top: 33px; }
.more_leads_list li.new div b {
  color: #38b1eb; }

.block_box ul.messageId {
  padding: 0 12px; }
.block_box ul.messageId li {
  padding-top: 40px; }
.block_box ul.messageId li .m_img {
  position: relative;
  border-bottom: 1px solid #f5f5f5; }
.block_box ul.messageId li .m_img .m_reply {
  position: absolute;
  left: -10px;
  top: 0;
  width: 14px;
  height: 18px;
  background: url(../images/message/reply.svg) center center no-repeat;
  background-size: 14px; }
.block_box ul.messageId li .m_img > span {
  width: 96px;
  display: inline-block;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
.block_box ul.messageId li .m_img > span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.block_box ul.messageId li .m_cont {
  padding-left: 10px;
  width: 764px;
  border-bottom: 1px solid #f5f5f5; }
.block_box ul.messageId li .m_cont > p {
  margin-left: 6px; }
.block_box ul.messageId li .m_select {
  width: 0;
  padding-top: 30px;
  overflow: hidden;
  transition: all .3s; }
.block_box ul.messageId li.m_select_box .m_select {
  width: 40px; }
.block_box ul.messageId li.m_select_box .m_reply {
  display: none; }
.block_box ul.messageId li.m_select_box .m_check_box {
  width: 22px;
  display: block; }
.block_box ul.messageId li > div {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 30px; }
.block_box ul.messageId li > div h4 {
  color: #478be4;
  font-size: 20px;
  margin-left: 6px;
  line-height: 32px;
  font-weight: 500; }
.block_box ul.messageId li > div h4 a {
  color: #478be4; }
.block_box ul.messageId li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box ul.messageId li > div h5 {
  color: #000;
  font-size: 18px;
  font-weight: 500; }
.block_box ul.messageId li > div h5 a {
  color: #000; }
.block_box ul.messageId li > div h5 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box ul.messageId li > div h5.new {
  color: #ec582c; }
.block_box ul.messageId li > div h5.new a {
  color: #ec582c; }
.block_box ul.messageId li > div p {
  color: #0a2240;
  font-size: 14px;
  line-height: 18px; }
.block_box ul.messageId li > div p .f_right {
  padding-right: 16px;
  color: #758697;
  font-size: 16px;
  font-weight: 300; }
.block_box ul.messageId li > div .m_chat {
  background: #f2f6fa;
  padding: 15px;
  border-radius: 6px;
  margin-top: 10px;
  display: block; }
.block_box ul.messageId li > div .m_chat:hover {
  background: #efefef;
  cursor: pointer; }
.block_box ul.messageId li > div .m_chat h5 {
  line-height: 30px;
  margin-bottom: 8px; }
.block_box ul.messageId li > div .m_check_box {
  display: none;
  position: relative;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  margin-right: 6px; }
.block_box ul.messageId li > div .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.block_box ul.messageId li > div .m_check_box.yes:before {
  background-size: 28px; }
.block_box ul.messageId.auto_index {
  padding: 10px 0 0 10px;
  margin-bottom: 8px; }
.block_box ul.messageId.auto_index li {
  padding-top: 24px; }
.block_box ul.messageId.auto_index li > div {
  border: none;
  padding-bottom: 0; }
.block_box ul.messageId.auto_index li .m_cont {
  padding-left: 28px;
  width: 760px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat {
  margin-top: 0;
  padding: 16px 32px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat p, .block_box ul.messageId.auto_index li .m_cont .m_chat h5 {
  width: 692px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat h5 {
  margin: 5px 0; }
.block_box ul.messageId.auto_index li .m_cont .m_chat p span {
  color: #758697;
  font-size: 16px; }
.block_box.homowner {
  padding: 0 26px; }
.block_box.homowner .page_box a.btn-next {
  font-family: 'FontAwesome';
  font-size: 27px;
  margin: 0 18px;
  line-height: 30px; }
.block_box.homowner .b_title {
  margin: 0 -26px;
  border-bottom: 1px solid #e9e2db;
  padding: 40px 20px 0;
  position: relative;
  font-size: 20px;
  color: #0a2240;
  line-height: 24px;
  font-weight: 500;
  background: #fffdfa;
  height: 54px; }
.block_box.homowner .b_title .tab_ul {
  display: inline-block; }
.block_box.homowner .b_title .tab_ul li {
  padding: 0 16px 26px 16px;
  margin: 0 10px;
  line-height: 24px;
  font-size: 20px;
  color: #1b1b1b;
  display: inline-block;
  opacity: 0.8;
  cursor: pointer; }
.block_box.homowner .b_title .tab_ul li span {
  font-weight: 400;
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 6px;
  margin-left: 5px;
  vertical-align: middle; }
.block_box.homowner .b_title .tab_ul li.act {
  opacity: 1;
  border-bottom: 4px solid #fcab53; }
.block_box.homowner .b_title .edit_box {
  position: absolute;
  top: 38px;
  right: 40px; }
.block_box.homowner .b_title .edit_box a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #ffa83b;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400;
  vertical-align: middle;
  transition: all .1s; }
.block_box.homowner .b_title .edit_box a:hover {
  opacity: .8; }
.block_box.homowner .b_title .edit_box a.delete {
  background: #ec582c; }
.block_box.homowner .b_title .edit_box a input#all {
  width: 16px;
  height: 16px;
  vertical-align: middle; }
.block_box.homowner .b_title .edit_box a .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.block_box.homowner .b_title .edit_box a.m_tow {
  display: none; }
.block_box.homowner .b_title .edit_box .close {
  display: inline-block;
  height: 26px;
  cursor: pointer;
  font-size: 20px !important;
  vertical-align: middle;
  background: url(../images/user1.2/close.png) center center no-repeat;
  width: 40px; }
.block_box.homowner .b_title .edit_box .close.m_tow {
  display: none; }
.block_box.homowner ul.messageId li > div h4 {
  color: #101010; }
.block_box.homowner ul.messageId li > div h4 a {
  color: #101010; }
.block_box.homowner ul.messageId li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box.homowner ul.messageId li > div .m_chat {
  background: #f8f8f9;
  display: block; }
.block_box.homowner ul.messageId li > div .m_chat:hover {
  background: #efefef;
  cursor: pointer; }
.block_box.homowner ul.messageId li > div p .f_right {
  color: #999; }
.block_box.message_show {
  padding: 0 20px 20px; }
.block_box.message_show .m_message_show > h4 {
  padding: 35px 138px 24px 96px;
  color: #191919;
  margin: 0 16px;
  background: #fffdfa; }
.block_box.message_show .m_message_show .m_message_top_ul {
  margin: 0 -20px;
  border-top: 1px solid #e9e2db;
  border-bottom: 1px solid #e9e2db; }
.block_box.message_show .m_message_show .m_message_top_ul ul {
  background: #f6f6f6; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message {
  background: #f4ede4; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message:after {
  border-left-color: #f4ede4; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p .fa {
  color: #a99f93; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf {
  color: #715b42; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf:hover .m_download {
  background: url(../images/message/down1.png) top center no-repeat #67ba2f; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p i.m_download {
  border-color: #9a8a79;
  background: url(../images/message/down1.png) bottom center no-repeat #ede5da; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_left p i.m_download {
  background-color: #efedea; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line form textarea {
  background: #fefbf7; }

.block_box .m_message_show > h4 {
  font-size: 23px;
  position: relative;
  padding-left: 96px;
  padding-right: 138px;
  color: #191919;
  line-height: 32px;
  font-weight: 500;
  margin: 0 16px; }
.block_box .m_message_show > h4 b {
  position: absolute;
  left: 0;
  color: #898483;
  font-weight: 500; }
.block_box .m_message_show > h4 .f_right {
  position: absolute;
  right: 0; }
.block_box .m_message_show .m_message_top_ul {
  margin: 25px -20px 0;
  border-top: 1px solid #e0e3ee;
  border-bottom: 1px solid #e0e3ee; }
.block_box .m_message_show .m_message_top_ul ul {
  padding: 10px 32px;
  background: #f6f6f6;
  margin: 0 3px; }
.block_box .m_message_show .m_message_top_ul li {
  display: table-row; }
.block_box .m_message_show .m_message_top_ul li > span {
  font-weight: 400;
  display: table-cell;
  padding: 0 12px;
  font-size: 14px;
  color: #1d1d1c;
  line-height: 24px;
  min-height: 24px; }
.block_box .m_message_show .m_message_top_ul li > span span {
  color: #898483; }
.block_box .m_message_show .m_message_top_ul li > span a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box .m_message_show hr {
  border: none;
  height: 0;
  border-bottom: 1px solid; }
.block_box .m_message_show > hr {
  margin: 10px -20px;
  border-bottom-color: #e7e7e7; }
.block_box .m_message_show .m_message_chat {
  padding: 5px 20px 20px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line {
  margin-top: 36px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form {
  margin-top: -20px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form textarea {
  background: #f2f6fa;
  border-radius: 8px;
  height: 66px;
  padding: 18px;
  line-height: 22px;
  font-size: 16px;
  width: 708px;
  border: 1px solid #f2f6fa;
  margin-bottom: 10px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form textarea:hover, .block_box .m_message_show .m_message_chat .m_m_chat_line form textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form p.m_add_button {
  margin: 10px 0; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form p.m_add_button span {
  color: #9f9f9f;
  font-size: 12px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .btn-send {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #7fc855;
  border: 1px solid #82b442;
  border-radius: 21px;
  color: #fff;
  font-size: 20px;
  padding: 0 56px;
  margin-top: 30px;
  box-shadow: 0 10px 24px -10px #5ba100; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .m_icon_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .m_icon_close:hover {
  opacity: .8; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf {
  font-size: 14px;
  color: #4c637b;
  text-decoration: underline;
  line-height: 28px;
  min-height: 28px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf .m_download {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 38px;
  height: 22px;
  border: 1px solid #7f8fa0;
  border-radius: 12px;
  background: url(../images/message/down.png) bottom center no-repeat;
  transition: all .1s; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf:hover .m_download {
  border: 1px solid #67ba2f;
  background: url(../images/message/down.png) top center no-repeat #67ba2f; }
.block_box .m_message_show .m_message_chat .m_m_chat_line p {
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
.block_box .m_message_show .m_message_chat .m_m_chat_line p .fa {
  display: inline-block;
  color: #8fa1b9;
  width: 35px;
  height: 28px;
  font-size: 24px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message {
  position: relative;
  border-radius: 8px;
  padding: 10px 24px 15px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h4 {
  color: #010101;
  font-size: 18px;
  line-height: 42px;
  font-weight: 500; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h4 span {
  font-size: 14px;
  font-weight: 400; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h5 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #5c5c5c; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message hr {
  margin: 10px -10px;
  border-bottom-color: #e5e5e5; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_img {
  float: left; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_message {
  margin-left: 108px;
  background: #f6f6f6; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_message:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 15px;
  height: 0px;
  width: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid #f6f6f6;
  border-bottom: 10px solid transparent; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_img {
  float: right; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message {
  margin-right: 108px;
  background: #eaeff4; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 15px;
  height: 0px;
  width: 0px;
  border-top: 10px solid transparent;
  border-left: 10px solid #eaeff4;
  border-bottom: 10px solid transparent; }

.btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #94a7bc;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400; }
.btn.homeuser {
  background: #ffa83b; }
.btn.add {
  padding: 0 36px; }
.btn.add .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.btn:hover {
  background: #67ba2f; }
.btn .m_icon_add {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  margin-right: 3px; }
.btn .m_icon_add:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background: #fff;
  top: 5px;
  left: 0; }
.btn .m_icon_add:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  background: #fff;
  top: 0;
  left: 5px; }
.btn.w30 {
  width: 26px;
  height: 26px;
  padding: 0;
  position: absolute;
  right: -40px;
  top: 8px; }
.btn.w30 .m_icon_add {
  margin-right: 0; }
.btn.del {
  background-color: #ff5412;
  transform: rotate(45deg); }

.table_new_rl.m_message_box p {
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
.table_new_rl.m_message_box p .fa {
  display: inline-block;
  color: #8fa1b9;
  width: 35px;
  height: 28px;
  font-size: 24px;
  margin-left: 10px; }
.table_new_rl.m_message_box p .fa.homeuser {
  color: #b9a794; }
.table_new_rl.m_message_box p.m_add_button {
  margin: 10px 0; }
.table_new_rl.m_message_box p.m_add_button span {
  color: #9f9f9f;
  font-size: 12px; }
.table_new_rl.m_message_box a.pdf {
  font-size: 14px;
  color: #4c637b;
  text-decoration: underline;
  line-height: 28px;
  min-height: 28px; }
.table_new_rl.m_message_box a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.table_new_rl.m_message_box a.pdf .m_download {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 38px;
  height: 22px;
  border: 1px solid #7f8fa0;
  border-radius: 12px;
  background: url(../images/message/down.png) bottom center no-repeat;
  transition: all .1s; }
.table_new_rl.m_message_box a.pdf:hover .m_download {
  border: 1px solid #67ba2f;
  background: url(../images/message/down.png) top center no-repeat #67ba2f; }
.table_new_rl.m_message_box .m_icon_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.table_new_rl.m_message_box .m_icon_close:hover {
  opacity: .8; }
.table_new_rl.m_message_box .btn-send {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #7fc855;
  border: 1px solid #82b442;
  border-radius: 21px;
  color: #fff;
  font-size: 20px;
  padding: 0 56px;
  margin-top: 10px;
  transition: all .1s;
  box-shadow: 0 10px 24px -10px #5ba100; }
.table_new_rl.m_message_box .btn-send:hover {
  opacity: .8; }

.gantanhao {
  padding-left: 40px;
  margin-bottom: 16px;
  line-height: 20px;
  font-size: 16px;
  position: relative; }
.gantanhao .gth {
  position: absolute;
  margin-top: -10px;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  line-height: 21px;
  border-radius: 50%;
  text-align: center;
  background: #c6cbd1;
  color: #fff;
  font-weight: 600; }

.auto_inline_block {
  float: none !important;
  margin: 166px auto !important; }

.level_box.only_one {
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
  border-bottom: 1px solid #eee; }

.contract_temp_box {
  background: #f5f8f9;
  padding: 24px 0; }
.contract_temp_box .ct_title {
  line-height: 46px;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5; }
.contract_temp_box .ct_title > * {
  vertical-align: middle; }
.contract_temp_box .ct_title span {
  font-size: 20px;
  color: #1d1d26;
  min-width: 300px; }
.contract_temp_box .ct_title input {
  display: none;
  height: 46px;
  line-height: 46px;
  background: none;
  font-size: 18px;
  min-width: 300px; }
.contract_temp_box .ct_title i.edit {
  display: inline-block;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 10px;
  transition: all 0.1s; }
.contract_temp_box .ct_title i.edit:hover {
  opacity: .8; }
.contract_temp_box .center .ct_title span {
  font-size: 18px; }
.contract_temp_box .center .ct_title input {
  font-size: 17px; }
.contract_temp_box .ct_box {
  background: #fff;
  border-radius: 3px;
  padding: 20px 68px 40px;
  margin-top: 25px; }
.contract_temp_box .ct_box .ct_title {
  margin: 10px 0;
  max-width: 900px; }
.contract_temp_box .ct_box .ct_title span {
  font-size: 18px;
  color: #1d1d26; }
.contract_temp_box .ct_box .ct_title input {
  font-size: 17px; }
.contract_temp_box .ct_box h4 {
  color: #1d1d26;
  font-size: 18px;
  margin: 26px 0;
  font-weight: 400; }
.contract_temp_box .ct_box .ct_section {
  padding: 5px 20px;
  position: relative;
  margin: 5px 0; }
.contract_temp_box .ct_box .ct_section a.edit {
  display: none;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 18px;
  color: #ff4a0b;
  text-decoration: underline; }
.contract_temp_box .ct_box .ct_section:hover {
  background: #fff0e3;
  border-radius: 8px;
  padding-right: 60px; }
.contract_temp_box .ct_box .ct_section:hover a.edit {
  display: block; }
.contract_temp_box .ct_box .ct_section.move {
  border: 1px dashed #000; }
.contract_temp_box .ct_box .ct_section.move:hover {
  background: #fff;
  border-radius: 0;
  padding-right: 0px; }
.contract_temp_box .ct_box .ct_section.move:hover a.edit {
  display: none; }
.contract_temp_box .ct_box .ct_section.read_only a.edit {
  color: #1d1d26;
  text-decoration: none; }
.contract_temp_box .ct_box .ct_section.read_only:hover {
  background: #f1f1f1;
  padding-right: 120px; }
.contract_temp_box .ct_box p {
  color: #1d1d26;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0; }
.contract_temp_box .ct_box p.submit_p {
  margin: 30px 0; }
.contract_temp_box .ct_box p.submit_p .btn {
  min-width: 150px; }
.contract_temp_box .ct_box table {
  margin: 10px 0; }
.contract_temp_box .ct_box table td {
  font-size: 14px;
  line-height: 20px;
  min-width: 230px; }
.contract_temp_box .ct_box table.auto_table_td td {
  min-width: 10px;
  text-align: center;
  padding: 0 5px; }
.contract_temp_box .ct_box .ct_foot_box {
  padding: 10px 20px;
  color: #1d1d26;
  font-size: 14px;
  line-height: 30px; }
.contract_temp_box .ct_box .ct_foot_box button.add {
  position: relative;
  margin-left: 3px;
  width: 26px;
  height: 26px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 10px; }
.contract_temp_box .ct_box .ct_foot_box button.add:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 12px;
  top: 6px;
  width: 1px;
  height: 13px; }
.contract_temp_box .ct_box .ct_foot_box button.add:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 6px;
  top: 12px;
  width: 13px;
  height: 1px; }
.contract_temp_box .ct_box .ct_foot_box span.underline {
  text-decoration: underline;
  color: #cacacb;
  white-space: pre; }
.contract_temp_box .ct_box .ct_foot_box span + .underline {
  margin-left: 8px; }

.ct_input_p {
  padding: 0 11px; }
.ct_input_p input {
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
  color: #1d1d26 !important;
  margin: 0 !important;
  border-color: #ccc !important; }

.ct_editor {
  margin: 16px; }

#editor * {
  box-sizing: border-box !important; }

.ui-state-highlight {
  height: 60px;
  background: #fff0e3;
  opacity: .4;
  border: 1px solid #fff0e3;
  border-radius: 8px; }

.w-e-toolbar {
  display: none !important; }

.w-e-text-container {
  border-top: 1px solid #ccc !important;
  border-radius: 6px;
  padding: 10px 0; }
.w-e-text-container:hover, .w-e-text-container:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }

.w-e-text {
  overflow-y: auto !important; }

#sortable {
  width: 100%; }
#sortable .ct_section {
  margin: 5px auto;
  cursor: move; }

.fs_16 {
  font-size: 16px; }

.fs_15 {
  font-size: 15px; }

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

.fs_13 {
  font-size: 13px !important; }

.fs_12 {
  font-size: 12px; }

.file_box {
  padding: 20px 10px 10px; }
.file_box a {
  color: #4c637b;
  line-height: 25px;
  display: inline-block;
  color: #4c637b;
  text-decoration: underline; }
.file_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.file_box a.pdf {
  padding-left: 36px;
  background: url(../images/proposal/pdf.svg) left center no-repeat;
  background-size: 20px; }

.btn_grop {
  color: #fff;
  line-height: 30px;
  display: inline-block;
  background: #7fc855;
  height: 30px;
  border: 1px solid #7fb23d;
  border-radius: 15px;
  padding: 0 50px;
  box-shadow: 0 8px 10px -8px #5ba100;
  margin-left: 10px; }
.btn_grop:hover {
  opacity: .8; }

.bg_text_f2 {
  background: #f2f6fa;
  height: 50px;
  line-height: 20px;
  width: 80%;
  margin-bottom: 20px;
  border-radius: 4px;
  margin-left: 10px;
  border: 0;
  padding: 15px; }

.close01 {
  display: inline-block;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.close01:hover {
  opacity: .8; }

.color_93 {
  color: #939393; }

.color_f6 {
  color: #ff6600; }

.color_red {
  color: red; }

.color_44 {
  color: #444448; }

.color_1d {
  color: #1d1d26; }

.color_ff {
  color: #fff; }

.pay_detail_box01 {
  background: #fefbf7;
  padding: 20px 20px 30px; }
.pay_detail_box01 table {
  margin-top: 14px;
  width: 100%; }
.pay_detail_box01 table th {
  background: #f1ad63;
  font-weight: 400;
  height: 20px;
  line-height: 20px; }
.pay_detail_box01 table th[align=right] {
  padding-right: 10px; }
.pay_detail_box01 table td {
  line-height: 30px;
  padding: 10px 0; }
.pay_detail_box01 table td[align=right] {
  padding-right: 10px; }

.hr5 {
  height: 2px;
  border-top: 4px solid #f1ad63;
  border-bottom: 1px solid #f1ad63; }

.pd_ul {
  padding: 30px 0 50px;
  text-align: center; }
.pd_ul li {
  display: inline-block;
  vertical-align: top;
  width: 140px; }
.pd_ul li span {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #6a696f;
  margin-bottom: 6px; }

.btn_red_smail {
  height: 20px;
  display: inline-block;
  padding: 0 16px;
  border-radius: 10px;
  background: #f06000;
  font-weight: 300;
  line-height: 21px;
  cursor: pointer; }

.btn_blue_smail {
  height: 20px;
  display: inline-block;
  padding: 0 14px;
  border-radius: 10px;
  background: #94a7bc;
  font-weight: 300;
  line-height: 21px;
  font-size: 14px;
  cursor: pointer; }
.btn_blue_smail:hover {
  background: #67ba2f; }

.show3line_box {
  padding-bottom: 10px;
  overflow: hidden; }
.show3line_box::-webkit-scrollbar {
  height: 16px; }
.show3line_box > div {
  max-height: 72px;
  transition: all .3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden; }
.show3line_box > div::-webkit-scrollbar {
  width: 6px; }
.show3line_box > div::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #e9eff4; }
.show3line_box > div::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #f06000; }
.show3line_box.act > div {
  max-height: 500px;
  overflow: auto; }
.show3line_box.act .btn_red_smail {
  display: none; }

.con_manag_table {
  line-height: 30px;
  font-size: 16px;
  width: 100%; }

#contract_window td {
  min-width: 160px;
  font-size: 17px; }
#contract_window td p.m_add_button {
  margin: 0 0 10px; }

.finance_option_box {
  transition: all .5s;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #e4e4e4;
  position: relative; }
.finance_option_box br {
  line-height: 15px; }
.finance_option_box .edit {
  display: none;
  position: absolute;
  text-align: right;
  right: 0;
  top: 20px; }
.finance_option_box .edit button {
  height: 32px;
  padding: 0 10px;
  margin-right: 10px;
  text-align: center;
  width: 80px;
  border-radius: 16px;
  border: 1px solid #c3cad0;
  background-color: #f4f5f7;
  vertical-align: middle; }
.finance_option_box .edit button:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 32px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 9px;
  margin-right: 4px; }
.finance_option_box .edit .move_up:before {
  background-image: url(../user1.2/Proposal/images/up.png); }
.finance_option_box .edit .move_down:before {
  background-image: url(../user1.2/Proposal/images/down.png); }
.finance_option_box .edit .del {
  margin-right: 16px;
  vertical-align: middle;
  cursor: pointer; }
.finance_option_box .edit .del:hover {
  opacity: .8; }
.finance_option_box:hover .edit {
  display: block; }
.finance_option_box:first-child .move_up {
  display: none; }
.finance_option_box:last-child .move_down {
  display: none; }

.proposal_box .pm_box .table_box .div_row_right p input {
  margin: 0; }

.template_list_box {
  margin: 25px -25px 5px 10px; }
.template_list_box li {
  float: left;
  width: 274px;
  height: 282px;
  margin-bottom: 25px;
  margin-right: 25px;
  transition: all .1s;
  font-size: 16px;
  line-height: 20px; }
.template_list_box li.template {
  box-shadow: 0 4px 5px 0px #d5dade; }
.template_list_box li.template:hover {
  box-shadow: 0 16px 22px -2px #a0a7ac; }
.template_list_box li.template:hover p, .template_list_box li.template:hover .default {
  display: block; }
.template_list_box li .tem {
  height: 202px;
  padding: 15px 15px 0; }
.template_list_box li .tem a:hover {
  opacity: 1; }
.template_list_box li .tem i.number {
  position: absolute;
  right: 7px;
  z-index: 2;
  top: 7px;
  font-weight: 500;
  font-size: 20px;
  color: #fff; }
.template_list_box li .tem .default {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: -5px;
  background: #969c9c;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 9px;
  color: #fff;
  font-size: 12px; }
.template_list_box li .tem .default span {
  display: inline-block;
  position: relative;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: text-top;
  margin-right: 4px; }
.template_list_box li .tem .default.act {
  background: #f46d44;
  display: block; }
.template_list_box li .tem .default.act span:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px; }
.template_list_box li .tem p {
  display: none;
  padding: 8px 26px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6); }
.template_list_box li .tem p a {
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
.template_list_box li .f_16 {
  color: #000;
  display: table;
  height: 65px;
  width: 100%; }
.template_list_box li .f_16 div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 10px; }
.template_list_box li.tem1 .tem, .template_list_box li.tem2 .tem, .template_list_box li.tem3 .tem, .template_list_box li.tem4 .tem, .template_list_box li.tem5 .tem {
  position: relative; }
.template_list_box li.tem1 .tem:before, .template_list_box li.tem2 .tem:before, .template_list_box li.tem3 .tem:before, .template_list_box li.tem4 .tem:before, .template_list_box li.tem5 .tem:before {
  position: absolute;
  z-index: 1;
  content: "";
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #68b4e6;
  border-left: 50px solid transparent; }
.template_list_box li.tem1 .tem {
  background: #d2daf3; }
.template_list_box li.tem2 .tem {
  background: #c8e8f0; }
.template_list_box li.tem3 .tem {
  background: #f1d6c4; }
.template_list_box li.tem4 .tem {
  background: #dceeca; }
.template_list_box li.tem5 .tem {
  background: #f1ebc9; }
.template_list_box li .add_box button {
  margin-top: 90px; }

.add_box {
  text-align: center; }
.add_box button {
  margin-bottom: 16px;
  width: 74px;
  height: 74px;
  background: #f6f9fb;
  border: 1px solid #e8e8e8;
  position: relative; }
.add_box button:before, .add_box button:after {
  position: absolute;
  content: "";
  background: #404040; }
.add_box button:before {
  left: 19px;
  top: 36px;
  height: 2px;
  width: 36px; }
.add_box button:after {
  top: 19px;
  left: 36px;
  width: 2px;
  height: 36px; }

.sign_table {
  padding: 20px 10px; }

.sign_td {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 3px 0 #e8e8e8;
  width: 428px;
  height: 140px;
  padding: 30px 0;
  position: relative; }
.sign_td img {
  max-width: 100%; }
.sign_td .add_box {
  position: absolute;
  padding-top: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); }
.sign_td .add_box p {
  color: #fff; }
.sign_td p.f_14 {
  position: absolute;
  bottom: 0;
  line-height: 36px;
  font-size: 14px;
  left: 0;
  color: #fff;
  cursor: pointer;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }
.sign_td:hover .hasSign + p.f_14 {
  display: block; }
.sign_td canvas {
  max-width: 282px; }
.sign_td canvas + canvas {
  max-width: 130px; }

.li_p6 {
  padding-left: 17px;
  font-weight: 500;
  font-size: 16px;
  color: #1d1d26;
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative; }
.li_p6:before {
  position: absolute;
  content: "";
  background: #9aa7b5;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -3px; }

.right680 .dollar input, .right680 .percentage input {
  font-weight: 500; }
.right680 span.block {
  position: absolute;
  padding: 0 18px;
  line-height: 22px;
  font-size: 16px;
  visibility: hidden;
  margin-top: -66px;
  width: 332px; }

.underline {
  text-decoration: underline; }

.color_4c {
  color: #4c637b; }

.color_ff5 {
  color: #ff5900; }

.f_22 {
  font-size: 22px; }

.scale8 {
  transform: scale(0.8); }

.pad_v5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pad_v8 {
  padding-top: 8px;
  padding-bottom: 8px; }

.pad_bot_20 {
  padding-bottom: 20px; }

.pdf_box.pad_bot_20 {
  padding-bottom: 10px; }

.mar_left_0 {
  margin-left: 0; }

.mar_bot_26 {
  margin-bottom: 26px; }

.f_14 {
  font-size: 14px; }

.f_16 {
  font-size: 16px; }

.color_4c {
  color: #4c637b; }

.uppercase {
  text-transform: uppercase; }

.line_18 {
  line-height: 18px; }

.note_list {
  width: 100%; }
.note_list td {
  vertical-align: top;
  padding-bottom: 15px; }
.note_list td:first-child {
  width: 135px; }
.note_list td .note_state {
  position: relative;
  height: 24px;
  line-height: 26px;
  border-radius: 12px;
  width: 110px;
  padding-left: 8px;
  margin-right: 15px;
  text-align: center; }
.note_list td .note_state:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 7px;
  top: 50%;
  margin-top: -6px; }
.note_list td .note_state.admin {
  background: #eaffe7;
  color: #3bc318; }
.note_list td .note_state.admin:before {
  background: #3bc318; }
.note_list td .note_state.installer {
  background: #fefbf7;
  color: #f06000; }
.note_list td .note_state.installer:before {
  background: #f06000; }
.note_list td .note_state.system {
  background: #f1faff;
  color: #4eb1f9; }
.note_list td .note_state.system:before {
  background: #4eb1f9; }
.note_list td p {
  margin-top: 2px; }
.note_list tr:first-child td {
  padding-top: 8px; }

.red_point {
  position: absolute;
  content: "";
  right: 8px;
  border-radius: 50%;
  top: -2px;
  width: 7px;
  height: 7px;
  background: #ec582c; }

.relative {
  position: relative; }

.pad_bot_0 {
  padding-bottom: 0; }

.pad_v0 {
  padding-top: 0;
  padding-bottom: 0; }

.fw400 {
  font-weight: 400; }

a.hover:hover {
  color: #87ba45;
  text-decoration: underline; }

.ver_middle {
  vertical-align: middle; }

.max_h200 {
  max-height: 200px;
  overflow-y: auto; }
.max_h200::-webkit-scrollbar {
  width: 10px; }
.max_h200::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #eee; }
.max_h200::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #5e99c5; }

.topborder_box + .level_box ul, .level_box ul {
  width: 1200px; }
.topborder_box + .level_box ul.mini, .level_box ul.mini {
  padding-left: 120px; }

@media (min-width: 1380px) {
  .user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box {
    width: auto; } }
@media (min-width: 700px) {
  .user_box > .auto_width {
    width: 100%;
    max-width: 1860px;
    min-width: 1200px;
    display: table; }
  .user_box > .auto_width > .user_right {
    width: auto; } }
@media (min-width: 1000px) {
  .box.notice_box .auto_width {
    width: 100%;
    max-width: 1860px;
    min-width: 1200px; }

  .topborder_box + .level_box ul, .level_box ul {
    display: block;
    padding-left: 299px;
    width: 100%;
    box-sizing: border-box;
    min-width: 1200px;
    max-width: 1860px;
    box-sizing: border-box; }

  .user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding {
    width: 100%; }
  .user_box .user_right .ur_body .ur_middle .block_box .detail_box, .user_box .user_right .ur_body .ur_middle .block_box ul.messageId li .m_cont {
    width: 100%;
    box-sizing: border-box; }

  .user_box .user_right .ur_body.right_body .ur_middle {
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%; }

  .contract_body {
    width: 100%;
    box-sizing: border-box; }
  .contract_body .a_left, .contract_body .a_left2 {
    width: 40%; }
  .contract_body p.a_row span:last-child {
    width: 60%; }
  .contract_body .a_right p.last_child {
    box-sizing: border-box; }

  .chart_box {
    width: auto; }

  .chart_box div.talbe_statistics table {
    min-width: 100%; } }

/*# sourceMappingURL=user1.2.css.map */
@charset "UTF-8";
.word_break {
  word-break: break-all;
  word-wrap: break-word; }

a {
  color: inherit; }

.over_flow {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.check_icon {
  cursor: pointer;
  display: inline-block;
  border: 1px solid #D5E0E8;
  border-radius: 2px;
  background: #F5F9FB;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin: 0 5px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.check_icon.act {
  background: url("../images/epc/check_icon.svg") center center no-repeat #f6f9fb;
  background-size: 12px; }

.epc_banner {
  width: 100%;
  height: 420px;
  background: url("../images/epc/banner.jpg") center top no-repeat; }

.epc_body {
  padding-top: 22px; }
.epc_body hr {
  border-bottom: none;
  border-top: 1px solid #eee;
  clear: both; }

.epc_left {
  float: left;
  width: 780px;
  padding-right: 40px; }
.epc_left > h2 {
  font: 500 30px/40px "Roboto";
  padding: 30px 150px 30px 0;
  position: relative; }
.epc_left > h2 .logo {
  display: inline-block;
  height: 36px;
  width: 110px;
  vertical-align: middle;
  background: url("../images/epc/logo-vip.png") center center no-repeat;
  background-size: 106px;
  position: absolute;
  top: 32px;
  right: 10px; }
.epc_left > h2 .vip {
  display: inline-block;
  height: 36px;
  width: 40px;
  vertical-align: middle;
  background: url("../images/epc/hz.png") center center no-repeat;
  background-size: 36px; }
.epc_left .left_img {
  display: inline-block;
  width: 220px;
  height: auto;
  text-align: center;
  border: 1px solid #e6e6e6;
  vertical-align: top;
  padding: 10px; }
.epc_left .left_img img {
  width: 220px;
  height: 160px; }
.epc_left .right_cont {
  padding-left: 26px;
  display: inline-block;
  width: 500px; }
.epc_left .right_cont .icon_cont {
  color: #1d1d26;
  font-size: 14px;
  padding: 0 0 0 24px;
  margin: 20px 0;
  line-height: 24px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  overflow: hidden;
  max-height: 144px; }
.epc_left .right_cont .icon_cont i {
  position: absolute;
  width: 14px;
  height: 14px;
  background: url("../images/epc/icon_cont.png") center center no-repeat;
  background-size: 8px;
  border: 1px solid #FFAB43;
  border-radius: 50%;
  margin-left: -24px;
  vertical-align: middle; }
.epc_left .right_cont .icon_cont + a {
  margin-left: 24px; }
.epc_left .right_cont a.tel {
  display: block;
  line-height: 24px;
  background: url("../images/epc/tel.svg") no-repeat;
  background-size: 24px;
  font-size: 18px;
  color: #313131;
  padding-left: 34px;
  margin: 26px 0; }
.epc_left .p2 {
  color: #1d1d26;
  line-height: 24px;
  font-size: 14px;
  margin: 8px 0 18px;
  font-weight: 300;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  overflow: hidden;
  max-height: 120px;
  transition: all 1s; }
.epc_left .p2 + a {
  display: none;
  color: #64CC3F;
  text-transform: uppercase;
  font-weight: 500;
  margin: 12px 0 28px;
  font-size: 12px; }
.epc_left .p2 + a:hover {
  text-decoration: underline; }
.epc_left .all {
  max-height: 1000px !important;
  -webkit-line-clamp: 100 !important; }
.epc_left .title2 {
  padding: 28px 0 10px; }
.epc_left .title2 i {
  color: #ec723a;
  line-height: 32px;
  font-size: 30px;
  font-style: italic;
  font-weight: 300; }
.epc_left .title2.customer {
  padding-bottom: 30px; }
.epc_left .title2.customer strong {
  font-size: 20px;
  color: #1d1d26;
  font-weight: 500; }
.epc_left .title2.customer span {
  color: #616161;
  font-size: 14px;
  margin: 0 10px; }
.epc_left .title2.customer span.act {
  color: #87ba45; }
.epc_left .title2.customer a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.epc_left .title2.customer a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.epc_left .title2.customer div {
  background: url("../images/epc/icon0.png") left center no-repeat;
  padding-left: 18px;
  float: right; }
.epc_left .title2.customer div.nobg {
  background: none; }
.epc_left .title2.customer div.nobg .prompt_message:hover {
  color: #fff; }
.epc_left .title2.customer div button {
  background: #7cbf31;
  height: 32px;
  width: 110px;
  font-size: 14px;
  color: #fff;
  border-radius: 3px; }
.epc_left .p_service {
  padding: 30px 0; }
.epc_left .p_service a {
  display: inline-block;
  text-align: center;
  width: 150px;
  min-height: 145px;
  vertical-align: top;
  color: #7b7b7b;
  font-size: 16px;
  line-height: 36px;
  font-weight: 300;
  /*.la {
          background: url("../images/epc/la.svg") top center no-repeat;
          background-size: 100%;
      }
      .wd {
          background: url("../images/epc/wd.svg") top center no-repeat;
          background-size: 100%;
      }
      .li {
          background: url("../images/epc/li.svg") top center no-repeat;
          background-size: 100%;
      }
      .kb {
          background: url("../images/epc/kb.svg") top center no-repeat;
          background-size: 100%;
      }
      .shw {
          background: url("../images/epc/shw.svg") top center no-repeat;
          background-size: 100%;
      }*/ }
.epc_left .p_service a span {
  font-size: 14px;
  display: block;
  color: #fff;
  line-height: 110px;
  width: 110px;
  height: 110px;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/epc/la.svg"); }
.epc_left .p_photos {
  padding: 30px 0 40px;
  overflow: hidden; }
.epc_left .p_photos a {
  position: relative;
  width: 240px;
  height: 180px;
  float: left;
  margin: 8px;
  overflow: hidden; }
.epc_left .p_photos a img {
  width: 240px;
  height: 180px; }
.epc_left .p_photos a span {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  transition: all 0.5s; }
.epc_left .p_photos a .number {
  top: 6px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.epc_left .p_photos a .cont {
  bottom: 0;
  left: 0;
  width: 228px;
  line-height: 18px;
  padding: 6px;
  height: 31px;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis; }
.epc_left .customer_box li {
  border-bottom: 1px dashed #dcdcdc;
  padding: 26px 2px;
  font-size: 14px; }
.epc_left .customer_box li:first-child {
  border-top: 1px dashed #dcdcdc; }
.epc_left .customer_box li h4 {
  font-size: 20px;
  color: #1d1d26;
  line-height: 38px;
  font-weight: 500; }
.epc_left .customer_box li h4 + p {
  padding: 16px 0;
  line-height: 22px; }
.epc_left .customer_box li h4 + p i {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: top;
  margin: 0 3px;
  background: url("../images/icons/star0.svg");
  background-size: 100%; }
.epc_left .customer_box li h4 + p i.act {
  background: url("../images/icons/star1.svg");
  background-size: 100%; }
.epc_left .customer_box li h4 + p strong {
  margin: 0 3px; }
.epc_left .customer_box li h4 + p span {
  color: #858585;
  width: auto;
  background: none; }
.epc_left .customer_box li h6 {
  margin: 0;
  height: 28px; }
.epc_left .customer_box li h6 a {
  display: none;
  color: #47474d;
  font-size: 12px;
  line-height: 28px; }
.epc_left .customer_box li h6 a:hover {
  color: #5ea32f; }
.epc_left .customer_box li .content {
  color: #1d1d26;
  line-height: 26px; }
.epc_left .customer_box li .icons {
  padding: 16px 0 10px; }
.epc_left .customer_box li .icons.hover button {
  cursor: pointer; }
.epc_left .customer_box li .icons.hover button.useful:hover {
  background-image: url("../images/epc/dp1.png");
  background-color: #e0662a;
  border-color: #b55120;
  color: #fff; }
.epc_left .customer_box li .icons.hover button.funny:hover {
  background-image: url("../images/epc/xl1.png");
  background-color: #5fa430;
  border-color: #447620;
  color: #fff; }
.epc_left .customer_box li .icons.hover button.cool:hover {
  background-image: url("../images/epc/yj1.png");
  background-color: #4096e5;
  border-color: #337ab9;
  color: #fff; }
.epc_left .customer_box li .icons button {
  border: 1px solid #d2d2d2;
  height: 30px;
  border-radius: 3px;
  color: #454545;
  font-size: 12px;
  width: 96px;
  padding-left: 25px;
  background-color: #fbfbfb;
  background-repeat: no-repeat;
  background-position: 10px center;
  margin-right: 8px;
  vertical-align: middle;
  cursor: auto; }
.epc_left .customer_box li .icons button:hover {
  opacity: 1; }
.epc_left .customer_box li .icons button.useful {
  background-image: url("../images/epc/dp0.png"); }
.epc_left .customer_box li .icons button.funny {
  background-image: url("../images/epc/xl0.png"); }
.epc_left .customer_box li .icons button.cool {
  background-image: url("../images/epc/yj0.png"); }
.epc_left .search_box_body {
  padding: 20px;
  text-align: right; }
.epc_left .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.epc_left .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.epc_left .search_box_body .search_box {
  background: none; }
.epc_left .search_box_body .search_box + p {
  display: none;
  font-size: 14px;
  color: #1e1e1e;
  text-align: left; }
.epc_left .search_box_body .search_box + p .keyword {
  color: #f8551c; }
.epc_left .star_box span {
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 3px;
  background: url("../images/icons/star0.svg");
  background-size: 100%;
  vertical-align: middle; }
.epc_left .star_box span.act, .epc_left .star_box span.hover {
  background: url("../images/icons/star1.svg");
  background-size: 100%; }
.epc_left .star_box span:first-child {
  margin-left: 0; }
.epc_left .star_box a {
  display: inline;
  text-transform: lowercase;
  vertical-align: middle;
  text-decoration: underline;
  color: #424242;
  font-size: 12px;
  margin: 0 5px;
  font-weight: 300; }

.no_data_upload, .no_data_add {
  width: 100%;
  height: 100%;
  margin: 16% 0 26%;
  text-align: center;
  vertical-align: middle; }
.no_data_upload.no_data_add, .no_data_add.no_data_add {
  margin: 18% 0 10%; }
.no_data_upload > a, .no_data_add > a {
  display: inline-block;
  width: 120px;
  height: 120px;
  line-height: 150px;
  background: url("../images/epc/add_upload.svg") center 32px no-repeat #78C52C;
  background-size: 24px;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  transition: all 0.3s; }
.no_data_upload > a.no_bg, .no_data_add > a.no_bg {
  line-height: 120px;
  background: #78C52C; }
.no_data_upload > a:hover, .no_data_add > a:hover {
  opacity: 0.8; }
.no_data_upload > p, .no_data_add > p {
  color: #666;
  font-size: 14px;
  line-height: 24px;
  margin-top: 30px; }

.epc_right {
  float: left;
  width: 380px; }
.epc_right > .epc_right_top {
  margin-top: 20px;
  text-align: center; }
.epc_right > .epc_right_top > img {
  margin: 0 10px; }
.epc_right > .epc_right_list {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  padding: 28px;
  margin-top: 30px; }
.epc_right > .epc_right_list li {
  padding: 20px 0; }
.epc_right > .epc_right_list h4 {
  font-size: 20px;
  color: #eb723a;
  line-height: 36px;
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 8px;
  font-weight: 400; }
.epc_right > .epc_right_list p {
  font-size: 16px;
  color: #5e6366;
  line-height: 24px;
  word-break: break-all;
  word-wrap: break-word;
  font-weight: 300; }
.epc_right > .epc_right_list p a {
  color: inherit;
  text-decoration: underline; }
.epc_right > .epc_right_list p strong {
  font-size: 20px;
  font-weight: 400; }
.epc_right > .epc_right_box {
  border: 1px solid #f1f1f1;
  border-radius: 6px;
  box-shadow: 0 -5px 6px 2px #f1f1f1;
  padding: 28px;
  margin-top: 30px; }
.epc_right > .epc_right_box li {
  padding: 20px 0; }
.epc_right > .epc_right_box h4 {
  font-size: 20px;
  color: #eb723a;
  line-height: 36px;
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 8px; }
.epc_right > .epc_right_box p {
  font-size: 16px;
  color: #5e6366;
  line-height: 24px; }
.epc_right .adv img {
  max-width: 100%; }
.epc_right .right_shadow_box {
  margin-top: 20px;
  width: 318px;
  box-shadow: 0 7px 9px 0px #e8e8e8;
  border: 1px solid #f1f1f1;
  border-radius: 8px;
  padding: 36px 30px;
  font-size: 16px;
  margin-bottom: 50px; }
.epc_right .right_shadow_box h4 {
  font-size: 20px;
  font-weight: 400;
  color: #545655;
  line-height: 28px; }
.epc_right .right_shadow_box h4 i {
  display: block;
  text-align: center;
  font-size: 24px; }
.epc_right .right_shadow_box h4 + hr {
  border: 0;
  border-top: 3px solid #ed6f2d;
  width: 138px;
  margin: 12px auto; }
.epc_right .right_shadow_box p.cont {
  color: #5e6366;
  line-height: 24px;
  font-weight: 400;
  padding: 10px 0; }
.epc_right .right_shadow_box .button {
  display: block;
  background: #57a6ba;
  margin: 25px auto;
  width: 180px;
  height: 42px;
  line-height: 42px;
  text-align: center;
  color: #fff;
  border: 1px solid #509aad;
  border-radius: 3px; }
.epc_right .right_shadow_box .button:hover {
  opacity: 0.8; }
.epc_right .right_shadow_box hr.xx {
  border: 0;
  background: url("../images/epc/xuxian.png") repeat-x;
  height: 2px;
  margin: 20px -10px; }
.epc_right .right_shadow_box h5 {
  position: relative;
  color: #202020;
  font-size: 16px;
  padding-left: 30px;
  font-weight: 400; }
.epc_right .right_shadow_box h5 i {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  background: url("../images/finance/close.svg") center top no-repeat;
  cursor: pointer; }
.epc_right .right_shadow_box h5.act i {
  background: url("../images/finance/open.svg") center top no-repeat; }
.epc_right .right_shadow_box h5 + p.cont {
  padding-left: 30px;
  font-size: 14px;
  display: none;
  padding-top: 20px; }
.epc_right .right_shadow_box h5 + p.cont span {
  display: block;
  padding: 5px 0; }
.epc_right .right_shadow_box .question_mini_box {
  padding: 20px 0 50px; }
.epc_right .right_shadow_box .question_mini_box h4 {
  font-size: 20px;
  line-height: 24px;
  color: #eb723a;
  border-bottom: 1px dashed #e5e5e5;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 10px; }
.epc_right .right_shadow_box .question_mini_box p {
  font-size: 14px;
  color: #5e6366;
  line-height: 20px; }
.epc_right .right_shadow_box .remark_box {
  padding-top: 10px; }
.epc_right .right_shadow_box .remark_box p {
  color: #5e6366;
  font-size: 14px;
  line-height: 20px;
  padding: 5px 0; }

.epc_list {
  padding-top: 40px; }
.epc_list .list_top {
  position: relative;
  margin-top: 16px;
  background: url("../images/epc/ty.png") center bottom no-repeat;
  padding-bottom: 18px; }
.epc_list .list_top div {
  position: absolute;
  right: 0;
  top: 0; }
.epc_list .list_top div a {
  line-height: 32px;
  font-size: 12px;
  color: #7cbf31;
  margin-right: 12px; }
.epc_list .list_top div a:hover {
  text-decoration: underline; }
.epc_list .list_top div i {
  display: inline-block;
  height: 32px;
  width: 16px;
  vertical-align: top;
  background: url("../images/epc/icon0.png") left center no-repeat; }
.epc_list .list_top div button {
  background: #7cbf31;
  height: 32px;
  width: 70px;
  font-size: 14px;
  color: #fff;
  border-radius: 3px; }
.epc_list .list_top p {
  padding: 42px 0;
  color: #555;
  font-size: 14px;
  line-height: 24px; }
.epc_list h3 {
  font-size: 30px;
  line-height: 24px;
  text-align: center; }
.epc_list .epc_list_box li {
  border-bottom: 1px solid #eee;
  padding: 24px 60px 24px 8px;
  overflow: hidden; }
.epc_list .epc_list_box li:first-child {
  border-top: 1px solid #eee; }
.epc_list .epc_list_box .el_left {
  float: left;
  width: 140px; }
.epc_list .epc_list_box .el_left img {
  width: 110px;
  height: 80px;
  border: 1px solid #e6e6e6;
  padding: 5px;
  transition: all 0.3s; }
.epc_list .epc_list_box .el_left img:hover {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1); }
.epc_list .epc_list_box .el_right {
  margin-left: 140px;
  color: #1d1d26;
  overflow: hidden; }
.epc_list .epc_list_box .el_right h4 {
  line-height: 28px;
  font-size: 16px; }
.epc_list .epc_list_box .el_right h4 a {
  color: #1d1d26; }
.epc_list .epc_list_box .el_right h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_list .epc_list_box .el_right h4 i {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  margin: 0 4px; }
.epc_list .epc_list_box .el_right h4 i:first-child {
  margin-left: 30px; }
.epc_list .epc_list_box .el_right h4 i.vip {
  background: url("../images/epc/vip.svg") no-repeat;
  background-size: 100%; }
.epc_list .epc_list_box .el_right h4 i.logo {
  background: url("../images/epc/logo.png") no-repeat;
  background-size: 100%; }
.epc_list .epc_list_box .el_right .star_box {
  margin-bottom: 10px; }
.epc_list .epc_list_box .el_right .star_box i {
  width: 18px;
  height: 18px; }
.epc_list .epc_list_box .el_right .tel {
  float: right;
  line-height: 24px;
  background: url("../images/epc/tel.svg") no-repeat;
  background-size: 24px;
  font-size: 18px;
  color: #313131;
  padding-left: 34px;
  font-weight: 400; }
.epc_list .epc_list_box .el_right .lat, .epc_list .epc_list_box .el_right .cont {
  padding-left: 23px;
  font-size: 14px;
  line-height: 18px;
  margin: 5px 0; }
.epc_list .epc_list_box .el_right .lat a, .epc_list .epc_list_box .el_right .cont a {
  color: #7cbf31; }
.epc_list .epc_list_box .el_right .lat a:hover, .epc_list .epc_list_box .el_right .cont a:hover {
  text-decoration: underline; }
.epc_list .epc_list_box .el_right .lat {
  background: url("../images/epc/lat.png") no-repeat; }
.epc_list .epc_list_box .el_right .lat span:first-child {
  display: inline-block;
  width: 60%; }
.epc_list .epc_list_box .el_right .cont {
  background: url("../images/epc/lat2.png") no-repeat; }
.epc_list .epc_list_box .el_right .w380 {
  display: inline-block;
  width: 380px; }
.epc_list .epc_list_box .el_right .range {
  float: right;
  font-size: 12px;
  color: #666;
  font-weight: 300; }

.show_img_box {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 5;
  width: 100%;
  height: 100%;
  min-width: 1200px;
  background: #333; }
.show_img_box .si_top {
  position: relative;
  margin: 0 2%;
  border-bottom: 1px solid #575757;
  padding: 14px 0;
  width: 96%; }
.show_img_box .si_top .logo {
  display: block;
  float: left;
  padding-top: 6px; }
.show_img_box .si_top .logo img {
  max-height: 50px;
  max-width: 200px; }
.show_img_box .si_top .cont {
  text-align: left;
  float: left;
  height: 64px;
  border-left: 1px solid #5e5e5e;
  margin-left: 30px;
  padding-left: 30px;
  width: 50%;
  overflow: hidden; }
.show_img_box .si_top .cont h3 {
  color: #cacaca;
  width: 100%;
  font-size: 24px;
  line-height: 36px;
  font-weight: 400;
  height: 36px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.show_img_box .si_top .cont p {
  color: #8f8e8b;
  font-size: 18px; }
.show_img_box .si_top .img_box {
  position: absolute;
  top: 14px;
  right: 0; }
.show_img_box .si_top .img_box .img_box_out {
  display: inline-block;
  width: 310px;
  overflow: hidden;
  height: 62px; }
.show_img_box .si_top .img_box .img_box_out .img_box_in {
  transition: all 0.5s; }
.show_img_box .si_top .img_box img {
  vertical-align: middle;
  border: 1px solid #1b1b1b;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 8px; }
.show_img_box .si_top .img_box img.act {
  border: 3px solid #c8503b; }
.show_img_box .si_top .close {
  display: inline-block;
  cursor: pointer;
  width: 64px;
  height: 64px;
  background: url("../images/epc/close.png") center center no-repeat;
  border-left: 1px solid #5e5e5e;
  margin-left: 10px; }
.show_img_box .si_body {
  position: absolute;
  margin: 40px 0;
  height: 70%;
  width: 100%;
  text-align: center; }
.show_img_box .si_body .si_left, .show_img_box .si_body .si_right {
  position: absolute;
  width: 60px;
  height: 60px;
  border: 2px solid #5e5e5e;
  top: 50%;
  margin-top: -30px;
  border-radius: 50%;
  z-index: 3;
  cursor: pointer;
  transition: all 0.3s;
  background: url("../images/epc/left_jt.svg") center center no-repeat;
  background-size: 12px 20px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.show_img_box .si_body .si_left:hover, .show_img_box .si_body .si_right:hover {
  border: 2px solid #7cbf31;
  background: url("../images/epc/left_jt_act.svg") center center no-repeat;
  background-size: 12px 20px; }
.show_img_box .si_body .si_left.hide, .show_img_box .si_body .si_right.hide {
  opacity: 0.5;
  display: block; }
.show_img_box .si_body .si_left.hide:hover, .show_img_box .si_body .si_right.hide:hover {
  border: 2px solid #5e5e5e;
  background: url("../images/epc/left_jt.svg") center center no-repeat;
  background-size: 12px 20px; }
.show_img_box .si_body .si_left {
  left: 10%; }
.show_img_box .si_body .si_right {
  right: 10%;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.show_img_box .si_body img {
  max-width: 1200px;
  max-height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.show_img_box .bot {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 100px; }
.show_img_box .bot > .cont {
  width: 1200px;
  margin: 0 auto; }
.show_img_box .bot > .cont div {
  position: relative;
  float: right;
  margin: 28px 46px 0 0;
  width: 50px;
  height: 50px;
  background: url("../images/epc/xiexian.svg") right bottom no-repeat;
  line-height: 30px; }
.show_img_box .bot > .cont div strong {
  position: absolute;
  font-weight: 300;
  font-size: 66px;
  color: #bcbcbc;
  bottom: 40px;
  right: 20px; }
.show_img_box .bot > .cont div span {
  position: absolute;
  color: #8f8e8b;
  font-size: 18px;
  left: 28px;
  top: 18px; }
.show_img_box .bot p {
  display: inline-block;
  font-size: 16px;
  color: #989898;
  line-height: 24px;
  width: 980px; }

label.error {
  display: block;
  line-height: 20px;
  font-size: 12px;
  color: red; }

.comment .comment_top {
  text-align: center;
  border-bottom: 2px solid #ff9231;
  padding: 12px 0 20px;
  margin-bottom: 20px;
  position: relative; }
.comment .comment_top:after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #ff9231; }
.comment .comment_top > * {
  display: inline-block;
  vertical-align: middle; }
.comment .comment_top > img {
  width: 70px;
  height: 50px;
  border: 1px solid #e6e6e6;
  padding: 5px; }
.comment .comment_top > p {
  margin: 0 26px;
  font-size: 24px;
  color: #1d1d26; }
.comment .comment_top > i {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  margin: 0 5px; }
.comment .comment_top > i.vip {
  background: url("../images/epc/vip.svg") no-repeat;
  background-size: 100%; }
.comment .comment_top > i.logo {
  background: url("../images/epc/logo.png") no-repeat;
  background-size: 100%; }
.comment .comment_top + .title2 {
  padding: 10px 0 18px; }
.comment .comment_body {
  padding-bottom: 20px; }
.comment .comment_body h4 {
  font-size: 18px;
  line-height: 24px;
  color: #1d1d26;
  padding: 15px 0;
  font-weight: 500; }
.comment .comment_body h4 sup {
  color: #e31800; }
.comment .comment_body .cont {
  padding-bottom: 20px; }
.comment .comment_body .cont .star_box {
  padding: 10px 0 10px 72px; }
.comment .comment_body .cont .star_box i {
  margin: 0 6px; }
.comment .comment_body .cont .star_box span {
  margin-left: 42px;
  color: #666;
  width: auto;
  background: none;
  font-size: 14px; }
.comment .comment_body .cont > input, .comment .comment_body .cont > textarea {
  width: 678px;
  border: 1px solid #ddd;
  height: 42px;
  border-radius: 7px;
  padding: 0 20px;
  font-size: 16px; }
.comment .comment_body .cont > input:hover, .comment .comment_body .cont > input:focus, .comment .comment_body .cont > textarea:hover, .comment .comment_body .cont > textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.comment .comment_body .cont > input {
  height: 40px; }
.comment .comment_body .cont > textarea {
  padding: 10px 20px;
  line-height: 24px;
  height: 100px;
  overflow: hidden; }
.comment .comment_body p.checkbox {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 20px;
  padding: 60px 0 40px; }
.comment .comment_body p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.comment .comment_body button[type=submit] {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }

.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 3px 5px 3px 0; }

.star_box i {
  display: inline-block;
  cursor: pointer;
  width: 24px;
  height: 24px;
  margin: 0 3px;
  background: url("../images/epc/star0.svg");
  background-size: 100%;
  vertical-align: middle;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -khtml-user-select: none;
  user-select: none; }
.star_box#color5 i.act, .star_box#color5 i.hover, .star_box#color5 span.act, .star_box#color5 span.hover {
  background: url("../images/epc/star2.svg");
  background-size: 100%; }
.star_box#color5 i.none, .star_box#color5 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color4 i.act, .star_box#color4 i.hover, .star_box#color4 span.act, .star_box#color4 span.hover {
  background: url("../images/epc/star1.svg");
  background-size: 100%; }
.star_box#color4 i.none, .star_box#color4 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color3 i.act, .star_box#color3 i.hover, .star_box#color3 span.act, .star_box#color3 span.hover {
  background: url("../images/epc/star3.svg");
  background-size: 100%; }
.star_box#color3 i.none, .star_box#color3 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color2 i.act, .star_box#color2 i.hover, .star_box#color2 span.act, .star_box#color2 span.hover {
  background: url("../images/epc/star4.svg");
  background-size: 100%; }
.star_box#color2 i.none, .star_box#color2 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }
.star_box#color1 i.act, .star_box#color1 i.hover, .star_box#color1 span.act, .star_box#color1 span.hover {
  background: url("../images/epc/star5.svg");
  background-size: 100%; }
.star_box#color1 i.none, .star_box#color1 span.none {
  background: url("../images/epc/star0.svg");
  background-size: 100%; }

#star_remark_window {
  display: none;
  position: absolute;
  z-index: 5;
  background: rgba(0, 0, 0, 0.9);
  width: 245px;
  height: auto;
  text-align: center;
  border-radius: 6px;
  padding: 6px; }
#star_remark_window #cont {
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
#star_remark_window #sj {
  position: absolute;
  left: 120px;
  bottom: -10px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 11px solid transparent;
  border-right: 11px solid transparent;
  border-top: 11px solid rgba(0, 0, 0, 0.9); }

.user_cont + .footer_box {
  margin-top: 0; }
.user_cont .table1.no_border {
  border: none; }
.user_cont .table1.no_border .table_head {
  border-bottom: none; }
.user_cont .epc_list {
  padding: 35px;
  background: #fff;
  border: 1px solid #e4e4e4; }
.user_cont .epc_list .epc_left {
  float: none;
  width: auto;
  padding-right: 0px; }
.user_cont .epc_list .epc_left .business_valuation {
  background: #f9f9f9;
  padding: 50px 34px 30px;
  margin-bottom: 20px; }
.user_cont .epc_list .epc_left .business_valuation > p {
  font-size: 14px;
  color: #222;
  line-height: 24px; }
.user_cont .epc_list .epc_left .business_valuation > div {
  padding: 5px 0 20px; }
.user_cont .epc_list .epc_left .business_valuation > div p {
  display: inline-block; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box {
  width: 36%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/icons/star0.svg);
  background-size: 100%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_box i.act {
  background: url(../images/icons/star1.svg);
  background-size: 100%; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right {
  width: 62%;
  vertical-align: middle; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right strong {
  display: inline-block;
  min-width: 86px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: right;
  margin-right: 10px; }
.user_cont .epc_list .epc_left .business_valuation > div .star_right span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #f9f9f9;
  font-weight: 300;
  height: 16px;
  width: 0;
  vertical-align: middle;
  transition: all 1s ease-in-out; }
.user_cont .epc_list .epc_left .business_valuation > div #color5 + .star_right span {
  background: #d32323; }
.user_cont .epc_list .epc_left .business_valuation > div #color4 + .star_right span {
  background: #f15c4f; }
.user_cont .epc_list .epc_left .business_valuation > div #color3 + .star_right span {
  background: #ff9242; }
.user_cont .epc_list .epc_left .business_valuation > div #color2 + .star_right span {
  background: #fec011; }
.user_cont .epc_list .epc_left .business_valuation > div #color1 + .star_right span {
  background: #f2bd79; }
.user_cont .epc_list .basic_sutup .bs_left {
  vertical-align: top;
  display: inline-block;
  width: 522px;
  margin-right: 36px; }
.user_cont .epc_list .basic_sutup .f_s18 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #272727; }
.user_cont .epc_list .basic_sutup .f_s18 strong {
  font-weight: 500; }
.user_cont .epc_list .basic_sutup .f_s18 sup {
  color: #e31800; }
.user_cont .epc_list .basic_sutup .bs_row {
  position: relative;
  padding: 6px 0 30px; }
.user_cont .epc_list .basic_sutup .bs_row.mini > input {
  max-width: 500px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a {
  width: 360px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a a {
  height: 40px;
  line-height: 40px;
  padding-left: 18px; }
.user_cont .epc_list .basic_sutup .bs_row .select_a li {
  line-height: 40px;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .bs_row .img_up {
  display: inline-block;
  width: 88px;
  height: 88px;
  border: 1px solid #dedede;
  vertical-align: middle;
  margin-right: 16px;
  background: url("../images/epc/add_img.svg") center center no-repeat;
  background-size: 35px 35px;
  cursor: pointer; }
.user_cont .epc_list .basic_sutup .bs_row .img_up img {
  width: 88px;
  height: 88px; }
.user_cont .epc_list .basic_sutup .bs_row .remark {
  margin-left: 16px;
  line-height: 18px;
  display: inline-block;
  font-size: 14px;
  color: #696969;
  width: 288px;
  vertical-align: middle; }
.user_cont .epc_list .basic_sutup .bs_row .remark span {
  color: #f8551c; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row {
  min-height: 136px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row.mini > .remark {
  max-width: 500px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row.mini textarea {
  max-width: 376px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row:first-child {
  min-height: 70px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .remark {
  width: 540px;
  line-height: 24px;
  margin-left: 0; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row textarea {
  vertical-align: middle;
  height: 52px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row textarea + span {
  color: #7d7d7d; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell {
  display: table-cell;
  position: relative; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell a {
  display: block;
  text-align: center;
  font-size: 13px;
  text-decoration: underline;
  color: #a4a4a4;
  line-height: 30px;
  padding-right: 16px; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup .bs_row .up_pic_row .table_cell > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.user_cont .epc_list .basic_sutup .bs_row input {
  border: 1px solid #ddd;
  font-size: 14px;
  border-radius: 4px;
  height: 40px;
  padding-left: 18px;
  width: 520px; }
.user_cont .epc_list .basic_sutup .bs_row input:hover, .user_cont .epc_list .basic_sutup .bs_row input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_cont .epc_list .basic_sutup .bs_row textarea {
  font-size: 14px;
  line-height: 24px;
  border: 1px solid #ddd;
  height: 80px;
  width: 484px;
  border-radius: 4px;
  padding: 18px; }
.user_cont .epc_list .basic_sutup .bs_row textarea:hover, .user_cont .epc_list .basic_sutup .bs_row textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_cont .epc_list .basic_sutup .bs_row > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.user_cont .epc_list .basic_sutup p.checkbox {
  color: #4d4d4d;
  font-size: 13px;
  line-height: 20px;
  padding: 4px 0 30px; }
.user_cont .epc_list .basic_sutup p.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 5px 3px 0; }
.user_cont .epc_list .basic_sutup p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup > button {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }
.user_cont .epc_list .basic_sutup > button + a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-left: 32px;
  vertical-align: sub; }
.user_cont .epc_list .basic_sutup > button + a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_cont .epc_list .basic_sutup .bs_right {
  display: inline-block;
  vertical-align: top;
  width: 300px;
  padding-top: 16px; }
.user_cont .epc_list .basic_sutup .bs_right > i {
  font-size: 24px;
  color: #ed6f2d;
  display: block;
  margin: 16px 0; }
.user_cont .epc_list .basic_sutup .bs_right > ul {
  background: #fef8f4;
  padding: 30px 50px 30px 16px; }
.user_cont .epc_list .basic_sutup .bs_right > ul li {
  background: url("../images/epc/circle_li.svg") left 8px no-repeat;
  background-size: 6px 6px;
  padding-left: 22px;
  font-size: 14px;
  color: #0d0d0d;
  line-height: 24px;
  margin: 10px 0; }
.user_cont .epc_list .basic_sutup .bs_right > ul li strong {
  font-weight: 500; }
.user_cont .epc_list .basic_sutup hr {
  display: block;
  margin: 0 -35px 40px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #e4e4e4; }
.user_cont .epc_list .basic_sutup .jt_box {
  background: #ed7f71;
  color: #fff;
  padding: 26px;
  margin: 10px 0 30px;
  position: relative; }
.user_cont .epc_list .basic_sutup .jt_box h4 {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0; }
.user_cont .epc_list .basic_sutup .jt_box p {
  line-height: 20px;
  font-size: 14px;
  padding: 6px 0; }
.user_cont .epc_list .basic_sutup .jt_box span.sj {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #ed7f71; }
.user_cont .epc_list .basic_sutup .page_line {
  height: 20px;
  padding: 15px 20px; }
.user_cont .epc_list .basic_sutup .page_line > i {
  display: none; }
.user_cont .epc_list .basic_sutup .page_line > a {
  display: none;
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 60px; }
.user_cont .epc_list .basic_sutup .page_line > div {
  float: right;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .page_line > div span {
  color: #666;
  margin: 0 6px; }
.user_cont .epc_list .basic_sutup .page_line > div span.act {
  color: #87ba45; }
.user_cont .epc_list .basic_sutup .page_line > div a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.user_cont .epc_list .basic_sutup .page_line > div a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.user_cont .epc_list .basic_sutup .page_line.edit > a, .user_cont .epc_list .basic_sutup .page_line.edit > i {
  display: inline-block; }
.user_cont .epc_list .basic_sutup .project_list_box {
  padding-left: 12px;
  margin: 15px 0; }
.user_cont .epc_list .basic_sutup .project_list_box li {
  display: inline-block;
  width: 240px;
  margin: 20px; }
.user_cont .epc_list .basic_sutup .project_list_box li div {
  position: relative;
  width: 240px;
  height: 180px;
  overflow: hidden; }
.user_cont .epc_list .basic_sutup .project_list_box li div img {
  width: 240px;
  height: 180px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .check_icon {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .number {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  transition: all .5s;
  top: 5px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.user_cont .epc_list .basic_sutup .project_list_box li div .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  padding: 6px;
  width: 228px;
  transition: all .5s;
  height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.user_cont .epc_list .basic_sutup .project_list_box li p {
  line-height: 22px;
  padding-top: 10px; }
.user_cont .epc_list .basic_sutup .project_list_box li p a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 24px;
  margin-left: 6px; }
.user_cont .epc_list .basic_sutup .project_list_box li p .del {
  display: none; }
.user_cont .epc_list .basic_sutup .project_list_box li.edit .number {
  display: none; }
.user_cont .epc_list .basic_sutup .project_list_box li.edit .check_icon, .user_cont .epc_list .basic_sutup .project_list_box li.edit .del {
  display: inline-block; }
.user_cont .epc_list .basic_sutup .search_box_body {
  padding: 38px 20px 0;
  text-align: right;
  margin-top: -116px;
  min-height: 60px; }
.user_cont .epc_list .basic_sutup .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.user_cont .epc_list .basic_sutup .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.user_cont .epc_list .basic_sutup .search_box_body .search_box {
  background: none;
  padding: 56px 0 10px; }
.user_cont .epc_list .basic_sutup .result_box {
  padding: 20px 36px 0; }

.epc_project_box {
  padding: 5px 14px; }
.epc_project_box .b_title .edit_box {
  top: 8px !important; }
.epc_project_box .result_box {
  display: none;
  margin: 25px 38px -20px;
  text-align: left; }
.epc_project_box .epc_left {
  float: none;
  width: auto;
  padding-right: 0; }
.epc_project_box .epc_left .business_valuation {
  background: #f9f9f9;
  padding: 50px 34px 30px;
  margin-bottom: 5px; }
.epc_project_box .epc_left .business_valuation > p {
  font-size: 14px;
  color: #222;
  line-height: 24px; }
.epc_project_box .epc_left .business_valuation > div {
  padding: 5px 0 18px; }
.epc_project_box .epc_left .business_valuation > div p {
  display: inline-block; }
.epc_project_box .epc_left .business_valuation > div .star_box {
  width: 23%; }
.epc_project_box .epc_left .business_valuation > div .star_box i {
  display: inline-block;
  width: 22px;
  height: 22px;
  background: url(../images/icons/star0.svg);
  background-size: 100%; }
.epc_project_box .epc_left .business_valuation > div .star_box i.act {
  background: url(../images/icons/star1.svg);
  background-size: 100%; }
.epc_project_box .epc_left .business_valuation > div .star_right {
  width: 75%;
  vertical-align: middle; }
.epc_project_box .epc_left .business_valuation > div .star_right strong {
  display: inline-block;
  width: 200px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  text-align: right;
  margin-right: 10px; }
.epc_project_box .epc_left .business_valuation > div .star_right span {
  display: inline-block;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #f9f9f9;
  font-weight: 300;
  height: 16px;
  width: 0;
  vertical-align: middle;
  transition: all 1s ease-in-out; }
.epc_project_box .epc_left .business_valuation > div #color5 + .star_right span {
  background: #d32323; }
.epc_project_box .epc_left .business_valuation > div #color4 + .star_right span {
  background: #f15c4f; }
.epc_project_box .epc_left .business_valuation > div #color3 + .star_right span {
  background: #ff9242; }
.epc_project_box .epc_left .business_valuation > div #color2 + .star_right span {
  background: #fec011; }
.epc_project_box .epc_left .business_valuation > div #color1 + .star_right span {
  background: #f2bd79; }
.epc_project_box .basic_sutup .space_box {
  padding-bottom: 24px; }
.epc_project_box .basic_sutup .bs_left {
  vertical-align: top;
  display: inline-block;
  width: 522px;
  margin-right: 36px; }
.epc_project_box .basic_sutup .f_s18 {
  font-size: 18px;
  line-height: 20px;
  padding-bottom: 10px;
  color: #272727; }
.epc_project_box .basic_sutup .f_s18 strong {
  font-weight: 500; }
.epc_project_box .basic_sutup .f_s18 sup {
  color: #e31800; }
.epc_project_box .basic_sutup .bs_row {
  position: relative;
  padding: 6px 0 10px; }
.epc_project_box .basic_sutup .bs_row.mini > input {
  max-width: 500px; }
.epc_project_box .basic_sutup .bs_row .select_a {
  width: 518px;
  margin-left: 6px; }
.epc_project_box .basic_sutup .bs_row .select_a a {
  height: 40px;
  line-height: 40px;
  padding-left: 18px; }
.epc_project_box .basic_sutup .bs_row .select_a li {
  line-height: 40px;
  font-size: 14px; }
.epc_project_box .basic_sutup .bs_row .img_up {
  display: inline-block;
  width: 88px;
  height: 88px;
  border: 1px solid #dedede;
  vertical-align: middle;
  margin-right: 20px;
  background: url("../images/epc/add_img.svg") center center no-repeat;
  background-size: 35px 35px;
  cursor: pointer; }
.epc_project_box .basic_sutup .bs_row .img_up img {
  width: 88px;
  height: 88px; }
.epc_project_box .basic_sutup .bs_row .remark {
  margin-left: 16px;
  line-height: 24px;
  display: inline-block;
  font-size: 16px;
  color: #696969;
  width: 330px;
  vertical-align: middle; }
.epc_project_box .basic_sutup .bs_row .remark span {
  color: #f8551c; }
.epc_project_box .basic_sutup .bs_row .up_pic_row {
  min-height: 136px;
  /* &:first-child {
           min-height: 80px;
       }*/ }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini {
  min-height: 80px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini > .remark {
  max-width: 500px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row.mini textarea {
  max-width: 376px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .remark {
  width: 98%;
  line-height: 24px;
  margin-left: 0; }
.epc_project_box .basic_sutup .bs_row .up_pic_row textarea {
  vertical-align: middle;
  height: 52px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row textarea + span {
  color: #7d7d7d; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell {
  display: table-cell;
  position: relative;
  vertical-align: top; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell:last-child {
  width: 88%; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell a {
  display: block;
  text-align: center;
  font-size: 13px;
  text-decoration: underline;
  color: #a4a4a4;
  line-height: 30px;
  padding-right: 16px; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_project_box .basic_sutup .bs_row .up_pic_row .table_cell span.ts {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 14px;
  line-height: 32px;
  padding-right: 40px; }
.epc_project_box .basic_sutup .bs_row input {
  border: 1px solid #c2c9cf;
  font-size: 14px;
  border-radius: 4px;
  height: 40px;
  padding-left: 18px;
  width: 97%;
  margin-left: 6px; }
.epc_project_box .basic_sutup .bs_row input:hover, .epc_project_box .basic_sutup .bs_row input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.epc_project_box .basic_sutup .bs_row textarea {
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #c2c9cf;
  height: 70px;
  width: 95%;
  border-radius: 4px;
  padding: 18px; }
.epc_project_box .basic_sutup .bs_row textarea:hover, .epc_project_box .basic_sutup .bs_row textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.epc_project_box .basic_sutup .bs_row > span:last-child {
  display: block;
  text-align: right;
  color: #e31800;
  font-size: 12px;
  line-height: 32px;
  padding-right: 4px; }
.epc_project_box .basic_sutup p.checkbox {
  color: #4d4d4d;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 0 6px; }
.epc_project_box .basic_sutup p.checkbox input[type=checkbox] {
  width: 18px;
  height: 18px;
  float: left;
  margin: 1px 5px 3px 0; }
.epc_project_box .basic_sutup p.checkbox a {
  color: #73b100;
  text-decoration: underline; }
.epc_project_box .basic_sutup .al {
  display: inline-block;
  margin: 26px 0 0; }
.epc_project_box .basic_sutup > button {
  width: 180px;
  height: 42px;
  border: 1px solid #77ae3b;
  background: #7cbf31;
  border-radius: 6px;
  font-size: 16px;
  color: #fff;
  box-shadow: 0 10px 20px -10px #77ae3b; }
.epc_project_box .basic_sutup > button + a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-left: 32px;
  vertical-align: sub; }
.epc_project_box .basic_sutup > button + a:hover {
  color: #87ba45;
  text-decoration: underline; }
.epc_project_box .basic_sutup .bs_right {
  display: inline-block;
  vertical-align: top;
  width: 300px; }
.epc_project_box .basic_sutup .bs_right > i {
  font-size: 24px;
  color: #ed6f2d;
  display: block;
  margin: 2px 0 16px; }
.epc_project_box .basic_sutup .bs_right > ul {
  background: #f2f6fa;
  padding: 30px 50px 30px 16px; }
.epc_project_box .basic_sutup .bs_right > ul li {
  background: url("../images/epc/circle_li.svg") left 8px no-repeat;
  background-size: 6px 6px;
  padding-left: 22px;
  font-size: 14px;
  color: #0d0d0d;
  line-height: 24px;
  margin: 10px 0; }
.epc_project_box .basic_sutup .bs_right > ul li strong {
  font-weight: 500; }
.epc_project_box .basic_sutup hr {
  display: block;
  margin: 0 -35px 40px;
  padding-top: 10px;
  border: none;
  border-bottom: 1px solid #e4e4e4; }
.epc_project_box .basic_sutup .jt_box {
  background: #ed7f71;
  color: #fff;
  padding: 26px;
  margin: 10px 0 30px;
  position: relative; }
.epc_project_box .basic_sutup .jt_box h4 {
  font-size: 24px;
  font-weight: 400;
  padding: 8px 0; }
.epc_project_box .basic_sutup .jt_box p {
  line-height: 20px;
  font-size: 16px;
  padding: 6px 0; }
.epc_project_box .basic_sutup .jt_box span.sj {
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -30px;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 20px solid #ed7f71; }
.epc_project_box .basic_sutup .page_line {
  height: 20px;
  padding: 15px 20px; }
.epc_project_box .basic_sutup .page_line > i {
  display: none; }
.epc_project_box .basic_sutup .page_line > a {
  display: none;
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 60px; }
.epc_project_box .basic_sutup .page_line > div {
  float: right;
  font-size: 14px; }
.epc_project_box .basic_sutup .page_line > div span {
  color: #666;
  margin: 0 6px; }
.epc_project_box .basic_sutup .page_line > div span.act {
  color: #87ba45; }
.epc_project_box .basic_sutup .page_line > div a {
  color: #ababab;
  width: 16px;
  height: 16px;
  font-size: 14px;
  line-height: 16px;
  margin: 0 2px;
  font-family: cursive;
  display: inline-block;
  background: #f6f6f6;
  border: 1px solid #e1e1e1;
  border-radius: 3px;
  text-align: center; }
.epc_project_box .basic_sutup .page_line > div a:hover {
  text-decoration: none;
  color: #fff;
  background: #91c959;
  border: 1px solid #8dc555; }
.epc_project_box .basic_sutup .page_line.edit > a, .epc_project_box .basic_sutup .page_line.edit > i {
  display: inline-block; }
.epc_project_box .basic_sutup .project_list_box {
  padding-left: 12px;
  margin: 15px 0; }
.epc_project_box .basic_sutup .project_list_box li {
  display: inline-block;
  width: 240px;
  margin: 20px; }
.epc_project_box .basic_sutup .project_list_box li div {
  position: relative;
  width: 240px;
  height: 180px;
  overflow: hidden; }
.epc_project_box .basic_sutup .project_list_box li div img {
  width: 240px;
  height: 180px; }
.epc_project_box .basic_sutup .project_list_box li div .check_icon {
  display: none;
  position: absolute;
  left: 10px;
  top: 10px; }
.epc_project_box .basic_sutup .project_list_box li div .number {
  position: absolute;
  color: #fff;
  font-weight: 300;
  background: rgba(0, 0, 0, 0.5);
  transition: all .5s;
  top: 5px;
  left: 6px;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  padding: 0 12px;
  font-size: 14px; }
.epc_project_box .basic_sutup .project_list_box li div .cont {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  font-size: 16px;
  line-height: 18px;
  padding: 6px;
  transition: all .5s;
  height: 31px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden; }
.epc_project_box .basic_sutup .project_list_box li p {
  line-height: 22px;
  padding-top: 10px; }
.epc_project_box .basic_sutup .project_list_box li p a {
  font-size: 13px;
  color: #7cbf31;
  text-decoration: underline;
  margin-right: 24px;
  margin-left: 6px; }
.epc_project_box .basic_sutup .project_list_box li p .del {
  display: none; }
.epc_project_box .basic_sutup .project_list_box li.edit .number {
  display: none; }
.epc_project_box .basic_sutup .project_list_box li.edit .check_icon, .epc_project_box .basic_sutup .project_list_box li.edit .del {
  display: inline-block; }
.epc_project_box .basic_sutup .search_box_body {
  padding: 38px 20px 0;
  text-align: right;
  margin-top: -116px;
  min-height: 60px; }
.epc_project_box .basic_sutup .search_box_body .search_icon {
  width: 25px;
  height: 25px;
  background: url("../images/epc/search.svg") center center no-repeat;
  background-size: 94%;
  transition: all 0.2s; }
.epc_project_box .basic_sutup .search_box_body .search_icon.act {
  background: url("../images/epc/close.svg") center center no-repeat;
  background-size: 94%; }
.epc_project_box .basic_sutup .search_box_body .search_box {
  background: none;
  padding: 56px 0 10px; }
.epc_project_box .basic_sutup .result_box {
  padding: 20px 36px 0; }

.result_box {
  display: none;
  font-size: 14px;
  color: #1e1e1e;
  text-align: center; }
.result_box .keyword {
  color: #f8551c; }

.notice_box {
  background: #41423f;
  height: 40px;
  line-height: 40px;
  border-top: 1px solid #e5e5e5;
  font-size: 14px; }
.notice_box span {
  color: #f5ec5f;
  display: inline-block;
  margin: 0 24px 0 18px; }
.notice_box span i.notice {
  display: inline-block;
  width: 16px;
  height: 16px;
  vertical-align: sub;
  background: url("../images/user/notice.svg") left center no-repeat;
  background-size: 16px;
  margin-right: 8px; }
.notice_box p {
  display: inline-block;
  color: #fff; }
.notice_box + .level_box {
  position: absolute;
  z-index: 0;
  width: 100%;
  min-width: 1200px; }
.notice_box + .level_box ul {
  width: 886px;
  padding-left: 214px; }

.topborder_box {
  background: url(../images/top_border_bg.png) top repeat-x #f5f8f9;
  padding-top: 8px;
  border-top: 0;
  position: absolute;
  z-index: 1;
  width: 100%; }
.topborder_box + .level_box {
  position: absolute;
  z-index: 0;
  width: 100%;
  min-width: 1200px; }
.topborder_box + .level_box ul {
  width: 886px;
  padding-left: 214px; }

@-webkit-keyframes show_animation_item {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes show_animation {
  0% {
    opacity: 0; }
  60% {
    opacity: 1; }
  100% {
    opacity: 1; } }
@keyframes bellAnimate {
  0% {
    opacity: 1;
    transform: rotate(-30deg); }
  50% {
    opacity: .5;
    transform: rotate(30deg); }
  100% {
    opacity: 1;
    transform: rotate(-30deg); } }
.user_box {
  background: #f5f8f9;
  padding-bottom: 40px; }
.user_box + .footer_box {
  margin-top: 0; }
.user_box .user_left, .user_box .user_right {
  display: table-cell;
  vertical-align: top; }
.user_box i.fa {
  color: inherit;
  display: inline-block;
  line-height: 36px; }
.user_box .user_left {
  width: 234px;
  background: #4c637b;
  padding-top: 38px;
  padding-bottom: 50px;
  position: relative;
  z-index: 2; }
.user_box .user_left .menu {
  color: #a1b0c2;
  font-weight: 300;
  font-size: 12px;
  padding-left: 18px;
  margin-bottom: 24px; }
.user_box .user_left .list-group .list-group-item {
  height: 42px;
  line-height: 42px;
  font-size: 15px;
  color: #b8c6d6;
  font-weight: 500;
  padding-left: 10px;
  transition: all 0.1s; }
.user_box .user_left .list-group .list-group-item > i.fa {
  width: 36px; }
.user_box .user_left .list-group .list-group-item.hover {
  cursor: pointer; }
.user_box .user_left .list-group .list-group-item + ul {
  display: none;
  animation: show_animation_item .5s ease-out forwards; }
.user_box .user_left .list-group .list-group-item.item_open .right i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_left .list-group .list-group-item.item_open + ul {
  display: block; }
.user_box .user_left .list-group .list-group-item a {
  color: inherit; }
.user_box .user_left .list-group .list-group-item .new {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 10px; }
.user_box .user_left .list-group .list-group-item sup {
  display: inline-block;
  background: #ec582c;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 5px; }
.user_box .user_left .list-group .list-group-item .right {
  float: right;
  width: 24px;
  height: 36px;
  margin: 5px 12px 0 0; }
.user_box .user_left .list-group .list-group-item .right i.fa {
  font-size: 18px;
  width: 24px; }
.user_box .user_left .list-group .list-group-item.hover:hover, .user_box .user_left .list-group .list-group-item.act {
  color: #fff;
  background: #38B1EB; }
.user_box .user_left .list-group .list-group-item.hover:hover sup, .user_box .user_left .list-group .list-group-item.act sup {
  background-color: #fff; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa, .user_box .user_left .list-group .list-group-item.act .fa {
  color: #fff; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-leads, .user_box .user_left .list-group .list-group-item.act .fa-leads {
  background: url("../images/user/leads.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-prospect, .user_box .user_left .list-group .list-group-item.act .fa-prospect {
  background: url("../images/user/prospect.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-customers, .user_box .user_left .list-group .list-group-item.act .fa-customers {
  background: url("../images/user/customers.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-design, .user_box .user_left .list-group .list-group-item.act .fa-design {
  background: url("../images/user/design.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-ditui, .user_box .user_left .list-group .list-group-item.act .fa-ditui {
  background: url("../images/user/ditui.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-prososal, .user_box .user_left .list-group .list-group-item.act .fa-prososal {
  background: url("../images/user/prososal.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-personal-assets, .user_box .user_left .list-group .list-group-item.act .fa-personal-assets {
  background: url("../images/user/personal-assets.svg") center 8px no-repeat;
  background-size: 16px; }
.user_box .user_left .list-group .list-group-item.hover:hover .fa-folder:after, .user_box .user_left .list-group .list-group-item.act .fa-folder:after {
  background: #38B1EB; }
.user_box .user_left .list-group .list-group-item.hover:hover.act + ul, .user_box .user_left .list-group .list-group-item.act.act + ul {
  display: block; }
.user_box .user_left .list-group .list-group-item .fa-home {
  font-size: 18px; }
.user_box .user_left .list-group .list-group-item .fa-leads {
  background: url("../images/user/leads1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-prospect {
  background: url("../images/user/prospect1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-customers {
  background: url("../images/user/customers1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-design {
  background: url("../images/user/design1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-ditui {
  background: url("../images/user/ditui1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle; }
.user_box .user_left .list-group .list-group-item .fa-prososal {
  background: url("../images/user/prososal1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle;
  transition: all 0s; }
.user_box .user_left .list-group .list-group-item .fa-personal-assets {
  background: url("../images/user/personal-assets1.svg") center 8px no-repeat;
  background-size: 16px;
  vertical-align: middle;
  transition: all 0s; }
.user_box .user_left .list-group .list-group-item .fa-folder {
  position: relative;
  transform: scale(1, 1.2); }
.user_box .user_left .list-group .list-group-item .fa-folder:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  left: 10px;
  background: #4c637b;
  top: 15px; }
.user_box .user_left .list-group .list-group-item .fa-file-text {
  font-size: 16px; }
.user_box .user_left .list-group ul {
  margin: -2px 0 18px; }
.user_box .user_left .list-group ul li {
  padding-left: 56px;
  color: #d0dae5;
  font-size: 13px;
  line-height: 30px;
  cursor: pointer;
  font-weight: 300;
  opacity: .8; }
.user_box .user_left .list-group ul li:hover, .user_box .user_left .list-group ul li.act {
  background: #097fb7;
  color: #fff; }
.user_box .user_left .list-group ul li a {
  color: inherit;
  font-size: inherit;
  line-height: inherit; }
.user_box .user_left .list-group ul li a:hover {
  text-decoration: underline; }
.user_box .user_left .list-group ul li .new {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  height: 18px;
  border-radius: 9px;
  margin-left: 4px;
  padding: 0 6px;
  min-width: 6px;
  text-align: center; }
.user_box .user_left .list-group hr {
  margin: 10px;
  height: 1px;
  border: 0;
  border-top: 1px solid #3f5770;
  border-bottom: 1px solid #3f5770;
  box-shadow: 0 1px #5c738b; }
.user_box .user_right {
  width: 935px;
  padding: 30px 0 0 33px; }
.user_box .user_right .ur_top {
  background: url("../images/user/right_top_bg.png");
  height: 170px;
  padding: 28px 38px 42px; }
.user_box .user_right .ur_top .ur_top_left {
  vertical-align: top;
  display: table-cell;
  width: 200px;
  position: relative; }
.user_box .user_right .ur_top .ur_top_left .num {
  position: absolute;
  z-index: 2;
  top: 8px;
  left: 124px;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: red;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 36px; }
.user_box .user_right .ur_top .ur_top_left > div {
  position: relative;
  width: 160px;
  height: 160px;
  overflow: hidden;
  border-radius: 50%;
  transition: all 0.3s; }
.user_box .user_right .ur_top .ur_top_left > div img {
  width: 160px;
  height: 160px;
  opacity: 1;
  transition: all 0.3s;
  border-radius: 50%; }
.user_box .user_right .ur_top .ur_top_left > div a {
  position: absolute;
  top: 160px;
  width: 160px;
  left: 0;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  transition: all 0.5s; }
.user_box .user_right .ur_top .ur_top_left > div a span {
  display: block;
  text-align: center; }
.user_box .user_right .ur_top .ur_top_left > div a .fa {
  color: #d4d3d3;
  display: inline-block; }
.user_box .user_right .ur_top .ur_top_left > div:hover {
  background: #000; }
.user_box .user_right .ur_top .ur_top_left > div:hover img {
  opacity: 0.4; }
.user_box .user_right .ur_top .ur_top_left > div:hover a {
  top: 56px; }
.user_box .user_right .ur_top .ur_top_right {
  display: table-cell;
  vertical-align: top; }
.user_box .user_right .ur_top .ur_top_right h4 {
  font-size: 24px;
  color: #000;
  font-weight: 500;
  line-height: 40px;
  max-width: 640px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.user_box .user_right .ur_top .ur_top_right h4 + span {
  display: block;
  font-size: 14px;
  line-height: 16px;
  margin-top: -3px;
  color: #000; }
.user_box .user_right .ur_top .ur_top_right p {
  color: #ec582c;
  font-size: 14px;
  padding: 12px 0; }
.user_box .user_right .ur_top .ur_top_right p.m_p a {
  display: inline-block;
  vertical-align: middle; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name {
  border-radius: 12px;
  background: #90bf51;
  height: 22px;
  line-height: 22px;
  color: #fff;
  font-size: 12px;
  padding: 0 12px; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name:hover {
  transition: all .1s;
  opacity: .8; }
.user_box .user_right .ur_top .ur_top_right p.m_p a.user_name.member {
  background: #ff8a00; }
.user_box .user_right .ur_top .ur_top_right p.m_p a:last-child {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right p.m_p a:last-child:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right p i.jp {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
  width: 26px;
  height: 30px;
  background: url("../images/user/jp.svg") no-repeat;
  background-size: 26px; }
.user_box .user_right .ur_top .ur_top_right p i.user_svg {
  display: inline-block;
  margin: 0 2px 0 5px;
  width: 28px;
  height: 28px;
  background: url("../images/user/user-svg.svg") left center no-repeat;
  background-size: 21px; }
.user_box .user_right .ur_top .ur_top_right p i.user_svg.member {
  background: url("../images/user/user-member-svg.svg") no-repeat;
  background-size: 23px; }
.user_box .user_right .ur_top .ur_top_right p button {
  width: 78px;
  height: 24px;
  background: #ec582c;
  border-radius: 12px;
  color: #fff;
  margin-left: 20px;
  font-size: 12px; }
.user_box .user_right .ur_top .ur_top_right ul {
  padding-top: 18px; }
.user_box .user_right .ur_top .ur_top_right ul li {
  display: inline-block;
  width: 126px;
  text-align: center; }
.user_box .user_right .ur_top .ur_top_right ul li > strong {
  font-size: 30px;
  color: #605e58;
  display: block; }
.user_box .user_right .ur_top .ur_top_right ul li > strong sup {
  font-size: 16px;
  margin-left: 5px;
  font-weight: 400; }
.user_box .user_right .ur_top .ur_top_right ul li > span {
  font-size: 13px;
  line-height: 24px;
  color: #605e58;
  text-transform: uppercase;
  white-space: nowrap; }
.user_box .user_right .ur_top .ur_top_right ul li > span a {
  color: #ec582c;
  font-size: 14px;
  font-weight: 500;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right ul li > span a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_top .ur_top_right ul li > p i.card {
  font-style: normal;
  display: inline-block;
  position: relative;
  width: 36px;
  height: 24px;
  background: url(../images/member/card_index.png) no-repeat; }
.user_box .user_right .ur_top .ur_top_right ul li > p i.card span {
  position: absolute;
  color: #fff;
  line-height: 16px;
  font-size: 12px;
  left: 32px;
  top: -6px;
  background: #f3a03b;
  border-radius: 8px;
  padding: 0 10px; }
.user_box .user_right .ur_body {
  padding-top: 28px; }
.user_box .user_right .ur_body.right_body {
  padding-top: 28px; }
.user_box .user_right .ur_body.right_body .ur_middle {
  width: 100%; }
.user_box .user_right .ur_body.right_body .block_box {
  min-height: 1120px; }
.user_box .user_right .ur_body .ur_middle {
  width: 620px;
  float: left; }
.user_box .user_right .ur_body .ur_middle .leads_box li {
  position: relative;
  width: 200px;
  height: 160px;
  float: left;
  border-radius: 4px;
  color: #fff;
  margin-right: 10px;
  transition: all 0.3s;
  /*&:hover {
              opacity: 0.8;
          }*/ }
.user_box .user_right .ur_body .ur_middle .leads_box li a {
  display: block;
  color: #fff;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .leads_box li a:hover {
  opacity: 0.8; }
.user_box .user_right .ur_body .ur_middle .leads_box li p {
  font-size: 18px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 160px;
  width: 200px;
  line-height: 36px; }
.user_box .user_right .ur_body .ur_middle .leads_box li p span {
  font-weight: 300;
  text-transform: uppercase; }
.user_box .user_right .ur_body .ur_middle .leads_box li strong {
  display: block;
  font-size: 40px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .leads_box li i {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 20px;
  left: 20px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.leads {
  background: #f47564; }
.user_box .user_right .ur_body .ur_middle .leads_box li.leads i {
  background: url("../images/user/leads.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.prospect {
  background: #f1c40f; }
.user_box .user_right .ur_body .ur_middle .leads_box li.prospect i {
  background: url("../images/user/prospect.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .leads_box li.customers {
  background: #6cc02e;
  margin-right: 0; }
.user_box .user_right .ur_body .ur_middle .leads_box li.customers i {
  background: url("../images/user/customers.svg") no-repeat;
  background-size: 16px; }
.user_box .user_right .ur_body .ur_middle .mark_out {
  background-color: #fff;
  border-radius: 4px;
  padding: 15px 0;
  margin-top: 6px; }
.user_box .user_right .ur_body .ur_middle .mark_out p {
  padding: 4px 56px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark_box {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark_box:before {
  line-height: 22px;
  font-size: 20px;
  left: 18px;
  top: 5px;
  width: 22px;
  height: 22px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark {
  line-height: 24px;
  font-size: 14px;
  color: #0a2240;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa {
  position: absolute;
  left: 16px;
  top: 3px;
  font-size: 24px;
  line-height: 24px;
  width: 26px;
  height: 26px; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa.fa-apple {
  color: #211f20; }
.user_box .user_right .ur_body .ur_middle .mark_out p.mark i.fa.fa-android {
  color: #acc752; }
.user_box .user_right .ur_body .ur_middle .mark_out p a {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_out p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_box {
  min-height: 24px;
  background-color: #fff;
  border-radius: 4px;
  padding: 17px 56px;
  font-size: 14px;
  color: #0a2240;
  line-height: 26px;
  margin-top: 6px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .mark_box:before {
  content: "!";
  position: absolute;
  text-align: center;
  color: #fff;
  line-height: 26px;
  font-size: 20px;
  left: 16px;
  top: 17px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background-color: #c6cbd1; }
.user_box .user_right .ur_body .ur_middle .mark_box a {
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .mark_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box {
  background: #fff;
  border-radius: 4px;
  padding: 40px 20px;
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box {
  padding: 35px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top {
  margin-bottom: 25px;
  border-radius: 5px;
  padding: 36px 0;
  box-shadow: 0 8px 36px 8px #ececec;
  display: table;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td {
  display: table-cell;
  vertical-align: middle;
  color: #1d1d26; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td:first-child {
  border-right: 1px solid #e3e3e4;
  width: 412px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td h3 {
  line-height: 28px;
  border-left: 3px solid #38b1eb;
  padding-left: 25px;
  font-size: 24px;
  margin: 16px 0;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td div {
  padding-left: 26px;
  font-size: 16px;
  line-height: 24px;
  margin: 2px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td div a.btn {
  height: 36px;
  line-height: 36px;
  padding: 0 26px;
  font-size: 14px;
  color: #fff;
  text-decoration: none; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p {
  padding: 0 32px;
  line-height: 22px;
  font-size: 14px;
  padding-bottom: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p b {
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p {
  color: #ec582c;
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch {
  width: 68px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: none;
  padding: 0;
  position: relative;
  height: 26px;
  vertical-align: middle;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  line-height: 25px;
  height: 25px;
  background: #ccc;
  color: #fff;
  transition: all 0.3s; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch.yes {
  border: 1px solid #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p button.switch.yes span {
  left: 0;
  background: #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td p.switch_p .btn {
  width: 100px;
  padding: 0;
  height: 26px;
  line-height: 26px;
  border-radius: 3px;
  font-size: 12px;
  background: #90bf51; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .m_manage_top .m_manage_td b {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box {
  padding: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box h3 {
  font-size: 20px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box {
  padding-top: 42px;
  padding-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span {
  float: left;
  width: 158px;
  min-height: 48px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 52px;
  font-size: 14px;
  color: #1d1d26;
  line-height: 18px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.front_page {
  background-image: url(../images/member/Front-Page.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.hahasmart {
  background-image: url(../images/member/HahaSmart-APP.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Canvassing {
  background-image: url(../images/member/Canvassing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Proposal {
  background-image: url(../images/member/Proposal.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Co-marketing {
  background-image: url(../images/member/Co-marketing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Statistics {
  background-image: url(../images/member/Statistics.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Landing-Page {
  background-image: url(../images/member/Leads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Free-ads {
  background-image: url(../images/member/Free-ads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Leads {
  padding-top: 58px;
  background-image: url(../images/member/Lead.png); }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span.Project-design {
  padding-top: 58px;
  background-image: url(../images/member/Project-design.png);
  width: 180px; }
.user_box .user_right .ur_body .ur_middle .block_box.m_manage_box .mo_box .service_box span b {
  font-size: 16px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box {
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box hr {
  margin: 0;
  height: 0;
  border: none;
  border-top: 1px solid #E0E3EE; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title {
  padding: 28px 32px 24px;
  color: #475156;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title input.date {
  color: #9d9d9d;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  height: 44px;
  font-size: 16px;
  padding: 0 10px;
  width: 116px;
  height: 38px;
  margin: 0 16px;
  margin: 0 5px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title select {
  height: 42px;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  padding: 0 28px 0 10px;
  font-size: 14px;
  margin: 0 6px;
  width: 110px;
  height: 40px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title button {
  height: 40px;
  color: #fff;
  background: #575757;
  text-transform: uppercase;
  font-size: 14px;
  padding: 0 25px;
  margin-left: 10px;
  border-radius: 2px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title .lineX {
  color: #a5a5a5; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail {
  display: table;
  width: 94%;
  padding: 24px 45px 20px;
  font-size: 16px;
  line-height: 22px;
  color: #0a2240; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail + .m_detail {
  padding-top: 0;
  margin-top: -6px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_title.m_detail .md_td {
  display: table-cell; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box ul {
  width: 550px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box {
  background: #fbfbfc;
  display: inline-block;
  vertical-align: middle;
  width: 550px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin: 20px 0 12px 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span {
  float: left;
  width: 132px;
  min-height: 48px;
  background-position: center top;
  background-repeat: no-repeat;
  padding-top: 52px;
  font-size: 14px;
  color: #1d1d26;
  line-height: 18px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.front_page {
  background-image: url(../images/member/Front-Page.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.hahasmart {
  background-image: url(../images/member/HahaSmart-APP.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Canvassing {
  background-image: url(../images/member/Canvassing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Proposal {
  background-image: url(../images/member/Proposal.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Co-marketing {
  background-image: url(../images/member/Co-marketing.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Statistics {
  background-image: url(../images/member/Statistics.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Landing-Page {
  background-image: url(../images/member/Leads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Free-ads {
  background-image: url(../images/member/Free-ads.png); }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Leads {
  padding-top: 58px;
  background-image: url(../images/member/Lead.png);
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span.Project-design {
  padding-top: 58px;
  background-image: url(../images/member/Project-design.png);
  width: 180px;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .m_buy_leads .mbl_box .service_box span b {
  font-size: 16px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list {
  padding: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 {
  margin: 2px 8px 30px;
  color: #1d1d26;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 b {
  font-size: 20px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 .red {
  font-size: 22px;
  color: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 .excel {
  display: inline-block;
  width: 25px;
  height: 34px;
  background: url(../images/member/Export-file.svg) center top no-repeat;
  background-size: 25px;
  vertical-align: middle;
  margin-right: 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .h3 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td {
  line-height: 48px;
  padding: 12px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td .m_btn {
  transition: all .1s;
  display: inline-block;
  background: #94a7bc;
  color: #fff;
  height: 28px;
  line-height: 28px;
  width: 90px;
  margin: 5px;
  border-radius: 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table tbody td .m_btn:hover {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box.trading_box .trading_content_list .statistics_details_table .red {
  color: #ec582c;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box {
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_title {
  border-bottom: 1px solid #E0E3EE;
  padding: 28px 32px 24px;
  color: #475156;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_title input.date {
  color: #9d9d9d;
  border: 1px solid #8f8f8f;
  border-radius: 2px;
  height: 44px;
  font-size: 16px;
  padding: 0 16px;
  width: 60px;
  height: 38px;
  margin-right: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  background: url(../images/user1.2/search.png) right center no-repeat #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content {
  padding: 10px 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li {
  padding: 15px 5px;
  border-bottom: 1px solid #E0E3EE; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li:last-child {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li h4 {
  color: #1d1d26;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p {
  font-size: 14px;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p a.pdf {
  float: left;
  width: 30%;
  position: relative;
  padding-left: 24px;
  background: url(../images/pdf.png) left center no-repeat;
  background-size: 16px 18px;
  color: #636367; }
.user_box .user_right .ur_body .ur_middle .block_box.invoice_box .invoice_content li p a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.detail {
  padding: 40px 36px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box p.p_icon {
  margin: 36px 10px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box > .btn.add {
  float: right;
  margin-top: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list {
  padding: 20px 5px 2px 12px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li {
  width: 150px;
  float: left;
  vertical-align: middle;
  margin-left: 90px;
  margin-bottom: 20px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.admin:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 53px;
  height: 30px;
  background: url(../images/user1.2/admin.png) left top no-repeat;
  background-size: 53px;
  z-index: 2; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li:nth-child(4n-3) {
  margin-left: 0;
  clear: left; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block {
  width: 320px;
  margin-top: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block:nth-child(2n-1) {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div {
  border: none;
  margin-left: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h5, .user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 {
  position: absolute;
  font-weight: 400;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h5 {
  top: 0;
  color: #1d1d27;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 {
  bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a {
  color: #ff6600;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.auto_width_block > div + div h6 a + a {
  margin-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div {
  width: 148px;
  position: relative;
  border: 1px solid #aeaeae;
  border-radius: 2px;
  height: 188px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div h4 {
  position: relative;
  margin: 24px 0 13px;
  font-size: 20px;
  color: #000;
  padding-left: 10px;
  line-height: 26px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div h4:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 4px;
  height: 22px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div p {
  color: #1d1d27;
  font-size: 12px;
  opacity: 0.7;
  line-height: 15px;
  margin-left: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div i {
  position: absolute;
  z-index: 2;
  right: 20px;
  bottom: 18px;
  color: #636363;
  font-weight: 500;
  line-height: 58px;
  font-size: 54px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > div .bg {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: -24px;
  width: 164px;
  height: 64px;
  transform: rotate(-18deg);
  -ms-transform: rotate(-18deg);
  /* IE 9 */
  -moz-transform: rotate(-18deg);
  /* Firefox */
  -webkit-transform: rotate(-18deg);
  /* Safari 锟斤拷 Chrome */
  -o-transform: rotate(-18deg); }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p {
  font-size: 14px;
  line-height: 20px;
  color: #1d1d27;
  padding: 10px 3px 15px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p.center {
  margin: 0 -5px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li > p a {
  color: #ff6600;
  text-decoration: underline;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .button1 {
  padding: 0 22px;
  display: block;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box {
  font-size: 12px;
  padding: 8px 0;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box button {
  margin-right: 6px;
  width: 17px;
  height: 17px;
  vertical-align: text-bottom;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box button.yes {
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li .check_box span {
  opacity: 0.8; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.one > div h4:before {
  background: #eff7e6; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.one > div .bg {
  background: #eff7e6; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.tow > div h4:before {
  background: #fceee7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.tow > div .bg {
  background: #fceee7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.three > div h4:before {
  background: #fdf5d7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.three > div .bg {
  background: #fdf5d7; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.four > div h4:before {
  background: #ddf2fc; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.four > div .bg {
  background: #ddf2fc; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false > div {
  border-color: #f4f4f4; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h4 {
  color: #ededed; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h4:before {
  background: #fafcf7 !important; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false h5 {
  color: #ec582c;
  line-height: 20px;
  font-size: 16px;
  padding-left: 10px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false i {
  color: #cdcdcd; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false span.false {
  display: block;
  line-height: 32px;
  font-size: 16px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box.choose_template_box .choose_template_list li.false .bg {
  opacity: .3; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 {
  font-size: 22px;
  color: #0a2240;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 .icon_eye {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 10px;
  vertical-align: middle;
  background: url("../images/fenbu/eye.svg") center center no-repeat;
  background-size: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map h4 span {
  font-size: 16px;
  padding-left: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_map > p.center {
  padding: 38px 0 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list {
  margin: 0 15px;
  border-bottom: 1px solid #efefef; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.last {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.last + p.center .button1 {
  margin-top: 6px;
  padding: 0 80px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea {
  border: 1px solid #e8eef2;
  border-radius: 2px;
  font-size: 16px;
  padding: 15px 20px;
  width: 92%;
  height: 72px;
  line-height: 24px;
  margin-top: 10px;
  color: #000; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list p textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list h4.b_title {
  margin: 0 0 22px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list #roofImg {
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title {
  font-size: 16px;
  padding: 19px 0;
  line-height: 22px;
  font-weight: 500;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title:before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #b4b4b7;
  vertical-align: text-top;
  margin-right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.no {
  text-align: center;
  cursor: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.no:before {
  background: #fff !important; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title.ok:before {
  width: 16px;
  height: 16px;
  background: url("../images/duihao.png") center center no-repeat #f60;
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title span {
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #b4b4b7;
  vertical-align: text-top;
  margin: 0 10px 0 56px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title span.ok {
  background: url("../images/duihao.png") center center no-repeat #f60;
  background-size: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title .fa {
  color: #4c637b;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 20px;
  cursor: pointer;
  float: right;
  margin-right: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list > p.title + .table_div {
  display: none;
  margin-left: 1em; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div {
  padding: 8px 0 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div > h3 {
  font-size: 16px;
  line-height: 24px;
  color: #0a2240;
  font-weight: 400;
  margin-bottom: 28px;
  width: 95%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .design_map {
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .title_i {
  margin-top: 25px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .note {
  font-size: 14px;
  color: #ec582c;
  line-height: 24px;
  padding-bottom: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .note big {
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row {
  line-height: 42px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row.but10 {
  margin-bottom: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_left {
  width: 30%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right {
  width: 440px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email] {
  width: 402px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #c2c9cf;
  padding: 0 18px;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text]:focus, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number]:focus, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email]:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email]:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=text][type="hidden"] + p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=number][type="hidden"] + p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=email][type="hidden"] + p {
  padding: 10px 0 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right input[type=radio] {
  width: 24px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right label {
  padding: 0 12px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right label + input[type=radio] {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a {
  width: 438px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a a {
  padding-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right .select_a + p {
  padding: 10px 0 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right > p a, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right li a {
  color: #ff6600;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right > p a:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .div_row_right li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio {
  line-height: 22px;
  padding: 6px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span + span {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row p.radio span.act i:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #ec582c;
  left: 4px;
  top: 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box {
  border: 1px solid #9f9f9f;
  margin-top: 10px;
  padding: 8px;
  border-radius: 3px;
  background-color: #fdfefe;
  position: relative;
  display: block !important; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box > img {
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .latlng {
  font-size: 14px;
  background: url("../images/user1.2/latlng.svg") 8px 8px no-repeat;
  background-size: 12px;
  line-height: 22px;
  padding: 6px 0 12px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .project_type {
  font-size: 14px;
  line-height: 22px;
  padding: 8px 0 6px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .no_design {
  display: table-cell;
  height: 242px;
  vertical-align: middle;
  text-align: center;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box .no_design .button1 {
  margin-top: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .design_box + p a {
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list .table_div .div_row .tishi {
  line-height: 28px;
  font-size: 16px;
  padding-top: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new {
  border-bottom: none; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list > p.title {
  font-size: 20px;
  padding: 18px 0;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list > p.title:before {
  content: normal; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .roof_design_list .table_div {
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title {
  font-size: 20px;
  padding: 18px 0;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title:before {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title.ok:before {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title span {
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title .fa {
  font-size: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new > p.title + .table_div {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new p textarea {
  width: 823px;
  border-radius: 3px;
  max-width: 823px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row {
  padding: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_left {
  width: 230px;
  vertical-align: middle;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_left.v_top {
  vertical-align: top;
  line-height: 42px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right {
  width: 626px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > p.remark {
  font-size: 12px;
  line-height: 22px;
  padding: 10px 0;
  color: #7c7c7f;
  font-style: italic;
  white-space: pre; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > p.remark b {
  font-weight: 500;
  color: #000;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div .key_box {
  line-height: 20px;
  padding: 0 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div .radio span {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 input {
  width: 402px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 textarea {
  width: 583px;
  padding: 10px 20px;
  height: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_3 .select_a {
  width: 438px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 {
  width: 262px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.max input {
  width: 307px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 + .col_2 {
  padding-left: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 input {
  width: 224px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2 .select_a {
  width: 260px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.double input {
  width: 504px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_2.double .select_a {
  width: 540px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 {
  width: 208px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 input {
  width: 170px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.col_1 .select_a {
  width: 206px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.design_box {
  width: 422px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row .div_row_right > div.design_box + p {
  width: 440px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div .div_row h5 {
  font-size: 16px;
  color: #0a2240;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box {
  padding: 26px 36px;
  border: 1px solid #f9daca;
  background: #fffcfb;
  border-radius: 4px;
  margin-bottom: 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box h3 {
  position: relative;
  padding-left: 45px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box h3 i.fa {
  position: absolute;
  line-height: 32px;
  width: 32px;
  height: 32px;
  background: #ec582c;
  color: #fff;
  left: 0;
  top: 50%;
  margin-top: -16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row {
  padding: 3px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_left {
  width: 180px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right {
  width: 442px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right p.radio {
  padding: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.email_box .div_row .div_row_right p.radio span {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box {
  width: 100%;
  padding-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td {
  width: 45%;
  padding-left: 1%;
  padding-right: 4%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td[colspan='2'], .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td[colspan='2'] {
  width: 95%; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td p, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td p {
  line-height: 20px;
  font-size: 16px;
  padding: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box td p.big, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box td p.big {
  margin: 16px -4% 0 -1%;
  padding: 16px 0 14px 1%;
  font-weight: 500;
  font-size: 18px;
  border-top: 1px solid #e8eef2; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img {
  border: none;
  padding: 6px 0 12px;
  line-height: 12px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img > span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img > span {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 1px solid #e8eef2;
  background: url(../images/jia.png) center center no-repeat #f6f9fb;
  cursor: pointer;
  vertical-align: middle;
  margin: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div {
  float: left;
  width: 80px;
  height: 80px;
  border: 1px solid #e8eef2;
  position: relative;
  margin: 6px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div span {
  right: -10px;
  top: -10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_img div img, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_img div img {
  width: 80px;
  height: 80px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file > span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file > span {
  margin: 6px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div {
  width: 96px;
  height: 96px;
  border: none;
  margin: 6px 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div:first-child, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div:first-child {
  margin-left: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div span, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div span {
  right: 2px;
  top: -8px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a {
  display: inline-block;
  vertical-align: top;
  width: 96px;
  padding-top: 68px;
  font-size: 12px;
  line-height: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.exc, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.exc {
  background: url("../images/fenbu/exc.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.word, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.word {
  background: url("../images/fenbu/word.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a.pdf, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a.pdf {
  background: url("../images/fenbu/pdf.svg") center top no-repeat;
  background-size: 55px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div.upload_img_box .upload_file div a:hover, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .table_div table.upload_img_box .upload_file div a:hover {
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box {
  display: table;
  width: 100%;
  margin: 20px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left, .user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left {
  padding: 0 50px 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_left img {
  max-height: 224px;
  max-width: 332px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right {
  width: 468px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right .div_row_left {
  width: 250px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new .div_row_img_box .d_r_i_right .div_row_right {
  width: 208px; }
.user_box .user_right .ur_body .ur_middle .block_box .roof_design_list.r_d_l_new.last + p.center .button1 {
  margin-top: 12px;
  margin-bottom: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title {
  position: relative;
  font-size: 20px;
  color: #0a2240;
  padding-top: 10px;
  line-height: 24px;
  font-weight: 500;
  margin: 0 10px 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right {
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right strong {
  color: #ff5900;
  font-size: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit strong {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit span {
  font-weight: 400;
  color: #0a2240;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .f_right.dt_edit a {
  margin-left: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title:first-letter {
  text-transform: uppercase; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.without {
  margin: 0 -20px;
  border-bottom: 1px solid #e0e3ee;
  padding: 0 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.without + .table1 {
  margin-top: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.messageId {
  min-height: 54px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.messageId .tab_ul li span {
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 6px;
  margin-left: 5px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp {
  margin: 38px 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .f_right {
  margin-right: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp.toggle span {
  border: 2px solid #fdaa53;
  color: #fdaa53;
  font-size: 20px;
  vertical-align: middle;
  text-align: center;
  display: inline-block;
  float: right;
  width: 14px;
  height: 14px;
  margin-right: 10px;
  line-height: 14px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .true {
  background: url(../images/jia1.png) center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.hasp .false {
  background: url(../images/jian.png) center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.haspp {
  margin: 6px 10px 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.haspb {
  margin: 6px 10px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.no_margin {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title.no_margin + .search_box {
  margin-top: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title i.line {
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 2px;
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li {
  padding: 0 16px 26px 16px;
  margin: 0 10px;
  line-height: 24px;
  font-size: 20px;
  color: #3a4e66;
  display: inline-block;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li span {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title > ul > li.act {
  color: #0a2240;
  border-bottom: 4px solid #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title + hr {
  border: none;
  border-top: 1px solid #e0e3ee;
  margin: -6px -20px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box {
  display: none;
  position: absolute;
  top: 8px;
  right: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId {
  top: -4px;
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId * {
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId .fa-search {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.messageId .m_tow {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.show {
  display: block !important;
  top: -1px;
  right: 60px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #94a7bc;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a:hover {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a.delete:hover {
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a input#all {
  width: 16px;
  height: 16px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box > a .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.add_employees {
  display: block !important;
  top: 5px;
  right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .edit_box.add_employees > a {
  padding: 0 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more {
  float: right;
  color: #6f7a8b;
  font-size: 12px;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .more input.date {
  width: 80px;
  color: #fff;
  line-height: 30px;
  height: 30px;
  text-align: center;
  border-radius: 16px;
  padding: 0 28px 0 16px;
  font-size: 14px;
  background: url(../images/sanjiao_bai.PNG) 90% center no-repeat #8bc24a; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa {
  display: inline-block;
  width: 26px;
  height: 26px;
  font-size: 20px !important;
  line-height: 26px;
  color: #494a4c !important;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search {
  font-size: 20px;
  color: #494A4C; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search:before {
  content: "";
  display: inline-block;
  width: 21px;
  height: 23px;
  background: url("../images/icons/search.svg") center center no-repeat;
  background-size: 21px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search.edit {
  font-size: 16px;
  width: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.fa-search.edit:before {
  content: "Edit";
  text-decoration: underline;
  font-family: "Roboto";
  font-size: 18px;
  background: none; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.close {
  background: url("../images/user1.2/close.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title .fa.close.edit {
  width: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 {
  float: right;
  position: relative;
  height: 40px;
  background: #f2f6fa;
  border-radius: 4px;
  font-size: 18px;
  color: #4c637b;
  font-weight: 400;
  line-height: 40px;
  margin-right: -10px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 div {
  cursor: pointer;
  padding-left: 20px;
  padding-right: 10px;
  display: block;
  height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul {
  display: none;
  position: absolute;
  z-index: 2;
  right: 0;
  background: #fff;
  width: 158px;
  border: 1px solid #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul li {
  padding-left: 20px;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .b_title div.select_box2 ul li:hover {
  background: #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements h4.b_title {
  margin: 50px 14px 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block {
  padding: 16px 0 16px 3%;
  margin-top: 25px;
  color: #0a2240;
  width: 97%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title {
  font-size: 18px;
  line-height: 35px;
  padding-right: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title span {
  color: #758697;
  font-size: 16px;
  padding-left: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title .fa {
  color: inherit;
  float: right;
  font-size: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title.before {
  color: #9AA3AE; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title a.delete {
  float: right;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 5px 10px 0 0;
  background-image: url(../images/homeuser/delete.svg);
  background-size: 20px;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block > p.title a.delete:hover {
  background-image: url(../images/homeuser/delete1.svg);
  background-size: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box {
  border-top: 1px solid #d1dae0;
  padding: 14px 0 5px;
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div:first-child {
  width: 90%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box > div:nth-child(2) {
  text-align: right;
  width: 10%; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.button1 {
  display: inline-block;
  min-width: 62px;
  text-align: center;
  margin: 6px 20px;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.edit {
  display: inline-block;
  min-width: 90px;
  text-align: center;
  padding-top: 36px;
  margin: 6px 20px;
  background: url(../images/homeuser/edit.svg) top center no-repeat;
  background-size: 30px;
  transition: all 0.1s;
  color: #5e5e5e;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box a.edit:hover {
  background-image: url(../images/homeuser/edit1.svg);
  background-size: 30px;
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box p {
  font-size: 16px;
  line-height: 24px;
  padding: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .design_order_managements .row_block .cont_box p b {
  color: #ec582c;
  font-size: 18px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box {
  margin: 16px 0 52px;
  padding-bottom: 6px;
  max-height: 360px;
  transition: all 0.5s;
  position: relative;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table {
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(1), .user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(2), .user_box .user_right .ur_body .ur_middle .block_box .notes_box table tr:nth-child(3) {
  display: table-row; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td {
  padding: 10px 0 10px 10px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left {
  height: 96px;
  width: 96px;
  border-radius: 50%;
  background: #94a7bc; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p {
  display: table-cell;
  vertical-align: middle;
  height: 96px;
  width: 96px;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p strong {
  font-size: 18px;
  display: block;
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_left p span {
  opacity: 0.5;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right {
  position: relative;
  padding: 20px 30px;
  border: 1px solid #e9eef4;
  background: #f2f6fa;
  border-radius: 6px;
  margin-left: 20px;
  width: 697px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right:before {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  left: -12px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 12px solid #e9eef4;
  border-bottom: 9px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right:after {
  position: absolute;
  content: "";
  top: 50%;
  margin-top: -6px;
  left: -10px;
  width: 0;
  height: 0;
  border-top: 9px solid transparent;
  border-right: 12px solid #f2f6fa;
  border-bottom: 9px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right h4 {
  font-weight: 500;
  font-size: 16px;
  color: #0a2240;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box table td .n_right p {
  color: #0a2240;
  opacity: 0.8;
  line-height: 24px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right {
  position: absolute;
  right: -1px;
  padding-right: 3px;
  bottom: 0;
  width: 100%;
  line-height: 36px;
  font-size: 12px;
  color: #6f7a8b;
  background: url("../images/proposal/angle-down_bg.png") left top repeat-x;
  height: 110px;
  margin-top: -116px;
  transition: all 0.5s; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right.open {
  position: inherit;
  background: url("../images/proposal/angle-down_bg.png") left bottom repeat-x;
  height: 36px;
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right.open a {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right a {
  display: inline-block;
  margin-top: 76px; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right .fa {
  color: #6f7a8b;
  font-size: 25px;
  width: 26px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .notes_box > p.right span + span {
  display: none;
  padding-right: 1px; }
.user_box .user_right .ur_body .ur_middle .block_box .project_box {
  padding-top: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box h4.b_title {
  margin-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box {
  line-height: 32px;
  padding: 14px;
  color: #475156;
  font-size: 18px;
  background: #f2f6fa;
  margin-bottom: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box .btn-Categorize {
  float: right; }
.user_box .user_right .ur_body .ur_middle .block_box .revenue_box .btn-Categorize input {
  width: 94%;
  color: #fff;
  line-height: 32px;
  height: 32px;
  text-align: center;
  font-size: 14px;
  margin-left: -10px;
  background: url(../images/sanjiao_bai.PNG) right center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p {
  color: #1d1d26;
  margin: 24px 0 10px 19.4px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p > * {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  line-height: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box {
  position: relative;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  margin-right: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .m_check_box.yes:before {
  background-size: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p .mar_left50 {
  margin-left: 50px;
  width: 360px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p b {
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p button {
  background: #67ba2f;
  font-size: 16px;
  color: #fff;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin-right: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p a {
  font-size: 14px;
  color: #ec582c;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .m_check_p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block {
  border-radius: 10px;
  border: 1px solid #f2f6fa;
  padding: 20px 3%;
  margin-top: 25px;
  background: #f2f6fa;
  border-left: 2px solid #e3eaf3;
  border-left: 2px solid #e3eaf3;
  display: table;
  overflow: hidden;
  width: 94%;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check {
  padding: 25px 2% 10px;
  width: 96%;
  display: block;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box {
  position: relative;
  display: inline-block;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 22px;
  border-radius: 4px;
  background: #fff;
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .m_check_box.yes:before {
  background-size: 28px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_img, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_right {
  display: inline-block;
  vertical-align: top; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_img {
  margin: 7px 20px 0 15px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left {
  width: 72%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.hot, .user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.new {
  display: inline-block;
  padding: 0 12px;
  border-radius: 12px;
  vertical-align: middle;
  font-size: 16px;
  line-height: 24px;
  margin-left: 10px;
  color: #fff;
  background: #ff9f11; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left h4 span.new {
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box {
  font-size: 14px;
  line-height: 20px;
  margin: 4px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box > * {
  display: table-cell;
  vertical-align: top;
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_left .m_logs_box > * a {
  color: #f85d0d;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.m_check .rb_right {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 66px;
  text-align: right; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding {
  padding: 0;
  width: 890px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding.show_out {
  overflow: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_left {
  width: 80%;
  padding-left: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_img img {
  width: 96px;
  height: 96px;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left {
  width: 66%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left h4, .user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .table_home .rb_left div {
  padding: 8px 0 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_right {
  width: 20%;
  vertical-align: top;
  padding-top: 36px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding .rb_right.ver_middle {
  vertical-align: middle;
  padding-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.by_box {
  position: relative;
  overflow: auto; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f {
  background-color: #f5faf2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f .rb_icon i {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c67ba2f .rb_left > *:first-child {
  color: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff {
  background-color: #f2f6fa; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff .rb_icon i {
  background: #4686ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c4686ff .rb_left > *:first-child {
  color: #4686ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff {
  background-color: #f9f2fa; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff .rb_icon i {
  background: #8600ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.c8600ff .rb_left > *:first-child {
  color: #8600ff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b {
  background-color: #faf2f2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b .rb_icon i {
  background: #fe786b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cfe786b .rb_left > *:first-child {
  color: #fe786b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 {
  background-color: #faf6f2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 .rb_icon i {
  background: #ff7800; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block.cff7800 .rb_left > *:first-child {
  color: #ff7800; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button {
  background: #94a7bc !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button:hover {
  background: #67ba2f !important;
  border-color: #67ba2f !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button.free {
  background: #67ba2f !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block button.free_new {
  background: #ec582c !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block:hover {
  background: #fff;
  border: 1px solid #f6f6f6;
  border-left: 2px solid #f47564;
  box-shadow: 1px 0 10px 2px #f6f6f6;
  /*button {
                  background: #67ba2f !important;
                  border-color: #67ba2f !important;
              }*/ }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_img, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon {
  display: table-cell;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_img img {
  cursor: pointer; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div {
  display: table;
  padding: 20px 3%;
  width: 94%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div.accept {
  background: url("../images/yinzhang.png") 72% bottom no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .table_div.lost {
  background: url("../images/yinzhang2.png") 72% bottom no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table {
  display: table;
  width: 100%;
  background: #e3eaf3;
  height: 50px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * {
  display: table-cell;
  text-align: center;
  color: #6c6c6c;
  font-size: 18px;
  line-height: 50px;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:first-child {
  border-bottom-left-radius: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:last-child {
  border-bottom-right-radius: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover {
  color: #fff;
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.basic {
  background: url("../images/user1.2/Basic-Info1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.solar {
  background: url("../images/user1.2/Solar-Design1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.quotation {
  background: url("../images/user1.2/Quotation1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.contract {
  background: url("../images/user1.2/Contract1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.marks {
  background: url("../images/ditui/mark1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.track {
  background: url("../images/ditui/track1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > *:hover span.leads {
  background: url("../images/ditui/leads1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span {
  display: inline-block;
  width: 22px;
  height: 24px;
  margin-right: 6px;
  background-size: 100% !important;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.new {
  position: relative;
  border-radius: 0;
  padding: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.new:after {
  position: absolute;
  content: "";
  right: -3px;
  border-radius: 50%;
  top: -3px;
  width: 8px;
  height: 8px;
  background: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.basic {
  background: url("../images/user1.2/Basic-Info.svg") center top no-repeat, url("../images/user1.2/Basic-Info1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.solar {
  background: url("../images/user1.2/Solar-Design.svg") center top no-repeat, url("../images/user1.2/Solar-Design1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.quotation {
  background: url("../images/user1.2/Quotation.svg") center top no-repeat, url("../images/user1.2/Quotation1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.contract {
  background: url("../images/user1.2/Contract.svg") center top no-repeat, url("../images/user1.2/Contract1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.marks {
  width: 17px;
  background: url("../images/ditui/mark.svg") center top no-repeat, url("../images/ditui/mark1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.track {
  background: url("../images/ditui/track.svg") center top no-repeat, url("../images/ditui/track1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .foot_table > * span.leads {
  background: url("../images/ditui/leads.svg") center top no-repeat, url("../images/ditui/leads1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon {
  width: 3%;
  vertical-align: text-bottom; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box {
  display: none;
  width: 34px;
  height: 40px;
  background: url("../images/user1.2/checkbox.png") center center no-repeat;
  margin: -6px 5px 0 -6px;
  cursor: pointer;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.show {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.show + i {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon span.check_box.true {
  background: url("../images/user1.2/checkbox0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon i {
  display: inline-block;
  background: red;
  width: 12px;
  height: 12px;
  margin-top: 8px;
  border-radius: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_icon + .rb_left {
  width: 80%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left {
  width: 60%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 {
  color: #4cb6ec;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  position: relative;
  z-index: 2; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a {
  color: inherit; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize {
  position: relative;
  float: none;
  display: inline-block;
  color: #0a2240;
  font-size: 14px;
  vertical-align: middle;
  background: none;
  border: 1px solid #d2d8e0;
  line-height: 28px;
  height: 28px;
  border-radius: 14px;
  font-weight: 300;
  transition: all .1s;
  min-width: 150px;
  text-align: left; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize:after {
  position: absolute;
  content: "";
  right: 12px;
  top: 10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #b8c6d6; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize > span {
  padding: 0 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize.act {
  background: #8bc24a;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 a.btn-Categorize.act:after {
  border-top: 6px solid #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 i.vip {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
  margin: 0 5px;
  background: url("../images/user1.2/vip.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong {
  font-weight: 500;
  display: inline-block;
  max-width: 310px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong + span {
  display: inline-block;
  vertical-align: middle;
  margin-right: -32px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > strong.pin {
  font-size: 16px;
  font-weight: 300;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > span {
  font-size: 16px;
  color: #758697;
  font-weight: 300;
  margin-left: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > span.date_remark {
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > p span {
  font-size: 16px;
  font-weight: 300;
  margin-right: 12px;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 > p span.color_02 {
  font-weight: 400;
  font-size: 14px;
  color: #022242;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h4 + p {
  color: #0a2240;
  line-height: 24px;
  margin-top: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h5 {
  color: #4cb6ec;
  font-size: 16px;
  font-weight: 400;
  line-height: 26px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 {
  font-weight: 500;
  line-height: 26px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 > p span {
  font-size: 16px;
  font-weight: 300;
  margin-right: 12px;
  color: #758697; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h6 > p span.color_02 {
  font-weight: 400;
  font-size: 14px;
  color: #022242; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left h3 {
  font-size: 20px;
  line-height: 32px;
  color: #1d1d26;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p {
  line-height: 26px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p span {
  font-size: 14px;
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p small {
  font-size: 12px;
  color: #4c637b;
  line-height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p.color {
  color: #ec582c;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p .tel {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/epc/tel.svg") center top no-repeat;
  background-size: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p .circle {
  display: inline-block;
  margin-right: 6px;
  width: 8px;
  height: 8px;
  vertical-align: middle;
  background: #4cb6ec;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div {
  line-height: 24px;
  font-size: 14px;
  color: #022242;
  margin: 10px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div.no_margin {
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong {
  font-weight: 400; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong.yes {
  color: #91c959; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div strong.no {
  color: #ec582c; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div span {
  padding-right: 20px;
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div span.color_4c {
  margin-top: 6px;
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div h5 {
  color: #ec582c;
  font-size: 18px;
  font-weight: 500; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div + p {
  color: #313131;
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads {
  width: 530px;
  padding: 4px 0 0 !important; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads span {
  display: table-cell;
  padding: 0;
  white-space: nowrap; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left div div.leads p {
  display: table-cell;
  padding-left: 3px;
  line-height: 24px;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_left > p.top-border {
  display: inline-block;
  padding-right: 5px;
  border-top: 1px solid #c9ddf3;
  padding-top: 9px;
  line-height: 20px;
  font-size: 14px;
  color: #022242; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right {
  width: 26%;
  text-align: center; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.cust {
  width: 12%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads {
  padding: 0;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p {
  width: 180px;
  line-height: 26px;
  font-size: 16px;
  color: #313131;
  padding: 6px 6px 6px 0;
  text-align: right; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p span.pin_cd {
  display: inline-block;
  color: #7a818d;
  font-size: 12px;
  background: #e8edf1;
  border-radius: 2px;
  padding: 0 7px;
  line-height: 22px;
  min-height: 22px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p.tel {
  font-size: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .tel {
  display: inline-block;
  margin-right: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  background: url("../images/epc/tel.svg") center top no-repeat;
  background-size: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .number {
  display: inline-block;
  height: 28px;
  line-height: 29px;
  padding: 0 10px;
  color: #fff;
  font-size: 16px;
  border-radius: 2px;
  background: #ec582c;
  margin: 0 10px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .number.f100 {
  background: #8ac249; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .latlng {
  display: inline-block;
  width: 18px;
  height: 28px;
  background: url("../images/ditui/latlng.svg") center center no-repeat;
  background-size: 18px;
  margin-left: 18px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right.leads p .img {
  display: inline-block;
  width: 28px;
  height: 26px;
  background: url("../images/ditui/img.png") center center no-repeat;
  background-size: 28px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right button {
  width: 100px;
  height: 32px;
  color: #fff;
  font-size: 16px;
  border-radius: 16px;
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right button:last-child {
  margin-left: 1%; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize {
  background: #94a7bc;
  border-color: #94a7bc;
  transition: all 0.1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize:hover {
  background-color: #8bc24a;
  border-color: #8bc24a; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize .i {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 10px solid #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-Categorize ul {
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a {
  display: inline-block;
  font-size: 16px;
  min-width: 33px;
  margin: 5px 3px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.read {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/read.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.read:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/read1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.edit {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/edit.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.edit:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/edit1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.delete {
  margin: 0 12px;
  padding-top: 44px;
  color: #5e5e5e;
  background: url("../images/homeuser/delete.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right > a.delete:hover {
  color: #7fc855;
  text-decoration: underline;
  background: url("../images/homeuser/delete1.svg") center top no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message {
  display: inline-block;
  width: 150px;
  border: 1px solid #bbc8d8;
  color: #4c637b;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  float: left;
  cursor: pointer;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b {
  position: relative;
  display: inline-block;
  width: 12px;
  height: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b:before {
  position: absolute;
  content: '';
  left: 5px;
  top: 0;
  width: 2px;
  height: 12px;
  background: #4c637b;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message b:after {
  position: absolute;
  content: '';
  left: 0;
  top: 5px;
  width: 12px;
  height: 2px;
  background: #4c637b;
  transition: all .1s; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover {
  color: #67ba2f;
  border-color: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover b:after, .user_box .user_right .ur_body .ur_middle .block_box .row_block .rb_right .btn-message:hover b:before {
  background: #67ba2f; }
.user_box .user_right .ur_body .ur_middle .block_box #container1 {
  height: 300px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal {
  padding: 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal h4.b_title {
  padding: 0 0 20px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal hr {
  margin: 0;
  border: 0;
  border-top: 1px solid #e0e3ee; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head {
  padding: 26px 0 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i {
  display: inline-block;
  width: 27px;
  height: 29px;
  position: relative;
  vertical-align: middle;
  border-radius: 2px;
  overflow: hidden; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i:before {
  display: inline-block;
  content: "";
  width: 100%;
  height: 3px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.completed {
  background: #f9fbf3; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.completed:before {
  background: url("../images/proposal/completed.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.process {
  background: #fcf8f6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.process:before {
  background: url("../images/proposal/process.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.incomplete {
  background: #f8f8f8; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head i.incomplete:before {
  background: url("../images/proposal/incomplete.png"); }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head span {
  display: inline-block;
  vertical-align: middle;
  padding-left: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_head span + i {
  margin-left: 116px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list {
  height: 250px;
  display: table;
  position: relative;
  transition: all 0.5s;
  margin-bottom: 168px;
  z-index: 1; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li {
  cursor: pointer;
  display: table-cell;
  vertical-align: middle;
  padding-right: 8px;
  height: 243px;
  width: 132px;
  text-align: center;
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > * {
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > i {
  line-height: 22px;
  font-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > i + b {
  line-height: 22px;
  font-size: 26px;
  margin-left: -2px;
  font-weight: 400;
  font-style: italic; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > span {
  display: block;
  height: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > div {
  display: table;
  width: 100%; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li a > div p {
  display: table-cell;
  height: 70px;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  line-height: 18px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li > .remark {
  display: none;
  width: 822px;
  position: absolute;
  left: 0;
  z-index: 1;
  top: 250px;
  font-size: 14px;
  color: #000;
  line-height: 20px;
  padding: 18px 25px;
  border-radius: 4px;
  cursor: auto;
  text-align: left; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark {
  left: 10px;
  width: 812px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(1) > .remark:after {
  left: 70px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(2) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(2) > .remark:after {
  left: 207px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(3) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(3) > .remark:after {
  left: 344px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(4) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(4) > .remark:after {
  left: 481px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(5) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(5) > .remark:after {
  left: 618px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(6) > .remark:before, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:nth-child(6) > .remark:after {
  left: 755px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part2_1_bg.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > i {
  font-size: 30px;
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > i + b {
  font-size: 41px;
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act a > div p {
  height: 82px;
  font-size: 18px;
  line-height: 20px;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li:hover > .remark, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.act > .remark {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete {
  background: url("../images/proposal/part2_0_bg.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > i {
  color: #636363; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > i + b {
  color: #636363; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_1 {
  background: url("../images/proposal/part1_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_2 {
  background: url("../images/proposal/part2_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_3 {
  background: url("../images/proposal/part3_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_4 {
  background: url("../images/proposal/part4_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_5 {
  background: url("../images/proposal/part5_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > span.icon_6 {
  background: url("../images/proposal/part6_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete a > div p {
  color: #7d7d7d; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark {
  background: #f1f1f1;
  border: 1px solid #dadada; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #dadada; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f1f1f1; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act {
  background: url("../images/proposal/part2_1_bg.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_1, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_1 {
  background: url("../images/proposal/part1_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_2, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_2 {
  background: url("../images/proposal/part2_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_3, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_3 {
  background: url("../images/proposal/part3_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_4, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_4 {
  background: url("../images/proposal/part4_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_5, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_5 {
  background: url("../images/proposal/part5_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > span.icon_6, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > span.icon_6 {
  background: url("../images/proposal/part6_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child {
  background: url("../images/proposal/part1_0_bg.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:first-child.act {
  width: 188px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_1_bg.png") left center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child {
  background: url("../images/proposal/part_end_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.incomplete:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed {
  background: url("../images/proposal/part2_completed_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > i {
  color: #7cb034;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > i + b {
  color: #7cb034; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > span {
  background: url("../images/proposal/completed_icon_0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed a > div p {
  color: #93b725; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark {
  background: #f1f7e3;
  border: 1px solid #d3e8a6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #d3e8a6; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f1f7e3; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act {
  background: url("../images/proposal/part2_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > span {
  height: 50px;
  background: url("../images/proposal/completed_icon_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child {
  background: url("../images/proposal/part1_completed_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:first-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child {
  background: url("../images/proposal/part_end_completed_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.completed:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_completed_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process {
  background: url("../images/proposal/part2_process_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > i {
  color: #ef6424; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > i + b {
  color: #ef6424; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_1 {
  background: url("../images/proposal/part1_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_2 {
  background: url("../images/proposal/part2_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_3 {
  background: url("../images/proposal/part3_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_4 {
  background: url("../images/proposal/part4_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_5 {
  background: url("../images/proposal/part5_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > span.icon_6 {
  background: url("../images/proposal/part6_process_icon0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process a > div p {
  color: #f9870d; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark {
  background: #f8f1ed;
  border: 1px solid #fad4bb; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark:before {
  position: absolute;
  content: "";
  top: -10px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #fad4bb; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process > .remark:after {
  position: absolute;
  content: "";
  top: -8px;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 10px solid #f8f1ed; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act {
  background: url("../images/proposal/part2_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > i, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > i {
  color: #fff;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > i + b, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > i + b {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span {
  height: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_1, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_1 {
  background: url("../images/proposal/part1_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_2, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_2 {
  background: url("../images/proposal/part2_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_3, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_3 {
  background: url("../images/proposal/part3_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_4, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_4 {
  background: url("../images/proposal/part4_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_5, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_5 {
  background: url("../images/proposal/part5_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > span.icon_6, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > span.icon_6 {
  background: url("../images/proposal/part6_icon1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:hover a > div p, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process.act a > div p {
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child {
  background: url("../images/proposal/part1_process_0.png") center 28px no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:first-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part1_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child {
  background: url("../images/proposal/part_end_process_0.png") center 28px no-repeat;
  padding-right: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child:hover, .user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list > li.process:last-child.act {
  width: 195px;
  height: 243px;
  padding: 0;
  background: url("../images/proposal/part_end_process_1.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list + p.center {
  margin-bottom: 52px;
  /*a{
                    color: #67ba2f;
                    font-size: 16px;
                    text-decoration: underline;
                    &:hover{
                        text-decoration: none;
                    }
                }*/ }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .pd_list + p.center a.button1 {
  margin: 0;
  font-size: 18px;
  font-weight: 300; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box {
  padding: 26px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a {
  display: inline-block;
  text-align: center;
  width: 248px;
  padding: 10px 0 20px;
  background: #fffdfc;
  border: 1px solid #f4ebe5;
  border-radius: 8px;
  vertical-align: middle; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error {
  background: #f9f9f9;
  border: 1px solid #ececec; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error p {
  opacity: .55; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error i.dollar {
  background: url("../images/proposal/profit0.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li a.error + p {
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li > p {
  display: none;
  width: 528px;
  vertical-align: middle;
  font-size: 12px;
  border-radius: 60px;
  line-height: 20px;
  background: #f5f5f5;
  padding: 8px 25px;
  position: relative;
  margin-left: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box li > p:before {
  position: absolute;
  content: "";
  top: 50%;
  left: -10px;
  margin-top: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-right: 12px solid #f5f5f5;
  border-bottom: 6px solid transparent; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box i {
  display: inline-block;
  padding: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box i.dollar {
  width: 44px;
  background: url("../images/proposal/profit.png") center center no-repeat;
  height: 44px; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal .proposal_div_box .profit_box p {
  font-size: 18px;
  line-height: 24px;
  color: #2b2b2b; }
.user_box .user_right .ur_body .ur_middle .block_box .new-proposal + p.center .button1 {
  width: 146px;
  margin: 40px 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box {
  border: 1px solid #e4e4e4;
  padding: 28px;
  display: table;
  width: 806px;
  margin-bottom: 48px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box:last-child {
  margin-bottom: 30px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left {
  display: table-cell;
  width: 55%;
  border-right: 1px solid #ececec;
  padding-right: 60px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right {
  display: table-cell;
  padding-left: 60px;
  width: 45%; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row {
  display: table;
  width: 100%;
  font-size: 14px;
  line-height: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row > span, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row > span {
  display: table-cell;
  width: 30%;
  color: #7C7C7F;
  min-width: 114px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row p, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row p {
  display: table-cell;
  width: 60%;
  color: #1d1d26;
  padding-bottom: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_left > .row b, .user_box .user_right .ur_body .ur_middle .block_box .detail_box .detail_right > .row b {
  font-size: 16px;
  color: #ff5900; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box {
  border-top: 1px solid #ed6e2d;
  padding-top: 30px;
  margin-top: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box a {
  margin-right: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box.e5 {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .button_box.e5 a {
  margin-right: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .mar_top {
  margin-top: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .mar_top_10 {
  margin-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .title_i {
  margin-bottom: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box {
  padding-top: 19px;
  width: 380px;
  border-bottom: 1px solid #efefef; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .title_i {
  display: inline-block;
  cursor: pointer;
  margin-bottom: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box:last-child {
  border-bottom: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > span {
  position: absolute;
  right: 15px;
  cursor: pointer;
  top: 33px;
  width: 8px;
  height: 8px;
  border-left: 2px solid #4c637b;
  border-top: 2px solid #4c637b;
  transform: rotate(-135deg);
  transition: all .3s; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon {
  position: absolute;
  right: 13px;
  cursor: pointer;
  top: 30px;
  color: #4c637b;
  width: 20px;
  height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:before {
  position: absolute;
  content: "";
  left: 9px;
  top: 3px;
  width: 2px;
  height: 14px;
  background: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:after {
  position: absolute;
  content: "";
  left: 3px;
  top: 9px;
  width: 14px;
  height: 2px;
  background: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon:hover {
  opacity: .7; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box > .add_icon + span {
  right: 50px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .pdf_box_new {
  display: none;
  padding-top: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box.act > span {
  transform: rotate(45deg);
  margin-top: 4px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box.act .pdf_box_new {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon {
  position: absolute;
  right: 8px;
  top: 0;
  width: 24px;
  height: 24px;
  background: #94a7bc;
  border-radius: 50%; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon:after {
  content: "";
  width: 2px;
  height: 10px;
  left: 11px;
  top: 6px;
  position: absolute;
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box .down_icon:before {
  content: "";
  left: 8px;
  top: 8px;
  width: 6px;
  height: 6px;
  position: absolute;
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg); }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li {
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
  width: 32%;
  float: left; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li:before {
  content: " ";
  display: block;
  height: 38px;
  background: url("../images/pdf.png") top center no-repeat;
  background-size: 24px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li a {
  display: block;
  color: #ed6f2d;
  font-size: 12px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li {
  font-size: 16px;
  line-height: 30px;
  padding-left: 30px;
  position: relative; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li .close01 {
  display: none;
  position: absolute;
  left: 0;
  top: 0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-size: 24px;
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/pdf.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.word:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/word.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.excel:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/exc.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li.file:before {
  position: absolute;
  left: 2px;
  top: 0;
  content: "";
  height: 25px;
  width: 19px;
  background: url("../images/fenbu/file.svg") center center no-repeat;
  background-size: 19px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a {
  display: block;
  color: #4c637b;
  font-size: 16px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a.color_4c {
  color: #4c637b; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li a:hover {
  color: #ff6600; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li .over_flow {
  width: 90%;
  display: inline-block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover .close01 {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover:before {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover .down_icon {
  background: #ff6600; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover.read_only .close01 {
  display: none; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box .pdf_box_new li:hover.read_only:before {
  display: block; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li {
  color: #7C7C7F;
  line-height: 30px;
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li span {
  float: right;
  color: #1d1d26; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li b {
  color: #ff5900; }
.user_box .user_right .ur_body .ur_middle .block_box .detail_box ul.pay_detail li.line1 {
  border-top: 1px solid #ff6f34;
  margin-top: 6px;
  padding-top: 6px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box {
  padding-left: 0;
  padding-right: 0;
  padding-top: 10px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box hr {
  border: 0;
  height: 0;
  border-bottom: 1px solid #efefef;
  margin: 5px 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list {
  transition: all .3s;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > h4, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > h4 {
  margin: 0 16px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title {
  margin: 16px 16px 0;
  border-radius: 3px;
  padding: 24px 38px;
  background: #f7f9fa;
  transition: all .3s;
  line-height: 20px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no {
  background: #fff;
  padding: 16px;
  margin: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no span:first-child, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no span:first-child {
  margin-left: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title.no:before, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title.no:before {
  content: normal; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title:before, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title:before {
  vertical-align: top;
  margin-right: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > p.title i.fa {
  margin-right: 1px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.last .table_div:first-child, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.last .table_div:first-child {
  padding-bottom: 0 !important;
  margin-bottom: 35px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.last + p.center, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.last + p.center {
  padding-top: 8px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div {
  margin: 18px 36px 40px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div.last, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div.last {
  margin-bottom: 18px !important; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .div_row_left, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .div_row_right .key_box, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .div_row_left, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .div_row_right .key_box {
  opacity: .8; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message {
  background: #e9eaec;
  color: #686868;
  width: 22px;
  height: 22px;
  line-height: 22px !important;
  border-radius: 50%;
  text-align: center;
  font-weight: 300;
  margin: 0 8px;
  vertical-align: bottom; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message:after, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message:after {
  content: '?';
  font-size: 14px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message:hover, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message:hover {
  background: #7fc855;
  color: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list > .table_div .prompt_message + span, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list > .table_div .prompt_message + span {
  margin-left: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act {
  box-shadow: 0 16px 16px -4px #ebedef;
  border-radius: 5px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act + .roof_design_list, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act + .roof_design_list {
  margin-top: 40px; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act + .roof_design_list.last, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act + .roof_design_list.last {
  margin-top: 0; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act > p.title {
  background: #fff;
  box-shadow: 0 8px 22px 2px #eee; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act > p.title i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act .act > p.title, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act .act > p.title {
  background: #fff; }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list.act .act > p.title i.fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list.act .act > p.title i.fa {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }
.user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > .roof_design_list .roof_design_list .title .fa, .user_box .user_right .ur_body .ur_middle .block_box.xmsj_box > * > .roof_design_list .roof_design_list .title .fa {
  float: none;
  font-size: 25px;
  margin-left: 5px; }
.user_box .user_right .ur_body .ur_middle h2.title {
  padding-top: 0;
  margin-bottom: 3px; }
.user_box .user_right .ur_body .ur_middle .tab_box h2.title {
  margin-top: 3px; }
.user_box .user_right .ur_body .ur_middle .page_box {
  padding: 50px 0 0; }
.user_box .user_right .ur_body .ur_middle .page_box a {
  margin: 0 3px;
  vertical-align: middle;
  color: #666; }
.user_box .user_right .ur_body .ur_middle .page_box a.btn-next {
  font-family: 'FontAwesome';
  font-size: 28px;
  margin: 0 18px;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_middle .page_box a.btn-next:hover {
  color: #fff;
  background: #85c859; }
.user_box .user_right .ur_body .ur_middle .page_box a.act {
  color: #fff; }
.user_box .user_right .ur_body .ur_right {
  width: 300px;
  float: right; }
.user_box .user_right .ur_body .ur_right .adv {
  display: block;
  padding-bottom: 20px; }
.user_box .user_right .ur_body .ur_right .adv img {
  max-width: 300px;
  max-height: 160px;
  border-radius: 4px; }
.user_box .user_right .ur_body .ur_right .block {
  margin: 30px;
  float: left; }
.user_box .user_right .ur_body .ur_right .block h4 {
  font-size: 14px;
  color: #263238;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 52px; }
.user_box .user_right .ur_body .ur_right .block i {
  display: inline-block;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 5px; }
.user_box .user_right .ur_body .ur_right .block i.file {
  background: url("../images/user/file.svg") center center no-repeat;
  background-size: 18px; }
.user_box .user_right .ur_body .ur_right .block i.must-read {
  background: url("../images/user/must-read.png") center center no-repeat; }
.user_box .user_right .ur_body .ur_right .block i.fq {
  background: url("../images/user/SPEECH4.svg") center center no-repeat;
  background-size: 18px; }
.user_box .user_right .ur_body .ur_right .block > a {
  display: block;
  color: #0a2240;
  font-size: 14px;
  text-decoration: underline;
  line-height: 30px; }
.user_box .user_right .ur_body .ur_right .block > a:hover {
  color: #87ba45;
  text-decoration: underline; }

.rotate180 {
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg); }

.user-right .new_table, .user-right .row_block, .user_right .new_table, .user_right .row_block {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  background: #fff;
  margin-top: 20px; }
.user-right .new_table .table_head, .user-right .row_block .table_head, .user_right .new_table .table_head, .user_right .row_block .table_head {
  height: 45px;
  border-bottom: 1px solid #eee;
  background: #fffdfa;
  padding: 18px 24px 0; }
.user-right .new_table .table_head strong, .user-right .row_block .table_head strong, .user_right .new_table .table_head strong, .user_right .row_block .table_head strong {
  display: inline-block;
  line-height: 40px;
  font-size: 20px;
  color: #070707;
  font-weight: 500; }
.user-right .new_table .table_head strong:before, .user-right .row_block .table_head strong:before, .user_right .new_table .table_head strong:before, .user_right .row_block .table_head strong:before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  background: #fcab53; }
.user-right .new_table .table_head a.right, .user-right .row_block .table_head a.right, .user_right .new_table .table_head a.right, .user_right .row_block .table_head a.right {
  float: right;
  display: inline-block; }
.user-right .new_table .table_head a.right.btn, .user-right .row_block .table_head a.right.btn, .user_right .new_table .table_head a.right.btn, .user_right .row_block .table_head a.right.btn {
  font-size: 16px;
  height: 32px;
  line-height: 32px;
  padding: 0 26px;
  color: #fff;
  background: #8ac249;
  border-radius: 16px; }
.user-right .new_table .table_head a.right.btn span, .user-right .row_block .table_head a.right.btn span, .user_right .new_table .table_head a.right.btn span, .user_right .row_block .table_head a.right.btn span {
  font-size: 24px;
  vertical-align: bottom;
  margin-right: 10px; }
.user-right .new_table .table_head a.right.link, .user-right .row_block .table_head a.right.link, .user_right .new_table .table_head a.right.link, .user_right .row_block .table_head a.right.link {
  font-size: 12px;
  line-height: 32px;
  color: #6f7a8b;
  text-transform: uppercase; }
.user-right .new_table .table_head a.right.link i, .user-right .row_block .table_head a.right.link i, .user_right .new_table .table_head a.right.link i, .user_right .row_block .table_head a.right.link i {
  color: inherit;
  width: 12px;
  height: 12px;
  font-size: 16px; }
.user-right .new_table .table_head a.right.link:hover, .user-right .row_block .table_head a.right.link:hover, .user_right .new_table .table_head a.right.link:hover, .user_right .row_block .table_head a.right.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table .by_head, .user-right .row_block .by_head, .user_right .new_table .by_head, .user_right .row_block .by_head {
  height: 50px;
  line-height: 50px;
  font-size: 16px;
  color: #3f3e3c;
  padding: 0 36px;
  margin: 0 1.5%;
  border-bottom: 1px solid #eee; }
.user-right .new_table .by_head.by_myself, .user-right .row_block .by_head.by_myself, .user_right .new_table .by_head.by_myself, .user_right .row_block .by_head.by_myself {
  background: url("../images/homeuser/myself.png") 14px center no-repeat; }
.user-right .new_table .by_head.by_installer, .user-right .row_block .by_head.by_installer, .user_right .new_table .by_head.by_installer, .user_right .row_block .by_head.by_installer {
  background: url("../images/homeuser/install.png") 14px center no-repeat; }
.user-right .new_table .by_head.by_simple, .user-right .row_block .by_head.by_simple, .user_right .new_table .by_head.by_simple, .user_right .row_block .by_head.by_simple {
  background: url("../images/homeuser/simple.png") 14px center no-repeat;
  border-bottom: none; }
.user-right .new_table .by_head.by_simple + .table_home_list, .user-right .row_block .by_head.by_simple + .table_home_list, .user_right .new_table .by_head.by_simple + .table_home_list, .user_right .row_block .by_head.by_simple + .table_home_list {
  border-top: 1px solid #eee; }
.user-right .new_table .by_head.by_simple + .table_home_list li:last-child, .user-right .row_block .by_head.by_simple + .table_home_list li:last-child, .user_right .new_table .by_head.by_simple + .table_home_list li:last-child, .user_right .row_block .by_head.by_simple + .table_home_list li:last-child {
  border-bottom: none; }
.user-right .new_table .by_head + .table_home_list, .user-right .row_block .by_head + .table_home_list, .user_right .new_table .by_head + .table_home_list, .user_right .row_block .by_head + .table_home_list {
  display: none; }
.user-right .new_table .by_head span, .user-right .row_block .by_head span, .user_right .new_table .by_head span, .user_right .row_block .by_head span {
  color: #696969;
  font-size: 12px; }
.user-right .new_table .by_head .right, .user-right .row_block .by_head .right, .user_right .new_table .by_head .right, .user_right .row_block .by_head .right {
  float: right;
  display: inline-block;
  color: #fcab53;
  border: 1px solid #fcab53;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  margin-top: 18px; }
.user-right .new_table .no-data, .user-right .row_block .no-data, .user_right .new_table .no-data, .user_right .row_block .no-data {
  padding: 40px 0 40px;
  text-align: center; }
.user-right .new_table .no-data p, .user-right .row_block .no-data p, .user_right .new_table .no-data p, .user_right .row_block .no-data p {
  line-height: 22px;
  padding: 8px 35px;
  font-size: 16px;
  color: #222021; }
.user-right .new_table .no-data .refresh, .user-right .row_block .no-data .refresh, .user_right .new_table .no-data .refresh, .user_right .row_block .no-data .refresh {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 30px;
  margin: 0 38px;
  font-size: 16px; }
.user-right .new_table .no-data .add_new, .user-right .row_block .no-data .add_new, .user_right .new_table .no-data .add_new, .user_right .row_block .no-data .add_new {
  display: inline-block;
  color: #fff;
  height: 120px;
  width: 120px;
  border-radius: 50%;
  font-size: 16px;
  line-height: 150px;
  font-weight: 300;
  background: url("../images/add.png") center 32px no-repeat #8ac249; }
.user-right .new_table .no-data .add_new:hover, .user-right .row_block .no-data .add_new:hover, .user_right .new_table .no-data .add_new:hover, .user_right .row_block .no-data .add_new:hover {
  opacity: 0.8; }
.user-right .new_table .no-data .add_new:active, .user-right .row_block .no-data .add_new:active, .user_right .new_table .no-data .add_new:active, .user_right .row_block .no-data .add_new:active {
  opacity: 1; }
.user-right .new_table div.table_home, .user-right .row_block div.table_home, .user_right .new_table div.table_home, .user_right .row_block div.table_home {
  width: 94.6%;
  position: relative;
  padding: 24px;
  transition: all 0.1s;
  border-radius: 10px;
  display: table; }
.user-right .new_table div.table_home.accept, .user-right .row_block div.table_home.accept, .user_right .new_table div.table_home.accept, .user_right .row_block div.table_home.accept {
  background: url("../images/yinzhang.png") 63% bottom no-repeat; }
.user-right .new_table div.table_home div, .user-right .row_block div.table_home div, .user_right .new_table div.table_home div, .user_right .row_block div.table_home div {
  display: table-cell;
  vertical-align: middle; }
.user-right .new_table div.table_home div .circle_box, .user-right .row_block div.table_home div .circle_box, .user_right .new_table div.table_home div .circle_box, .user_right .row_block div.table_home div .circle_box {
  display: inline-block;
  width: 96px;
  height: 96px;
  font-size: 36px;
  line-height: 96px;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  margin-right: 22px;
  text-transform: uppercase; }
.user-right .new_table div.table_home div .circle_box:hover, .user-right .row_block div.table_home div .circle_box:hover, .user_right .new_table div.table_home div .circle_box:hover, .user_right .row_block div.table_home div .circle_box:hover {
  background-color: #8ac249;
  border-color: #8ac249;
  color: #fff;
  transition: all .2s; }
.user-right .new_table div.table_home div .map1, .user-right .row_block div.table_home div .map1, .user_right .new_table div.table_home div .map1, .user_right .row_block div.table_home div .map1 {
  width: 96px;
  height: 96px;
  margin: 16px 22px 16px 0; }
.user-right .new_table div.table_home div h4, .user-right .new_table div.table_home div p, .user-right .row_block div.table_home div h4, .user-right .row_block div.table_home div p, .user_right .new_table div.table_home div h4, .user_right .new_table div.table_home div p, .user_right .row_block div.table_home div h4, .user_right .row_block div.table_home div p {
  width: 360px;
  color: #1d1d26;
  line-height: 28px;
  font-size: 14px; }
.user-right .new_table div.table_home div h4, .user-right .row_block div.table_home div h4, .user_right .new_table div.table_home div h4, .user_right .row_block div.table_home div h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px; }
.user-right .new_table div.table_home div h4 a, .user-right .row_block div.table_home div h4 a, .user_right .new_table div.table_home div h4 a, .user_right .row_block div.table_home div h4 a {
  color: #1d1d26; }
.user-right .new_table div.table_home div h4 a:hover, .user-right .row_block div.table_home div h4 a:hover, .user_right .new_table div.table_home div h4 a:hover, .user_right .row_block div.table_home div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home div h3, .user-right .row_block div.table_home div h3, .user_right .new_table div.table_home div h3, .user_right .row_block div.table_home div h3 {
  font-size: 20px;
  font-weight: 600;
  line-height: 38px;
  height: 38px;
  color: #4cb6ec;
  width: 450px;
  padding-bottom: 6px; }
.user-right .new_table div.table_home div h3 input, .user-right .row_block div.table_home div h3 input, .user_right .new_table div.table_home div h3 input, .user_right .row_block div.table_home div h3 input {
  display: none;
  border: 1px solid #eee;
  line-height: 36px;
  height: 36px;
  padding: 0 5px;
  font-size: 16px;
  max-width: 390px; }
.user-right .new_table div.table_home div h3 span, .user-right .row_block div.table_home div h3 span, .user_right .new_table div.table_home div h3 span, .user_right .row_block div.table_home div h3 span {
  display: inline-block;
  max-width: 400px;
  vertical-align: middle; }
.user-right .new_table div.table_home div h3 .edit_input, .user-right .row_block div.table_home div h3 .edit_input, .user_right .new_table div.table_home div h3 .edit_input, .user_right .row_block div.table_home div h3 .edit_input {
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-left: 10px;
  transition: all .3s; }
.user-right .new_table div.table_home div h3 .edit_input:hover, .user-right .new_table div.table_home div h3 .edit_input.act, .user-right .row_block div.table_home div h3 .edit_input:hover, .user-right .row_block div.table_home div h3 .edit_input.act, .user_right .new_table div.table_home div h3 .edit_input:hover, .user_right .new_table div.table_home div h3 .edit_input.act, .user_right .row_block div.table_home div h3 .edit_input:hover, .user_right .row_block div.table_home div h3 .edit_input.act {
  opacity: 0.6; }
.user-right .new_table div.table_home div h3 a, .user-right .row_block div.table_home div h3 a, .user_right .new_table div.table_home div h3 a, .user_right .row_block div.table_home div h3 a {
  color: #4cb6ec; }
.user-right .new_table div.table_home div h3 a:hover, .user-right .row_block div.table_home div h3 a:hover, .user_right .new_table div.table_home div h3 a:hover, .user_right .row_block div.table_home div h3 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home div h3 a + span, .user-right .row_block div.table_home div h3 a + span, .user_right .new_table div.table_home div h3 a + span, .user_right .row_block div.table_home div h3 a + span {
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  border-radius: 12px;
  margin: 0 12px;
  padding: 0 12px;
  font-weight: 300;
  color: #fff; }
.user-right .new_table div.table_home div .fa, .user-right .row_block div.table_home div .fa, .user_right .new_table div.table_home div .fa, .user_right .row_block div.table_home div .fa {
  width: 12px;
  height: 12px;
  color: #fcac54;
  border: 1px solid #fcac54;
  border-radius: 50%;
  padding: 2px;
  font-size: 12px;
  line-height: 12px;
  margin: 0 4px; }
.user-right .new_table div.table_home div .fa.fa-heart, .user-right .row_block div.table_home div .fa.fa-heart, .user_right .new_table div.table_home div .fa.fa-heart, .user_right .row_block div.table_home div .fa.fa-heart {
  margin-left: 50px; }
.user-right .new_table div.table_home div.edit_box, .user-right .row_block div.table_home div.edit_box, .user_right .new_table div.table_home div.edit_box, .user_right .row_block div.table_home div.edit_box {
  width: 300px;
  text-align: right;
  white-space: nowrap; }
.user-right .new_table div.table_home div.edit_box a, .user-right .row_block div.table_home div.edit_box a, .user_right .new_table div.table_home div.edit_box a, .user_right .row_block div.table_home div.edit_box a {
  font-size: 13px;
  display: inline-block;
  padding-top: 40px;
  color: #5e5e5e;
  margin: 0 10px;
  line-height: 20px;
  background-position: top center;
  background-repeat: no-repeat;
  min-width: 35px;
  text-align: center;
  /* &:hover{
               text-decoration: underline;
               color: #8ac249;
           }*/ }
.user-right .new_table div.table_home div.edit_box a.compare, .user-right .row_block div.table_home div.edit_box a.compare, .user_right .new_table div.table_home div.edit_box a.compare, .user_right .row_block div.table_home div.edit_box a.compare {
  background-image: url("../images/homeuser/compare.svg"); }
.user-right .new_table div.table_home div.edit_box a.compare:hover, .user-right .row_block div.table_home div.edit_box a.compare:hover, .user_right .new_table div.table_home div.edit_box a.compare:hover, .user_right .row_block div.table_home div.edit_box a.compare:hover {
  background-image: url("../images/homeuser/compare1.svg"); }
.user-right .new_table div.table_home div.edit_box a.edit, .user-right .row_block div.table_home div.edit_box a.edit, .user_right .new_table div.table_home div.edit_box a.edit, .user_right .row_block div.table_home div.edit_box a.edit {
  background-image: url("../images/homeuser/edit.svg"); }
.user-right .new_table div.table_home div.edit_box a.edit:hover, .user-right .row_block div.table_home div.edit_box a.edit:hover, .user_right .new_table div.table_home div.edit_box a.edit:hover, .user_right .row_block div.table_home div.edit_box a.edit:hover {
  background-image: url("../images/homeuser/edit1.svg"); }
.user-right .new_table div.table_home div.edit_box a.delete, .user-right .row_block div.table_home div.edit_box a.delete, .user_right .new_table div.table_home div.edit_box a.delete, .user_right .row_block div.table_home div.edit_box a.delete {
  background-image: url("../images/homeuser/delete.svg"); }
.user-right .new_table div.table_home div.edit_box a.delete:hover, .user-right .row_block div.table_home div.edit_box a.delete:hover, .user_right .new_table div.table_home div.edit_box a.delete:hover, .user_right .row_block div.table_home div.edit_box a.delete:hover {
  background-image: url("../images/homeuser/delete1.svg"); }
.user-right .new_table div.table_home div.edit_box a.statistics, .user-right .row_block div.table_home div.edit_box a.statistics, .user_right .new_table div.table_home div.edit_box a.statistics, .user_right .row_block div.table_home div.edit_box a.statistics {
  background-image: url("../images/homeuser/statistics.svg"); }
.user-right .new_table div.table_home div.edit_box a.statistics:hover, .user-right .row_block div.table_home div.edit_box a.statistics:hover, .user_right .new_table div.table_home div.edit_box a.statistics:hover, .user_right .row_block div.table_home div.edit_box a.statistics:hover {
  background-image: url("../images/homeuser/statistics1.svg"); }
.user-right .new_table div.table_home div.edit_box a:hover, .user-right .row_block div.table_home div.edit_box a:hover, .user_right .new_table div.table_home div.edit_box a:hover, .user_right .row_block div.table_home div.edit_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table div.table_home.director .circle_box, .user-right .row_block div.table_home.director .circle_box, .user_right .new_table div.table_home.director .circle_box, .user_right .row_block div.table_home.director .circle_box {
  border-color: #ec582c;
  background: url("../images/user1.2/star.png") center center no-repeat #ec582c; }
.user-right .new_table div.table_home.enabled .circle_box, .user-right .row_block div.table_home.enabled .circle_box, .user_right .new_table div.table_home.enabled .circle_box, .user_right .row_block div.table_home.enabled .circle_box {
  border-color: #8ac249;
  background-color: #fbfff7;
  color: #8ac249; }
.user-right .new_table div.table_home.enabled span.enabled, .user-right .row_block div.table_home.enabled span.enabled, .user_right .new_table div.table_home.enabled span.enabled, .user_right .row_block div.table_home.enabled span.enabled {
  background-color: #ff9829; }
.user-right .new_table div.table_home.disabled .circle_box, .user-right .row_block div.table_home.disabled .circle_box, .user_right .new_table div.table_home.disabled .circle_box, .user_right .row_block div.table_home.disabled .circle_box {
  border-color: #999;
  background-color: #fbfbfb;
  color: #999; }
.user-right .new_table div.table_home.disabled span.disabled, .user-right .row_block div.table_home.disabled span.disabled, .user_right .new_table div.table_home.disabled span.disabled, .user_right .row_block div.table_home.disabled span.disabled {
  background-color: #999; }
.user-right .new_table div.table_home.inactive .circle_box, .user-right .row_block div.table_home.inactive .circle_box, .user_right .new_table div.table_home.inactive .circle_box, .user_right .row_block div.table_home.inactive .circle_box {
  border-color: #e5e5e5;
  background-color: #fff;
  color: #d3d3d3; }
.user-right .new_table div.table_home.inactive span.inactive, .user-right .row_block div.table_home.inactive span.inactive, .user_right .new_table div.table_home.inactive span.inactive, .user_right .row_block div.table_home.inactive span.inactive {
  background-color: #d3d3d3; }
.user-right .new_table div.table_home + p.center, .user-right .row_block div.table_home + p.center, .user_right .new_table div.table_home + p.center, .user_right .row_block div.table_home + p.center {
  font-size: 16px;
  color: #999;
  padding: 14px 0 10px;
  line-height: 32px; }
.user-right .new_table div.table_home + p.center button, .user-right .row_block div.table_home + p.center button, .user_right .new_table div.table_home + p.center button, .user_right .row_block div.table_home + p.center button {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin: 0 38px; }
.user-right .new_table ul.table_home_list, .user-right .row_block ul.table_home_list, .user_right .new_table ul.table_home_list, .user_right .row_block ul.table_home_list {
  width: 94.6%;
  position: relative;
  padding: 0 24px;
  transition: all 0.1s;
  border-radius: 10px; }
.user-right .new_table ul.table_home_list li, .user-right .row_block ul.table_home_list li, .user_right .new_table ul.table_home_list li, .user_right .row_block ul.table_home_list li {
  border-bottom: 1px solid #eee;
  padding: 24px 0 24px 10px;
  /*//Staff_Management;
      &.director {
          .circle_box {
              border-color: #ec582c;
              background: url("../images/user1.2/star.png") center center no-repeat #ec582c;
          }
      }
      &.enabled {
          .circle_box {
              border-color: #8ac249;
              background-color: #fbfff7;
              color: #8ac249;
          }
          span.enabled {
              background-color: #ff9829;
          }
      }
      &.disabled {
          .circle_box {
              border-color: #999;
              background-color: #fbfbfb;
              color: #999;
          }
          span.disabled {
              background-color: #999;
          }
      }
      &.inactive {
          .circle_box {
              border-color: #e5e5e5;
              background-color: #fff;
              color: #d3d3d3;
          }
          span.inactive {
              background-color: #d3d3d3;
          }
      }*/ }
.user-right .new_table ul.table_home_list li.accept, .user-right .row_block ul.table_home_list li.accept, .user_right .new_table ul.table_home_list li.accept, .user_right .row_block ul.table_home_list li.accept {
  background: url("../images/yinzhang.png") 63% bottom no-repeat; }
.user-right .new_table ul.table_home_list li:hover, .user-right .row_block ul.table_home_list li:hover, .user_right .new_table ul.table_home_list li:hover, .user_right .row_block ul.table_home_list li:hover {
  background-color: #FBFBFB; }
.user-right .new_table ul.table_home_list li div, .user-right .row_block ul.table_home_list li div, .user_right .new_table ul.table_home_list li div, .user_right .row_block ul.table_home_list li div {
  display: table-cell;
  vertical-align: middle; }
.user-right .new_table ul.table_home_list li div .map1, .user-right .row_block ul.table_home_list li div .map1, .user_right .new_table ul.table_home_list li div .map1, .user_right .row_block ul.table_home_list li div .map1 {
  width: 96px;
  height: 96px;
  margin-right: 22px; }
.user-right .new_table ul.table_home_list li div h4, .user-right .new_table ul.table_home_list li div p, .user-right .row_block ul.table_home_list li div h4, .user-right .row_block ul.table_home_list li div p, .user_right .new_table ul.table_home_list li div h4, .user_right .new_table ul.table_home_list li div p, .user_right .row_block ul.table_home_list li div h4, .user_right .row_block ul.table_home_list li div p {
  width: 360px;
  color: #1d1d26;
  line-height: 28px;
  font-size: 14px; }
.user-right .new_table ul.table_home_list li div h4, .user-right .row_block ul.table_home_list li div h4, .user_right .new_table ul.table_home_list li div h4, .user_right .row_block ul.table_home_list li div h4 {
  font-size: 16px;
  font-weight: 600;
  line-height: 32px; }
.user-right .new_table ul.table_home_list li div h4 a, .user-right .row_block ul.table_home_list li div h4 a, .user_right .new_table ul.table_home_list li div h4 a, .user_right .row_block ul.table_home_list li div h4 a {
  color: #1d1d26; }
.user-right .new_table ul.table_home_list li div h4 a:hover, .user-right .row_block ul.table_home_list li div h4 a:hover, .user_right .new_table ul.table_home_list li div h4 a:hover, .user_right .row_block ul.table_home_list li div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table ul.table_home_list li div .fa, .user-right .row_block ul.table_home_list li div .fa, .user_right .new_table ul.table_home_list li div .fa, .user_right .row_block ul.table_home_list li div .fa {
  width: 12px;
  height: 12px;
  color: #fcac54;
  border: 1px solid #fcac54;
  border-radius: 50%;
  padding: 2px;
  font-size: 12px;
  line-height: 12px;
  margin: 0 4px; }
.user-right .new_table ul.table_home_list li div .fa.fa-heart, .user-right .row_block ul.table_home_list li div .fa.fa-heart, .user_right .new_table ul.table_home_list li div .fa.fa-heart, .user_right .row_block ul.table_home_list li div .fa.fa-heart {
  margin-left: 50px; }
.user-right .new_table ul.table_home_list li div.edit_box, .user-right .row_block ul.table_home_list li div.edit_box, .user_right .new_table ul.table_home_list li div.edit_box, .user_right .row_block ul.table_home_list li div.edit_box {
  width: 366px;
  text-align: right; }
.user-right .new_table ul.table_home_list li div.edit_box a, .user-right .row_block ul.table_home_list li div.edit_box a, .user_right .new_table ul.table_home_list li div.edit_box a, .user_right .row_block ul.table_home_list li div.edit_box a {
  font-size: 13px;
  display: inline-block;
  padding-top: 40px;
  color: #5e5e5e;
  margin: 0 12px;
  line-height: 20px;
  background-position: top center;
  background-repeat: no-repeat;
  /* &:hover{
                 text-decoration: underline;
                 color: #8ac249;
             }*/ }
.user-right .new_table ul.table_home_list li div.edit_box a.compare, .user-right .row_block ul.table_home_list li div.edit_box a.compare, .user_right .new_table ul.table_home_list li div.edit_box a.compare, .user_right .row_block ul.table_home_list li div.edit_box a.compare {
  background-image: url("../images/homeuser/compare.svg"), url("../images/homeuser/compare1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.compare:hover, .user-right .row_block ul.table_home_list li div.edit_box a.compare:hover, .user_right .new_table ul.table_home_list li div.edit_box a.compare:hover, .user_right .row_block ul.table_home_list li div.edit_box a.compare:hover {
  background-image: url("../images/homeuser/compare1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.edit, .user-right .row_block ul.table_home_list li div.edit_box a.edit, .user_right .new_table ul.table_home_list li div.edit_box a.edit, .user_right .row_block ul.table_home_list li div.edit_box a.edit {
  background-image: url("../images/homeuser/edit.svg"), url("../images/homeuser/edit1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.edit:hover, .user-right .row_block ul.table_home_list li div.edit_box a.edit:hover, .user_right .new_table ul.table_home_list li div.edit_box a.edit:hover, .user_right .row_block ul.table_home_list li div.edit_box a.edit:hover {
  background-image: url("../images/homeuser/edit1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.delete, .user-right .row_block ul.table_home_list li div.edit_box a.delete, .user_right .new_table ul.table_home_list li div.edit_box a.delete, .user_right .row_block ul.table_home_list li div.edit_box a.delete {
  background-image: url("../images/homeuser/delete.svg"), url("../images/homeuser/delete1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.delete:hover, .user-right .row_block ul.table_home_list li div.edit_box a.delete:hover, .user_right .new_table ul.table_home_list li div.edit_box a.delete:hover, .user_right .row_block ul.table_home_list li div.edit_box a.delete:hover {
  background-image: url("../images/homeuser/delete1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.message, .user-right .row_block ul.table_home_list li div.edit_box a.message, .user_right .new_table ul.table_home_list li div.edit_box a.message, .user_right .row_block ul.table_home_list li div.edit_box a.message {
  background-image: url("../images/message/message.png");
  background-size: 33px; }
.user-right .new_table ul.table_home_list li div.edit_box a.message:hover, .user-right .row_block ul.table_home_list li div.edit_box a.message:hover, .user_right .new_table ul.table_home_list li div.edit_box a.message:hover, .user_right .row_block ul.table_home_list li div.edit_box a.message:hover {
  background-position: center -80px; }
.user-right .new_table ul.table_home_list li div.edit_box a.statistics, .user-right .row_block ul.table_home_list li div.edit_box a.statistics, .user_right .new_table ul.table_home_list li div.edit_box a.statistics, .user_right .row_block ul.table_home_list li div.edit_box a.statistics {
  background-image: url("../images/homeuser/statistics.svg"), url("../images/homeuser/statistics1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a.statistics:hover, .user-right .row_block ul.table_home_list li div.edit_box a.statistics:hover, .user_right .new_table ul.table_home_list li div.edit_box a.statistics:hover, .user_right .row_block ul.table_home_list li div.edit_box a.statistics:hover {
  background-image: url("../images/homeuser/statistics1.svg"); }
.user-right .new_table ul.table_home_list li div.edit_box a:hover, .user-right .row_block ul.table_home_list li div.edit_box a:hover, .user_right .new_table ul.table_home_list li div.edit_box a:hover, .user_right .row_block ul.table_home_list li div.edit_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right .new_table ul.table_home_list + p.center, .user-right .row_block ul.table_home_list + p.center, .user_right .new_table ul.table_home_list + p.center, .user_right .row_block ul.table_home_list + p.center {
  font-size: 16px;
  color: #999;
  padding: 14px 35px 10px;
  line-height: 32px; }
.user-right .new_table ul.table_home_list + p.center button, .user-right .row_block ul.table_home_list + p.center button, .user_right .new_table ul.table_home_list + p.center button, .user_right .row_block ul.table_home_list + p.center button {
  background: #fff;
  color: #8ac249;
  border: 1px solid #8ac249;
  height: 32px;
  border-radius: 16px;
  padding: 0 20px;
  margin: 0 38px; }
.user-right .new_table .my_contract, .user-right .row_block .my_contract, .user_right .new_table .my_contract, .user_right .row_block .my_contract {
  padding: 25px; }
.user-right .new_table .my_contract .head, .user-right .row_block .my_contract .head, .user_right .new_table .my_contract .head, .user_right .row_block .my_contract .head {
  line-height: 28px;
  padding-bottom: 18px; }
.user-right .new_table .my_contract .head strong, .user-right .row_block .my_contract .head strong, .user_right .new_table .my_contract .head strong, .user_right .row_block .my_contract .head strong {
  font-size: 24px;
  font-weight: 500; }
.user-right .new_table .my_contract .key, .user-right .row_block .my_contract .key, .user_right .new_table .my_contract .key, .user_right .row_block .my_contract .key {
  color: #7c7c7f;
  font-size: 14px;
  padding-right: 30px; }
.user-right .new_table .my_contract .value, .user-right .row_block .my_contract .value, .user_right .new_table .my_contract .value, .user_right .row_block .my_contract .value {
  color: #1d1d26;
  font-size: 14px; }
.user-right .new_table .my_contract strong, .user-right .row_block .my_contract strong, .user_right .new_table .my_contract strong, .user_right .row_block .my_contract strong {
  color: #ed7f71; }
.user-right .new_table .my_contract table.contract_cont tr td, .user-right .row_block .my_contract table.contract_cont tr td, .user_right .new_table .my_contract table.contract_cont tr td, .user_right .row_block .my_contract table.contract_cont tr td {
  line-height: 25px;
  width: 50%; }
.user-right .new_table .my_contract table.contract_cont tr td .row, .user-right .row_block .my_contract table.contract_cont tr td .row, .user_right .new_table .my_contract table.contract_cont tr td .row, .user_right .row_block .my_contract table.contract_cont tr td .row {
  display: table-row; }
.user-right .new_table .my_contract table.contract_cont tr td span, .user-right .row_block .my_contract table.contract_cont tr td span, .user_right .new_table .my_contract table.contract_cont tr td span, .user_right .row_block .my_contract table.contract_cont tr td span {
  display: table-cell; }
.user-right .new_table .my_contract table.contract_cont tr td .value, .user-right .row_block .my_contract table.contract_cont tr td .value, .user_right .new_table .my_contract table.contract_cont tr td .value, .user_right .row_block .my_contract table.contract_cont tr td .value {
  width: 260px; }
.user-right .new_table .my_contract table.contract_cont tr td strong, .user-right .row_block .my_contract table.contract_cont tr td strong, .user_right .new_table .my_contract table.contract_cont tr td strong, .user_right .row_block .my_contract table.contract_cont tr td strong {
  color: #ed7f71;
  font-weight: 500; }
.user-right .new_table .my_contract table.project_cont td, .user-right .row_block .my_contract table.project_cont td, .user_right .new_table .my_contract table.project_cont td, .user_right .row_block .my_contract table.project_cont td {
  vertical-align: top;
  line-height: 25px; }
.user-right .new_table .my_contract table.project_cont td h4, .user-right .row_block .my_contract table.project_cont td h4, .user_right .new_table .my_contract table.project_cont td h4, .user_right .row_block .my_contract table.project_cont td h4 {
  font-size: 24px;
  font-weight: 500;
  line-height: 28px;
  padding-bottom: 18px; }
.user-right .new_table .my_contract table.project_cont td h4 strong, .user-right .row_block .my_contract table.project_cont td h4 strong, .user_right .new_table .my_contract table.project_cont td h4 strong, .user_right .row_block .my_contract table.project_cont td h4 strong {
  color: inherit; }
.user-right .new_table .my_contract table.project_cont td .row, .user-right .row_block .my_contract table.project_cont td .row, .user_right .new_table .my_contract table.project_cont td .row, .user_right .row_block .my_contract table.project_cont td .row {
  display: table-row; }
.user-right .new_table .my_contract table.project_cont td .row strong, .user-right .row_block .my_contract table.project_cont td .row strong, .user_right .new_table .my_contract table.project_cont td .row strong, .user_right .row_block .my_contract table.project_cont td .row strong {
  color: #ed7f71;
  font-weight: 500; }
.user-right .new_table .my_contract table.project_cont td span, .user-right .row_block .my_contract table.project_cont td span, .user_right .new_table .my_contract table.project_cont td span, .user_right .row_block .my_contract table.project_cont td span {
  display: table-cell;
  padding-right: 20px;
  font-size: 14px;
  max-width: 240px; }
.user-right .new_table .my_contract table.project_cont td.cont, .user-right .row_block .my_contract table.project_cont td.cont, .user_right .new_table .my_contract table.project_cont td.cont, .user_right .row_block .my_contract table.project_cont td.cont {
  padding-left: 25px; }
.user-right .new_table .my_contract table.project_cont td big, .user-right .row_block .my_contract table.project_cont td big, .user_right .new_table .my_contract table.project_cont td big, .user_right .row_block .my_contract table.project_cont td big {
  font-size: 18px; }
.user-right .new_table .my_contract table.project_cont td .color, .user-right .row_block .my_contract table.project_cont td .color, .user_right .new_table .my_contract table.project_cont td .color, .user_right .row_block .my_contract table.project_cont td .color {
  color: #ed7f71; }
.user-right .row_block ul.table_home_list, .user_right .row_block ul.table_home_list {
  width: 100%;
  margin: 0; }
.user-right .row_block ul.table_home_list li div p, .user_right .row_block ul.table_home_list li div p {
  padding-top: 4px; }
.user-right .row_block ul.table_home_list li:last-child, .user_right .row_block ul.table_home_list li:last-child {
  border-bottom: none; }
.user-right table.table_home_more, .user_right table.table_home_more {
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  margin-top: 20px;
  width: 100%; }
.user-right table.table_home_more thead td, .user_right table.table_home_more thead td {
  height: 45px;
  background: #fffdfa;
  border-bottom: 1px solid #eee;
  padding: 18px 30px 0;
  line-height: 45px; }
.user-right table.table_home_more thead td strong, .user_right table.table_home_more thead td strong {
  font-size: 20px;
  color: #070707;
  font-weight: 500; }
.user-right table.table_home_more thead td strong:before, .user_right table.table_home_more thead td strong:before {
  content: "";
  display: block;
  height: 2px;
  width: 20px;
  background: #fcab53; }
.user-right table.table_home_more thead td a, .user_right table.table_home_more thead td a {
  float: right;
  color: #6f7a8b;
  text-transform: uppercase;
  font-size: 12px; }
.user-right table.table_home_more thead td a .fa, .user_right table.table_home_more thead td a .fa {
  color: inherit;
  width: 12px;
  height: 12px;
  font-size: 16px; }
.user-right table.table_home_more thead td a:hover, .user_right table.table_home_more thead td a:hover {
  color: #87ba45;
  text-decoration: underline; }
.user-right table.table_home_more tbody td, .user_right table.table_home_more tbody td {
  background: #fff;
  padding: 10px;
  vertical-align: top; }
.user-right table.table_home_more tbody td:first-child, .user_right table.table_home_more tbody td:first-child {
  border-right: 1px solid #eee;
  width: 50%; }
.user-right table.table_home_more tbody td p, .user_right table.table_home_more tbody td p {
  padding: 12px 22px;
  color: #525259; }
.user-right table.table_home_more tbody td p *, .user_right table.table_home_more tbody td p * {
  vertical-align: top; }
.user-right table.table_home_more tbody td p:before, .user_right table.table_home_more tbody td p:before {
  content: ".";
  display: inline-block;
  width: 3%; }
.user-right table.table_home_more tbody td a, .user_right table.table_home_more tbody td a {
  display: inline-block;
  width: 97%;
  color: #525259;
  font-size: 16px;
  line-height: 20px; }
.user-right table.table_home_more tbody td a:hover, .user_right table.table_home_more tbody td a:hover {
  color: #87ba45;
  text-decoration: underline; }

.m_globle_box {
  padding: 26px 46px 30px; }
.m_globle_box .m_state_box {
  background-position: left top;
  background-repeat: no-repeat;
  color: #0a2240;
  width: 540px; }
.m_globle_box .m_state_box h2,
.m_globle_box .m_state_box h3,
.m_globle_box .m_state_box h4,
.m_globle_box .m_state_box b {
  font-weight: 500; }
.m_globle_box .m_state_box a.a_cancel {
  color: #ff6600;
  text-decoration: underline;
  display: inline-block;
  margin: 0px 36px;
  font-size: 14px;
  vertical-align: bottom; }
.m_globle_box .m_state_box a.a_cancel:hover {
  color: #87ba45;
  text-decoration: underline; }
.m_globle_box .m_state_box.paid {
  background-image: url(../images/member/Paid.png);
  padding-left: 60px; }
.m_globle_box .m_state_box.unpaid {
  background-image: url(../images/member/Unpaid.png);
  padding-left: 66px;
  padding-top: 12px; }
.m_globle_box .m_state_box.cancelled {
  background-image: url(../images/member/cancelled.png);
  padding-left: 60px; }
.m_globle_box .m_state_box h3 {
  font-size: 24px;
  line-height: 28px;
  padding: 10px 0;
  font-weight: 500; }
.m_globle_box .m_state_box h4 {
  font-size: 18px;
  line-height: 24px;
  padding: 10px 0;
  font-weight: 500; }
.m_globle_box .m_state_box p {
  font-size: 14px;
  line-height: 24px;
  padding: 12px 0; }
.m_globle_box .m_state_box p b {
  color: #ec582c;
  font-size: 24px; }
.m_globle_box .m_state_box .ft20 {
  font-size: 20px;
  line-height: 32px; }
.m_globle_box .m_state_box .w680 {
  width: 680px; }
.m_globle_box .m_state_box .w760 {
  width: 760px; }
.m_globle_box .m_state_box .m_btn {
  transition: all .1s;
  display: inline-block;
  background: #94a7bc;
  color: #fff;
  height: 32px;
  line-height: 32px;
  padding: 0 32px;
  border-radius: 16px;
  font-size: 16px; }
.m_globle_box .m_state_box .m_btn:hover {
  background: #67ba2f; }
.m_globle_box .m_state_box .red {
  color: #ec582c; }

.m_buy_leads {
  padding: 30px; }
.m_buy_leads h3 {
  font-size: 20px;
  color: #0a2240;
  padding-left: 14px;
  font-weight: 500; }
.m_buy_leads .mbl_box ul {
  margin: 16px 0 6px;
  background: #fbfbfc;
  border-radius: 4px;
  padding: 10px 0;
  width: 780px;
  display: inline-block;
  vertical-align: middle; }
.m_buy_leads .mbl_box ul li {
  display: inline-block;
  min-width: 210px;
  font-size: 16px;
  color: #1D1D26;
  line-height: 28px;
  padding: 14px 18px;
  vertical-align: top; }
.m_buy_leads .mbl_box ul li a, .m_buy_leads .mbl_box ul li div {
  display: inline-block;
  vertical-align: top;
  position: relative; }
.m_buy_leads .mbl_box ul li a > .m_free, .m_buy_leads .mbl_box ul li div > .m_free {
  position: absolute;
  right: 15px;
  top: 0;
  z-index: 2;
  background: #fb420d;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
  padding: 0 6px; }
.m_buy_leads .mbl_box ul li a:hover {
  color: #87ba45;
  text-decoration: underline; }
.m_buy_leads .mbl_box ul li a img:hover {
  opacity: .9; }
.m_buy_leads .mbl_box ul li img {
  width: 70px;
  height: 70px;
  vertical-align: top;
  margin-right: 15px; }
.m_buy_leads .mbl_box ul li .m_block {
  display: inline-block; }
.m_buy_leads .mbl_box .m_piaoju {
  display: inline-block;
  width: 230px;
  margin-left: 60px;
  text-align: left;
  vertical-align: middle; }
.m_buy_leads .mbl_box .m_piaoju i.m_line {
  display: inline-block;
  width: 6px;
  height: 13px;
  background: #ec582c;
  margin-right: 8px; }
.m_buy_leads .mbl_box .m_piaoju th {
  color: #ec582c;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 10px;
  line-height: 28px; }
.m_buy_leads .mbl_box .m_piaoju td {
  line-height: 28px;
  min-width: 46px;
  font-size: 14px;
  white-space: nowrap; }
.m_buy_leads .mbl_box .m_piaoju td:first-child {
  width: 160px; }
.m_buy_leads .mbl_box .m_piaoju td b {
  font-weight: 500; }
.m_buy_leads .mbl_box .m_piaoju td .red {
  color: #ff5900; }
.m_buy_leads .mbl_box .m_piaoju td.op7 {
  opacity: .7; }
.m_buy_leads .mbl_box .m_piaoju tr:last-child td, .m_buy_leads .mbl_box .m_piaoju tr.line td {
  vertical-align: top;
  padding-top: 5px; }
.m_buy_leads .mbl_box .m_piaoju tr:last-child td:before, .m_buy_leads .mbl_box .m_piaoju tr.line td:before {
  content: "";
  display: block;
  height: 6px;
  border-top: 1px solid #ffa985; }
.m_buy_leads .m_attachment {
  padding: 16px 0; }
.m_buy_leads .m_attachment .pdf {
  display: inline-block;
  padding-top: 40px;
  background: url(../images/pdf.png) top center no-repeat;
  background-size: 24px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  width: 100px;
  margin: 12px 14px; }
.m_buy_leads .m_attachment .pdf:hover {
  color: #87ba45;
  text-decoration: underline; }

.p_icon {
  margin-bottom: 5px; }

p.submit_p {
  margin: 38px 0 0 0; }
p.submit_p.tow {
  margin: 26px 0; }
p.submit_p.relative {
  position: relative; }
p.submit_p .btn-save {
  width: 320px;
  height: 42px;
  line-height: 42px;
  border-radius: 21px;
  background: #94a7bc;
  font-size: 20px;
  transition: all .3s; }
p.submit_p .btn-save:hover {
  background: #67ba2f; }
p.submit_p .btn-save.error {
  opacity: 0.6;
  cursor: default; }
p.submit_p .btn-save.error:hover {
  background: #94a7bc; }
p.submit_p .btn-save.auto40 {
  width: auto;
  padding: 0 40px; }
p.submit_p .btn-save.w240 {
  width: 240px;
  padding: 0; }
p.submit_p .btn-save.w164 {
  width: 164px;
  padding: 0; }
p.submit_p a.goback {
  position: absolute;
  right: 60px;
  bottom: 10px;
  color: #666;
  font-size: 14px;
  text-decoration: underline; }
p.submit_p a.goback:hover {
  color: #87ba45;
  text-decoration: underline; }

.user_cont {
  padding-bottom: 38px; }
.user_cont + .foot_box {
  margin-top: 0; }

.controller_box {
  padding-bottom: 12px; }
.controller_box .row_block {
  margin-top: 30px !important; }

.icon {
  display: inline-block;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  background-image: url("../images/user1.2/icons_mini.png");
  background-repeat: no-repeat;
  margin-right: 3px; }
.icon.magin_left35 {
  margin-left: 35px; }
.icon.i_phone {
  background-position: left 0; }
.icon.i_heart {
  background-position: left -20px; }
.icon.i_home {
  background-position: left -40px; }
.icon.i_latlng {
  background-position: left -60px; }
.icon.i_calendar {
  background-position: left -80px; }
.icon.i_email {
  background-position: left -100px; }
.icon.i_telephone {
  background-position: left -120px; }
.icon.track1 {
  background: url("../images/ditui/iconT1.svg") center center no-repeat;
  background-size: 18px; }
.icon.track2 {
  background: url("../images/ditui/iconT2.svg") center center no-repeat;
  background-size: 18px; }
.icon.track3 {
  background: url("../images/ditui/iconT3.svg") center center no-repeat;
  background-size: 18px; }
.icon.track4 {
  background: url("../images/ditui/iconT4.svg") center center no-repeat;
  background-size: 18px; }

a.link {
  color: #b3b3b3;
  font-size: 12px;
  text-decoration: underline; }
a.link:hover {
  color: #87ba45;
  text-decoration: underline; }

a.button1 {
  background: #94a7bc;
  color: #fff;
  padding: 0 26px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  font-weight: 400;
  font-size: 16px;
  transition: all .2s; }
a.button1.big {
  font-size: 20px;
  height: 42px;
  line-height: 42px;
  padding: 0 60px;
  border-radius: 21px;
  margin-top: 30px; }
a.button1:hover {
  background: #67ba2f; }
a.button1.error {
  background: #dde0e3;
  cursor: default; }
a.button1.error:hover {
  background: #dde0e3; }
a.button1.disabled {
  background: #eee;
  cursor: not-allowed; }
a.button1.disabled:hover {
  background: #eee; }
a.button1 span.add {
  color: inherit;
  font-size: 22px;
  padding-right: 3px; }

.f_left {
  float: left; }

.f_right {
  float: right; }

.progress_box1 {
  margin: 66px 0 36px;
  border-top: 1px solid #ededed;
  height: 80px; }
.progress_box1 li {
  font-size: 18px;
  text-align: center;
  float: left;
  width: 20%; }
.progress_box1 li:before {
  background: url("../images/will.png") 9px 9px no-repeat; }
.progress_box1 li:first-child {
  width: 12% !important; }
.progress_box1 li:before {
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  float: right;
  margin-top: -18px; }
.progress_box1 li div {
  margin-right: -75%;
  padding-top: 25px;
  text-align: center;
  font-size: 16px;
  line-height: 28px;
  color: #7c7c7f; }
.progress_box1 li div span {
  font-size: 14px; }
.progress_box1 li div span.fs_12 {
  font-size: 12px; }
.progress_box1 li.pass {
  border-top: 1px solid #77BD28; }
.progress_box1 li.pass:before {
  background: url("../images/pass.png") right top no-repeat; }
.progress_box1 li.pass p {
  color: #0a2240; }
.progress_box1.w16 li {
  width: 16%; }
.progress_box1.w4 li {
  width: 25%; }
.progress_box1.w4 li div {
  margin-right: -84%; }

.notice_new {
  border: 1px solid #eee;
  background-color: #fffcfa;
  margin-top: 6px;
  padding: 26px 32px;
  border-radius: 2px; }
.notice_new.f12 .title_i {
  margin-bottom: 6px; }
.notice_new.f12 ul li {
  font-size: 12px;
  padding-left: 18px;
  line-height: 20px; }
.notice_new.f12 ul li .fa {
  width: 30px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  color: #ec592e;
  font-size: 20px;
  cursor: pointer; }
.notice_new.f12 ul li .fa.act {
  transform: rotate(180deg); }
.notice_new ul {
  font-size: 14px;
  padding: 3px 0 0 16px; }
.notice_new ul li {
  position: relative;
  padding: 8px 26px 8px 28px;
  line-height: 22px; }
.notice_new ul li:before {
  position: absolute;
  left: 0;
  top: 17px;
  content: "";
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #ec582c; }
.notice_new ul li a:hover {
  color: #87ba45 !important; }
.notice_new + .block_box {
  min-height: 910px !important; }
.notice_new.user {
  margin-top: 15px;
  padding: 13px 30px; }
.notice_new.user p {
  padding: 0 100px;
  font-size: 14px;
  line-height: 22px; }

.by_author_box {
  position: absolute;
  z-index: 2;
  left: -20px;
  top: -14px; }
.by_author_box span {
  position: absolute;
  top: 28px;
  top: 27px \0;
  left: 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent; }
.by_author_box p {
  height: 28px;
  line-height: 28px;
  font-size: 14px;
  color: #fff;
  padding: 0 30px 0 15px;
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px; }
.by_author_box.installer p {
  background-color: #6cc039; }
.by_author_box.installer span {
  border-top: 12px solid #307e00; }
.by_author_box.simple p {
  background-color: #ed7463; }
.by_author_box.simple span {
  border-top: 12px solid #8b1100; }
.by_author_box.homowner p {
  background-color: #f1bf33; }
.by_author_box.homowner span {
  border-top: 12px solid #9d7400; }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .by_author_box {
    left: -22px; } }
#employees_list_box {
  padding-top: 25px; }
#employees_list_box .row_block {
  margin-top: 0;
  border-radius: 0;
  border-top: 1px solid #d3dadf; }
#employees_list_box .row_block:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-top: 0; }
#employees_list_box .row_block:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px; }
#employees_list_box .row_block:hover {
  border-top-color: #fff; }
#employees_list_box .row_block:hover + .row_block {
  border-top-color: #fff; }

.design_fees_window {
  text-align: left;
  /*max-height: 480px;
  overflow: auto;*/ }
.design_fees_window .p_icon {
  margin: 0;
  font-weight: 500;
  font-size: 16px;
  line-height: 37px;
  height: 37px; }
.design_fees_window table {
  width: 100%;
  margin-top: 20px;
  text-align: center; }
.design_fees_window table td {
  font-size: 16px;
  line-height: 24px;
  padding: 6px; }
.design_fees_window table thead td {
  color: #000;
  font-weight: 500; }
.design_fees_window table tbody td {
  color: #ff6600;
  width: 160px; }
.design_fees_window table tbody td:first-child {
  text-align: left;
  padding-left: 42px;
  color: #7c7977; }
.design_fees_window hr {
  height: 1px;
  border: none;
  margin: 15px 0;
  background-color: #e8eef2; }
.design_fees_window p {
  margin: 18px 42px 30px;
  font-size: 14px;
  line-height: 22px;
  color: #7c7c7f; }
.design_fees_window ul {
  margin: 18px 42px 20px; }
.design_fees_window ul li {
  position: relative;
  color: #7c7c7f;
  font-size: 14px;
  line-height: 22px;
  padding: 5px 0 5px 15px; }
.design_fees_window ul li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-color: #ec582c; }
.design_fees_window ol {
  margin: 20px 42px 30px; }
.design_fees_window ol li {
  font-size: 16px;
  color: #7c7c7f;
  line-height: 24px;
  padding: 8px 0; }
.design_fees_window ol li span {
  color: #ff6600; }

.choose_box_new {
  margin: -10px 10px 25px; }
.choose_box_new strong {
  font-size: 18px;
  font-weight: 500;
  color: #475156; }
.choose_box_new strong + .select_a {
  margin-left: 10px; }
.choose_box_new span {
  font-size: 14px; }
.choose_box_new a {
  color: #41be00;
  font-size: 16px;
  margin: 0 13px; }
.choose_box_new a:hover {
  color: #87ba45;
  text-decoration: underline; }
.choose_box_new .select_a {
  color: #787878;
  vertical-align: middle;
  cursor: pointer;
  width: auto;
  display: inline-block; }
.choose_box_new .select_a input {
  margin: 0 10px;
  display: inline-block;
  width: 150px;
  padding-right: 30px;
  background: url(../images/user1.2/angle-down.png) right center no-repeat;
  background-size: 29px 6px; }
.choose_box_new .select_a:first-child input {
  margin-left: 0; }
.choose_box_new .select_a + span {
  color: #b4b2b2; }
.choose_box_new .select_a + strong {
  margin: 0 13px 0 24px; }

.statistics_details_out {
  margin: 0 10px; }

.statistics_details_table {
  width: 100%; }
.statistics_details_table td {
  text-align: center;
  min-width: 116px;
  max-width: 190px; }
.statistics_details_table thead td {
  font-size: 16px;
  background: #f2f6fa;
  height: 30px;
  line-height: 30px;
  padding: 10px 0;
  color: #475156; }
.statistics_details_table tbody tr {
  border-bottom: 1px solid #f0f5f5; }
.statistics_details_table tbody td {
  font-size: 14px;
  line-height: 20px;
  color: #1d1d26;
  padding: 22px 0 18px; }
.statistics_details_table tbody td span {
  color: #fb6826; }

#map_box {
  width: 100%;
  height: 464px;
  margin: 20px 0; }

.track_information {
  margin-bottom: 18px; }
.track_information td {
  width: 480px; }
.track_information p {
  font-size: 16px;
  color: #1d1d26;
  line-height: 22px;
  padding: 5px 0; }
.track_information p .icon {
  vertical-align: sub;
  margin-right: 8px; }
.track_information p span {
  color: #78797e; }
.track_information p strong {
  color: #ec582c;
  font-weight: 400; }
.track_information + div {
  border-top: 1px solid #e9ecee;
  padding-top: 16px; }
.track_information + div table thead td {
  line-height: 30px; }
.track_information + div table td {
  font-size: 14px;
  line-height: 22px;
  color: #78797e;
  padding: 4px 0;
  width: 480px;
  vertical-align: text-bottom; }
.track_information + div table td strong {
  color: #000;
  font-size: 16px;
  font-weight: 400; }
.track_information + div table td span {
  padding-left: 5px; }
.track_information + div table td span.gray {
  color: #44433f; }
.track_information + div table td span.red {
  color: #cf3e30; }
.track_information + div table td span.orange {
  color: #eb9314; }
.track_information + div table td span.blue {
  color: #2c9f54; }
.track_information + div > div {
  border-top: 1px solid #e9ecee;
  margin-top: 18px;
  padding-top: 18px; }
.track_information + div > div h4 {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px; }
.track_information + div > div p {
  font-size: 14px;
  line-height: 24px;
  color: #1d1d26;
  padding-top: 5px;
  width: 70%; }
.track_information + div > div strong {
  color: #ec582c;
  font-size: 15px;
  font-weight: 400; }

.no_legend .highcharts-legend {
  display: none; }

.money_list {
  width: 100%;
  margin-top: 18px; }
.money_list td {
  line-height: 26px;
  padding: 12px 0;
  text-align: center;
  min-width: 66px;
  max-width: 186px; }
.money_list td strong {
  color: #ff511d; }
.money_list td a {
  color: #ff5900;
  text-decoration: underline; }
.money_list td a:hover {
  color: #87ba45;
  text-decoration: underline; }
.money_list thead td {
  background: #f2f6fa;
  color: #000;
  font-size: 16px; }
.money_list tbody td {
  color: #1d1d26;
  font-size: 14px;
  border-bottom: 1px solid #e0e3ee; }
.money_list tbody td img {
  width: 44px;
  height: 44px;
  border-radius: 50%; }
.money_list tbody td.yes {
  background: url("../images/ditui/yes.svg") center center no-repeat;
  background-size: 26px; }
.money_list tbody td.no {
  background: url("../images/ditui/no.svg") center center no-repeat;
  background-size: 20px; }

.input_auto_complete {
  position: relative; }
.input_auto_complete input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  margin: 3px 0;
  line-height: 34px;
  padding-right: 36px !important;
  font-size: 16px;
  width: 90%;
  transition: all 0.1s; }
.input_auto_complete ul {
  display: none;
  position: absolute;
  z-index: 3;
  top: 38px;
  border: 1px solid #c2c9cf;
  border-radius: 3px;
  background: #fff;
  max-height: 320px;
  overflow: auto; }
.input_auto_complete ul li {
  font-size: 14px;
  line-height: 20px;
  padding: 5px 15px;
  color: #666;
  border-bottom: 1px solid #eee;
  cursor: pointer;
  text-align: left; }
.input_auto_complete ul li:last-child {
  border-bottom: none; }
.input_auto_complete ul li.act, .input_auto_complete ul li:hover {
  background: #F5F9FB;
  color: #77BD28; }

.proposal_box .load_box, .roof_design_list.r_d_l_new .design_box .load_box {
  display: none;
  position: absolute;
  border-radius: 3px;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5); }
.proposal_box .load_box p, .roof_design_list.r_d_l_new .design_box .load_box p {
  position: absolute;
  width: 40px;
  height: 40px;
  top: 48%;
  left: 50%;
  margin: -20px 0 0 -20px;
  background: url(../images/logo_80.png) center center no-repeat;
  background-size: 40px;
  animation: circle 2s infinite;
  -moz-animation: circle 2s infinite;
  -webkit-animation: circle 2s infinite;
  -o-animation: circle 2s infinite; }

.proposal_box label.error {
  white-space: nowrap; }
.proposal_box label.error span {
  width: auto !important;
  display: inline !important;
  padding: 0 !important; }
.proposal_box .proposal_step {
  height: 130px;
  margin-left: 3px;
  padding-bottom: 38px; }
.proposal_box .proposal_step .part {
  position: relative;
  z-index: 0;
  display: inline-block;
  text-align: center;
  margin: 0 16px;
  vertical-align: middle;
  width: 107px;
  height: 107px; }
.proposal_box .proposal_step .part * {
  transition: all 0.1s; }
.proposal_box .proposal_step .part:before {
  position: absolute;
  content: "";
  top: 44%;
  left: -20px;
  width: 0;
  height: 0;
  border-top: 4px solid transparent;
  border-left: 6px solid #828282;
  border-bottom: 4px solid transparent;
  margin-top: -4px; }
.proposal_box .proposal_step .part:first-child:before {
  content: normal; }
.proposal_box .proposal_step .part div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 89px;
  overflow: hidden; }
.proposal_box .proposal_step .part div:hover {
  transition: all .2s;
  transform: scale(1.1);
  margin-top: -4px; }
.proposal_box .proposal_step .part div p, .proposal_box .proposal_step .part div a {
  display: block;
  width: 107px;
  height: 107px;
  border-radius: 50%;
  background-color: #ededed;
  color: #616161; }
.proposal_box .proposal_step .part div p strong, .proposal_box .proposal_step .part div a strong {
  display: block;
  font-weight: 400;
  padding-top: 14px;
  line-height: 32px;
  font-size: 12px; }
.proposal_box .proposal_step .part div p span, .proposal_box .proposal_step .part div a span {
  display: block;
  font-size: 10px;
  line-height: 15px;
  -webkit-transform: scale(0.8); }
.proposal_box .proposal_step .part > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 81px;
  height: 23px;
  background: url("../images/proposal/part0_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part1 .part:first-child {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part1 .part:first-child div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part1 .part:first-child div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part1 .part:first-child div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part1 .part:first-child div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part1 .part:first-child div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part1 .part:first-child > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part1 .part:nth-child(2) {
  opacity: 0.9; }
.proposal_box .proposal_step#part1 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part1 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part1 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part1 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part2 .part:nth-child(1) {
  opacity: 0.9; }
.proposal_box .proposal_step#part2 .part:nth-child(2) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part2 .part:nth-child(2) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part2 .part:nth-child(2) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part2 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part2 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part2 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part2 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part3 .part:nth-child(1) {
  opacity: 0.6; }
.proposal_box .proposal_step#part3 .part:nth-child(2) {
  opacity: 0.9; }
.proposal_box .proposal_step#part3 .part:nth-child(3) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p strong {
  padding-top: 6px;
  line-height: 35px;
  font-size: 16px; }
.proposal_box .proposal_step#part3 .part:nth-child(3) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part3 .part:nth-child(3) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part3 .part:nth-child(4) {
  opacity: 0.4; }
.proposal_box .proposal_step#part3 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part3 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part4 .part:nth-child(1) {
  opacity: 0.4; }
.proposal_box .proposal_step#part4 .part:nth-child(2) {
  opacity: 0.6; }
.proposal_box .proposal_step#part4 .part:nth-child(3) {
  opacity: 0.9; }
.proposal_box .proposal_step#part4 .part:nth-child(4) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p strong {
  padding-top: 6px;
  line-height: 35px;
  font-size: 16px; }
.proposal_box .proposal_step#part4 .part:nth-child(4) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part4 .part:nth-child(4) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part4 .part:nth-child(5) {
  opacity: 0.3; }
.proposal_box .proposal_step#part4 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part5 .part:nth-child(1) {
  opacity: 0.3; }
.proposal_box .proposal_step#part5 .part:nth-child(2) {
  opacity: 0.4; }
.proposal_box .proposal_step#part5 .part:nth-child(3) {
  opacity: 0.6; }
.proposal_box .proposal_step#part5 .part:nth-child(4) {
  opacity: 0.9; }
.proposal_box .proposal_step#part5 .part:nth-child(5) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part5 .part:nth-child(5) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  margin-left: -5px;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part5 .part:nth-child(5) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box .proposal_step#part5 .part:nth-child(6) {
  opacity: 0.2; }
.proposal_box .proposal_step#part6 .part:nth-child(1) {
  opacity: 0.2; }
.proposal_box .proposal_step#part6 .part:nth-child(2) {
  opacity: 0.3; }
.proposal_box .proposal_step#part6 .part:nth-child(3) {
  opacity: 0.4; }
.proposal_box .proposal_step#part6 .part:nth-child(4) {
  opacity: 0.6; }
.proposal_box .proposal_step#part6 .part:nth-child(5) {
  opacity: 0.9; }
.proposal_box .proposal_step#part6 .part:nth-child(6) {
  width: 131px;
  height: 131px; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 108px;
  overflow: hidden; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div:hover {
  transform: scale(1);
  margin-top: 0; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p {
  width: 105px;
  height: 105px;
  padding: 13px;
  background-color: #87ba45;
  color: #fff; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p strong {
  padding-top: 6px;
  line-height: 44px;
  font-size: 16px; }
.proposal_box .proposal_step#part6 .part:nth-child(6) div p span {
  font-size: 14px;
  line-height: 15px;
  opacity: 0.6;
  -webkit-transform: scale(1); }
.proposal_box .proposal_step#part6 .part:nth-child(6) > span {
  position: absolute;
  width: 100%;
  left: 0;
  top: 101px;
  height: 23px;
  background: url("../images/proposal/part1_shadow.png") center top no-repeat #fff; }
.proposal_box input {
  font-family: 'Helvetica Neue'; }
.proposal_box .table_div {
  padding: 6px 10px; }
.proposal_box .table_div .table_cell {
  display: table-cell;
  vertical-align: middle; }
.proposal_box .table_div .table_cell .button_box {
  width: 134px;
  text-align: right; }
.proposal_box .table_div .table_cell .button_box a {
  display: inline-block;
  padding-top: 35px;
  line-height: 20px;
  color: #5e5e5e;
  font-size: 13px;
  min-width: 40px;
  text-align: center; }
.proposal_box .table_div .table_cell .button_box a.view {
  background: url("../images/homeuser/curve.svg") center top no-repeat;
  background-size: 35px;
  margin-right: 20px; }
.proposal_box .table_div .table_cell .button_box a.view:hover {
  background: url("../images/homeuser/curve1.svg") center top no-repeat;
  background-size: 35px; }
.proposal_box .table_div .table_cell .button_box a.delete {
  background: url("../images/homeuser/delete.svg") center top no-repeat;
  background-size: 27px; }
.proposal_box .table_div .table_cell .button_box a.delete:hover {
  background: url("../images/homeuser/delete1.svg") center top no-repeat;
  background-size: 27px; }
.proposal_box .table_div .table_cell .button_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .radio_box1 {
  padding: 0 10px; }
.proposal_box .add_box {
  padding-top: 7px; }
.proposal_box .add_box button {
  position: relative;
  margin-left: 3px;
  width: 88px;
  height: 88px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 26px;
  margin-bottom: 0; }
.proposal_box .add_box button:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 42px;
  top: 25px;
  width: 2px;
  height: 36px; }
.proposal_box .add_box button:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 25px;
  top: 42px;
  width: 36px;
  height: 2px; }
.proposal_box .add_box > span {
  display: inline-block;
  vertical-align: middle;
  width: 680px;
  font-size: 14px;
  line-height: 22px; }
.proposal_box .add_box b {
  font-weight: 500;
  display: inline-block;
  padding-bottom: 2px;
  font-size: 16px; }
.proposal_box .add_box.mini {
  padding-top: 10px; }
.proposal_box .add_box.mini button {
  position: relative;
  margin-left: 5px;
  width: 38px;
  height: 38px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 26px; }
.proposal_box .add_box.mini button:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 17px;
  top: 9px;
  width: 2px;
  height: 18px; }
.proposal_box .add_box.mini button:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 9px;
  top: 17px;
  width: 18px;
  height: 2px; }
.proposal_box hr {
  border: 0;
  border-bottom: 1px solid #e4e4e4;
  margin-top: 16px; }
.proposal_box .p_icon {
  margin: 24px 10px 0;
  background: #f8f8f8;
  padding-left: 18px; }
.proposal_box .p_icon + .table_div {
  padding-top: 20px; }
.proposal_box p.percentage {
  position: relative; }
.proposal_box p.percentage:after {
  position: absolute;
  content: "%";
  top: 3px;
  right: 18px;
  line-height: 36px;
  font-weight: 500;
  font-size: 17px; }
.proposal_box p.dollar {
  position: relative; }
.proposal_box p.dollar:before {
  position: absolute;
  content: "$";
  top: 3px;
  left: 18px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.dollar input {
  padding-left: 28px !important;
  padding-right: 8px !important; }
.proposal_box p.watt-STC {
  position: relative; }
.proposal_box p.watt-STC:after {
  position: absolute;
  content: "/Watt-STC";
  top: 3px;
  right: 12px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.watt-STC input {
  padding-right: 88px !important; }
.proposal_box p.watt-STC {
  position: relative; }
.proposal_box p.watt-STC:after {
  position: absolute;
  content: "/Watt-STC";
  top: 3px;
  right: 12px;
  line-height: 36px;
  font-weight: 500;
  font-size: 16px;
  font-family: 'Helvetica Neue'; }
.proposal_box p.watt-STC input {
  padding-right: 88px !important; }
.proposal_box .design_box {
  border-radius: 3px;
  width: 426px;
  min-height: 120px;
  margin: 30px auto;
  text-align: center;
  border: 1px solid #c2c9cf;
  background-color: #fdfefe;
  padding: 1px;
  position: relative; }
.proposal_box .design_box a {
  margin: 120px 0 106px; }
.proposal_box .design_box img {
  width: 100%;
  border-radius: 3px;
  cursor: pointer; }
.proposal_box .design_box + p {
  width: 426px;
  margin: -20px auto 30px;
  overflow: hidden; }
.proposal_box .design_box + p a {
  font-size: 14px;
  color: #f60;
  text-decoration: underline; }
.proposal_box .design_box + p a:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .contracts6_box {
  padding: 16px 10px 8px 28px; }
.proposal_box .contracts6_box hr {
  margin-bottom: 20px; }
.proposal_box .contracts6_box .li_p6 {
  padding-left: 0; }
.proposal_box .contracts6_box .li_p6:before {
  display: none; }
.proposal_box .contracts6_box .bg_fa {
  padding: 16px 18px;
  margin-left: -18px;
  margin-top: 20px;
  background-color: #fafafa; }
.proposal_box .contracts6_box .right680 {
  width: 670px !important; }
.proposal_box .title7 {
  font-weight: 500;
  font-size: 16px;
  padding: 15px 10px;
  line-height: 24px; }
.proposal_box .title7 strong {
  color: #ec582c;
  margin-left: 15px;
  font-weight: 500; }
.proposal_box .title7 .f_right {
  color: #ec582c;
  font-size: 14px;
  text-decoration: underline;
  cursor: pointer; }
.proposal_box .contracts7_box {
  padding: 16px 10px 8px; }
.proposal_box .contracts7_box hr {
  margin-top: 26px; }
.proposal_box .table7 .red {
  color: #ec582c; }
.proposal_box .table7.auto td {
  padding-right: 20px; }
.proposal_box .table7 button {
  position: relative;
  width: 27px;
  height: 27px;
  border: 1px solid #cacacb;
  background: #f6f9fb; }
.proposal_box .table7 button:before {
  position: absolute;
  content: "";
  left: 20%;
  top: 52%;
  width: 60%;
  height: 1px;
  margin-top: -1px;
  background: #767677; }
.proposal_box .table7 button.add:after {
  position: absolute;
  content: "";
  left: 52%;
  top: 20%;
  width: 1px;
  height: 60%;
  margin-left: -1px;
  background: #767677; }
.proposal_box .table7 button.opt5 {
  opacity: 0.5; }
.proposal_box .table7 span.line30 {
  display: inline-block;
  line-height: 30px;
  padding-top: 10px; }
.proposal_box .table7.w_all {
  width: 100%;
  text-align: center; }
.proposal_box .table7.w_all td {
  padding-left: 9px;
  padding-right: 9px; }
.proposal_box .table7.w_all td:first-child {
  padding-left: 0; }
.proposal_box .table7.w_all td:first-child + td {
  text-align: left; }
.proposal_box .table7.w_all td:last-child {
  padding-right: 0; }
.proposal_box .table7.w_all td.t3 > * {
  display: inline-block;
  margin: 0 6px;
  vertical-align: middle; }
.proposal_box .table7.w_all td.t3 > * span {
  padding-left: 10px; }
.proposal_box .table7 input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  margin: 3px 0;
  line-height: 34px;
  padding: 0 18px;
  font-size: 16px;
  width: 166px; }
.proposal_box .table7 input:hover, .proposal_box .table7 input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .table7 thead td {
  font-size: 14px;
  text-align: center;
  line-height: 28px;
  font-weight: 500; }
.proposal_box .table7 td {
  font-size: 16px;
  padding: 3px 0; }
.proposal_box .table7 td.pr40 {
  padding-right: 40px; }
.proposal_box .table7 td.red {
  color: #ec582c; }
.proposal_box .table7 td.red input {
  color: inherit; }
.proposal_box .table7 td .select_a, .proposal_box .table7 td .select_box {
  display: inline-block;
  text-align: left; }
.proposal_box .table7 td .select_a.w255, .proposal_box .table7 td .select_box.w255 {
  width: 253px; }
.proposal_box .table7 td .select_a.w255 .input_auto_complete input, .proposal_box .table7 td .select_box.w255 .input_auto_complete input {
  width: 198px; }
.proposal_box .table7 td .select_a.w156, .proposal_box .table7 td .select_box.w156 {
  width: 154px; }
.proposal_box .table7 td input[disabled] {
  border: 1px solid #c2c9cf !important;
  padding: 0 10px !important; }
.proposal_box .table7 td input.w66 {
  padding: 0 10px;
  width: 46px; }
.proposal_box .table7 td input.w72 {
  padding: 0 10px;
  width: 52px; }
.proposal_box .table7 td input.w76 {
  padding: 0 10px;
  width: 56px; }
.proposal_box .table7 td input.w88 {
  padding: 0 10px;
  width: 68px; }
.proposal_box .table7 td input.w160 {
  width: 102px; }
.proposal_box .contracts6_ol {
  list-style: decimal !important;
  list-style-type: decimal !important;
  margin: 4px 20px 8px;
  width: 88%; }
.proposal_box .contracts6_ol li {
  line-height: 24px;
  font-size: 16px;
  padding: 5px 2px; }
.proposal_box .contracts6_ol li p {
  display: inline; }
.proposal_box .contracts6_ol li p:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  background-size: 12px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  margin-left: 6px; }
.proposal_box .contracts6_ol li p:hover:after {
  opacity: .6; }
.proposal_box .contracts6_ol li textarea.hover {
  display: none;
  width: 96%;
  line-height: 24px;
  border: 1px solid #c2c9cf;
  height: 72px;
  border-radius: 3px;
  padding: 4px 10px;
  margin: 3px 0;
  font-size: 14px;
  vertical-align: top; }
.proposal_box .contracts6_ol li textarea.hover:hover, .proposal_box .contracts6_ol li textarea.hover:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .contracts6_ol li textarea.hover:focus + span {
  display: none; }
.proposal_box .contracts6_ol li input.date {
  padding: 0 16px;
  background: url("../images/sanjiao_bai.PNG") 98px center no-repeat #67ba2f;
  background-size: 10px;
  width: 90px;
  height: 25px;
  line-height: 25px;
  border-radius: 12px;
  color: #fff;
  font-size: 14px;
  margin-left: 36px;
  cursor: pointer; }
.proposal_box .contracts6_ol li span.close {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: 300;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #c9d3da;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  transform: rotate(45deg); }
.proposal_box .contracts6_ol li span.close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #222; }
.proposal_box .contracts6_ol li span.close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #222; }
.proposal_box .contracts6_ol li span.close:hover {
  background-color: #f00; }
.proposal_box .contracts6_ol li span.close:hover:before, .proposal_box .contracts6_ol li span.close:hover:after {
  background: #fff; }
.proposal_box .div_mimi_box {
  padding: 15px 0 6px; }
.proposal_box .div_mimi_box .f_none {
  display: inline-block;
  width: 180px !important;
  float: none !important;
  text-align: left !important; }
.proposal_box .div_mimi_box .posal_mini_table {
  width: 100%;
  margin-top: 12px;
  margin-left: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td {
  padding-bottom: 5px;
  width: 178px;
  font-size: 16px;
  line-height: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td:first-child {
  width: 196px; }
.proposal_box .div_mimi_box .posal_mini_table td + td {
  padding-left: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td.color_ec, .proposal_box .div_mimi_box .posal_mini_table td .color_ec {
  color: #ec582c; }
.proposal_box .div_mimi_box .posal_mini_table td.color_ec input, .proposal_box .div_mimi_box .posal_mini_table td .color_ec input {
  color: #ec582c; }
.proposal_box .div_mimi_box .posal_mini_table td .select_a {
  width: 206px; }
.proposal_box .div_mimi_box .posal_mini_table td p {
  position: relative;
  width: 208px; }
.proposal_box .div_mimi_box .posal_mini_table td p input {
  width: 208px;
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 50px 0 18px;
  margin: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.proposal_box .div_mimi_box .posal_mini_table td p label.before {
  position: absolute;
  line-height: 20px;
  top: 11px;
  font-weight: 500;
  left: 18px;
  font-family: 'Helvetica Neue'; }
.proposal_box .div_mimi_box .posal_mini_table td p label.before + input {
  padding-left: 30px; }
.proposal_box .div_mimi_box .posal_mini_table td p label.after {
  position: absolute;
  line-height: 20px;
  top: 11px;
  right: 20px;
  font-size: 14px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > * {
  display: inline-block;
  vertical-align: middle; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > p {
  width: auto; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > p input {
  width: 140px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span {
  padding: 0 10px;
  font-weight: 500; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span:first-child {
  padding-left: 0;
  padding-right: 18px; }
.proposal_box .div_mimi_box .posal_mini_table td[colspan='2'] > span:last-child {
  padding-right: 0; }
.proposal_box .div_mimi_box .posal_mini_table .border {
  border-bottom: 1px solid #eee; }
.proposal_box .div_mimi_box .posal_mini_table .border td {
  position: relative;
  padding-top: 30px;
  padding-bottom: 15px; }
.proposal_box .div_mimi_box .posal_mini_table .border td:before {
  position: absolute;
  content: "";
  width: 100%;
  top: 14px;
  left: 0;
  height: 1px;
  border-top: 1px solid #eee; }
.proposal_box .posal_mini_table1 {
  width: 100%;
  margin-left: 18px; }
.proposal_box .posal_mini_table1 td {
  width: 230px;
  padding-bottom: 8px; }
.proposal_box .posal_mini_table1 td i {
  margin: 0 5px 0 0 !important; }
.proposal_box .posal_mini_table1 td .div_row {
  padding: 0; }
.proposal_box .posal_mini_table1 td .div_row .radio span {
  width: 290px;
  white-space: nowrap; }
.proposal_box .posal_mini_table1 td input {
  width: 428px;
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 18px;
  margin: 3px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
.proposal_box .div_row.radio {
  padding: 20px 0 16px; }
.proposal_box .div_row .posal_title1 {
  font-size: 20px;
  font-weight: 500;
  padding-top: 20px;
  padding-left: 18px; }
.proposal_box .div_row .posal_title1 i {
  padding-left: 40px;
  font-size: 16px;
  font-weight: 400; }
.proposal_box .div_row .posal_title1 i a {
  text-decoration: underline;
  color: #ec582c; }
.proposal_box .div_row .posal_title2 {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  line-height: 35px;
  padding-left: 0;
  margin-top: 20px;
  font-weight: 500;
  margin-left: 18px; }
.proposal_box .div_row .div_row_left {
  width: 276px;
  line-height: 20px;
  padding-left: 18px;
  vertical-align: middle; }
.proposal_box .div_row .div_row_left.left218 {
  width: 218px; }
.proposal_box .div_row .div_row_left.left166 {
  width: 166px; }
.proposal_box .div_row .div_row_left.left188 {
  padding-left: 0;
  width: 180px; }
.proposal_box .div_row .div_row_right {
  width: 438px; }
.proposal_box .div_row .div_row_right .input_auto_complete input {
  width: 382px; }
.proposal_box .div_row .div_row_right.right680 {
  width: 680px; }
.proposal_box .div_row .div_row_right .switch {
  width: 88px;
  margin-left: 16px; }
.proposal_box .div_row .div_row_right .select_a a {
  padding-left: 18px; }
.proposal_box .div_row .div_row_right .table3 {
  display: table;
  width: 100%; }
.proposal_box .div_row .div_row_right .table3 input {
  width: 92px; }
.proposal_box .div_row .div_row_right .table3 p {
  vertical-align: middle;
  display: table-cell;
  width: 130px;
  line-height: 20px; }
.proposal_box .div_row .div_row_right .table3 p.center {
  text-align: center;
  width: 180px; }
.proposal_box .div_row .div_row_right .table3.big p {
  text-align: center;
  display: table-cell; }
.proposal_box .div_row .div_row_right .table3.big p input {
  width: 120px; }
.proposal_box .div_row .div_row_right .table6 {
  display: table;
  width: 100%; }
.proposal_box .div_row .div_row_right .table6 > p {
  display: table-cell;
  width: 30%;
  vertical-align: top;
  text-align: center; }
.proposal_box .div_row .div_row_right .table6 > p.right {
  padding-right: 0;
  padding-left: 15px; }
.proposal_box .div_row .div_row_right .table6 > p.right + p {
  vertical-align: middle; }
.proposal_box .div_row .div_row_right .table6 > p input {
  width: 86px; }
.proposal_box .div_row .div_row_right .table6 > p input.big {
  width: 330px; }
.proposal_box .div_row .div_row_right .table6 > p textarea {
  width: 330px;
  line-height: 22px;
  height: 66px;
  font-size: 16px;
  padding: 10px 18px; }
.proposal_box .div_row .div_row_right .table6 > p.percentage input {
  width: 50px; }
.proposal_box .div_row .div_row_right .table6 > p .close {
  display: inline-block;
  margin-left: 12px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  font-weight: 300;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #c9d3da;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  transform: rotate(45deg); }
.proposal_box .div_row .div_row_right .table6 > p .close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #222; }
.proposal_box .div_row .div_row_right .table6 > p .close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #222; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover {
  background-color: #f00;
  color: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover:before {
  background: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .close:hover:after {
  background: #fff; }
.proposal_box .div_row .div_row_right .table6 > p .default {
  display: inline-block;
  margin-left: 12px;
  width: 22px;
  height: 22px; }
.proposal_box .div_row .div_row_right input {
  width: 400px;
  line-height: 34px;
  padding: 0 18px;
  font-size: 16px; }
.proposal_box .div_row .div_row_right .select_a {
  width: 436px; }
.proposal_box .div_row .div_row_right .select_a + p {
  margin: 6px 0 0; }
.proposal_box .div_row .div_row_right p.radio {
  line-height: 24px;
  padding: 6px 0; }
.proposal_box .div_row .div_row_right p.radio + .select_box {
  margin-top: 6px; }
.proposal_box .div_row .div_row_right p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  /* i{
           display: inline-block;
           width: 13px;
           height: 13px;
           border: 4px solid #fff;
           box-shadow: 0 0 0 1px #aeaeae;
           border-radius: 50%;
           vertical-align:bottom;
           margin-right: 12px;
           background: #fff;
       }
       &.act{
           i{
               box-shadow: 0 0 0 1px #ec582c;
               background: #ec582c;
           }
       }*/ }
.proposal_box .div_row .div_row_right p.radio span + span {
  margin-left: 18px; }
.proposal_box .div_row .div_row_right p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.proposal_box .div_row .div_row_right p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.proposal_box .div_row .div_row_right p.radio span.act i:after {
  position: absolute;
  content: '';
  width: 14px;
  height: 14px;
  background: #ec582c;
  border-radius: 50%;
  left: 4px;
  top: 4px; }
.proposal_box .div_row .div_row_right.two_input {
  width: 438px; }
.proposal_box .div_row .div_row_right.two_input p {
  display: inline-block;
  vertical-align: top;
  width: 50%; }
.proposal_box .div_row .div_row_right.two_input p + p {
  float: right;
  text-align: right; }
.proposal_box .div_row .div_row_right.two_input p input {
  width: 175px; }
.proposal_box .div_row .div_row_right.right580 {
  width: 570px; }
.proposal_box .div_row .div_row_right.right640 {
  width: 634px; }
.proposal_box .div_row .div_row_right.right580 .select_a, .proposal_box .div_row .div_row_right.right580 .select_box, .proposal_box .div_row .div_row_right.right640 .select_a, .proposal_box .div_row .div_row_right.right640 .select_box {
  width: 206px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 14px; }
.proposal_box .div_row .div_row_right.right580 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right580 .select_box .input_auto_complete input, .proposal_box .div_row .div_row_right.right640 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right640 .select_box .input_auto_complete input {
  width: 152px; }
.proposal_box .div_row .div_row_right.right580 .select_a p input, .proposal_box .div_row .div_row_right.right580 .select_box p input, .proposal_box .div_row .div_row_right.right640 .select_a p input, .proposal_box .div_row .div_row_right.right640 .select_box p input {
  width: 318px; }
.proposal_box .div_row .div_row_right.right580 .select_a p input:hover, .proposal_box .div_row .div_row_right.right580 .select_a p input:focus, .proposal_box .div_row .div_row_right.right580 .select_box p input:hover, .proposal_box .div_row .div_row_right.right580 .select_box p input:focus, .proposal_box .div_row .div_row_right.right640 .select_a p input:hover, .proposal_box .div_row .div_row_right.right640 .select_a p input:focus, .proposal_box .div_row .div_row_right.right640 .select_box p input:hover, .proposal_box .div_row .div_row_right.right640 .select_box p input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .div_row .div_row_right.right580 .f_right, .proposal_box .div_row .div_row_right.right640 .f_right {
  width: 120px;
  text-align: right; }
.proposal_box .div_row .div_row_right.right580 .f_right input, .proposal_box .div_row .div_row_right.right580 .f_right span, .proposal_box .div_row .div_row_right.right580 .f_right p, .proposal_box .div_row .div_row_right.right640 .f_right input, .proposal_box .div_row .div_row_right.right640 .f_right span, .proposal_box .div_row .div_row_right.right640 .f_right p {
  display: inline-block;
  text-align: left;
  width: 45px;
  padding: 0 10px; }
.proposal_box .div_row .div_row_right.right580 .f_right p, .proposal_box .div_row .div_row_right.right640 .f_right p {
  width: 62px;
  vertical-align: middle;
  padding: 0 6px; }
.proposal_box .div_row .div_row_right.right580 .f_right span, .proposal_box .div_row .div_row_right.right640 .f_right span {
  width: 47px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big, .proposal_box .div_row .div_row_right.right640 .f_right.big {
  width: 340px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big span, .proposal_box .div_row .div_row_right.right640 .f_right.big span {
  width: 172px;
  line-height: 18px;
  vertical-align: middle;
  margin-left: 0; }
.proposal_box .div_row .div_row_right.right580 .f_right.big p, .proposal_box .div_row .div_row_right.right640 .f_right.big p {
  width: 126px; }
.proposal_box .div_row .div_row_right.right580 .f_right.big input, .proposal_box .div_row .div_row_right.right640 .f_right.big input {
  vertical-align: middle;
  width: 110px;
  margin: 0; }
.proposal_box .div_row .div_row_right.right580 i, .proposal_box .div_row .div_row_right.right640 i {
  display: inline-block;
  width: 430px;
  font-style: italic;
  color: #76767B;
  font-size: 12px;
  margin: 9px 0;
  line-height: 18px; }
.proposal_box .div_row .div_row_right.right580 i span, .proposal_box .div_row .div_row_right.right640 i span {
  padding: 0 6px; }
.proposal_box .div_row .div_row_right.right428 {
  width: 580px; }
.proposal_box .div_row .div_row_right.right428 .select_a, .proposal_box .div_row .div_row_right.right428 .select_box {
  width: 428px; }
.proposal_box .div_row .div_row_right.right428 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right428 .select_box .input_auto_complete input {
  width: 374px; }
.proposal_box .div_row .div_row_right.right428 p input {
  width: 392px; }
.proposal_box .div_row .div_row_right.right548 {
  width: 548px; }
.proposal_box .div_row .div_row_right.right548 .select_a, .proposal_box .div_row .div_row_right.right548 .select_box {
  width: 546px;
  margin: 2px 0; }
.proposal_box .div_row .div_row_right.right548 .select_a .input_auto_complete input, .proposal_box .div_row .div_row_right.right548 .select_box .input_auto_complete input {
  width: 312px; }
.proposal_box .div_row .div_row_right.right548 p input {
  width: 510px; }
.proposal_box .div_row .div_row_right.right548 > .f_right + .select_a {
  width: 365px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 {
  float: left;
  width: 263px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 + .cell_5 {
  margin-left: 20px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 .select_a {
  width: 263px; }
.proposal_box .div_row .div_row_right.right548 > .cell_5 p input {
  width: 227px; }
.proposal_box .even_table {
  width: 100%;
  border: 1px solid #edeff1; }
.proposal_box .even_table thead td {
  background-color: #94a7bc;
  color: #fff;
  font-weight: 400; }
.proposal_box .even_table tr:nth-child(even) {
  background-color: #f2f6fa; }
.proposal_box .even_table td {
  line-height: 20px;
  font-size: 16px;
  padding: 15px 0 15px 30px;
  min-width: 190px; }
.proposal_box .even_table td:first-child {
  min-width: 50px; }
.proposal_box .even_table td input {
  border: 1px solid #c2c9cf;
  border-radius: 3px;
  line-height: 30px;
  height: 30px;
  padding: 0 12px;
  width: 122px;
  font-size: 14px;
  background-color: Transparent; }
.proposal_box .even_table td input:hover, .proposal_box .even_table td input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .posal_utility_box {
  border: 1px solid #edeff1;
  margin: 5px -10px 0; }
.proposal_box .posal_utility_box > h4 {
  height: 76px;
  line-height: 76px;
  font-size: 20px;
  background-color: #94a7bc;
  color: #fff;
  font-weight: 500; }
.proposal_box .posal_utility_box .div_row {
  padding: 20px 10px; }
.proposal_box .posal_utility_box .div_row .btn .add {
  padding: 4px;
  font-size: 22px;
  vertical-align: bottom; }
.proposal_box .posal_utility_box .div_row a.link {
  padding-left: 20px;
  font-size: 14px;
  color: #ec582c; }
.proposal_box .posal_utility_box .div_row a.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.proposal_box .posal_utility_box .posal_title3 {
  background: #f2f6fa;
  color: #1d1d26;
  height: 56px;
  font-size: 18px;
  line-height: 56px;
  position: relative; }
.proposal_box .posal_utility_box .posal_title3 .btn_border {
  position: absolute;
  border: 1px solid #bbc8d8;
  background: none;
  padding: 0 38px;
  height: 30px;
  line-height: 30px;
  top: 13px;
  right: 44px;
  color: #4c637b;
  font-size: 16px;
  border-radius: 15px; }
.proposal_box .posal_utility_box .posal_3_table {
  background: #fffcfb;
  border: 1px solid #fbeeea;
  border-radius: 3px;
  width: 94%;
  margin: 25px 3%; }
.proposal_box .posal_utility_box .posal_3_table th {
  color: #ec582c;
  font-size: 18px;
  line-height: 30px;
  padding-top: 20px; }
.proposal_box .posal_utility_box .posal_3_table td {
  color: #1d1d26;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 20px 20px 60px; }
.proposal_box .posal_utility_box .posal_3_table td p {
  display: table-row; }
.proposal_box .posal_utility_box .posal_3_table td span {
  display: table-cell; }
.proposal_box .posal_utility_box .posal_3_table td span.fw500 {
  color: #ec582c;
  padding-left: 5px; }
.proposal_box .posal_utility_box .posal_3_table .posal_icon_books {
  background: url(../images/proposal/books.png) 21px center no-repeat; }
.proposal_box .posal_utility_box .posal_3_table .posal_icon_charts {
  background: url(../images/proposal/chart.png) 21px center no-repeat; }
.proposal_box .posal_utility_box .posal_color_box {
  color: #1d1d26;
  padding: 24px 0; }
.proposal_box .posal_utility_box .posal_color_box li {
  text-align: left;
  display: inline-block;
  width: 150px;
  padding-left: 60px;
  position: relative;
  line-height: 20px;
  padding-top: 5px;
  height: 41px; }
.proposal_box .posal_utility_box .posal_color_box li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 46px;
  height: 46px;
  border-radius: 50%;
  border: 1px solid #343f45; }
.proposal_box .posal_utility_box .posal_color_box li.color_e6fdc7:before {
  background: #e6fdc7; }
.proposal_box .posal_utility_box .posal_color_box li.color_f1edd7:before {
  background: #f1edd7; }
.proposal_box .posal_utility_box .posal_color_box li.color_f6c8c7:before {
  background: #f6c8c7; }
.proposal_box .posal_utility_box .posal_color_box li.color_c7e0fc:before {
  background: #c7e0fc; }
.proposal_box .posal_utility_box .posal_color_box li p {
  font-size: 16px; }
.proposal_box .posal_utility_box .posal_color_box li small {
  font-size: 12px; }
.proposal_box .posal_utility_box .posal_summers_box {
  color: #1d1d26;
  padding-bottom: 26px; }
.proposal_box .posal_utility_box .posal_summers_box li {
  display: inline-block;
  width: 420px;
  background: #f2f6fa;
  vertical-align: top;
  margin: 4px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 {
  line-height: 56px;
  background: #c0cede;
  font-size: 14px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i {
  display: inline-block;
  width: 32px;
  height: 32px;
  vertical-align: middle;
  margin-top: -2px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i.summer_icon {
  background: url(../images/proposal/sun.png) center center no-repeat; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 i.winter_icon {
  background: url(../images/proposal/snow.svg) center center no-repeat;
  background-size: 24px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_title4 b {
  padding: 0 16px;
  font-weight: 500;
  font-size: 16px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_mini_box4 {
  padding: 0 20px 20px; }
.proposal_box .posal_utility_box .posal_summers_box li h4 {
  font-size: 18px;
  line-height: 26px;
  padding: 25px 0 5px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table {
  font-size: 14px;
  line-height: 30px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td {
  padding-right: 10px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td:first-child {
  width: 200px; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td b {
  font-weight: 500; }
.proposal_box .posal_utility_box .posal_summers_box li table.posal_mini_table td span {
  color: #6e6e6e; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box {
  padding: 30px 0 10px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box h5 {
  font-weight: 500;
  font-size: 15px;
  color: #343f45;
  line-height: 30px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box h5 span {
  font-size: 12px;
  color: #888;
  font-weight: 400; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table {
  border-collapse: collapse;
  width: 100%; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td {
  border: 1px solid #79848d;
  line-height: 34px;
  font-size: 14px;
  color: #343d44; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_e6fdc7 {
  background: #e6fdc7;
  width: 81px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_f1edd7 {
  background: #f1edd7;
  width: 64px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_f6c8c7 {
  background: #f6c8c7;
  width: 140px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box table td.color_c7e0fc {
  background: #c7e0fc;
  width: 88px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am {
  font-size: 14px;
  color: #6e6e6e; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am span {
  line-height: 30px;
  display: inline-block;
  width: 80px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am span:last-child {
  width: 40px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center {
  text-align: center; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center span {
  display: inline;
  padding: 0 4px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_am.center hr {
  display: inline-block;
  vertical-align: middle;
  width: 70%;
  border: none;
  border-top: 1px solid #e9e9e9;
  margin-top: 8px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span {
  display: inline-block;
  height: 32px;
  width: 32px;
  margin: 0 28px;
  background-image: url(../images/proposal/sun_icons.png);
  background-repeat: no-repeat; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(1) {
  background-position: left 0; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(2) {
  background-position: left -33px; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(3) {
  background-position: left bottom; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_weekday_box .posal_time_icon span:nth-child(4) {
  background-position: left 0; }
.proposal_box .posal_utility_box .posal_summers_box li .posal_chart_box {
  width: 378px;
  height: 230px;
  background: #fff; }
.proposal_box table.com_box1 {
  float: left;
  margin-left: 18px; }
.proposal_box table.com_box1 td {
  color: #1d1d26;
  font-size: 16px; }
.proposal_box table.com_box1 td p {
  display: inline-block;
  margin: 2px 0 2px 40px;
  padding: 3px 0;
  vertical-align: middle; }
.proposal_box table.com_box1 td input {
  border: 1px solid #c2c9cf;
  height: 34px;
  border-radius: 3px;
  padding: 0 18px;
  font-size: 16px;
  width: 114px;
  font-family: 'Helvetica Neue'; }
.proposal_box table.com_box1 td input:hover, .proposal_box table.com_box1 td input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.proposal_box .table_right {
  float: right;
  width: 364px;
  padding-top: 5px; }
.proposal_box .table_right .tr_head {
  border: 1px solid #fbeeea;
  background-color: #fffcfb;
  border-radius: 3px;
  padding: 10px 0; }
.proposal_box .table_right .tr_head p {
  font-size: 18px;
  text-align: center;
  line-height: 42px; }
.proposal_box .table_right .tr_head p i {
  font-size: 29px;
  color: #ec582c;
  font-weight: 500; }
.proposal_box .table_right .tr_body {
  border: 1px solid #f2f2f2;
  background-color: #f8f8f8;
  border-radius: 3px;
  padding: 25px 0 28px;
  margin-top: 26px;
  position: relative; }
.proposal_box .table_right .tr_body p {
  font-size: 16px;
  text-align: center;
  line-height: 28px;
  padding: 5px 0; }
.proposal_box .table_right .tr_body p strong {
  font-weight: 500;
  line-height: 40px; }
.proposal_box .table_right .tr_body p span {
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap; }
.proposal_box .table_right .tr_body p span:first-child {
  width: 210px;
  text-align: left; }
.proposal_box .table_right .tr_body p span:last-child {
  width: 110px;
  text-align: right; }
.proposal_box p.h2 {
  font-size: 20px;
  line-height: 25px; }
.proposal_box p.h2 span + strong {
  padding-right: 50px; }
.proposal_box p.h2 strong {
  font-size: 22px;
  color: #ec582c;
  font-weight: 500;
  margin-left: 30px; }
.proposal_box > p.center .button1 {
  margin: 40px 0; }
.proposal_box .pm_box {
  padding: 0 10px; }
.proposal_box .pm_box hr {
  margin: 30px 0 20px; }
.proposal_box .pm_box .check_box {
  line-height: 24px;
  font-size: 16px;
  padding: 6px 0 10px;
  font-weight: 500; }
.proposal_box .pm_box .check_box button {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #babcbd;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0;
  vertical-align: bottom;
  transition: all .1s; }
.proposal_box .pm_box .check_box button.yes {
  background-size: 16px; }
.proposal_box .pm_box .div_row {
  padding: 5px 0; }
.proposal_box .pm_box .div_row .div_row_left {
  width: 214px; }
.proposal_box .pm_box .div_row.row .div_row_right {
  width: 650px; }
.proposal_box .pm_box .div_row.row .div_row_right p {
  display: table-cell;
  min-width: 96px;
  padding-right: 30px; }
.proposal_box .pm_box .div_row.row .div_row_right p:last-child {
  padding-right: 0; }
.proposal_box .pm_box .div_row.row .div_row_right p input {
  width: 60px; }
.proposal_box .pm_box .div_row.row .div_row_right p b {
  font-weight: 500; }
.proposal_box .pm_box .table_box {
  width: 100%;
  display: table; }
.proposal_box .pm_box .table_box .table_cell {
  display: table-cell;
  vertical-align: middle; }
.proposal_box .pm_box .table_box .table_cell > .f_right {
  background-color: #f8f8f8;
  border: 1px solid #f2f2f2;
  border-radius: 3px;
  padding: 20px 28px;
  width: 240px; }
.proposal_box .pm_box .table_box .table_cell > .f_right li {
  line-height: 30px;
  font-size: 14px;
  color: #000; }
.proposal_box .pm_box .table_box .table_cell > .f_right li.center {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 5px; }
.proposal_box .pm_box .table_box .table_cell > .f_right li span {
  font-size: 16px;
  color: #1d1d26;
  float: right; }
.proposal_box .pm_box .table_box .div_row_right {
  width: 312px; }
.proposal_box .pm_box .table_box .div_row_right p {
  display: table-cell; }
.proposal_box .pm_box .table_box .div_row_right p.center {
  font-weight: 500;
  width: 50px; }
.proposal_box .pm_box .table_box .div_row_right input {
  width: 273px; }
.proposal_box .pm_box .table_box .div_row_right input.small {
  width: 94px; }
.proposal_box .pm_box .table_box .div_row_right .select_a {
  width: 310px; }

.block {
  display: block; }

.check_box {
  line-height: 24px;
  font-size: 16px;
  padding: 6px 0 10px;
  font-weight: 500; }
.check_box button {
  margin-right: 10px;
  width: 24px;
  height: 24px;
  border-radius: 2px;
  border: 1px solid #babcbd;
  background: url("../images/homeuser/duihao.svg") center center no-repeat #fff;
  background-size: 0;
  vertical-align: bottom;
  transition: all .1s; }
.check_box button.yes {
  background-size: 16px; }

.posal_new_template .submit_p button {
  height: 42px;
  padding: 0 66px;
  border-radius: 22px;
  font-size: 20px;
  font-weight: 300; }
.posal_new_template .posal_row {
  font-size: 14px;
  color: #1d1d26; }
.posal_new_template .posal_row p {
  display: inline-block;
  width: 440px;
  padding: 0 20px;
  height: 36px; }
.posal_new_template .posal_row p input {
  width: 400px !important;
  padding: 2px 20px !important;
  border-color: #c2c9cf !important;
  margin: 0 !important; }
.posal_new_template .posal_tab {
  border: 1px solid #94a7bc;
  height: 52px;
  margin-top: 32px; }
.posal_new_template .posal_tab li {
  float: left;
  line-height: 52px;
  width: 50%;
  text-align: center;
  color: #1d1d26;
  cursor: pointer;
  font-size: 18px; }
.posal_new_template .posal_tab li i {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 28px;
  vertical-align: middle; }
.posal_new_template .posal_tab li i.summer {
  background: url(../images/proposal/sun.png) center center no-repeat; }
.posal_new_template .posal_tab li i.winter {
  background: url(../images/proposal/snow.svg) center center no-repeat;
  background-size: 26px; }
.posal_new_template .posal_tab li.act {
  background: #94a7bc; }
.posal_new_template .posal_tab_cont .posal_date {
  background: #f2f6fa;
  padding: 24px 0;
  font-size: 16px; }
.posal_new_template .posal_tab_cont .posal_date .select_a {
  margin: 0 5px;
  width: 160px; }
.posal_new_template .posal_tab_cont .posal_same_tab {
  padding: 38px 0 16px; }
.posal_new_template .posal_tab_cont .posal_same_tab li {
  display: inline-block;
  font-size: 16px;
  color: #343333;
  line-height: 32px;
  cursor: pointer; }
.posal_new_template .posal_tab_cont .posal_same_tab li:before {
  content: "";
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 15px;
  display: inline-block;
  width: 32px;
  height: 32px;
  background: #ced5dd; }
.posal_new_template .posal_tab_cont .posal_same_tab li:last-child {
  margin-left: 100px; }
.posal_new_template .posal_tab_cont .posal_same_tab li.act:before {
  width: 12px;
  height: 12px;
  border: 10px solid #63758b;
  background: #fff; }
.posal_new_template .posal_tab_cont .posal_same_month {
  margin: 16px 0;
  background: #f2f6fa; }
.posal_new_template .posal_tab_cont .posal_same_month li {
  display: inline-block;
  font-size: 16px;
  line-height: 54px;
  height: 54px;
  color: #5c6575;
  width: 106px;
  transition: all .1s;
  cursor: pointer; }
.posal_new_template .posal_tab_cont .posal_same_month li b {
  color: #0a2240;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .posal_same_month li.act, .posal_new_template .posal_tab_cont .posal_same_month li:hover {
  background: #94a7bc;
  color: #0a2240;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .posal_same_month li:first-child.act, .posal_new_template .posal_tab_cont .posal_same_month li:first-child:hover {
  background: none;
  color: #5c6575;
  font-weight: 400; }
.posal_new_template .posal_tab_cont .font_16 {
  color: #4d1606;
  line-height: 24px;
  margin: 20px 0;
  font-weight: 500; }
.posal_new_template .posal_tab_cont .select_a {
  vertical-align: middle;
  display: inline-block; }
.posal_new_template .posal_tab_cont .select_a a {
  border: 1px solid #c2c9cf; }
.posal_new_template .posal_tab_cont .posal_unit_box {
  text-align: left;
  margin-left: 36px;
  margin-right: 5px; }
.posal_new_template .posal_tab_cont .posal_mini_unit {
  display: inline-block;
  vertical-align: top;
  width: 49.6%; }
.posal_new_template .posal_tab_cont .posal_mini_unit.max {
  display: block;
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit h4 {
  font-size: 18px;
  color: #4d1606;
  line-height: 36px;
  margin-top: 18px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table {
  margin-bottom: 10px;
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td {
  color: #1d1d26;
  font-size: 16px;
  padding: 5px 3px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td p {
  width: 206px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_mini_table td .prompt_message {
  margin-left: 2px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_week {
  font-size: 14px;
  display: inline-block;
  color: #fff;
  line-height: 24px;
  padding: 0 16px;
  border-radius: 10px;
  margin: 10px 0; }
.posal_new_template .posal_tab_cont .posal_mini_unit .day {
  background: #15c18f; }
.posal_new_template .posal_tab_cont .posal_mini_unit .end {
  background: #3fc9e0; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 {
  position: relative;
  background: #f8f8f8;
  border: 1px solid #f2f2f2;
  border-radius: 4px;
  padding: 8px 0;
  width: 90%;
  margin-bottom: 16px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 > table {
  width: 100%; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td {
  font-size: 16px;
  padding: 6px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td .select_a {
  width: 136px; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 td > span {
  color: #afafb0;
  font-size: 12px;
  vertical-align: middle; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close {
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #ced7dd;
  cursor: pointer;
  position: absolute;
  right: -32px;
  top: 50%;
  margin-top: -10px;
  transform: rotate(45deg); }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:before {
  position: absolute;
  content: "";
  top: 10px;
  left: 3px;
  width: 15px;
  height: 1px;
  background: #000; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:after {
  position: absolute;
  content: "";
  top: 3px;
  left: 10px;
  width: 1px;
  height: 15px;
  background: #000; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover {
  background-color: #f00;
  color: #fff; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover:before {
  background: #fff; }
.posal_new_template .posal_tab_cont .posal_mini_unit .posal_table_f8 .close:hover:after {
  background: #fff; }
.posal_new_template button.add {
  position: relative;
  width: 25px;
  height: 25px;
  background: #f6f9fb;
  border: 1px solid #cacacb;
  vertical-align: middle;
  padding: 0;
  margin: 5px 15px; }
.posal_new_template button.add:before {
  position: absolute;
  content: "";
  left: 5px;
  top: 12px;
  width: 15px;
  height: 1px;
  background: #767677; }
.posal_new_template button.add:after {
  position: absolute;
  content: "";
  left: 12px;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #767677; }
.posal_new_template a.link {
  font-size: 14px;
  color: #ec582c;
  text-decoration: underline; }
.posal_new_template a.link:hover {
  color: #87ba45;
  text-decoration: underline; }
.posal_new_template .submit_p {
  margin-bottom: 20px; }

.format_input {
  position: relative;
  display: inline-block;
  width: 206px; }
.format_input input {
  width: 200px !important;
  margin: 0 !important;
  border: 1px solid #c2c9cf;
  height: 34px !important;
  border-radius: 3px;
  font-size: 16px;
  padding: 0 50px 0 18px !important;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important; }
.format_input label.before {
  position: absolute;
  line-height: 20px;
  top: 7px;
  font-weight: 500;
  left: 20px;
  font-family: 'Helvetica Neue'; }
.format_input label.before + input {
  padding-left: 30px !important; }
.format_input label.after {
  position: absolute;
  line-height: 20px;
  top: 7px;
  right: 20px;
  font-size: 14px; }

.proposal_list_box {
  color: #1d1d26;
  padding: 0 12px; }
.proposal_list_box .b_title {
  margin: 0 !important; }
.proposal_list_box .b_title span.b_line {
  display: inline-block;
  line-height: 32px !important;
  border-bottom: 4px solid #ec582c;
  padding: 0 20px 0 10px;
  height: 50px; }
.proposal_list_box hr {
  border: 0;
  border-top: 1px solid #e0e3ee;
  margin: 0 -32px !important; }
.proposal_list_box .prorosal_head {
  height: 17px;
  line-height: 17px;
  padding: 14px 22px;
  margin-top: 24px;
  background-color: #f8f8f8;
  border-bottom: 1px solid #eee;
  position: relative; }
.proposal_list_box .prorosal_head .bell_box {
  position: absolute;
  height: auto;
  width: auto;
  margin: 0;
  background: none;
  bottom: -45px;
  right: 0;
  padding-top: 20px;
  animation: bellAnimate 1s ease-in-out infinite; }
.proposal_list_box .prorosal_head .bell_box .fa {
  font-size: 20px;
  color: red; }
.proposal_list_box .prorosal_head .bell_box.no_move {
  animation: none; }
.proposal_list_box .prorosal_head.act span {
  margin-right: 24px; }
.proposal_list_box .prorosal_head.act:before {
  position: absolute;
  content: "";
  right: 53px;
  top: -7px;
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 11px solid transparent;
  border-bottom: 7px solid #2d700a; }
.proposal_list_box .prorosal_head.act:after {
  position: absolute;
  content: "";
  right: 0;
  top: -7px;
  width: 0;
  height: 0;
  border-top: 53px solid #41be00;
  border-left: 64px solid transparent; }
.proposal_list_box .prorosal_head.act strong:after {
  position: absolute;
  content: "";
  z-index: 2;
  right: 4px;
  top: -3px;
  width: 25px;
  height: 22px;
  background: url("../images/proposal/duihaofff.svg") center center no-repeat;
  background-size: 25px; }
.proposal_list_box .prorosal_head i.user {
  display: inline-block;
  vertical-align: bottom;
  width: 13px;
  height: 16px;
  background: url("../images/proposal/user.svg") center top no-repeat;
  background-size: 13px; }
.proposal_list_box .prorosal_head strong {
  margin: 0 10px;
  font-weight: 500; }
.proposal_list_box .prorosal_head span {
  margin-left: 30px;
  opacity: 0.8;
  font-size: 16px;
  float: right; }
.proposal_list_box .ph_down {
  margin: 10px 13px; }
.proposal_list_box .ph_down td {
  padding: 8px 13px;
  font-size: 16px;
  line-height: 22px;
  vertical-align: top; }
.proposal_list_box .ph_down td:nth-child(odd) {
  white-space: nowrap; }
.proposal_list_box .ph_down td b {
  font-weight: 500; }
.proposal_list_box .pp_list {
  width: 100%; }
.proposal_list_box .pp_list + .prorosal_head {
  margin-top: 10px; }
.proposal_list_box .pp_list td {
  border-top: 1px solid #efefef;
  font-size: 16px;
  line-height: 30px;
  padding: 26px 16px 18px;
  vertical-align: top; }
.proposal_list_box .pp_list td.img {
  padding-left: 22px; }
.proposal_list_box .pp_list td.img img {
  max-width: 172px;
  margin-top: 10px; }
.proposal_list_box .pp_list td.middle {
  vertical-align: middle;
  text-align: right; }
.proposal_list_box .pp_list td .pp_row {
  display: block;
  width: 460px; }
.proposal_list_box .pp_list td .pp_row .pp_row_left {
  display: inline-block;
  width: 140px;
  vertical-align: top; }
.proposal_list_box .pp_list td .pp_row .pp_row_right {
  display: inline-block;
  vertical-align: top;
  width: 315px; }
.proposal_list_box .pp_list td .pp_row .pp_row_right strong {
  font-weight: 500; }
.proposal_list_box .pp_list td .pp_row .pp_row_right.color {
  color: #ff6600; }
.proposal_list_box .pp_list td .pp_row .pp_row_right span {
  padding: 0 10px; }
.proposal_list_box .pp_list td .select_a {
  width: 228px;
  margin: 5px 0; }
.proposal_list_box .pp_list td .select_a.w255 {
  width: 255px; }
.proposal_list_box .pp_list td .button1 {
  display: block;
  width: 82px;
  margin: 6px 0;
  text-align: center; }
.proposal_list_box .page_box {
  padding-bottom: 20px !important; }

.new-proposal h4.b_title {
  padding: 0;
  margin: 0; }

#window_box.windth1040 {
  width: 1040px;
  background-color: #fff;
  padding: 0;
  margin-left: -520px; }
#window_box.windth1040 .scroll_wrap1040 {
  position: relative;
  height: 100%;
  width: 100%;
  zoom: 1;
  overflow-y: hidden;
  overflow-x: auto; }
#window_box.windth1040 .mCSB_dragger_bar {
  height: 16px;
  background-color: #94a7bc;
  margin: 0; }
#window_box.windth1040 .mCSB_draggerRail {
  height: 16px;
  background-color: #f1f4f6;
  margin: 0; }
#window_box.windth1040 .table_1040 {
  width: auto; }
#window_box.windth1040 .table_1040 tr td {
  font-family: 'Helvetica Neue';
  font-size: 14px;
  color: #757575;
  line-height: 20px;
  padding: 15px;
  border: 1px solid #e8eef2; }
#window_box.windth1040 .table_1040 tr td:first-child {
  color: #000;
  border: none;
  text-align: left;
  white-space: nowrap;
  padding: 0 32px; }
#window_box.windth1040 .table_1040 tr td span {
  color: #ff6000 !important; }
#window_box.windth1040 .table_1040 tr:first-child td {
  background-color: #f2f6fa;
  color: #000; }
#window_box.windth1040 .table_1040 tr:first-child td:first-child {
  background-color: #fff; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box {
  position: relative;
  padding: 0; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box line {
  stroke: #dadde1;
  stroke-width: 1; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box .s_left {
  position: absolute;
  left: 2px;
  bottom: 0;
  font-size: 12px;
  color: #000 !important; }
#window_box.windth1040 .table_1040 tr:first-child td.svg_box .s_right {
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 14px;
  color: #000 !important; }
#window_box.windth1040 .table_1040 tr.act td {
  color: #000;
  border-bottom: 1px solid #ff6000;
  position: relative; }
#window_box.windth1040 .table_1040 tr.act td:before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: 102%;
  border-top: 1px solid #ff6000; }
#window_box.windth1040 .table_1040 tr.act td:first-child {
  font-weight: 500;
  border-top: none;
  border-bottom: none;
  border-right: 1px solid #ff6000; }
#window_box.windth1040 .table_1040 tr.act td:first-child:before {
  content: normal; }
#window_box.windth1040 .table_1040 tr.act td:last-child {
  border-right: 1px solid #ff6000; }

.px_head {
  display: table;
  margin-top: -10px; }
.px_head + hr {
  border: none;
  border-bottom: 1px solid #e0e3ee;
  margin: 25px -20px 12px; }
.px_head > * {
  display: table-cell;
  position: relative; }
.px_head .menu_select {
  margin: 0 36px 0 18px;
  display: inline-block;
  min-width: 220px;
  z-index: 2;
  outline: 0;
  vertical-align: middle; }
.px_head .menu_select a {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  opacity: .8; }
.px_head .menu_select a:hover {
  opacity: 1; }
.px_head .menu_select a:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 7px solid #828487;
  margin-left: 8px;
  margin-bottom: 2px; }
.px_head .menu_select ul {
  display: none;
  position: absolute;
  z-index: 2;
  left: 0;
  top: 46px;
  background: #fff;
  max-height: 360px;
  width: auto;
  overflow: auto;
  border-radius: 8px;
  box-shadow: 5px 10px 42px #c1c9d1; }
.px_head .menu_select ul li {
  font-size: 18px;
  line-height: 24px;
  color: #0a2240;
  border-bottom: 1px solid #ecedf2;
  cursor: pointer;
  font-weight: 400;
  padding: 16px 25px;
  opacity: 0.9;
  white-space: nowrap;
  transition: all 0.2s; }
.px_head .menu_select ul li:last-child {
  border-bottom: none; }
.px_head .menu_select ul li.act, .px_head .menu_select ul li:hover {
  background: #eef0f6;
  opacity: 1; }
.px_head form {
  width: 422px;
  padding-right: 60px; }
.px_head form input {
  background: #f7f7f7;
  border-radius: 5px;
  width: 100%;
  padding: 0 40px 0 20px;
  line-height: 38px;
  height: 38px;
  font-size: 16px;
  transition: all .3s;
  border: 1px solid #f7f7f7; }
.px_head form input:hover, .px_head form input:focus {
  background: #fff;
  border: 1px solid #e3e3e3; }
.px_head form button {
  position: absolute;
  right: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: url("../images/icons/search.svg") center center no-repeat;
  background-size: 18px;
  opacity: .8; }
.px_head form button:hover {
  opacity: 1; }

.px_list_box {
  padding: 20px 0; }
.px_list_box li {
  min-height: 206px;
  overflow: hidden;
  border-radius: 7px;
  box-shadow: 12px 5px 30px #f4f5f6;
  margin-bottom: 35px;
  transition: all 0.3s;
  position: relative; }
.px_list_box li:last-child {
  margin-bottom: 0; }
.px_list_box li:hover {
  box-shadow: 5px 10px 32px #d6d9d5; }
.px_list_box li > a {
  float: left;
  width: 226px;
  height: 206px;
  position: relative;
  overflow: hidden; }
.px_list_box li > a img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  transform: translate(-50%, -50%); }
.px_list_box li > div {
  margin-left: 264px;
  margin-right: 42px;
  color: #292929;
  padding: 12px 0 0; }
.px_list_box li > div h4 {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
  padding: 8px 0; }
.px_list_box li > div h4 a {
  color: inherit; }
.px_list_box li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.px_list_box li > div p {
  font-size: 14px;
  line-height: 24px;
  color: #4c4c4c; }
.px_list_box li > div p > span {
  color: #94a6bc; }
.px_list_box li > div p.cont {
  height: 76px;
  overflow: hidden;
  margin-bottom: 10px; }
.px_list_box li > div p.cont + p {
  position: absolute;
  bottom: 9px; }
.px_list_box li > div p a + span {
  margin-left: 10px; }
.px_list_box li > div p a i {
  margin: 0 6px;
  display: inline-block;
  vertical-align: sub;
  height: 31px;
  width: 26px;
  transition: all 0.1s; }
.px_list_box li > div p a.pdf i {
  background: url("../images/proposal/pdf.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.pdf:hover i {
  background: url("../images/proposal/pdf1.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play {
  color: #93a6bc; }
.px_list_box li > div p a.play i {
  width: 32px;
  background: url("../images/proposal/play.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play:hover i {
  background: url("../images/proposal/play1.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.play span {
  display: none; }
.px_list_box li > div p a.word {
  color: #85c859; }
.px_list_box li > div p a.word i {
  background: url("../images/proposal/word.svg") center bottom no-repeat;
  background-size: 100%; }
.px_list_box li > div p a.word:hover i {
  background: url("../images/proposal/word1.svg") center bottom no-repeat;
  background-size: 100%; }

#prompt_message_box1 p a {
  text-decoration: underline; }

.mast {
  color: red;
  font-size: 16px;
  margin: 0 2px;
  vertical-align: middle;
  display: inline-block; }

@-moz-document url-prefix() {
  .user_box .user_right .ur_body .ur_middle .block_box .b_title {
    font-weight: 400; }

  .proposal_box .table_div, .contracts6_box, .contracts6_ol, .proposal_list_box {
    font-weight: 300; }

  .proposal_box .table_div strong, .proposal_list_box strong, .proposal_list_box b {
    font-weight: 400 !important; }

  .proposal_box .div_row .div_row_right .table6 > p .close:after, .proposal_box .contracts6_ol li span.close:after {
    top: 40%; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .user_box .user_right .ur_body .ur_middle .block_box .b_title {
    font-weight: 400; }

  .proposal_box .table_div, .contracts6_box, .contracts6_ol, .proposal_list_box {
    font-weight: 300; }

  .proposal_box .table_div strong, .proposal_list_box strong, .proposal_list_box b {
    font-weight: 400 !important; }

  .proposal_box .div_row .div_row_right .table6 > p .close:after, .proposal_box .contracts6_ol li span.close:after {
    top: 3px; } }
input[type=number] {
  -moz-appearance: textfield; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

input::-ms-clear {
  display: none; }

.lead_Generation_box {
  padding: 20px 0 20px 35px; }
.lead_Generation_box input {
  height: 30px;
  line-height: 30px;
  font-size: 16px;
  padding: 1px 15px;
  border: 1px solid #c2c9cf;
  border-radius: 3px; }
.lead_Generation_box input:hover, .lead_Generation_box input:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.lead_Generation_box > .mh4 {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  color: #000;
  line-height: 33px;
  padding: 8px 0 8px 16px; }
.lead_Generation_box > .mh4:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ec582c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 23px; }
.lead_Generation_box > .mh4 p.radio {
  display: inline-block;
  line-height: 22px;
  padding: 6px 0 6px 20px; }
.lead_Generation_box > .mh4 p.radio span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
  cursor: pointer;
  margin-left: 40px; }
.lead_Generation_box > .mh4 p.radio span i {
  display: inline-block;
  width: 22px;
  height: 22px;
  border: 1px solid #b1b1b1;
  border-radius: 50%;
  vertical-align: bottom;
  margin-right: 12px;
  background: #fff; }
.lead_Generation_box > .mh4 p.radio span.act i {
  position: relative;
  border: 1px solid #ec582c; }
.lead_Generation_box > .mh4 p.radio span.act i:after {
  position: absolute;
  content: '';
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #ec582c;
  left: 4px;
  top: 4px; }
.lead_Generation_box .radio_tab_box .font300 {
  font-weight: 300;
  white-space: nowrap; }
.lead_Generation_box .radio_tab_box > p {
  margin-left: 16px;
  padding: 10px 0 10px; }
.lead_Generation_box .radio_tab_box table {
  margin-left: 8px;
  margin-bottom: 5px; }
.lead_Generation_box .radio_tab_box table td {
  color: #1d1d26;
  font-size: 16px;
  line-height: 36px;
  padding: 5px 8px; }
.lead_Generation_box .radio_tab_box table td input {
  width: 42px; }
.lead_Generation_box .radio_tab_box table td input.biger {
  width: 100px;
  margin-right: 10px;
  vertical-align: middle; }
.lead_Generation_box .radio_tab_box table td .red {
  color: #ec582c;
  padding-left: 10px; }
.lead_Generation_box .radio_tab_box table td .select_a {
  width: 200px; }
.lead_Generation_box .radio_tab_box table td button.add {
  position: relative;
  width: 27px;
  height: 27px;
  background: #f6f9fb;
  border: 1px solid #cacacb;
  vertical-align: middle; }
.lead_Generation_box .radio_tab_box table td button.add:before {
  position: absolute;
  content: "";
  left: 5px;
  top: 12px;
  width: 15px;
  height: 1px;
  background: #767677; }
.lead_Generation_box .radio_tab_box table td button.add:after {
  position: absolute;
  content: "";
  left: 12px;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #767677; }
.lead_Generation_box .radio_tab_box table td b {
  font-weight: 500;
  padding-left: 0 !important; }
.lead_Generation_box .radio_tab_box table td p.input_out {
  display: inline-block;
  vertical-align: middle;
  margin: 2px 0; }
.lead_Generation_box .micon {
  display: inline-block;
  vertical-align: bottom; }
.lead_Generation_box .micon.card {
  width: 32px;
  height: 24px;
  background: url(../images/member/card.png) center center no-repeat;
  margin-right: 10px; }
.lead_Generation_box .credit_card {
  font-size: 24px;
  color: #131517;
  line-height: 26px;
  margin-top: 10px; }
.lead_Generation_box > h4 {
  position: relative;
  font-size: 20px;
  font-weight: 500;
  color: #0a2240;
  line-height: 33px;
  padding: 0 0 8px 16px; }
.lead_Generation_box > h4:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #ec582c;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 14px; }
.lead_Generation_box .card_box {
  font-size: 16px;
  color: #1d1d26; }
.lead_Generation_box .card_box .cb_left {
  display: inline-block;
  width: 382px;
  vertical-align: bottom; }
.lead_Generation_box .card_box .cb_left:first-child {
  width: 450px; }
.lead_Generation_box .card_box .cb_left .cb_title {
  line-height: 24px;
  padding: 8px 0;
  position: relative;
  height: 24px; }
.lead_Generation_box .card_box .cb_left .cb_title .t3 {
  position: absolute;
  left: 272px; }
.lead_Generation_box .card_box .cb_left .cb_cont {
  padding-bottom: 8px;
  min-height: 36px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p, .lead_Generation_box .card_box .cb_left .cb_cont > div {
  float: left; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1 {
  width: 382px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1.select_a {
  width: 380px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w1 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w1 input {
  width: 350px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 {
  width: 182px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2.select_a {
  width: 180px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2 + .w2, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 + .w2 {
  margin-left: 18px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w2 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w2 input {
  width: 150px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 {
  width: 112px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3.select_a, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3.select_a {
  width: 118px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3 + .w3, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 + .w3 {
  margin-left: 16px; }
.lead_Generation_box .card_box .cb_left .cb_cont > p.w3 input, .lead_Generation_box .card_box .cb_left .cb_cont > div.w3 input {
  width: 82px; }
.lead_Generation_box .card_box .cb_left .cb_cont .com_box1 {
  padding: 7px 3px; }
.lead_Generation_box .check_p {
  margin-top: 40px; }
.lead_Generation_box .check_p .radio_box {
  margin: 0; }
.lead_Generation_box .check_p .radio_box a {
  color: #1d1d26;
  text-decoration: underline; }
.lead_Generation_box .check_p .radio_box a.color {
  color: #59a300; }

.more_leads_list {
  padding: 0 30px 12px;
  text-align: left; }
.more_leads_list li {
  background: #f5f5f5;
  padding: 24px 20px 24px 55px;
  border-radius: 7px;
  margin-bottom: 10px; }
.more_leads_list li div {
  color: #8c8c8c; }
.more_leads_list li div b {
  font-size: 20px;
  line-height: 32px;
  font-weight: 500; }
.more_leads_list li div span {
  font-size: 16px;
  font-weight: 300;
  margin-left: 14px; }
.more_leads_list li p {
  padding: 5px 0;
  line-height: 20px;
  font-size: 14px; }
.more_leads_list li.new {
  background: #f2f6fa;
  position: relative; }
.more_leads_list li.new:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ec582c;
  left: 24px;
  top: 33px; }
.more_leads_list li.new div b {
  color: #38b1eb; }

.block_box ul.messageId {
  padding: 0 12px; }
.block_box ul.messageId li {
  padding-top: 40px; }
.block_box ul.messageId li .m_img {
  position: relative;
  border-bottom: 1px solid #f5f5f5; }
.block_box ul.messageId li .m_img .m_reply {
  position: absolute;
  left: -10px;
  top: 0;
  width: 14px;
  height: 18px;
  background: url(../images/message/reply.svg) center center no-repeat;
  background-size: 14px; }
.block_box ul.messageId li .m_img > span {
  width: 96px;
  display: inline-block;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
.block_box ul.messageId li .m_img > span img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.block_box ul.messageId li .m_cont {
  padding-left: 10px;
  width: 764px;
  border-bottom: 1px solid #f5f5f5; }
.block_box ul.messageId li .m_cont > p {
  margin-left: 6px; }
.block_box ul.messageId li .m_select {
  width: 0;
  padding-top: 30px;
  overflow: hidden;
  transition: all .3s; }
.block_box ul.messageId li.m_select_box .m_select {
  width: 40px; }
.block_box ul.messageId li.m_select_box .m_reply {
  display: none; }
.block_box ul.messageId li.m_select_box .m_check_box {
  width: 22px;
  display: block; }
.block_box ul.messageId li > div {
  display: table-cell;
  vertical-align: top;
  padding-bottom: 30px; }
.block_box ul.messageId li > div h4 {
  color: #478be4;
  font-size: 20px;
  margin-left: 6px;
  line-height: 32px;
  font-weight: 500; }
.block_box ul.messageId li > div h4 a {
  color: #478be4; }
.block_box ul.messageId li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box ul.messageId li > div h5 {
  color: #000;
  font-size: 18px;
  font-weight: 500; }
.block_box ul.messageId li > div h5 a {
  color: #000; }
.block_box ul.messageId li > div h5 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box ul.messageId li > div h5.new {
  color: #ec582c; }
.block_box ul.messageId li > div h5.new a {
  color: #ec582c; }
.block_box ul.messageId li > div p {
  color: #0a2240;
  font-size: 14px;
  line-height: 18px; }
.block_box ul.messageId li > div p .f_right {
  padding-right: 16px;
  color: #758697;
  font-size: 16px;
  font-weight: 300; }
.block_box ul.messageId li > div .m_chat {
  background: #f2f6fa;
  padding: 15px;
  border-radius: 6px;
  margin-top: 10px;
  display: block; }
.block_box ul.messageId li > div .m_chat:hover {
  background: #efefef;
  cursor: pointer; }
.block_box ul.messageId li > div .m_chat h5 {
  line-height: 30px;
  margin-bottom: 8px; }
.block_box ul.messageId li > div .m_check_box {
  display: none;
  position: relative;
  border: 1px solid #cdd4dd;
  height: 22px;
  width: 0;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  margin-right: 6px; }
.block_box ul.messageId li > div .m_check_box:before {
  content: "";
  position: absolute;
  transition: all .1s;
  top: -4px;
  left: -1px;
  width: 28px;
  height: 28px;
  background: url(../images/member/diuhao.svg) center center no-repeat;
  background-size: 0; }
.block_box ul.messageId li > div .m_check_box.yes:before {
  background-size: 28px; }
.block_box ul.messageId.auto_index {
  padding: 10px 0 0 10px;
  margin-bottom: 8px; }
.block_box ul.messageId.auto_index li {
  padding-top: 24px; }
.block_box ul.messageId.auto_index li > div {
  border: none;
  padding-bottom: 0; }
.block_box ul.messageId.auto_index li .m_cont {
  padding-left: 28px;
  width: 760px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat {
  margin-top: 0;
  padding: 16px 32px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat p, .block_box ul.messageId.auto_index li .m_cont .m_chat h5 {
  width: 692px; }
.block_box ul.messageId.auto_index li .m_cont .m_chat h5 {
  margin: 5px 0; }
.block_box ul.messageId.auto_index li .m_cont .m_chat p span {
  color: #758697;
  font-size: 16px; }
.block_box.homowner {
  padding: 0 26px; }
.block_box.homowner .page_box a.btn-next {
  font-family: 'FontAwesome';
  font-size: 27px;
  margin: 0 18px;
  line-height: 30px; }
.block_box.homowner .b_title {
  margin: 0 -26px;
  border-bottom: 1px solid #e9e2db;
  padding: 40px 20px 0;
  position: relative;
  font-size: 20px;
  color: #0a2240;
  line-height: 24px;
  font-weight: 500;
  background: #fffdfa;
  height: 54px; }
.block_box.homowner .b_title .tab_ul {
  display: inline-block; }
.block_box.homowner .b_title .tab_ul li {
  padding: 0 16px 26px 16px;
  margin: 0 10px;
  line-height: 24px;
  font-size: 20px;
  color: #1b1b1b;
  display: inline-block;
  opacity: 0.8;
  cursor: pointer; }
.block_box.homowner .b_title .tab_ul li span {
  font-weight: 400;
  background: #ec582c;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  line-height: 18px;
  border-radius: 9px;
  padding: 0 6px;
  margin-left: 5px;
  vertical-align: middle; }
.block_box.homowner .b_title .tab_ul li.act {
  opacity: 1;
  border-bottom: 4px solid #fcab53; }
.block_box.homowner .b_title .edit_box {
  position: absolute;
  top: 38px;
  right: 40px; }
.block_box.homowner .b_title .edit_box a {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #ffa83b;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400;
  vertical-align: middle;
  transition: all .1s; }
.block_box.homowner .b_title .edit_box a:hover {
  opacity: .8; }
.block_box.homowner .b_title .edit_box a.delete {
  background: #ec582c; }
.block_box.homowner .b_title .edit_box a input#all {
  width: 16px;
  height: 16px;
  vertical-align: middle; }
.block_box.homowner .b_title .edit_box a .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.block_box.homowner .b_title .edit_box a.m_tow {
  display: none; }
.block_box.homowner .b_title .edit_box .close {
  display: inline-block;
  height: 26px;
  cursor: pointer;
  font-size: 20px !important;
  vertical-align: middle;
  background: url(../images/user1.2/close.png) center center no-repeat;
  width: 40px; }
.block_box.homowner .b_title .edit_box .close.m_tow {
  display: none; }
.block_box.homowner ul.messageId li > div h4 {
  color: #101010; }
.block_box.homowner ul.messageId li > div h4 a {
  color: #101010; }
.block_box.homowner ul.messageId li > div h4 a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box.homowner ul.messageId li > div .m_chat {
  background: #f8f8f9;
  display: block; }
.block_box.homowner ul.messageId li > div .m_chat:hover {
  background: #efefef;
  cursor: pointer; }
.block_box.homowner ul.messageId li > div p .f_right {
  color: #999; }
.block_box.message_show {
  padding: 0 20px 20px; }
.block_box.message_show .m_message_show > h4 {
  padding: 35px 138px 24px 96px;
  color: #191919;
  margin: 0 16px;
  background: #fffdfa; }
.block_box.message_show .m_message_show .m_message_top_ul {
  margin: 0 -20px;
  border-top: 1px solid #e9e2db;
  border-bottom: 1px solid #e9e2db; }
.block_box.message_show .m_message_show .m_message_top_ul ul {
  background: #f6f6f6; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message {
  background: #f4ede4; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message:after {
  border-left-color: #f4ede4; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p .fa {
  color: #a99f93; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf {
  color: #715b42; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p a.pdf:hover .m_download {
  background: url(../images/message/down1.png) top center no-repeat #67ba2f; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line p i.m_download {
  border-color: #9a8a79;
  background: url(../images/message/down1.png) bottom center no-repeat #ede5da; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line.m_m_left p i.m_download {
  background-color: #efedea; }
.block_box.message_show .m_message_show .m_message_chat .m_m_chat_line form textarea {
  background: #fefbf7; }

.block_box .m_message_show > h4 {
  font-size: 23px;
  position: relative;
  padding-left: 96px;
  padding-right: 138px;
  color: #191919;
  line-height: 32px;
  font-weight: 500;
  margin: 0 16px; }
.block_box .m_message_show > h4 b {
  position: absolute;
  left: 0;
  color: #898483;
  font-weight: 500; }
.block_box .m_message_show > h4 .f_right {
  position: absolute;
  right: 0; }
.block_box .m_message_show .m_message_top_ul {
  margin: 25px -20px 0;
  border-top: 1px solid #e0e3ee;
  border-bottom: 1px solid #e0e3ee; }
.block_box .m_message_show .m_message_top_ul ul {
  padding: 10px 32px;
  background: #f6f6f6;
  margin: 0 3px; }
.block_box .m_message_show .m_message_top_ul li {
  display: table-row; }
.block_box .m_message_show .m_message_top_ul li > span {
  font-weight: 400;
  display: table-cell;
  padding: 0 12px;
  font-size: 14px;
  color: #1d1d1c;
  line-height: 24px;
  min-height: 24px; }
.block_box .m_message_show .m_message_top_ul li > span span {
  color: #898483; }
.block_box .m_message_show .m_message_top_ul li > span a:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box .m_message_show hr {
  border: none;
  height: 0;
  border-bottom: 1px solid; }
.block_box .m_message_show > hr {
  margin: 10px -20px;
  border-bottom-color: #e7e7e7; }
.block_box .m_message_show .m_message_chat {
  padding: 5px 20px 20px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line {
  margin-top: 36px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form {
  margin-top: -20px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form textarea {
  background: #f2f6fa;
  border-radius: 8px;
  height: 66px;
  padding: 18px;
  line-height: 22px;
  font-size: 16px;
  width: 708px;
  border: 1px solid #f2f6fa;
  margin-bottom: 10px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form textarea:hover, .block_box .m_message_show .m_message_chat .m_m_chat_line form textarea:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form p.m_add_button {
  margin: 10px 0; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form p.m_add_button span {
  color: #9f9f9f;
  font-size: 12px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .btn-send {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #7fc855;
  border: 1px solid #82b442;
  border-radius: 21px;
  color: #fff;
  font-size: 20px;
  padding: 0 56px;
  margin-top: 30px;
  box-shadow: 0 10px 24px -10px #5ba100; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .m_icon_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.block_box .m_message_show .m_message_chat .m_m_chat_line form .m_icon_close:hover {
  opacity: .8; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf {
  font-size: 14px;
  color: #4c637b;
  text-decoration: underline;
  line-height: 28px;
  min-height: 28px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf .m_download {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 38px;
  height: 22px;
  border: 1px solid #7f8fa0;
  border-radius: 12px;
  background: url(../images/message/down.png) bottom center no-repeat;
  transition: all .1s; }
.block_box .m_message_show .m_message_chat .m_m_chat_line a.pdf:hover .m_download {
  border: 1px solid #67ba2f;
  background: url(../images/message/down.png) top center no-repeat #67ba2f; }
.block_box .m_message_show .m_message_chat .m_m_chat_line p {
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
.block_box .m_message_show .m_message_chat .m_m_chat_line p .fa {
  display: inline-block;
  color: #8fa1b9;
  width: 35px;
  height: 28px;
  font-size: 24px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_img {
  width: 96px;
  height: 96px;
  border-radius: 50%;
  overflow: hidden;
  position: relative; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message {
  position: relative;
  border-radius: 8px;
  padding: 10px 24px 15px; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h4 {
  color: #010101;
  font-size: 18px;
  line-height: 42px;
  font-weight: 500; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h4 span {
  font-size: 14px;
  font-weight: 400; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message h5 {
  font-size: 12px;
  line-height: 24px;
  font-weight: 500;
  color: #5c5c5c; }
.block_box .m_message_show .m_message_chat .m_m_chat_line .m_m_chat_message hr {
  margin: 10px -10px;
  border-bottom-color: #e5e5e5; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_img {
  float: left; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_message {
  margin-left: 108px;
  background: #f6f6f6; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_left .m_m_chat_message:before {
  content: "";
  position: absolute;
  left: -8px;
  top: 15px;
  height: 0px;
  width: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid #f6f6f6;
  border-bottom: 10px solid transparent; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_img {
  float: right; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message {
  margin-right: 108px;
  background: #eaeff4; }
.block_box .m_message_show .m_message_chat .m_m_chat_line.m_m_right .m_m_chat_message:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 15px;
  height: 0px;
  width: 0px;
  border-top: 10px solid transparent;
  border-left: 10px solid #eaeff4;
  border-bottom: 10px solid transparent; }

.btn {
  display: inline-block;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  color: #fff;
  border-radius: 16px;
  background: #94a7bc;
  padding: 0 26px;
  margin: 0 4px;
  font-weight: 400; }
.btn.homeuser {
  background: #ffa83b; }
.btn.add {
  padding: 0 36px; }
.btn.add .add {
  font-size: 22px;
  padding-right: 3px;
  vertical-align: bottom; }
.btn:hover {
  background: #67ba2f; }
.btn .m_icon_add {
  display: inline-block;
  width: 12px;
  height: 12px;
  position: relative;
  margin-right: 3px; }
.btn .m_icon_add:before {
  position: absolute;
  content: "";
  width: 12px;
  height: 2px;
  background: #fff;
  top: 5px;
  left: 0; }
.btn .m_icon_add:after {
  position: absolute;
  content: "";
  width: 2px;
  height: 12px;
  background: #fff;
  top: 0;
  left: 5px; }
.btn.w30 {
  width: 26px;
  height: 26px;
  padding: 0;
  position: absolute;
  right: -40px;
  top: 8px; }
.btn.w30 .m_icon_add {
  margin-right: 0; }
.btn.del {
  background-color: #ff5412;
  transform: rotate(45deg); }

.table_new_rl.m_message_box p {
  font-size: 16px;
  line-height: 24px;
  color: #000000; }
.table_new_rl.m_message_box p .fa {
  display: inline-block;
  color: #8fa1b9;
  width: 35px;
  height: 28px;
  font-size: 24px;
  margin-left: 10px; }
.table_new_rl.m_message_box p .fa.homeuser {
  color: #b9a794; }
.table_new_rl.m_message_box p.m_add_button {
  margin: 10px 0; }
.table_new_rl.m_message_box p.m_add_button span {
  color: #9f9f9f;
  font-size: 12px; }
.table_new_rl.m_message_box a.pdf {
  font-size: 14px;
  color: #4c637b;
  text-decoration: underline;
  line-height: 28px;
  min-height: 28px; }
.table_new_rl.m_message_box a.pdf:hover {
  color: #87ba45;
  text-decoration: underline; }
.table_new_rl.m_message_box a.pdf .m_download {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  width: 38px;
  height: 22px;
  border: 1px solid #7f8fa0;
  border-radius: 12px;
  background: url(../images/message/down.png) bottom center no-repeat;
  transition: all .1s; }
.table_new_rl.m_message_box a.pdf:hover .m_download {
  border: 1px solid #67ba2f;
  background: url(../images/message/down.png) top center no-repeat #67ba2f; }
.table_new_rl.m_message_box .m_icon_close {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.table_new_rl.m_message_box .m_icon_close:hover {
  opacity: .8; }
.table_new_rl.m_message_box .btn-send {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  background: #7fc855;
  border: 1px solid #82b442;
  border-radius: 21px;
  color: #fff;
  font-size: 20px;
  padding: 0 56px;
  margin-top: 10px;
  transition: all .1s;
  box-shadow: 0 10px 24px -10px #5ba100; }
.table_new_rl.m_message_box .btn-send:hover {
  opacity: .8; }

.gantanhao {
  padding-left: 40px;
  margin-bottom: 16px;
  line-height: 20px;
  font-size: 16px;
  position: relative; }
.gantanhao .gth {
  position: absolute;
  margin-top: -10px;
  top: 50%;
  left: 10px;
  width: 20px;
  height: 20px;
  line-height: 21px;
  border-radius: 50%;
  text-align: center;
  background: #c6cbd1;
  color: #fff;
  font-weight: 600; }

.auto_inline_block {
  float: none !important;
  margin: 166px auto !important; }

.level_box.only_one {
  border-top: 1px solid #e5e5e5;
  background: #fafafa;
  border-bottom: 1px solid #eee; }

.contract_temp_box {
  background: #f5f8f9;
  padding: 24px 0; }
.contract_temp_box .ct_title {
  line-height: 46px;
  display: inline-block;
  border-bottom: 1px solid #e5e5e5; }
.contract_temp_box .ct_title > * {
  vertical-align: middle; }
.contract_temp_box .ct_title span {
  font-size: 20px;
  color: #1d1d26;
  min-width: 300px; }
.contract_temp_box .ct_title input {
  display: none;
  height: 46px;
  line-height: 46px;
  background: none;
  font-size: 18px;
  min-width: 300px; }
.contract_temp_box .ct_title i.edit {
  display: inline-block;
  cursor: pointer;
  background: url(../images/computer/edit.png) center center no-repeat #7fc855;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin: 0 10px;
  transition: all 0.1s; }
.contract_temp_box .ct_title i.edit:hover {
  opacity: .8; }
.contract_temp_box .center .ct_title span {
  font-size: 18px; }
.contract_temp_box .center .ct_title input {
  font-size: 17px; }
.contract_temp_box .ct_box {
  background: #fff;
  border-radius: 3px;
  padding: 20px 68px 40px;
  margin-top: 25px; }
.contract_temp_box .ct_box .ct_title {
  margin: 10px 0;
  max-width: 900px; }
.contract_temp_box .ct_box .ct_title span {
  font-size: 18px;
  color: #1d1d26; }
.contract_temp_box .ct_box .ct_title input {
  font-size: 17px; }
.contract_temp_box .ct_box h4 {
  color: #1d1d26;
  font-size: 18px;
  margin: 26px 0;
  font-weight: 400; }
.contract_temp_box .ct_box .ct_section {
  padding: 5px 20px;
  position: relative;
  margin: 5px 0; }
.contract_temp_box .ct_box .ct_section a.edit {
  display: none;
  position: absolute;
  right: 20px;
  top: 12px;
  font-size: 18px;
  color: #ff4a0b;
  text-decoration: underline; }
.contract_temp_box .ct_box .ct_section:hover {
  background: #fff0e3;
  border-radius: 8px;
  padding-right: 60px; }
.contract_temp_box .ct_box .ct_section:hover a.edit {
  display: block; }
.contract_temp_box .ct_box .ct_section.move {
  border: 1px dashed #000; }
.contract_temp_box .ct_box .ct_section.move:hover {
  background: #fff;
  border-radius: 0;
  padding-right: 0px; }
.contract_temp_box .ct_box .ct_section.move:hover a.edit {
  display: none; }
.contract_temp_box .ct_box .ct_section.read_only a.edit {
  color: #1d1d26;
  text-decoration: none; }
.contract_temp_box .ct_box .ct_section.read_only:hover {
  background: #f1f1f1;
  padding-right: 120px; }
.contract_temp_box .ct_box p {
  color: #1d1d26;
  font-size: 14px;
  line-height: 20px;
  padding: 10px 0; }
.contract_temp_box .ct_box p.submit_p {
  margin: 30px 0; }
.contract_temp_box .ct_box p.submit_p .btn {
  min-width: 150px; }
.contract_temp_box .ct_box table {
  margin: 10px 0; }
.contract_temp_box .ct_box table td {
  font-size: 14px;
  line-height: 20px;
  min-width: 230px; }
.contract_temp_box .ct_box table.auto_table_td td {
  min-width: 10px;
  text-align: center;
  padding: 0 5px; }
.contract_temp_box .ct_box .ct_foot_box {
  padding: 10px 20px;
  color: #1d1d26;
  font-size: 14px;
  line-height: 30px; }
.contract_temp_box .ct_box .ct_foot_box button.add {
  position: relative;
  margin-left: 3px;
  width: 26px;
  height: 26px;
  border: 1px solid #cacacb;
  background-color: #f6f9fb;
  vertical-align: middle;
  margin-right: 10px; }
.contract_temp_box .ct_box .ct_foot_box button.add:before {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 12px;
  top: 6px;
  width: 1px;
  height: 13px; }
.contract_temp_box .ct_box .ct_foot_box button.add:after {
  position: absolute;
  background-color: #404040;
  content: "";
  left: 6px;
  top: 12px;
  width: 13px;
  height: 1px; }
.contract_temp_box .ct_box .ct_foot_box span.underline {
  text-decoration: underline;
  color: #cacacb;
  white-space: pre; }
.contract_temp_box .ct_box .ct_foot_box span + .underline {
  margin-left: 8px; }

.ct_input_p {
  padding: 0 11px; }
.ct_input_p input {
  height: 36px !important;
  line-height: 36px !important;
  font-size: 16px !important;
  color: #1d1d26 !important;
  margin: 0 !important;
  border-color: #ccc !important; }

.ct_editor {
  margin: 16px; }

#editor * {
  box-sizing: border-box !important; }

.ui-state-highlight {
  height: 60px;
  background: #fff0e3;
  opacity: .4;
  border: 1px solid #fff0e3;
  border-radius: 8px; }

.w-e-toolbar {
  display: none !important; }

.w-e-text-container {
  border-top: 1px solid #ccc !important;
  border-radius: 6px;
  padding: 10px 0; }
.w-e-text-container:hover, .w-e-text-container:focus {
  transition: all 0.3s;
  border: 1px solid #77bd28;
  box-shadow: 0 0 6px -2px #77bd28;
  background: #fff; }

.w-e-text {
  overflow-y: auto !important; }

#sortable {
  width: 100%; }
#sortable .ct_section {
  margin: 5px auto;
  cursor: move; }

.fs_16 {
  font-size: 16px; }

.fs_15 {
  font-size: 15px; }

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

.fs_13 {
  font-size: 13px !important; }

.fs_12 {
  font-size: 12px; }

.file_box {
  padding: 20px 10px 10px; }
.file_box a {
  color: #4c637b;
  line-height: 25px;
  display: inline-block;
  color: #4c637b;
  text-decoration: underline; }
.file_box a:hover {
  color: #87ba45;
  text-decoration: underline; }
.file_box a.pdf {
  padding-left: 36px;
  background: url(../images/proposal/pdf.svg) left center no-repeat;
  background-size: 20px; }

.btn_grop {
  color: #fff;
  line-height: 30px;
  display: inline-block;
  background: #7fc855;
  height: 30px;
  border: 1px solid #7fb23d;
  border-radius: 15px;
  padding: 0 50px;
  box-shadow: 0 8px 10px -8px #5ba100;
  margin-left: 10px; }
.btn_grop:hover {
  opacity: .8; }

.bg_text_f2 {
  background: #f2f6fa;
  height: 50px;
  line-height: 20px;
  width: 80%;
  margin-bottom: 20px;
  border-radius: 4px;
  margin-left: 10px;
  border: 0;
  padding: 15px; }

.close01 {
  display: inline-block;
  margin-left: 10px;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  cursor: pointer;
  margin-left: 6px;
  background: url(../images/close-red.png) center center no-repeat; }
.close01:hover {
  opacity: .8; }

.color_93 {
  color: #939393; }

.color_f6 {
  color: #ff6600; }

.color_red {
  color: red; }

.color_44 {
  color: #444448; }

.color_1d {
  color: #1d1d26; }

.color_ff {
  color: #fff; }

.pay_detail_box01 {
  background: #fefbf7;
  padding: 20px 20px 30px; }
.pay_detail_box01 table {
  margin-top: 14px;
  width: 100%; }
.pay_detail_box01 table th {
  background: #f1ad63;
  font-weight: 400;
  height: 20px;
  line-height: 20px; }
.pay_detail_box01 table th[align=right] {
  padding-right: 10px; }
.pay_detail_box01 table td {
  line-height: 30px;
  padding: 10px 0; }
.pay_detail_box01 table td[align=right] {
  padding-right: 10px; }

.hr5 {
  height: 2px;
  border-top: 4px solid #f1ad63;
  border-bottom: 1px solid #f1ad63; }

.pd_ul {
  padding: 30px 0 50px;
  text-align: center; }
.pd_ul li {
  display: inline-block;
  vertical-align: top;
  width: 140px; }
.pd_ul li span {
  display: inline-block;
  width: 36px;
  height: 36px;
  text-align: center;
  line-height: 36px;
  border-radius: 50%;
  background: #6a696f;
  margin-bottom: 6px; }

.btn_red_smail {
  height: 20px;
  display: inline-block;
  padding: 0 16px;
  border-radius: 10px;
  background: #f06000;
  font-weight: 300;
  line-height: 21px;
  cursor: pointer; }

.btn_blue_smail {
  height: 20px;
  display: inline-block;
  padding: 0 14px;
  border-radius: 10px;
  background: #94a7bc;
  font-weight: 300;
  line-height: 21px;
  font-size: 14px;
  cursor: pointer; }
.btn_blue_smail:hover {
  background: #67ba2f; }

.show3line_box {
  padding-bottom: 10px;
  overflow: hidden; }
.show3line_box::-webkit-scrollbar {
  height: 16px; }
.show3line_box > div {
  max-height: 72px;
  transition: all .3s;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  overflow: hidden; }
.show3line_box > div::-webkit-scrollbar {
  width: 6px; }
.show3line_box > div::-webkit-scrollbar-track {
  border-radius: 6px;
  background-color: #e9eff4; }
.show3line_box > div::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #f06000; }
.show3line_box.act > div {
  max-height: 500px;
  overflow: auto; }
.show3line_box.act .btn_red_smail {
  display: none; }

.con_manag_table {
  line-height: 30px;
  font-size: 16px;
  width: 100%; }

#contract_window td {
  min-width: 160px;
  font-size: 17px; }
#contract_window td p.m_add_button {
  margin: 0 0 10px; }

.finance_option_box {
  transition: all .5s;
  padding-top: 18px;
  margin-top: 18px;
  border-top: 1px solid #e4e4e4;
  position: relative; }
.finance_option_box br {
  line-height: 15px; }
.finance_option_box .edit {
  display: none;
  position: absolute;
  text-align: right;
  right: 0;
  top: 20px; }
.finance_option_box .edit button {
  height: 32px;
  padding: 0 10px;
  margin-right: 10px;
  text-align: center;
  width: 80px;
  border-radius: 16px;
  border: 1px solid #c3cad0;
  background-color: #f4f5f7;
  vertical-align: middle; }
.finance_option_box .edit button:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 32px;
  vertical-align: middle;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 9px;
  margin-right: 4px; }
.finance_option_box .edit .move_up:before {
  background-image: url(../user1.2/Proposal/images/up.png); }
.finance_option_box .edit .move_down:before {
  background-image: url(../user1.2/Proposal/images/down.png); }
.finance_option_box .edit .del {
  margin-right: 16px;
  vertical-align: middle;
  cursor: pointer; }
.finance_option_box .edit .del:hover {
  opacity: .8; }
.finance_option_box:hover .edit {
  display: block; }
.finance_option_box:first-child .move_up {
  display: none; }
.finance_option_box:last-child .move_down {
  display: none; }

.proposal_box .pm_box .table_box .div_row_right p input {
  margin: 0; }

.template_list_box {
  margin: 25px -25px 5px 10px; }
.template_list_box li {
  float: left;
  width: 274px;
  height: 282px;
  margin-bottom: 25px;
  margin-right: 25px;
  transition: all .1s;
  font-size: 16px;
  line-height: 20px; }
.template_list_box li.template {
  box-shadow: 0 4px 5px 0px #d5dade; }
.template_list_box li.template:hover {
  box-shadow: 0 16px 22px -2px #a0a7ac; }
.template_list_box li.template:hover p, .template_list_box li.template:hover .default {
  display: block; }
.template_list_box li .tem {
  height: 202px;
  padding: 15px 15px 0; }
.template_list_box li .tem a:hover {
  opacity: 1; }
.template_list_box li .tem i.number {
  position: absolute;
  right: 7px;
  z-index: 2;
  top: 7px;
  font-weight: 500;
  font-size: 20px;
  color: #fff; }
.template_list_box li .tem .default {
  display: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  left: -5px;
  background: #969c9c;
  height: 24px;
  line-height: 24px;
  padding: 0 8px 0 9px;
  color: #fff;
  font-size: 12px; }
.template_list_box li .tem .default span {
  display: inline-block;
  position: relative;
  height: 10px;
  width: 10px;
  border: 1px solid #fff;
  border-radius: 50%;
  vertical-align: text-top;
  margin-right: 4px; }
.template_list_box li .tem .default.act {
  background: #f46d44;
  display: block; }
.template_list_box li .tem .default.act span:before {
  position: absolute;
  content: "";
  background: #fff;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  margin: -2px 0 0 -2px; }
.template_list_box li .tem p {
  display: none;
  padding: 8px 26px;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6); }
.template_list_box li .tem p a {
  color: #fff;
  font-size: 14px;
  line-height: 20px; }
.template_list_box li .f_16 {
  color: #000;
  display: table;
  height: 65px;
  width: 100%; }
.template_list_box li .f_16 div {
  display: table-cell;
  vertical-align: middle;
  padding-left: 15px;
  padding-right: 10px; }
.template_list_box li.tem1 .tem, .template_list_box li.tem2 .tem, .template_list_box li.tem3 .tem, .template_list_box li.tem4 .tem, .template_list_box li.tem5 .tem {
  position: relative; }
.template_list_box li.tem1 .tem:before, .template_list_box li.tem2 .tem:before, .template_list_box li.tem3 .tem:before, .template_list_box li.tem4 .tem:before, .template_list_box li.tem5 .tem:before {
  position: absolute;
  z-index: 1;
  content: "";
  right: 0;
  top: 0;
  width: 0;
  height: 0;
  border-top: 50px solid #68b4e6;
  border-left: 50px solid transparent; }
.template_list_box li.tem1 .tem {
  background: #d2daf3; }
.template_list_box li.tem2 .tem {
  background: #c8e8f0; }
.template_list_box li.tem3 .tem {
  background: #f1d6c4; }
.template_list_box li.tem4 .tem {
  background: #dceeca; }
.template_list_box li.tem5 .tem {
  background: #f1ebc9; }
.template_list_box li .add_box button {
  margin-top: 90px; }

.add_box {
  text-align: center; }
.add_box button {
  margin-bottom: 16px;
  width: 74px;
  height: 74px;
  background: #f6f9fb;
  border: 1px solid #e8e8e8;
  position: relative; }
.add_box button:before, .add_box button:after {
  position: absolute;
  content: "";
  background: #404040; }
.add_box button:before {
  left: 19px;
  top: 36px;
  height: 2px;
  width: 36px; }
.add_box button:after {
  top: 19px;
  left: 36px;
  width: 2px;
  height: 36px; }

.sign_table {
  padding: 20px 10px; }

.sign_td {
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 3px 0 #e8e8e8;
  width: 428px;
  height: 140px;
  padding: 30px 0;
  position: relative; }
.sign_td img {
  max-width: 100%; }
.sign_td .add_box {
  position: absolute;
  padding-top: 50px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5); }
.sign_td .add_box p {
  color: #fff; }
.sign_td p.f_14 {
  position: absolute;
  bottom: 0;
  line-height: 36px;
  font-size: 14px;
  left: 0;
  color: #fff;
  cursor: pointer;
  right: 0;
  background: rgba(0, 0, 0, 0.6); }
.sign_td:hover .hasSign + p.f_14 {
  display: block; }
.sign_td canvas {
  max-width: 282px; }
.sign_td canvas + canvas {
  max-width: 130px; }

.li_p6 {
  padding-left: 17px;
  font-weight: 500;
  font-size: 16px;
  color: #1d1d26;
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  position: relative; }
.li_p6:before {
  position: absolute;
  content: "";
  background: #9aa7b5;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -3px; }

.right680 .dollar input, .right680 .percentage input {
  font-weight: 500; }
.right680 span.block {
  position: absolute;
  padding: 0 18px;
  line-height: 22px;
  font-size: 16px;
  visibility: hidden;
  margin-top: -66px;
  width: 332px; }

.underline {
  text-decoration: underline; }

.color_4c {
  color: #4c637b; }

.color_ff5 {
  color: #ff5900; }

.f_22 {
  font-size: 22px; }

.scale8 {
  transform: scale(0.8); }

.pad_v5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.pad_v8 {
  padding-top: 8px;
  padding-bottom: 8px; }

.pad_bot_20 {
  padding-bottom: 20px; }

.pdf_box.pad_bot_20 {
  padding-bottom: 10px; }

.mar_left_0 {
  margin-left: 0; }

.mar_bot_26 {
  margin-bottom: 26px; }

.f_14 {
  font-size: 14px; }

.f_16 {
  font-size: 16px; }

.color_4c {
  color: #4c637b; }

.uppercase {
  text-transform: uppercase; }

.line_18 {
  line-height: 18px; }

.note_list {
  width: 100%; }
.note_list td {
  vertical-align: top;
  padding-bottom: 15px; }
.note_list td:first-child {
  width: 135px; }
.note_list td .note_state {
  position: relative;
  height: 24px;
  line-height: 26px;
  border-radius: 12px;
  width: 110px;
  padding-left: 8px;
  margin-right: 15px;
  text-align: center; }
.note_list td .note_state:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  left: 7px;
  top: 50%;
  margin-top: -6px; }
.note_list td .note_state.admin {
  background: #eaffe7;
  color: #3bc318; }
.note_list td .note_state.admin:before {
  background: #3bc318; }
.note_list td .note_state.installer {
  background: #fefbf7;
  color: #f06000; }
.note_list td .note_state.installer:before {
  background: #f06000; }
.note_list td .note_state.system {
  background: #f1faff;
  color: #4eb1f9; }
.note_list td .note_state.system:before {
  background: #4eb1f9; }
.note_list td p {
  margin-top: 2px; }
.note_list tr:first-child td {
  padding-top: 8px; }

.red_point {
  position: absolute;
  content: "";
  right: 8px;
  border-radius: 50%;
  top: -2px;
  width: 7px;
  height: 7px;
  background: #ec582c; }

.relative {
  position: relative; }

.pad_bot_0 {
  padding-bottom: 0; }

.pad_v0 {
  padding-top: 0;
  padding-bottom: 0; }

.fw400 {
  font-weight: 400; }

a.hover:hover {
  color: #87ba45;
  text-decoration: underline; }

.ver_middle {
  vertical-align: middle; }

.max_h200 {
  max-height: 200px;
  overflow-y: auto; }
.max_h200::-webkit-scrollbar {
  width: 10px; }
.max_h200::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #eee; }
.max_h200::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #5e99c5; }

.topborder_box + .level_box ul, .level_box ul {
  width: 1200px; }
.topborder_box + .level_box ul.mini, .level_box ul.mini {
  padding-left: 120px; }

@media (min-width: 1380px) {
  .user_box .user_right .ur_body .ur_middle .block_box .detail_box .files_li_box {
    width: auto; } }
@media (min-width: 700px) {
  .user_box > .auto_width {
    width: 100%;
    max-width: 1860px;
    min-width: 1200px;
    display: table; }
  .user_box > .auto_width > .user_right {
    width: auto; } }
@media (min-width: 1000px) {
  .box.notice_box .auto_width {
    width: 100%;
    max-width: 1860px;
    min-width: 1200px; }

  .topborder_box + .level_box ul, .level_box ul {
    display: block;
    padding-left: 299px;
    width: 100%;
    box-sizing: border-box;
    min-width: 1200px;
    max-width: 1860px;
    box-sizing: border-box; }

  .user_box .user_right .ur_body .ur_middle .block_box .row_block.no_padding {
    width: 100%; }
  .user_box .user_right .ur_body .ur_middle .block_box .detail_box, .user_box .user_right .ur_body .ur_middle .block_box ul.messageId li .m_cont {
    width: 100%;
    box-sizing: border-box; }

  .user_box .user_right .ur_body.right_body .ur_middle {
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%; }

  .contract_body {
    width: 100%;
    box-sizing: border-box; }
  .contract_body .a_left, .contract_body .a_left2 {
    width: 40%; }
  .contract_body p.a_row span:last-child {
    width: 60%; }
  .contract_body .a_right p.last_child {
    box-sizing: border-box; }

  .chart_box {
    width: auto; }

  .chart_box div.talbe_statistics table {
    min-width: 100%; } }

/*# sourceMappingURL=user1.2.css.map */