/* Empty. Add your own CSS if you like */
/*.col-30{*/
/*border: 1px solid #ddd;*/
/*height: 120px;*/
/*display: flex;*/
/*justify-content: center;align-items: center;*/
/*}*/
.col-25 img{
  height:60px;
  width:60px;
}
.col-25 ul li img{
  height:60px;
  width:60px;
  margin-top:12px;
}
.col-25 ul li p{
  text-align: center;
}
.line{
  display: inline-block;
  width: 60px;
  border-top: 1px solid #ccc;
}
.png-venus-jinrong {
  background-image: url(../img/jinrong.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 1px;
}

.png-venus-jinrong-outline {
  background-image: url(../img/jinrong-outline.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
}

.png-venus-loan{
  background-image: url(../img/tabs/loan.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 1px;
}

.png-venus-loan-outline {
  background-image: url(../img/tabs/loan-outline.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
}

.png-hnnx-myInfo {
  background-image: url(../img/tabs/myInfo.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
  margin-top: 1px;
}

.png-hnnx-myInfo-outline {
  background-image: url(../img/tabs/myInfo-outline.png);
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
}

ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.tab-item-active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.active, ion-tabs.tabs-striped.tabs-color-active-assertive .tab-item.activated{
  border-color:#ffffff;
}

.tabs-striped .tabs {
  border-top:1px solid #ddd !important;
}

.col-33 {
  margin-left:-1px;
  margin-bottom: -1px;
}

.col-25 {
  margin-left:-1px;
  margin-bottom: -1px;
}

.circle {
  width:70px;
  height: 70px;
  position: absolute;
  border-radius: 50%;
  background: red;
  border: 1px solid #ffffff;
}
.pie_left, .pie_right {
  width:70px;
  height:70px;
  position: absolute;
  left: 0px;
  top:0px;
}
.left, .right {
  display:block;
  width:70px;
  height:70px;
  background: #d1d2d3;
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: -1px;
  border: 1px solid #fff;
  /*transform: rotate(30deg);*/
}
.pie_right, .right {
  clip: rect(0,auto,auto,35px);
  /*top,right,bottom,left*/
}
.pie_left, .left {
  clip: rect(0,36px,auto,0);
}
.mask {
  width:60px;
  height:60px;
  border-radius: 50%;
  border: 1px solid #fff;
  left:4px;
  top:4px;
  background: #fff;
  position: absolute;
  text-align: center;
  line-height: 60px;
  font-size:16px;
}
/*抽奖转盘*/
.prizeBox {
  width: 22rem;
  height: 22rem;
  /*position: relative;*/
  margin: 0 auto;
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.prizeBox .outer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.prizeBox .outer img { width: 100%; }
.prizeBox .inner {
  position: relative;
  width: 116px;
  height: 130px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  background-image: url(../img/prize/arrow_new.png);
  background-size: auto 8rem;
  background-repeat: no-repeat;
}
.prizeBox .inner.start:active {
  -webkit-transform: translate(-50%, -50%) scale(.95);
  -moz-transform: translate(-50%, -50%) scale(.95);
  -ms-transform: translate(-50%, -50%) scale(.95);
  -o-transform: translate(-50%, -50%) scale(.95);
  transform: translate(-50%, -50%) scale(.95);
}

/*邀请有礼抽奖转盘*/
.medicalPrizeBox {
  width: 22rem;
  height: 22rem;
  /*position: relative;*/
  margin: 0 auto;
  position: absolute;
  top: 150%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
}
.medicalPrizeBox .outer {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
}
.medicalPrizeBox .outer img { width: 100%; }
.medicalPrizeBox .inner {
  position: relative;
  width: 116px;
  height: 140px;
  left: 56.2%;
  top: 48%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  background-image: url(../img/medicalPrize/inner.png);
  background-size: auto 7rem;
  background-repeat: no-repeat;
}
.medicalPrizeBox .inner.start:active {
  -webkit-transform: translate(-50%, -50%) scale(.95);
  -moz-transform: translate(-50%, -50%) scale(.95);
  -ms-transform: translate(-50%, -50%) scale(.95);
  -o-transform: translate(-50%, -50%) scale(.95);
  transform: translate(-50%, -50%) scale(.95);
}

.venus-invest-detail-title{
  background:#e01a38;
  color:#ffffff;
  font-size:14px;
}

.venus-invest-detail-title .product-name{
  padding-left: 16px;
  padding-right: 16px;
  padding-top: 10px;
}

.venus-invest-detail-title .product-incomeRate{
  margin-top: 20px;
  margin-bottom: 32px;
  text-align: center;
}

.venus-invest-detail-title .product-incomeRate p{
  font-size: 40px;
}
.venus-invest-detail-title .product-incomeRate span{
  font-size: 22px;
}

.venus-invest-detail-progress {
  background: #ffffff;
  padding: 16px;
  margin-bottom: 10px;
}

.venus-invest-detail-progress .left-text{
  font-size:12px;
  color:#b3b3b3;
}

.venus-invest-detail-progress .right-text{
  float: right;
  font-size:12px;
  color:#b3b3b3;
  white-space: nowrap;
}

.venus-invest-detail-progress .amount-text{
  color:#444444;
}

.venus-invest-detail-progress .total-bar{
  width: 100%;
  height: 3px;
  border-radius:8px;
  background:#cccccc;
  margin-top: 8px;
}
.venus-invest-detail-progress .total-bar div{
  background: #e01a38;
  height: 3px;
  border-radius: 8px;
}
.venus-invest-detail-item{
  padding: 16px;
  background: #ffffff;
}
.venus-invest-detail-item .sub-item-key{
  color:#818181;
}
.venus-invest-detail-item .sub-item-value-right{
  float:right;
  color :#333333;
}
.venus-invest-detail-item .sub-item-value-left{
  float:left;
  color :#333333;
}
.venus-invest-tiptext{
  padding: 0 26px;
  font-size: 12px;
  color:#999999;
  margin-left:-95px;
}

/*积分明细查询*/
.venus-dateset .venus-dateset-item {
  padding: 6px 6px 3px 3px;
  font-size: 12px;
  color: #818181;
  background-color: #f5f5f7;
  border-radius: 3px;
  width: 0.19rem;
  border: 1px solid #d8d7df;
  margin-right: 10px;
  text-align: center;
}
.venus-dateset .venus-dateset-item.venus-dateset-item-active {
  background-color: #ffffff;
  border: 1px solid #52A1F3;
  font-size:12px;
  color:#52A1F3;
  background-image:url(../img/other/choose_1.png);
  background-repeat: no-repeat;
  -webkit-background-size: 12px;
  background-size: 12px;
  background-position: right bottom;
}
/*智能存款*/
.col-331 {
  /*margin-right: 5px;*/
  margin-bottom: -1px;
}
.deposit_select_tab{
  border-bottom: solid 2px #007aff;
}
.deposit_tab{
  border-bottom:solid 2px #f8f8f8
}
/*.deposit_ckimg{*/
/*width: 360px;*/
/*left: -360px;*/
/*transition-duration: 0ms;*/
/*transform: translate(325px, 0px) translateZ(0px);*/
/*}*/
/*.deposit_dkimg{*/
/*width: 360px;*/
/*left: -360px;*/
/*transition-duration: 0ms;*/
/*transform: translate(-325px, 0px) translateZ(0px);*/
/*}*/
.button-block.button-long {
  border-color: transparent;
  border-radius: 5px;
  background-color: #e01a38;
  font-size: 17px;
  color: #ffffff;
  width: 85.33333%;
  margin: 9.33333% 7.33333% 4% 7.33333%;
  display: block;
  /*clear: both;*/
  /*padding: 0 12px;*/
  /*min-width: 52px;*/
  /*min-height: 47px;*/
  /*border-width: 1px;*/
  /*border-style: solid;*/
  /*vertical-align: top;*/
  /*text-align: center;*/
  /*text-overflow: ellipsis;*/
  /*line-height: 42px;*/
  /*cursor: pointer;*/
  /*font-family: "-apple-system", "Helvetica Neue", "Roboto", "Segoe UI", sans-serif;*/
  /*font-weight: normal;*/
  /*-webkit-appearance: button;*/
  /*text-transform: none;*/
  /*outline-offset: 0;*/
  /*outline-style: none;*/
  /*outline-width: 0;*/
  /*background-image: none;*/
  /*outline: 0;*/
  /*box-sizing: border-box;*/
  /*letter-spacing: normal;*/
  /*word-spacing: normal;*/
  /*text-rendering: auto;*/
  /*text-indent: 0px;*/
  /*text-shadow: none;*/
  /*-webkit-writing-mode: horizontal-tb;*/
}
/*我的持仓*/
.pcc-tabs {
  background-color: #fff;
  border-bottom: 1px solid #d9d9d9;
  height: 45px;
  padding-top: 8px;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 0;
}

.venus-tabs-button {
  text-align: center;
  color: #666;
  font-size: 16px;
  padding: 5px 0;
}
.venus-invest-list .invest-item {
  padding-left: 170px;
  border-top-width: 0;
  background: inherit;
  padding-top: 8px;
}

.venus-invest-list .invest-item .tips {
  padding-top: 10px;
  font-size: 12px;
  color: #b3b3b3;
}

.venus-invest-list .my-invest-item {
  background: #fff;
}

.venus-invest-list .my-invest-item .invest-item-title{
  padding-left: 16px;
  padding-top: 10px;
  padding-right: 16px;
  margin: 0;
  background: inherit;
  color:#666666;
}

.venus-invest-list .my-invest-item .item-note {
  position: absolute;
  float: none;
  right: 15px;
  font-size: 17px;
  color:#999;
  top: 30%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}

.venus-invest-list .my-invest-item .invest-item-divider {
  height: 10px;
  background: #f5f5f7;
}

.venus-invest-list .my-invest-item.activated {
  background: #D9D9D9;
  border-color: #CCCCCC;
}

.venus-invest-list .invest-yield {
  position: absolute;
  width: 150px;
  left: 0;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  padding: 5px 0 2px;
  text-align: center;
}

.venus-invest-list .invest-yield:after {
  content: " ";
  position: absolute;
  box-sizing: content-box;
  right: 0;
  top: 0;
  width: 1px;
  height: 100%;
  border-right: 1px solid #e9e9e9;
  transform-origin: 100% 0;
  transform: scaleX(0.5);
  z-index: 10;
}

.venus-invest-list .detail-item {
  padding-left: 8px; }
.venus-invest-list .detail-item .tips {
  font-size: 12px;
  color: #bcbcbc; }
.venus-invest-list .detail-item h3 {
  font-size: 14px;
  color: #4a4a4a;
  font-weight: 400;
  line-height: 20px; }
.venus-invest-list .detail-item .ui-tag {
  margin-right: 5px; }
.venus-invest-list .detail-item .item-note {
  position: absolute;
  float: none;
  right: 15px;
  top: 50%;
  transform: translate3d(0, -50%, 0); }
.venus-invest-list .detail-item.activated .finance-yield:after {
  border-color: #D9D9D9; }

.venus-ui-yield {
  color: #e01a38;
  font-size: 28px;
  font-weight: 400;
}

.venus-ui-yield-sub {
  font-size: 15px;
}

.venus-siblings-active {
  border-bottom: solid 2px #e01a38;
}
.venus-siblings-active-title {
  color: #e01a38;
}
/*购买理财产品*/
.row-fluid {
  width: 100%;
  padding-top: 5px;
  padding-bottom:5px;
  line-height: 30px;
}
.button.button-assertive {
  background-color: #e01a38;
}
.button-block.button-long {
  border-radius: 5px;
}

.button {
  background-color: #e01a38;
  font-size: 17px;
  color: #ffffff;
}
.button-block.button-long {
  width: 85.33333%;
  margin: 9.33333% 7.33333% 4% 7.33333%;
}
/*理财购买2*/
.venus-confirm-page-info {
  background-color: #ffffff;
  font-size: 14px;
  color: #333333;
  padding-left: 15px;
}

.venus-confirm-page-info .venus-item {
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 0 solid #e3e3e3;
  overflow: hidden;
  padding-right: 15px;
}

.venus-success-page {
  width: 100%;
  text-align: center;
  background-color: #ffffff;
  border-bottom: solid 1px #d9d9d9;
}

.venus-success-page .ion-checkmark-circled {
  padding-top: 20px;
  color: #39ce53;
}
.venus-success-page-header .venus-line-3 .ion-checkmark-circled {
  font-size: 26px;
  color: #ff9f00;
  vertical-align: middle;
  padding-right: 5px;
}
.venus-success-page .venus-trans-success-title1 {
  padding: 20px;
  font-size: 20px;
  color: #444444;
}
.ion-checkmark-circled {
  color: #b3b3b3;
  font-size: 80px;
}
/*委托*/
.venus-inline-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: horizontal;
  -moz-flex-direction: horizontal;
  -ms-flex-direction: horizontal;
  flex-direction: horizontal;
  width: 100%;
}
.venus-inline-layout .venus-inline-layout-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  overflow: hidden;
  max-width: 100%;
  height: 100%;
  color: inherit;
  text-align: center;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.venus-inline-tabs {
  margin-top: 26px;
  background: #e01a38;
  font-size: 17px;
  color: #fff;
  height: 45px;
  line-height: 45px;
}

.venus-tabs-button {
  text-align: center;
  color: #666;
  font-size: 16px;
  padding: 5px 0;
}

.venus-list-no-data {
  text-align: center;
  color: #85888a;
  padding-top: 10px;
}

.item-no-border {
  /*border-color: #ddd;*/
  background-color: #fff;
  color: #444;
  position: relative;
  z-index: 2;
  display: block;
  margin: -1px;
  padding: 10px;
  /*border-width: 1px;*/
  /*border-style: solid;*/
  /*font-size: 16px;*/
  overflow: hidden;
  text-overflow: ellipsis;
  /*white-space: nowrap;*/
  padding-left: 54px;
}

.venus-trans-flow {
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  width: 100%;
  border-bottom: 1px solid #D6D7D8;
  margin-top: -1px;
  padding-top: 20px;
  padding-bottom: 5px;
  background-color: #fffbf5;
  color: #cccccc;
}

.venus-trans-flow .venus-trans-flow-item {
  float: left;
  text-align: center;
  position: relative;
}

.venus-trans-flow .venus-trans-flow-item .venus-icon {
  margin-bottom: 10px;
}

.venus-trans-flow .venus-trans-flow-item .venus-axis {
  width: 100%;
  left: 60%;
  z-index: 0;
  border-top: 2px solid #cccccc;
  margin-top: 2px;
  position: absolute;
  top: 7px;
  margin-left: -5px;
}

.venus-trans-flow .venus-current.venus-trans-flow-item .venus-axis,
.venus-trans-flow .venus-history.venus-trans-flow-item .venus-axis {
  border-top: 2px solid #ff9f00;
}

.venus-trans-flow-3.venus-trans-flow .venus-trans-flow-item .venus-axis {
  width: 100%;
  left: 56%;
}

.venus-trans-flow-5.venus-trans-flow .venus-trans-flow-item .venus-axis {
  width: 100%;
  left: 60%;
}

.venus-trans-flow .venus-trans-flow-item .venus-icon i {
  background-color: #fffbf5;
  color: #cccccc;
}

.venus-trans-flow .venus-current.venus-trans-flow-item .venus-title {
  color: #ff9f00;
}

.venus-trans-flow .venus-current.venus-trans-flow-item .venus-icon i,
.venus-trans-flow .venus-history.venus-trans-flow-item .venus-icon i{
  color: #ff9f00;
}

.venus-hnnx-loan .venus-trans-flow {
  background-color: #ffffff;
  color: #cccccc;
}

.venus-hnnx-loan  .venus-trans-flow .venus-current,
.venus-hnnx-loan .venus-trans-flow .venus-history {
  color: #e01a38;
}

.venus-hnnx-loan .venus-trans-flow .venus-trans-flow-item .venus-axis {
  width: 0.3rem;
  left: 0.19rem;
  z-index: 0;
  border-top: 2px solid #cccccc;
}

.venus-hnnx-loan .venus-trans-flow .venus-current.venus-trans-flow-item .venus-axis,
.venus-hnnx-loan .venus-trans-flow .venus-history.venus-trans-flow-item .venus-axis {
  border-top: 2px solid #e01a38;
}

.venus-hnnx-loan .venus-trans-flow .venus-trans-flow-item .venus-icon i {
  background-color: #ffffff;
  color: #cccccc;
}

.venus-hnnx-loan .venus-trans-flow .venus-current.venus-trans-flow-item .venus-icon i,
.venus-hnnx-loan .venus-trans-flow .venus-history.venus-trans-flow-item .venus-icon i{
  color: #e01a38;
}

.venus-protocol-modal .content {
  padding: 5px;
}

.venus-protocol-modal .header {
  text-align: center;
  padding: 3px;
  font-size: 14px;
  font-weight: bolder;
  padding-top: 10px;
}
.venus-protocol-modal h1, h2, h3, h4, h5, h6 {
  margin-bottom:0;
  font-size: 14px;
}
.venus-protocol-modal h2 {
  font-weight: normal;
}
.venus-protocol-modal p {
  text-indent: 2em;
  line-height: 25px;
  margin-bottom:5px;
  word-break:break-all;
}
.venus-protocol-modal div.text {
  padding-bottom: 10px;
}
.venus-protocol-modal div.text div.subtext{
  padding-left: 0em;
}
.venus-acct-page-avatar {
  background: url(../img/other/eleacct.png) no-repeat;
  position: relative;
  height: 175px;
  /*font-family: PingFangSC-Semibold;*/
  color: #ffffff;
  width:100%;
  background-size:100% 100%;
}
.venus-bindacct-page-avatar {
  background: url(../img/other/blueCard.png) no-repeat;
  position: relative;
  height: 80px;
  /*font-family: PingFangSC-Semibold;*/
  color: #ffffff;
  /*width:80%;*/
  background-size:100% 100%;
}
.venus-hellobike-page-avatar{
  background: url(../img/other/bike.png) no-repeat;
  position: relative;
  height: 700px;
  /*font-family: PingFangSC-Semibold;*/
  color: #ffffff;
  /*width:80%;*/
  background-size:100% 100%;
}

.loan-ent-page{
  background: url(../img/loan/bg.png) no-repeat;
  /*position: relative;*/
  /*height: 700px;*/
  background-color: rgba(50,128,196,1);
  /*color: #ffffff;*/
  /*width:80%;*/
  background-size:100% 100%;
}
.asset-button{
  background-color:#dddddd;
  color:black;
  padding: 0 5px;
  border: solid 1px white;
  border-radius:5px;
  font-size: 14px;
  height: 30px;
  position: absolute;
  right: 10px;
}
table.gridtableT {
  color:#333333;
  border-width:1px;
  border-color: #666666;
  border-collapse: collapse;
}
table.gridtableT th {
  border-width: 1px;
//padding: 8px;
  border-style: solid;
  border-color:#666666;
  background-color: #dedede;
  font-size: 11px;
}

table.gridtableT td {
  border-width: 1px;
//padding: 8px;
  border-style: solid;
  border-color: #666666;
  background-color: #ffffff;
  text-align: center;
  font-size: 11px
}