.ui-tab {
  position: relative;
  z-index: 100
}

.ui-tab.ui-tab-2 {
  background: #FFF
}

.ui-tab.ui-tab-2 ul {
  display: -webkit-box
}

.ui-tab.ui-tab-2 ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0
}

.ui-tab.ui-tab-2 ul li {
  white-space: nowrap
}

.ui-tab.ui-tab-2 ul li a {
  padding: 0 1rem
}

.ui-tab .slider {
  overflow-x: scroll
}

.ui-tab .slider::-webkit-scrollbar {
  width: 0;
  height: 0
}

.filter-bar {
  background: #fff;
  border-top: 1px solid #e5e5e5;
  position: relative;
  z-index: 100
}

.filter-bar li {
  display: table-cell;
  width: 1%;
  line-height: 2.2rem;
  text-align: center;
  position: relative
}

.filter-bar li:after {
  width: 1px;
  background: #e5e5e5;
  height: .8rem;
  content: "";
  position: absolute;
  top: .6rem;
  right: 0
}

.filter-bar li .icon-arrow {
  width: .3rem;
  height: .45rem;
  background-size: 1.5rem .45rem;
  background-image: url(../images/borrow/icon_updown.png);
  display: inline-block;
  margin-left: .15rem
}

.filter-bar li .icon-filter {
  width: .375rem;
  height: .425rem;
  background-size: 1rem .425rem;
  background-image: url(../images/borrow/icon_filter.png);
  display: inline-block;
  margin-left: .15rem
}

.filter-bar li a {
  display: block
}

.filter-bar li a.active {
  color: #59c079
}

.filter-bar li a.active .icon-filter {
  background-position: -0.625rem 0
}

.filter-bar li a.desc {
  color: #59c079
}

.filter-bar li a.desc .icon-arrow {
  background-position: -0.6rem 0
}

.filter-bar li a.asc {
  color: #59c079
}

.filter-bar li a.asc .icon-arrow {
  background-position: -1.2rem 0
}

.filter-bar li:last-child:after {
  display: none
}

.pg-build {
  padding: 100px 0 0
}

.pg-build .pic {
  width: 6.25rem;
  height: 6.475rem;
  background-size: cover;
  background-image: url(../images/borrow/pic_build.png);
  margin: 0 auto .5rem
}

.pg-build p {
  text-align: center;
  color: #999
}

.borrow-list .tag {
  line-height: .75rem;
  border-radius: .1rem;
  padding: 0 .25rem;
  font-size: .5rem;
  display: inline-block;
  vertical-align: middle;
  margin: -0.1rem 0 0 .25rem
}

.borrow-list .tag.tag-1 {
  border: 1px solid #FE7B86;
  color: #FE7B86
}

.borrow-list .tag.tag-2 {
  border: 1px solid #3CCFCA;
  color: #3CCFCA
}

.borrow-list .tag.tag-3 {
  border: 1px solid #4AC1FB;
  color: #4AC1FB
}

.borrow-list .tag.tag-4 {
  border: 1px solid #1ACC96;
  color: #1ACC96
}

.borrow-list .tag.tag-5 {
  border: 1px solid #FFC366;
  color: #FFC366
}

.borrow-list .empty {
  text-align: center;
  padding: 1rem 0 0
}

.borrow-list .empty i {
  display: inline-block;
  width: 4rem;
  height: 4.75rem;
  background-size: cover;
  background-image: url(../images/user/pic_bb_cry.png)
}

.borrow-list .empty p {
  padding: .5rem 0 0;
  color: #666
}

.borrow-list>ul>li {
  background: #fff;
  margin: 0 0 .5rem;
  position: relative
}

.borrow-list>ul>li.empty-text {
  background: none;
  text-align: center;
  color: #888;
  font-size: .6rem;
  padding: 0 .5rem 0;
  line-height: 1rem
}

.borrow-list>ul>li a {
  display: block
}

.borrow-list>ul>li h3 {
  font-weight: normal;
  font-size: .65rem;
  color: #333;
  padding: .75rem 0 .35rem
}

.borrow-list>ul>li h3 .view {
  float: right;
  font-size: .6rem
}

.borrow-list>ul>li .status-text {
  position: absolute;
  right: .75rem;
  top: .75rem;
  font-size: .6rem
}

.borrow-list>ul>li .icon-status {
  width: 3.65rem;
  height: 3.075rem;
  background-size: cover;
  position: absolute;
  right: 0;
  bottom: 0
}

.borrow-list>ul>li .icon-status.over {
  background-image: url(../images/borrow/icon_over.png)
}

