@charset "UTF-8";
.ucenter .uc-menu .menu-group,
.account-list .item,
.account-list .item .acl-btns,
.rp-menu,
.demand-list .item .dm-content > .attrs,
.demand-list .item .img-group,
.subscript-block .sub-targets .container .warp,
.sub-title-block {
  *zoom: 1;
}
.ucenter .uc-menu .menu-group:before,
.account-list .item:before,
.account-list .item .acl-btns:before,
.rp-menu:before,
.demand-list .item .dm-content > .attrs:before,
.demand-list .item .img-group:before,
.subscript-block .sub-targets .container .warp:before,
.sub-title-block:before,
.ucenter .uc-menu .menu-group:after,
.account-list .item:after,
.account-list .item .acl-btns:after,
.rp-menu:after,
.demand-list .item .dm-content > .attrs:after,
.demand-list .item .img-group:after,
.subscript-block .sub-targets .container .warp:after,
.sub-title-block:after {
  content: "";
  display: table;
}
.ucenter .uc-menu .menu-group:after,
.account-list .item:after,
.account-list .item .acl-btns:after,
.rp-menu:after,
.demand-list .item .dm-content > .attrs:after,
.demand-list .item .img-group:after,
.subscript-block .sub-targets .container .warp:after,
.sub-title-block:after {
  clear: both;
}
.ucenter .uc-menu > h2,
.ucenter .uc-menu .menu-group > .item,
.focus-list .item > .title {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.ucenter .uc-m-title .btn.add:before,
.focus-list .item > .time:after,
.account-list .item:before,
.subscript-block .sub-targets .scroll-btn,
.iconfont {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ucenter .uc-m-title .btn.add:before,
.focus-list .item > .time:after,
.account-list .item:before,
.subscript-block .sub-targets .scroll-btn {
  font-family: "iconfont" !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  overflow: auto;
}
body {
  background: #f4f4f4;
}
.inner_app {
  display: none;
}
.inner_app.active {
  display: block;
}
.ucenter {
  position: relative;
  width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  margin-top: 20px;
  /*钱包样式*/
}
.ucenter .uc-menu {
  width: 250px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #fff;
  border: solid 1px #eeeeee;
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
}
.ucenter .uc-menu a {
  display: flex;
  align-items: center;
  width: 100%;
  height: 42px;
  line-height: 42px;
  text-align: left;
  color: #333333;
  font-size: 14px;
  border-bottom: solid 1px #eeeeee;
  padding-left: 30px;
  box-sizing: border-box;
}
.ucenter .uc-menu a.active {
  background-color: #eff5fe;
  color: #4285f4;
}
.ucenter .uc-menu a i {
  margin-right: 7px;
}
.ucenter .uc-menu a .duiere {
  font-size: 20px;
  margin-left: -1.5px;
}
.ucenter .uc-menu a.jrgysde em {
  margin-right: 7px;
  width: 16px;
  height: 16px;
  background: url("/static/img_old/ucenter/jrgys_img.png") no-repeat;
  background-size: 100% 100%;
}
.ucenter .uc-main {
  width: 925px;
  display: inline-block;
  min-height: 100%;
}
.ucenter .module {
  position: relative;
  width: 100%;
  display: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0;
  filter: alpha(opacity=0);
  margin-bottom: 30px;
}
.ucenter .module.active {
  display: block;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ucenter .module .content {
  position: relative;
  width: 100%;
  background: #fff;
  min-height: 600px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: solid 1px #eeeeee;
  padding: 0 0 20px 0;
}
.ucenter .uc-m-title {
  position: relative;
  width: 100%;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0px 30px;
  height: 48px;
  text-align: left;
  color: #000;
  font-size: 16px;
  line-height: 48px;
  -webkit-box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);
  box-shadow: 0 0 20px rgba(102, 102, 102, 0.1);
  display: block;
}
.ucenter .uc-m-title .btn {
  position: absolute;
  height: 36px;
  line-height: 36px;
  color: #fff;
  padding: 0 20px;
  right: 20px;
  top: calc(50% - 18px);
  box-shadow: 0px 5px 10px 0px rgba(0, 127, 255, 0.15);
  background-color: #0d86ff;
  border-radius: 10px;
  display: block;
  font-size: 16px;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
.ucenter .uc-m-title .btn.add {
  line-height: 34px;
  padding-left: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ucenter .uc-m-title .btn.add:before {
  content: "\e79b";
  position: relative;
  top: 1px;
  font-size: 14px;
  left: -5px;
}
.ucenter .uc-m-title .btn:hover {
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
}
.ucenter .uc-m-title ul li {
  text-align: center;
  width: 52px;
  float: left;
  margin-right: 19px;
  height: 45px;
  cursor: pointer;
}
.ucenter .uc-m-title ul.rp-menu li {
  width: auto;
  height: 40px;
}
.ucenter .data-empty {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 300px;
  line-height: 40px;
  font-size: 16px;
  color: #999;
  font-weight: 300;
  text-align: center;
  background: url("/static/img_old/none_info.png") center 70px no-repeat;
}
.ucenter .data-empty > a {
  width: 180px;
  height: 50px;
  line-height: 50px;
  display: block;
  border-radius: 2px;
  background-color: #4285f4;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin: 20px auto 0;
  color: #ffffff;
  font-size: 16px;
}
.ucenter .uc-m-title-blue {
  display: flex;
  justify-content: space-between;
}
.ucenter .uc-m-title-blue .download {
  width: 70px;
  height: 36px;
  line-height: 36px;
  background-color: #0d86ff;
  box-shadow: 0px 5px 10px 0px rgba(0, 127, 255, 0.15);
  border-radius: 10px;
  color: #fffefe;
  text-align: center;
  cursor: pointer;
}
.ucenter .uc-m-title-attention {
  margin: 0 auto;
  box-shadow: none;
  -webkit-box-shadow: none;
  border-bottom: 1px solid #f2f2f2;
  border-radius: unset;
}
.ucenter .uc-m-title-attention ul .act {
  color: #0d86ff;
  border-bottom: 3px solid #0d86ff;
}
.ucenter .myWallet .box {
  margin-bottom: 20px;
}
.ucenter .myWallet .box .uc-m-title-attention {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.ucenter .myWallet .box .uc-m-title-attention li {
  width: auto;
}
.ucenter .myWallet .box .uc-m-title-attention .anniuie {
  padding: 0 15px;
  line-height: 35px;
  background-color: #4285f4;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
}
.ucenter .myWallet .box .tadueiur {
  padding: 0 30px;
}
.ucenter .myWallet .box .tadueiur .dueiorr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  color: #333;
  padding: 20px 0;
}
.ucenter .myWallet .box .tadueiur .dueiorr span em {
  font-style: normal;
  color: #4285f4;
  font-size: 18px;
}
.ucenter .myWallet .box .tadueiur .dueiorr span.anniuie {
  padding: 0 15px;
  line-height: 35px;
  background-color: #4285f4;
  border-radius: 2px;
  color: #fff;
  cursor: pointer;
}
.ucenter .myWallet .box .tadueiur .ayuoer .duioeor {
  display: flex;
  align-items: center;
}
.ucenter .myWallet .box .tadueiur .ayuoer .duioeor span {
  padding: 0 20px;
  line-height: 40px;
  font-size: 14px;
  color: #4285f4;
  text-align: center;
  border-radius: 2px 2px 0 0;
  border: solid 1px #4285f4;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.ucenter .myWallet .box .tadueiur .ayuoer .duioeor span.active {
  color: #fff;
  background: #4285f4;
}
.ucenter .myWallet .box .tadueiur .ayuoer .dieorsse {
  padding: 20px 0;
}
.ucenter .myWallet .box .tadueiur .ayuoer .dioejrsw span {
  cursor: pointer;
  color: #4285f4;
}
.ucenter .myWallet .payment {
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 99999;
  align-items: center;
  justify-content: center;
  display: none;
}
.ucenter .myWallet .payment .wieuio {
  width: 700px;
  height: 580px;
  box-shadow: 0px 0px 9px 1px rgba(124, 124, 124, 0.3);
  border-radius: 2px;
  background: #fff;
}
.ucenter .myWallet .payment .wieuio .baiotuie {
  line-height: 60px;
  color: #fff;
  font-size: 18px;
  background: url("/static/img_old/shop/cyuer.png") no-repeat;
  background-size: 100% 100%;
  position: relative;
}
.ucenter .myWallet .payment .wieuio .baiotuie .gaunbi {
  position: absolute;
  right: 20px;
  top: 0;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .baiotuie .gaunbi i {
  font-size: 24px;
  color: #fff;
}
.ucenter .myWallet .payment .wieuio .tydepad {
  padding: 0 20px;
}
.ucenter .myWallet .payment .wieuio .tydepad .tydeBtyu {
  display: flex;
  align-items: center;
  text-align: left;
  color: #333;
  font-size: 16px;
  font-weight: bold;
  margin: 23px 0 18px 0;
}
.ucenter .myWallet .payment .wieuio .tydepad .tydeBtyu img {
  margin-right: 10px;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe {
  border-bottom: 1px dashed #DEDFE0;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  line-height: 42px;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe li span {
  font-size: 14px;
  color: #333;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe li .zuiuyeir {
  font-size: 14px;
  color: #333;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe li .zuiuyeir.dioer {
  color: #fb3c2a;
}
.ucenter .myWallet .payment .wieuio .tydepad .duieuioe li.ongyu {
  background: #F8F9FA;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir {
  border: 1px solid #eee;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu {
  line-height: 42px;
  display: flex;
  align-items: center;
  text-align: left;
  background: #f8f9fa;
  border-bottom: 1px solid #eee;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 114px;
  font-size: 14px;
  color: #333;
  position: relative;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span i {
  margin-right: 6px;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span.hbqdimg i {
  width: 18px;
  height: 18px;
  background: url("/static/img_old/shop/xqbtbd.png") no-repeat;
  background-size: 100% 100%;
  display: block;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span.wxde i {
  color: #41B035;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span.zfbd i {
  color: #1296DB;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span.active {
  background: #fff;
  height: 44px;
  top: 1px;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .sdzfdyu span.active:before {
  content: '';
  position: absolute;
  left: 0;
  top: -1px;
  width: 100%;
  background: url("/static/img_old/shop/dgxzde.png") no-repeat;
  background-size: auto;
  height: 100%;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu > img {
  margin: 15px 0;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .duiekdr {
  font-size: 14px;
  color: rgba(51, 51, 51, 0.85);
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .duiekdr .syqsd {
  color: #fb3c2a;
  margin: 0 5px;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .duiekdr .qczdrt {
  color: #333;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .duiekdr .qczdrt a {
  color: #4285f4;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr span {
  cursor: pointer;
  margin-right: 7px;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr span i {
  color: #e0e0e0;
  font-size: 18px;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr span.xzder i {
  color: #4285F4;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr .dioopeiu {
  font-size: 14px;
  color: #333;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .qianbaodu .xieyidr .dioopeiu em {
  color: #4285f4;
  font-style: normal;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .tydepad .zfxeuir .zfsuied .tyzfewm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 0;
}
.ucenter .myWallet .payment .wieuio .duieurjd {
  text-align: left;
  padding-top: 20px;
}
.ucenter .myWallet .payment .wieuio .duieurjd .peuirt {
  font-weight: bold;
  font-size: 14px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ucenter .myWallet .payment .wieuio .duieurjd .srkuirt {
  display: flex;
  border-bottom: 1px solid #e8eaed;
  padding-top: 10px;
}
.ucenter .myWallet .payment .wieuio .duieurjd .srkuirt span {
  font-size: 24px;
  color: #333;
  font-weight: bold;
}
.ucenter .myWallet .payment .wieuio .duieurjd .srkuirt input {
  flex: 1;
  display: block;
  width: 100%;
  border: 0;
  outline: none;
  padding-left: 6px;
}
.ucenter .myWallet .payment .wieuio .duieurjd .srkuirt .querend {
  width: 44px;
  height: 20px;
  background-color: #ffffff;
  border-radius: 2px;
  border: solid 1px #4285f4;
  color: #4285f4;
  text-align: center;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .duieurjd .sduied {
  font-size: 14px;
  color: #333;
  padding-top: 10px;
}
.ucenter .myWallet .payment .wieuio .duieurjd .sduied em {
  color: #fb3c2a;
  font-style: normal;
}
.ucenter .myWallet .payment .wieuio .duieurjd .smduie {
  color: #666;
  font-size: 14px;
  padding: 10px 0 15px 0;
}
.ucenter .myWallet .payment .wieuio .duieurjd .smduie p span {
  color: #4285f4;
}
.ucenter .myWallet .payment .wieuio .zfsucces .cdexiisi {
  margin: 40px 0 30px 0;
}
.ucenter .myWallet .payment .wieuio .zfsucces .cdexiisi i {
  font-size: 40px;
  color: #4285F4;
}
.ucenter .myWallet .payment .wieuio .zfsucces .cdexiisi .dueorw span {
  display: block;
  font-size: 16px;
  color: #333;
}
.ucenter .myWallet .payment .wieuio .zfsucces .cdexiisi .dueorw p {
  color: #333;
  font-size: 14px;
}
.ucenter .myWallet .payment .wieuio .zfsucces .cdexiisi .dueorw p em {
  font-size: 22px;
  font-weight: bold;
  font-style: normal;
}
.ucenter .myWallet .payment .wieuio .zfsucces .oeuirt .duieuioe {
  border-bottom: 0;
}
.ucenter .myWallet .payment .wieuio .gmaniuie span {
  width: 120px;
  line-height: 40px;
  background-color: #4285f4;
  border-radius: 2px;
  display: block;
  margin: 20px auto;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .tyuerswe {
  padding: 30px;
}
.ucenter .myWallet .payment .wieuio .tyuerswe input {
  display: block;
  width: 100%;
  box-sizing: border-box;
  height: 45px;
  border: 1px solid #d9d9d9;
  font-size: 14px;
  outline: none;
  margin-bottom: 15px;
  border-radius: 3px;
  padding: 0 8px;
}
.ucenter .myWallet .payment .wieuio .tyuerswe span {
  line-height: 50px;
  background: #73a5f7;
  border-radius: 2px;
  display: block;
  padding: 0 14px;
  color: #fff;
  font-size: 16px;
  cursor: pointer;
}
.ucenter .myWallet .payment .wieuio .tyuerswe span:hover {
  background: #4285f4;
}
.ucenter .myWallet .payment .wieuio .tyuerswe input::-webkit-input-placeholder {
  color: #999;
}
.ucenter .myWallet .payment .wieuio .tyuerswe input::-moz-input-placeholder {
  color: #999;
}
.ucenter .myWallet .payment .wieuio .tyuerswe input::-ms-input-placeholder {
  color: #999;
}
.ucenter .myWallet .payment.cdykdue {
  display: flex;
}
.ucenter .myWallet .payment.cdykdue .wieuio {
  width: 500px;
  height: auto;
  padding-bottom: 15px;
}
.ucenter .myWallet .zuierr .img-box {
  width: 135px;
  height: 135px;
  border: 1px solid #dcdcdc;
  border-bottom: 0;
  overflow: hidden;
}
.ucenter .myWallet .zuierr .img-box span {
  display: block;
  height: 100%;
  background-size: 120% !important;
}
.ucenter .myWallet .zuierr .img-box iframe {
  display: block;
  margin: 3px auto 0 2px;
}
.ucenter .myWallet .zuierr .name {
  height: 28px;
  line-height: 28px;
  border: 1px solid #dcdcdc;
  border-top: 0;
  background-color: #f5f6f7;
}
.ucenter .myWallet .sxzcan {
  display: flex;
  align-items: center;
  text-align: left;
  margin-left: 30px;
}
.ucenter .myWallet .sxzcan i {
  font-size: 40px;
  color: #41B035;
}
.ucenter .myWallet .sxzcan i.zfbdeztt {
  color: #1296DB;
}
.ucenter .myWallet .sxzcan .ioeurd {
  margin-left: 10px;
}
.ucenter .myWallet .sxzcan .ioeurd p {
  font-size: 20px;
  color: #333;
}
.ucenter .myWallet .sxzcan .ioeurd span {
  color: #7a7a7a;
  font-size: 14px;
}
.ucenter .myWallet .sxzcan .ioeurd span em {
  cursor: pointer;
  color: #4285f4;
}
/*.ucenter .uc-menu > img { position: relative; width: 80px; height: 80px; display: block; margin: 20px auto 0; border: 1px solid #dbdbdb; border-radius: 100%; }*/
/*.ucenter .uc-menu .menu-group > .item:before { position: absolute; width: 100%; height: 100%; display: block; left: 0; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; content: ""; background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 125, 49, 0.2)), to(rgba(255, 125, 49, 0.05))); background-image: linear-gradient(to right, rgba(255, 125, 49, 0.2), rgba(255, 125, 49, 0.05)); }*/
.uc-main .subscript .tow-wechat-box {
  position: absolute;
  right: 160px;
  top: 0;
}
.uc-main .subscript .tow-wechat-box img {
  width: 100px;
}
.uc-main .subscript .tow-wechat-box p {
  line-height: 20px;
}
.content-account {
  border-radius: 15px;
}
.focus-list {
  margin: auto;
  min-height: 500px;
}
.focus-list .item {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #eeeeee;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 10px 115px 15px 26px;
}
.focus-list .item:hover {
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
}
.focus-list .item:hover .title {
  color: #4285f4;
}
.focus-list .item > .icons {
  width: 75px;
  height: 75px;
  display: block;
  position: absolute;
  top: 10px;
  left: 5px;
  line-height: 75px;
  color: #fff;
  background: #fff url("/static/img_old/ucenter/index-title-bg.png") center no-repeat;
}
.focus-list .item > .icons > img {
  position: absolute;
  top: calc(50% + 1px);
  left: calc(50% - 2px);
  max-height: 50px;
  max-width: 50px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.focus-list .item > .title {
  line-height: 40px;
  color: #333;
  text-align: left;
  font-size: 16px;
  display: block;
  font-weight: blod;
}
.focus-list .item > .title:hover {
  color: #4285f4;
}
.focus-list .item > .title > em {
  font-style: normal;
  color: #ff925a;
}
.focus-list .item .badge {
  position: relative;
  width: 100%;
  text-align: left;
  margin-top: 5px;
}
.focus-list .item .badge > span {
  display: inline-block;
  height: 24px;
  color: #0d86ff;
  margin-right: 15px;
  border-radius: 5px;
  line-height: 24px;
}
.focus-list .item .badge .blues {
  color: #5691f5;
  background-color: #eef5fc;
  border-radius: 2px;
  padding: 0 6px;
}
.focus-list .item .badge .greens {
  color: #1ca046;
  background: #f0fcf6;
  padding: 0 6px;
}
.focus-list .item .badge .yellow {
  color: #e1483d;
  background-color: #fff5f5;
  border-radius: 2px;
  padding: 0 6px;
}
.focus-list .item .badge .words {
  color: #222222;
  background: #fff;
}
.focus-list .item .badge .words .orgins {
  color: #0d86ff;
}
.focus-list .item .badges {
  position: relative;
  width: 100%;
  text-align: left;
  margin-top: 5px;
  overflow: hidden;
}
.focus-list .item .badges > span {
  display: inline-block;
  padding: 0 15px;
  height: 24px;
  color: #fe7124;
  margin-right: 0px;
  border-radius: 24px;
  background: #f9f3f1;
  line-height: 22px;
  float: left;
  width: 206px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.focus-list .item .badges .blues {
  color: #fff;
  background-color: #0abbe9;
}
.focus-list .item .badges .greens {
  color: #fff;
  background-color: #39c847;
}
.focus-list .item .badges .words {
  color: #222222;
  background: #fff;
}
.focus-list .item .badges .words .orgins {
  color: #ff7d31;
}
.focus-list .item > .time {
  position: absolute;
  line-height: 20px;
  right: 135px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0 0 20px;
  font-size: 12px;
  color: #777;
  top: 60px;
}
.focus-list .item > .time:after {
  color: #aaa;
  font-size: 16px;
  content: "\e61b";
  position: absolute;
  left: 0;
}
.focus-list .item > .focus-btn {
  position: absolute;
  font-size: 14px;
  right: 30px;
  top: 33px;
  border: none;
  background: none;
  outline: none;
  color: #4285f4;
}
.focus-list .add-item span {
  background: transparent !important;
  color: #777777 !important;
  padding: 0 !important;
  margin-right: 50px !important;
}
.focus-list .add-item span .subject {
  color: #0d86ff !important;
}
.account-list {
  position: relative;
  width: 880px;
  margin: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 0;
}
.account-list .item {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 36px 0 36px 0px;
  text-align: left;
  height: 110px;
  font-size: 16px;
}
.account-list .item > span {
  float: left;
  width: 80px;
  color: #333333;
  margin-left: 10px;
}
.account-list .item > .account-icon {
  float: left;
  width: 17px;
  height: 24px;
}
.account-list .item > p {
  color: #777777;
  float: left;
  width: 221px;
  height: 36px;
  background-color: #f7f7f7;
  border-radius: 6px;
  border: solid 1px #e6e6e6;
  line-height: 36px;
  padding-left: 20px;
  box-sizing: border-box;
}
.account-list .item .acl-btns {
  float: right;
}
.account-list .item .acl-btns > button {
  float: left;
  margin-right: 26px;
  height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #0d86ff;
  border-radius: 6px;
  width: 114px;
  cursor: pointer;
  text-align: center;
  font-size: 14px;
  background: none;
  outline: none;
  padding: 0;
  color: #0d86ff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.account-list .item .acl-btns > button:hover {
  background: #0d86ff;
  color: #fff;
}
/*.account-list .item.phone:before { content: "\e60b"; }
.account-list .item.phone:after { background: url("../img/uc-item-bg.png") -8px 0 no-repeat; }
.account-list .item.wechat:before { content: "\e63d"; }
.account-list .item.wechat:after { background: url("../img/uc-item-bg.png") -8px -100px no-repeat; }
.account-list .item.qq:before { content: "\e603"; }
.account-list .item.qq:after { background: url("../img/uc-item-bg.png") -8px -200px no-repeat; }*/
.buy-record {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px 20px;
}
.tab-buy-list {
  height: 48px;
  border-bottom: 1px solid #f2f2f2;
  position: relative;
  background: #fcfcfc;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 0 30px;
}
.tab-buy-list .one {
  height: 100%;
  cursor: pointer;
  position: relative;
}
.tab-buy-list .one:nth-child(2) {
  margin-left: 0;
}
.tab-buy-list .one.active .line-bottom {
  width: 100%;
  height: 3px;
  background-color: #0d86ff;
  margin: 0 auto;
}
.tab-buy-list .one.active p {
  color: #0d86ff;
  line-height: 46px;
}
.tab-buy-list .btn {
  position: absolute;
  right: 30px;
  top: 10px;
  width: 70px;
  height: 30px;
  background-color: #4285f4;
  border-radius: 2px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  color: #ffffff;
}
.tab-buy-list .btn i {
  font-size: 14px;
}
.tab-buy-list > button {
  width: 117px;
  height: 33px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E4EEF6;
  font-size: 14px;
  color: #4285F4;
}
.tab-buy-list > button.disable {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  color: #d9d9d9;
}
.rp-block {
  position: relative;
  display: none;
  padding: 30px 20px;
}
.rp-block.active {
  display: block;
}
.rp-menu {
  position: relative;
  width: 874px;
  height: 40px;
  border-bottom: 1px solid #f2f2f2;
  margin: 0 auto;
  padding-top: 20px;
}
.rp-menu .item {
  float: left;
  cursor: pointer;
  width: 64px;
  position: relative;
  font-weight: bold;
  margin-right: 20px;
  text-align: center;
  color: #333333;
}
.rp-menu .item.active,
.rp-menu .item:hover {
  color: #0d86ff;
}
.rp-menu .item.active:after,
.rp-menu .item:hover:after {
  width: 48px;
  height: 2px;
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 24px);
  top: calc(100% + 18px);
  background: #0d86ff;
}
.uc-tab {
  display: block;
  width: 100%;
  position: relative;
  min-height: 500px;
  border: solid 1px #e4eef6;
}
.uc-tab .ck {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  border-radius: 2px;
  border: 1px solid #E4EEF6;
  color: #fff !important;
  text-align: center;
  line-height: 17px;
  cursor: pointer;
  font-size: 12px !important;
  top: 0 !important;
}
.uc-tab .ck.active {
  background: #4285F4;
}
.uc-tab .ck.disable {
  background-color: #f5f5f5;
  border-color: #d9d9d9;
  color: #f5f5f5 !important;
}
.uc-tab .tr {
  font-size: 14px;
  line-height: 24px;
  padding: 10px 0px;
  color: #333;
  text-align: center;
  border-bottom: 1px solid #eeeeee;
  box-sizing: border-box;
}
.uc-tab .tr:hover {
  color: #4285f4;
}
.uc-tab .th {
  width: 100%;
}
.uc-tab .th > .td {
  line-height: 54px;
  background: #f0f7fc;
  color: #333333;
  font-weight: bold;
  border-bottom: solid 1px #e4eef6;
}
.uc-tab .th > .td i {
  font-size: 26px;
  color: #ff8727;
  position: relative;
  top: 3px;
}
.uc-tab .td {
  vertical-align: middle;
}
.uc-tab .td.td-1 {
  width: 20%;
}
.uc-tab .td.td-2 {
  width: 10%;
}
.uc-tab .td.td-3 {
  width: 20%;
}
.uc-tab .td.td-4 {
  width: 25%;
}
.uc-tab .td.td-5 {
  width: 33.3%;
}
.uc-tab .td.td-6 {
  width: 40%;
}
.uc-tab .td.td-7 {
  width: 50%;
}
.uc-tab .td.td-expo {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 14%;
}
.uc-tab .td.time {
  font-size: 12px;
  color: #333333;
}
.uc-tab .td .rp-link {
  color: #0d86ff;
  cursor: pointer;
}
.uc-tab .td .rp-link:hover {
  text-decoration: underline;
}
.uc-tab .td .rp-del {
  color: #ff5757;
  cursor: pointer;
}
.uc-tab .td .rp-del:hover {
  text-decoration: underline;
}
.uc-tab .td a {
  font-size: 14px;
  color: #4285F4;
}
.uc-tab > .tr,
.uc-tab > .th {
  position: relative;
  width: 100%;
  table-layout: fixed;
  display: table;
}
.uc-tab > .tr > .td,
.uc-tab > .th > .td {
  display: table-cell;
  margin: 0;
}
.demand-list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 28px;
}
.demand-list .item {
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  padding: 20px 0 20px 0;
  overflow: hidden;
}
.demand-list .item.has-img {
  padding: 20px 210px 20px 0px;
  height: 144px;
}
.demand-list .item.has-img > img {
  display: block;
}
.demand-list .item.has-img > .dm-content {
  position: absolute;
  width: 580px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.demand-list .item:after {
  width: 100%;
  position: absolute;
  border-top: 1px dashed #dddde2;
  content: "";
  display: block;
  top: 0px;
  left: 0px;
}
.demand-list .item:nth-child(1):after {
  display: none;
}
.demand-list .item:hover {
  background-color: #fafafa;
}
.demand-list .item > img {
  width: 180px;
  height: 116px;
  display: inline-block;
  display: none;
  position: absolute;
  right: 10px;
  top: calc(50% - 58px);
  -o-object-fit: cover;
  object-fit: cover;
}
.demand-list .item .dm-content {
  position: relative;
  display: block;
  width: 100%;
  text-align: left;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
}
.demand-list .item .dm-content > .title {
  line-height: 30px;
  color: #000;
  text-align: left;
  font-weight: normal;
  font-size: 20px;
  display: -webkit-box;
  display: -moz-box;
  white-space: pre-wrap;
  word-wrap: break-word;
  letter-spacing: 1px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  max-height: 60px;
  overflow: hidden;
}
.demand-list .item .dm-content > .title > .label {
  display: inline-block;
  background: #ff842d;
  margin-right: 10px;
  color: #fff;
  border-radius: 2px;
  padding: 0 4px;
  font-size: 14px;
  height: 22px;
  line-height: 22px;
  position: relative;
  top: -2px;
  vertical-align: bottom;
}
.demand-list .item .dm-content > .title:hover {
  text-decoration: underline;
}
.demand-list .item .dm-content > .attrs {
  height: 20px;
  line-height: 20px;
  margin-top: 18px;
  font-size: 14px;
  text-align: left;
}
.demand-list .item .dm-content > .attrs .label {
  padding: 0 4px;
  display: inline-block;
  vertical-align: middle;
  line-height: 18px;
  color: #ff5300;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffc2c2;
  float: left;
  font-weight: normal;
  margin-right: 10px;
}
.demand-list .item .dm-content > .attrs .user {
  vertical-align: bottom;
  line-height: 20px;
  float: left;
  color: #888;
}
.demand-list .item .dm-content > .attrs .user > span {
  display: inline-block;
  position: relative;
  padding: 0 24px 0 22px;
}
.demand-list .item .dm-content > .attrs .user > span > i {
  position: absolute;
  left: 0;
  color: #bbb;
  font-size: 16px;
  top: 0;
  display: block;
}
.demand-list .item .dm-content > .attrs .user > img {
  float: left;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  margin-right: 5px;
  position: relative;
  top: -3px;
  -o-object-fit: cover;
  object-fit: cover;
}
.demand-list .item .dm-content > .attrs .user > .iconfont {
  font-size: 16px;
  vertical-align: bottom;
  position: relative;
  margin-right: 2px;
  display: inline-block;
}
.demand-list .item .dm-content > .attrs .user > .name {
  font-size: 14px;
  color: #aaa;
}
.demand-list .item .dm-content > .attrs .user > .vot {
  font-size: 14px;
  color: #aaa;
}
.demand-list .item .dm-content > .attrs .user > .time {
  font-size: 14px;
  color: #aaa;
}
.demand-list .item.item-detail {
  cursor: default;
  width: 100%;
  margin: auto;
  border-bottom: 1px dashed #dddde2;
}
.demand-list .item.item-detail:hover {
  background: none;
}
.demand-list .item.item-detail:hover .dm-content > .title {
  text-decoration: none;
}
.demand-list .item.item-detail .dm-content {
  padding: 0;
}
.demand-list .item.item-detail .dm-content .title {
  display: block;
  -webkit-line-clamp: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: auto;
  max-height: none;
  padding-bottom: 20px;
}
.demand-list .item.item-detail .dm-content .title:hover {
  text-decoration: none;
}
.demand-list .item .img-group {
  position: relative;
  display: block;
  margin: 20px auto 0;
}
.demand-list .item .img-group img {
  position: relative;
  width: 180px;
  height: 118px;
  float: left;
  margin-right: 20px;
  -o-object-fit: cover;
  object-fit: cover;
  cursor: -webkit-zoom-in;
  cursor: zoom-in;
  -webkit-box-shadow: 0 0 6px rgba(170, 170, 170, 0.2);
  box-shadow: 0 0 6px rgba(170, 170, 170, 0.2);
}
.modal_invoice {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.modal_invoice .inner_box {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 620px;
  height: auto;
  background: #FFFFFF;
  border-radius: 10px;
}
.modal_invoice .inner_box > .iconfont2 {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #777777;
  cursor: pointer;
}
.modal_invoice .inner_box .title {
  width: 100%;
  height: 55px;
  border-bottom: 1px solid #DDDDDD;
  font-weight: bold;
  font-size: 16px;
  color: #333333;
  line-height: 55px;
  text-align: left;
  box-sizing: border-box;
  padding: 0 30px;
}
.modal_invoice .inner_box .status {
  width: 100%;
  height: 78px;
  background: #FFEAEA;
  box-sizing: border-box;
  padding: 20px 30px;
  display: flex;
}
.modal_invoice .inner_box .status > img {
  height: 100%;
  margin-right: 25px;
}
.modal_invoice .inner_box .status > div {
  height: 100%;
  text-align: left;
}
.modal_invoice .inner_box .status > div .t1 {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  line-height: 14px;
  margin-bottom: 8px;
}
.modal_invoice .inner_box .status > div .t2 {
  font-size: 14px;
  color: #6F6F6F;
  line-height: 14px;
}
.modal_invoice .inner_box .form {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 20px 30px;
  border-bottom: 1px solid #DDDDDD;
}
.modal_invoice .inner_box .form.active {
  border-bottom: none;
}
.modal_invoice .inner_box .form .item {
  width: 100%;
  height: auto;
  display: flex;
  margin-bottom: 10px;
}
.modal_invoice .inner_box .form .item:last-child {
  margin-bottom: 0px;
}
.modal_invoice .inner_box .form .item .label {
  width: 95px;
  height: auto;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  text-align: left;
}
.modal_invoice .inner_box .form .item .label span {
  color: #EB1212;
}
.modal_invoice .inner_box .form .item .inner {
  width: 465px;
  height: auto;
}
.modal_invoice .inner_box .form .item .inner > .list {
  width: 100%;
  height: 102px;
  background: #FFFFFF;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  box-sizing: border-box;
  padding: 10px;
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}
.modal_invoice .inner_box .form .item .inner > .list > div {
  width: 198px;
  height: 36px;
  background: #F5F6F7;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align: center;
  line-height: 36px;
  font-size: 14px;
  color: #000000;
}
.modal_invoice .inner_box .form .item .inner > .price {
  width: 100%;
  height: auto;
  font-weight: bold;
  font-size: 18px;
  color: #EB1212;
  line-height: 24px;
  display: flex;
  align-items: center;
}
.modal_invoice .inner_box .form .item .inner > .price .tips {
  margin-left: 5px;
  position: relative;
  cursor: pointer;
}
.modal_invoice .inner_box .form .item .inner > .price .tips i {
  color: #6F6F6F;
}
.modal_invoice .inner_box .form .item .inner > .price .tips:hover > div {
  display: block;
}
.modal_invoice .inner_box .form .item .inner > .price .tips > div {
  position: absolute;
  top: -10px;
  left: 100%;
  width: 275px;
  height: 88px;
  background: #FFFFFF;
  box-shadow: 0px 0px 11px 1px rgba(137, 137, 137, 0.19);
  border-radius: 2px;
  box-sizing: border-box;
  padding: 15px 20px;
  display: none;
  font-size: 14px;
  color: #535353;
  line-height: 20px;
  fon-width: 400;
  text-align: left;
}
.modal_invoice .inner_box .form .item .inner > .flex {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
}
.modal_invoice .inner_box .form .item .inner > .flex > div {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
  margin-right: 25px;
}
.modal_invoice .inner_box .form .item .inner > .flex > div .radio {
  width: 17px;
  height: 17px;
  background: #FFFFFF;
  border: 1px solid #C6C6C6;
  margin-right: 5px;
  border-radius: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.modal_invoice .inner_box .form .item .inner > .flex > div .radio.active {
  border: 5px solid #0D86FF;
}
.modal_invoice .inner_box .form .item .inner input {
  width: 100%;
  height: 36px;
  background: #F5F6F7;
  border-radius: 4px;
  border: 1px solid #EAEAEA;
  font-size: 14px;
  color: #000000;
  outline: none;
  box-sizing: border-box;
  padding: 0 15px;
}
.modal_invoice .inner_box .form .item .inner input::placeholder {
  color: #B0B0B0;
}
.modal_invoice .inner_box .form .item .inner > .selector {
  width: 100%;
  height: auto;
  position: relative;
}
.modal_invoice .inner_box .form .item .inner > .selector .list {
  position: absolute;
  left: 0;
  top: 105%;
  width: 100%;
  height: auto;
  display: none;
  max-height: 240px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 8px 0px rgba(25, 15, 15, 0.07), 0px 8px 16px 0px rgba(0, 0, 0, 0.03);
  border-radius: 4px;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
}
.modal_invoice .inner_box .form .item .inner > .selector .list > .item {
  display: block;
  width: 100%;
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  padding: 0 10px;
  font-size: 14px;
  color: #020814;
  white-space: nowrap;
  font-weight: normal;
  text-align: left;
}
.modal_invoice .inner_box .form .item .inner > .selector .list > .item.active {
  background: #f6f8fa;
  color: #3572ff;
}
.modal_invoice .inner_box .form .item .inner > .selector .list > .item:hover {
  background: #f6f8fa;
  color: #3572ff;
}
.modal_invoice .inner_box .form .item .inner > .selector.active .list {
  display: block;
}
.modal_invoice .inner_box button {
  width: 110px;
  height: 32px;
  background: #0D86FF;
  border-radius: 2px;
  font-size: 14px;
  color: #FFFFFF;
  margin: 28px auto 25px auto;
  outline: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal_invoice.active .inner_box {
  width: 440px;
}
.modal_invoice.active .inner_box .desc {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  padding: 20px 30px 30px 30px;
  text-align: left;
  font-size: 14px;
  color: #333333;
  line-height: 24px;
}
.modal_invoice.active .inner_box .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 25px;
}
.modal_invoice.active .inner_box .btn button {
  box-sizing: border-box;
  margin: 0;
}
.modal_invoice.active .inner_box .btn button:first-child {
  background: #FFFFFF;
  border: 1px solid #4285F4;
  margin-right: 10px;
  color: #4285F4;
}
.modal_kefu {
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.3);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}
.modal_kefu .inner_box {
  width: 360px;
  height: 400px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: url("/static/img_old/ucenter/bg.png") no-repeat center center;
  background-size: cover;
  text-align: center;
}
.modal_kefu .inner_box > .iconfont2 {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #fff;
  cursor: pointer;
}
.modal_kefu .inner_box .t1 {
  font-size: 24px;
  line-height: 24px;
  color: #FFFFFF;
  margin: 40px 0 15px 0;
}
.modal_kefu .inner_box .t2 {
  font-size: 14px;
  line-height: 14px;
  color: #FFFFFF;
  margin-bottom: 25px;
}
.modal_kefu .inner_box > img {
  width: 230px;
  height: 230px;
  background: #FFFFFF;
  box-shadow: -2px 2px 17px 1px rgba(123, 135, 199, 0.42);
  border-radius: 17px;
  margin-bottom: 15px;
  box-sizing: border-box;
  padding: 10px;
}
.modal_kefu .inner_box .t3 {
  font-size: 14px;
  line-height: 14px;
  color: #6F6F6F;
}
.subscript-block {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-top: 60px;
}
.subscript-block .sub-targets {
  position: absolute;
  width: 100%;
  height: 60px;
  top: 0;
  background: #fcfcfc;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #eeeeee;
  overflow: hidden;
  padding: 0 0 0 20px;
  z-index: 2;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.subscript-block .sub-targets.active {
  height: auto;
  max-height: 180px;
  border: solid 1px #eeeeee;
  background: #fff;
}
.subscript-block .sub-targets.active .scroll-btn {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.subscript-block .sub-targets .container {
  width: calc(100% - 150px);
  height: 100%;
  margin: 0;
  overflow: hidden;
  display: block;
}
.subscript-block .sub-targets .container .warp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
.subscript-block .sub-targets .container .warp .item {
  float: left;
  font-size: 16px;
  line-height: 36px;
  height: 36px;
  cursor: pointer;
  width: auto;
  margin: 12px 15px 12px 15px;
  color: #4b4b4b;
  position: relative;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.subscript-block .sub-targets .container .warp .item.clone {
  display: none;
}
.subscript-block .sub-targets .container .warp .item.active {
  color: #0d86ff;
}
.subscript-block .sub-targets .container .warp .item.active:after {
  width: 100%;
  height: 3px;
  content: "";
  background: #0d86ff;
  display: block;
  position: absolute;
  left: 0;
  bottom: -12px;
}
.subscript-block .sub-targets .scroll-btn {
  position: absolute;
  width: 62px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 62px;
  line-height: 62px;
  right: 98px;
  top: 0;
  color: #777777;
  z-index: 10;
  outline: none;
  border: none;
  cursor: pointer;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.subscript-block .sub-targets .scroll-btn:before {
  content: "\e68d";
  font-size: 28px;
  display: block;
}
.subscript-block .sub-targets .add {
  display: inline-block;
  width: 70px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background-color: #4285f4;
  border-radius: 2px;
  position: absolute;
  top: 16px;
  right: 30px;
  color: #ffffff;
  font-size: 16px;
}
.sub-title-block {
  position: relative;
  width: 100%;
  padding: 12px 130px 20px 30px;
  line-height: 36px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sub-title-block .subs > h6 {
  line-height: 36px;
  color: #666666;
  width: 100%;
  font-weight: normal;
  font-size: 14px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 10px;
  text-align: left;
  float: left;
}
.sub-title-block .subs > h6.m {
  display: inline-block;
  width: auto;
}
.sub-title-block .subs > h6.m > span {
  display: inline-block;
  padding-right: 40px;
}
.sub-title-block .subs > h6 > span {
  color: #333333;
  margin-left: 10px;
}
.sub-title-block .btns {
  position: absolute;
  right: 30px;
  top: calc(50% + 10px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.sub-title-block .btns > button {
  display: inline-block;
  width: 72px;
  height: 36px;
  text-align: center;
  line-height: 32px;
  cursor: pointer;
  font-size: 14px;
  background: #fff;
  color: #666;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-bottom: 20px;
  border: none;
}
.sub-title-block .btns > button.edit {
  color: #4285f4;
}
.sub-title-block .btns > button.del {
  color: #777777;
}
.sub-sheet {
  position: relative;
  width: calc(100% - 60px);
  margin: 30px auto 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 0px;
  border-bottom: 0px solid #f2f2f2;
}
.sub-sheet > button {
  position: absolute;
  right: 2px;
  top: 12px;
  display: block;
  z-index: 10;
  width: 64px;
  height: 32px;
  text-align: center;
  line-height: 28px;
  cursor: pointer;
  font-size: 14px;
  border-radius: 6px;
  outline: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color: #0d86ff;
  border: 0;
  color: #fff;
}
.sub-sheet .uc-tab {
  min-height: auto;
  margin-bottom: 30px;
}
.sub-sheet .uc-tab .th {
  line-height: 48px;
}
.sub-sheet .uc-tab .th .td {
  font-size: 15px;
  font-weight: bold;
  border: none;
}
.sub-sheet .uc-tab .tr {
  padding: 15px 5px;
}
.flag {
  color: #777777;
  font-size: 14px;
}
.red {
  color: #ff6666;
}
.avatar-box {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  margin: 20px auto 0;
  border-radius: 100%;
}
.avatar-box span {
  box-sizing: border-box;
  padding: 0 8px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  background-color: #ffffff;
  border-radius: 13px;
  font-size: 12px;
  border: solid 1px #babbbf;
  display: inline-block;
  color: #babbbf;
  margin-top: -13px;
}
.avatar-box .yellow {
  color: #ffbd00;
  border: solid 1px #ffbd00;
}
.avatar-box .red {
  color: #ff8118;
  border: solid 1px #ff8118;
}
.avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.vip-logo {
  position: absolute;
  top: -20px;
  left: 72px;
}
/*我的供需*/
.nav {
  text-align: left;
  display: flex;
  border-bottom: 1px solid #f2f2f2;
  padding-top: 20px;
  padding-left: 30px;
  height: 60px;
  color: #333333;
  font-size: 16px;
  box-sizing: border-box;
}
.nav .nav-item {
  margin-right: 30px;
  position: relative;
  cursor: pointer;
}
.red-box {
  position: absolute;
  right: -6px;
  top: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #ff6666;
}
/*.nav-actvie{position: relative}*/
.nav-actvie:after {
  position: absolute;
  left: 4px;
  bottom: 0;
  width: 55px;
  height: 2px;
  background: linear-gradient(to right, #ff9524 0%, #ff7d31 100%);
  content: '';
}
/*.process-list{width: 875px;margin: 0 auto;}*/
.process-item {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #e9eff5;
  padding: 10px 20px;
}
.process-item:hover {
  box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.1);
}
.process-item:hover .desc,
.process-item:hover .yellow {
  color: #aaaaaa;
}
.process-item-le {
  display: flex;
}
.process-logo {
  width: 42px;
  height: 36px;
  margin-right: 15px;
  background: url("/static/img_old/ucenter/p_icon.png") no-repeat center;
  background-size: 100% 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.process-logo img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.process-item-info {
  text-align: left;
}
.withAppend {
  color: #333333;
  font-size: 16px;
}
.badge {
  display: flex;
  margin: 6px 0;
}
.badge-span {
  padding: 1px 4px;
  margin-right: 30px;
  border-radius: 5px;
}
.badge-span:nth-child(1) {
  color: #0d86ff;
  background: #f2f7fc;
}
.badge-span:nth-child(2) {
  color: #24b26b;
  background: #edfcf5;
}
.badge-span:nth-child(3) {
  color: #ff6666;
  background: #fff5f5;
}
.desc {
  display: flex;
  color: #777777;
}
.desc div {
  margin-right: 30px;
}
.process-item-rg {
  display: flex;
  flex-direction: column;
}
.date {
  color: #777777;
}
.process-item-num {
  color: #777777;
  font-size: 14px;
  margin-top: 34px;
  text-align: right;
}
/*蓝色版添加样式*/
.none-info {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 110px 0;
  text-align: center;
}
.none-info img {
  width: 250px;
  height: 152px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.none-info .kefu {
  color: #0d86ff;
  cursor: pointer;
  border: none;
  padding: 0;
  display: inline;
  text-decoration: underline;
}
.none-info .search-word {
  color: #ff802b;
}
.none-info .service-code-img {
  width: 126px;
  height: 126px;
}
/*我的关注*/
.box {
  background: #fff;
  border: solid 1px #eeeeee;
}
.account-tit {
  text-align: left;
  color: #0d86ff;
  font-size: 16px;
  border-bottom: 1px solid #f2f2f2;
  padding: 20px 0;
  position: relative;
}
.account-tit:after {
  position: absolute;
  left: 18px;
  bottom: 0;
  content: '';
  width: 30px;
  height: 2px;
  background-color: #0d86ff;
}
.modal > .modal-main .m-top {
  width: 90%;
  margin: 0 auto;
}
.modal > .modal-main .m-top > .close {
  right: 28px;
}
.modal > .modal-main .m-top h4 {
  border-bottom: solid 1px #e8e8e8;
}
.modal.subscript .modal-main .dem-publish .dp-t-1 {
  color: #333333;
  position: relative;
  font-size: 14px;
  min-width: 88px;
  max-width: 88px;
  margin-right: 10px;
}
.modal.subscript .modal-main .dem-publish .dp-t-1.mtl {
  min-width: 100%;
  max-width: 100%;
}
.modal.subscript .modal-main .dem-publish .pro {
  width: 580px;
  margin-right: 0px;
}
.dpb-container .demand-inputs > textarea {
  height: 40px;
  line-height: 20px;
}
.dpb-container .demand-inputs.active {
  border: 1px solid #cccccc;
}
.dpb-container .dp-t-1.m {
  display: block;
}
.dpb-container .dp-t-1 > .dp-switch > span {
  background: #f7f7f7;
  border: 1px solid #e4e4e4;
}
.dpb-container .dp-t-1 > .dp-switch > span:after {
  border: solid 1px #e4e4e4;
}
.dem-publish .line > input:focus,
.dem-publish .line > input.active,
.dem-publish .line > textarea:focus,
.dem-publish .line > textarea.active {
  border: 1px solid #4285f4;
  box-shadow: none;
}
.dem-publish .line .hd-list .warp > li:hover {
  color: #333333;
  background-color: #f0f7fc;
}
.dpb-container .dp-t-1 > .dp-switch input:checked ~ span {
  background: #4285f4;
  border: solid 1px #4285f4;
}
/*账号管理*/
.info-box {
  width: 1200px;
  height: 182px;
  margin: 0 auto;
  background: url("/static/img_old/ucenter/u_info_bac.png") no-repeat left center;
  background-size: 1200px 182px;
  margin-top: 86px;
  box-sizing: border-box;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  padding: 45px 42px 0 76px;
}
.info-box .left img {
  vertical-align: top;
}
.info-box .left .base-info {
  display: inline-block;
  margin-left: 45px;
  text-align: left;
}
.info-box .left .base-info .text {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.info-box .left .base-info .base-bot button {
  background: none;
  border: none;
  outline: none;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  margin-right: 35px;
  padding-left: 0;
}
.info-box .left .base-info .base-bot button i {
  font-size: 14px;
  color: #ffffff;
}
.info-box .right {
  color: #ffffff;
  font-size: 14px;
}
.info-box .right a {
  display: inline-block;
  width: 88px;
  height: 36px;
  background-color: #ffffff;
  border-radius: 2px;
  color: #4285f4;
  text-align: center;
  line-height: 36px;
  border: none;
  outline: none;
  margin-left: 5px;
}
.item-edit-sub {
  display: flex;
  display: -webkit-flex;
  margin-bottom: 20px;
}
.item-edit-sub .time-range .line {
  display: inline-block;
}
.dem-publish .line .hd-list.hd-list-t {
  top: calc(100% - 8px);
}
/*# sourceMappingURL=ucenter.css.map */