.borrow-list>ul>li .line {
  text-decoration: line-through
}

.borrow-list>ul>li .inner {
  padding: 0 .75rem .75rem
}

.borrow-list>ul>li .items {
  overflow: hidden
}

.borrow-list>ul>li .items .big {
  font-size: 1.2rem
}

.borrow-list>ul>li .items .small {
  font-size: .55rem
}

.borrow-list>ul>li .items .t1 {
  height: 1.6rem;
  vertical-align: bottom;
  font-size: .8rem;
  display: table-cell;
  width: 1%
}

.borrow-list>ul>li .items .t2 {
  margin: .35rem 0 0;
  font-size: .55rem;
  color: #999
}

.borrow-list>ul>li .items li {
  width: 33.33%;
  float: left;
  color: #444
}

.borrow-list>ul>li .items li:nth-child(2) {
  text-align: center
}

.borrow-list>ul>li .items li:nth-child(3) {
  text-align: right
}

.borrow-list>ul>li .fd {
  color: #666;
  font-size: .6rem;
  padding: 0 .75rem;
  overflow: hidden;
  line-height: 1.75rem;
  border-top: 1px solid #efeff4
}

.mutual-list li {
  position: relative
}

.mutual-list .icon {
  position: absolute;
  width: 1.475rem;
  height: 1.425rem;
  background-size: cover;
  top: 0;
  left: 0
}

.mutual-list .icon.icon-repo-1 {
  background-image: url(../images/borrow/icon_repo.png)
}

.mutual-list .icon.icon-repo-2 {
  background-image: url(../images/borrow/icon_repo2.png)
}

.mutual-list .top-text {
  line-height: .85rem;
  padding: .5rem .75rem;
  color: #999;
  font-size: .65rem
}

.mutual-list .ui-btn {
  height: 1.5rem;
  line-height: 1.5rem;
  margin: 1rem 0 0;
  border-radius: .1rem;
  width: auto;
  padding: 0 .5rem;
  font-size: .65rem;
  float: right
}

.mutual-list .fd {
  position: relative
}

.mutual-list .fd.fd-2 {
  background: #FFF7F8
}

.mutual-list .fd .l,
.mutual-list .fd .r {
  position: relative;
  z-index: 2
}

.mutual-list .fd .c {
  width: 100%;
  position: absolute;
  left: 0;
  top: .5rem;
  text-align: center;
  z-index: 1
}

.mutual-list .fd .option-cancel {
  color: #13A9EE;
  margin: .5rem 0 0
}

.mutual-list .fd .option-cancel.disabled {
  color: #999
}

.mutual-list>ul>li .fd {
  padding: .5rem .75rem;
  line-height: 1rem
}

.mutual-list>ul>li .fd div {
  text-align: center
}

.item-tit {
  background: #fff;
  line-height: 2.2rem;
  padding: 0 .75rem;
  color: #333;
  font-size: .8rem;
  border-bottom: 1px solid #efeff4;
  overflow: hidden
}

.item-tit .r {
  font-size: .6rem
}

.item-tit2 {
  line-height: 1.55rem;
  padding: 0 .75rem;
  color: #aaa;
  font-size: .6rem;
  overflow: hidden
}

.item-tit3 {
  line-height: 2.2rem;
  padding: 0 .75rem;
  overflow: hidden;
  text-align: right;
  background: #fff
}

.data-list {
  padding: .75rem;
  overflow: hidden;
  background: #fff
}

.data-list li {
  line-height: 1.65rem;
  overflow: hidden
}

.data-list li .l {
  color: #666
}

.repay-list {
  background: #fff
}

.repay-list dt {
  line-height: 2.5rem;
  font-size: .65rem;
  padding: 0 .75rem;
  overflow: hidden
}

.repay-list li .inner {
  overflow: hidden;
  padding: .5rem 0;
  margin-left: .75rem;
  padding-right: .75rem;
  border-top: 1px solid #e5e5e5;
  font-size: .65rem;
  color: #aaa
}

.repay-list li .inner .r {
  text-align: right
}

.repay-list li .inner .r .amount {
  font-size: .8rem;
  padding: .4rem 0 0
}

.repay-list li .inner p {
  padding: 0 0 .35rem;
  color: #666
}

.repay-list li .inner .small {
  font-size: .6rem
}

.repay-list li:first-child .inner {
  border: none
}

.repay-list li.empty {
  text-align: center;
  color: #888;
  padding: 0 0 .5rem;
  font-size: .6rem
}

.borrow-detail {
  padding: 0 .75rem;
  background: #fff
}

.borrow-detail dt {
  font-size: .8rem;
  padding: .75rem 0 .25rem;
  color: #333
}

.borrow-detail .des {
  color: #999;
  line-height: 1rem
}

.borrow-detail .des p {
  padding: .25rem 0
}

.borrow-detail .info dd {
  overflow: hidden;
  padding: .5rem 0 .25rem
}

.borrow-detail .info li {
  float: left;
  width: 33.33%;
  padding: 0 0 .5rem;
  color: #59c079;
  line-height: 1rem
}

.borrow-detail .info li i {
  width: .925rem;
  height: .925rem;
  background-size: cover;
  background-image: url(../images/borrow/icon_right.png);
  display: inline-block;
  vertical-align: middle;
  margin: -0.5rem 0 0 .25rem
}

.payback-detail .tit {
  padding: 0 .75rem;
  line-height: 2.2rem;
  overflow: hidden;
  background: #fff
}

.payback-detail dl {
  clear: both
}

.payback-detail dt {
  line-height: 1.55rem;
  padding: 0 .75rem;
  color: #aaa;
  font-size: .6rem;
  overflow: hidden
}

.payback-detail dd {
  background: #fff
}

.payback-detail dd>ul>li {
  padding: .75rem;
  border-bottom: 1px solid #efeff4;
  overflow: hidden
}

.payback-detail dd>ul>li:last-child {
  border: none
}

.payback-detail dd>ul>li li {
  font-size: .65rem;
  float: left;
  width: 33.33%;
  color: #aaa
}

.payback-detail dd>ul>li li p {
  padding: 0 0 .45rem
}

.payback-detail dd>ul>li li:nth-child(2) {
  text-align: center
}

.payback-detail dd>ul>li li:last-child {
  text-align: right
}

.payback-list h3 {
  padding: 0 !important
}

.payback-list .inner {
  border: none !important;
  position: relative
}

.payback-list .icon-delay {
  width: 3.5rem;
  height: 2.75rem;
  background-size: cover;
  background-image: url(../images/borrow/icon_delay.png);
  position: absolute;
  top: -0.35rem;
  right: 0
}

.ex-plan {
  text-align: center;
  color: #999;
  font-size: .6rem;
  padding: .5rem 0 .5rem
}

.transfer-list .item {
  margin: 0 0 .5rem;
  background: #fff
}

.transfer-list .item li {
  height: 2.2rem;
  line-height: 2.2rem;
  overflow: hidden;
  padding: 0 .75rem;
  color: #666;
  border-bottom: 1px solid #efeff4
}

.transfer-list .item li .l span {
  padding: 0 .5rem 0 0
}

.transfer-list .item li:last-child {
  border-bottom: none
}

.transfer-list .item.item-scroll {
  max-height: 11rem;
  overflow-y: scroll
}

.transfer-list .explan {
  font-size: .6rem;
  padding: .25rem .75rem 0;
  line-height: .8rem;
  color: #888
}

.transfer-list .option {
  text-align: center;
  color: #999;
  padding: .5rem 0;
  font-size: .6rem
}

.transfer-btns-block {
  height: 2.7rem
}

.transfer-btns {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%
}

.transfer-btns .inner {
  width: 18.75rem;
  margin: 0 auto
}

.transfer-btns .inner .ui-btn {
  border-radius: 0
}

.explan-slide-block {
  height: 1rem
}

.explan-slide {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%
}

.explan-slide .inner {
  width: 18.75rem;
  height: 1rem;
  text-align: center;
  color: #999;
  margin: 0 auto;
  font-size: .6rem
}

.explan-slide .inner i {
  width: .775rem;
  height: .775rem;
  background-size: cover;
  background-image: url(../images/borrow/icon_up.png);
  display: inline-block;
  vertical-align: middle;
  margin: 0 .25rem 0 0
}

.popup-filter {
  border-top: 1px solid #efeff4;
  position: absolute;
  top: 2.2rem;
  left: 0;
  width: 100%;
  z-index: 100;
  background: #fff;
  height: 0;
  overflow: hidden;
  transition: height .3s ease-in-out
}

.popup-filter .inner {
  padding: 0 .75rem .4rem;
  overflow: hidden
}

.popup-filter h3 {
  font-weight: normal;
  line-height: 1.8rem
}

.popup-filter .btns {
  background: #f3f3f3;
  padding: .5rem .75rem;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.popup-filter .btns .ui-btn {
  width: 8.25rem;
  height: 1.7rem;
  line-height: 1.7rem;
  padding: 0;
  font-size: .7rem
}

.popup-filter .btns .btn-reset {
  border: 1px solid #fe7b86;
  color: #fe7b86;
  float: left
}

.popup-filter .btns .btn-submit {
  float: right
}

.popup-filter li {
  width: 5.4rem;
  text-align: center;
  line-height: 1.4rem;
  float: left;
  margin: 0 .5rem .5rem 0;
  border: 1px solid #ccc;
  border-radius: .25rem;
  cursor: pointer
}

.popup-filter li:nth-child(3n) {
  margin-right: 0
}

.popup-filter li.active {
  border-color: #fe7b86;
  color: #fe7b86
}

.popup-filter.show {
  height: 2.5rem
}

.trans-detail-head {
  background: #59c079;
  padding: 1.5rem 0 1.75rem;
  color: #fff;
  text-align: center;
  position: relative
}

.trans-detail-head .data {
  padding: 0 0 .35rem
}

.trans-detail-head .data .big {
  font-size: 1.8rem
}

.trans-detail-head .repo-status {
  top: 0;
  right: 0;
  width: 2.85rem;
  height: 2.475rem;
  position: absolute;
  background-size: cover
}

.trans-detail-head .repo-status.status-1 {
  background-image: url(../images/borrow/icon_repo_1.png)
}

.trans-detail-head .repo-status.status-2 {
  background-image: url(../images/borrow/icon_repo_2.png)
}

.trans-detail-head .repo-status.status-3 {
  background-image: url(../images/borrow/icon_repo_3.png)
}

.trans-detail-datas {
  overflow: hidden
}

.trans-detail-datas li {
  width: 50%;
  float: left;
  font-size: .5rem;
  color: #aeaeae;
  padding: .5rem 0;
  text-align: center;
  border-right: 1px solid #ffc8cf;
  border-bottom: 1px solid #ffc8cf;
  background: #fff7f8
}

.trans-detail-datas li:nth-child(2n) {
  border-right: none
}

.trans-detail-datas li:last-child {
  border-right: none
}

.trans-detail-datas li:nth-child(3) {
  border-bottom: none
}

.trans-detail-datas li:nth-child(4) {
  border-bottom: none
}

.trans-detail-datas li p {
  padding: 0 0 .25rem;
  color: #666;
  font-size: .7rem
}

.trans-detail-datas li.big {
  height: 5rem;
  border-bottom: none
}

.trans-detail-datas li.big p {
  padding: .9rem 0 .25rem;
  font-size: 1.5rem
}

.mutual-detail-datas li {
  height: 2.5rem
}

.trans-status {
  padding: 3rem 0 2rem;
  text-align: center
}

.trans-status .icon {
  width: 5rem;
  height: 5rem;
  background-size: cover;
  margin: 0 auto
}

.trans-status h3 {
  padding: 1rem 0 .35rem;
  font-size: .9rem;
  font-weight: normal
}

.trans-status p {
  color: #666;
  font-size: .6rem
}

.trans-status.success .icon {
  background-image: url(../images/borrow/icon_status_right.png)
}

.trans-status.success h3 {
  color: #3ccfca
}

.trans-status.fail .icon {
  background-image: url(../images/borrow/icon_status_error.png)
}

.trans-status.fail h3 {
  color: #f6323c
}

.trans-status.change .icon {
  width: 4rem;
  height: 4.75rem;
  background-image: url(../images/user/pic_bb_cry.png)
}

.trans-status.change h3 {
  font-size: .8rem;
  color: #666
}

.trans-status.change p {
  padding: .5rem 0 0
}

.trans-btns {
  padding: 0 3.75rem 0
}

.layer-cancel-text,
.layer-tip-text {
  text-align: center
}

.layer-cancel-text .icon-right,
.layer-tip-text .icon-right {
  width: 2rem;
  height: 2rem;
  background-size: cover;
  background-image: url(../images/borrow/icon_status_right.png);
  display: inline-block
}

.g-text {
  padding: .5rem .75rem;
  line-height: 1.35rem;
  background: #FFF
}

.g-text .indent {
  text-indent: 1.4rem
}

.ex-text {
  color: #888;
  line-height: 150%;
  padding: 0 .5rem
}

.g-btns .l-text {
  padding: .75rem .75rem 0;
  font-size: .6rem;
  line-height: 150%;
  color: #888
}

.g-btns .l-text input {
  float: left;
  margin: .05rem 0 0
}

.g-btns .l-text p {
  margin-left: 1rem
}