@charset "UTF-8";
/* Empty. Add your own CSS if you like */
/* line 2, ../sass/style.common.scss */
.shunshi {
  opacity: 0.7 !important;
}

/* line 5, ../sass/style.common.scss */
ion-tabs.tabs-color-active-positive .tab-item.tab-item-active, ion-tabs.tabs-color-active-positive .tab-item.active, ion-tabs.tabs-color-active-positive .tab-item.activated {
  color: #4caf50;
}

/* line 8, ../sass/style.common.scss */
.bar.bar-green .title {
  color: #fff;
}

/* line 11, ../sass/style.common.scss */
.bar-green {
  background: #00bc8c;
}
/* line 13, ../sass/style.common.scss */
.bar-green a {
  font-size: 26px;
  color: #fff;
}

/* line 20, ../sass/style.common.scss */
.col-51 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 51%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 51%;
  -ms-flex: 0 0 51%;
  flex: 0 0 51%;
}

.col-35 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 35%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 35%;
  -ms-flex: 0 0 35%;
  flex: 0 0 35%;
}
.col-65 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 65%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 65%;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
}
.col-30 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
}
.col-70 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 70%;
  -moz-box-flex: 0;
  -moz-flex: 0 0 70%;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
}
/* line 30, ../sass/style.common.scss */
.input {
  vertical-align: text-bottom;
  margin-bottom: -1px;
  *margin-bottom: -4px;
}

/* line 35, ../sass/style.common.scss */
input[type=radio] {
  margin-bottom: 18px;
}

/*****************************************************************
 * 交易记录等slide内容的title                                                                                                                                             *
 *****************************************************************/
/* line 42, ../sass/style.common.scss */
.slide-top {
  margin-top: 44px !important;
}

/* line 47, ../sass/style.common.scss */
label[disabled] {
  background-color: #f8f8f8;
}

/* line 50, ../sass/style.common.scss */
input[disabled], input[readonly] {
  background-color: #f8f8f8;
}

/* line 55, ../sass/style.common.scss */
.row + .row {
  margin-top: 0;
}

/* line 60, ../sass/style.common.scss */
.width130 {
  width: 130px;
}
.width133{
	width: 133px;
	border-radius:0;
}

/* line 63, ../sass/style.common.scss */
.button-gray {
  background: #ebebeb;
  color: #999;
  margin-left: 11px;
  border: 0;
}

/* line 69, ../sass/style.common.scss */
.button-balanced {
  margin-left: 11px;
  border: 0;
}

/* line 73, ../sass/style.common.scss */
.button-positive {
  margin-left: 11px;
  border: 0;
}

/* line 79, ../sass/style.common.scss */
.bgRevise {
  max-width: 75px;
  margin: auto;
}
.bgCode {
  max-width: 160px;
  margin: auto;
}
.bgImg {
  width: 100%;
  /* margin: auto; */
}

#bindState .font16 ,#bindRevise .font16{
	font-size:16px;
}
.font12{
	font-size:12px;
}

#bindState .a6{
	font-size:14px;
	color:#a6a6a6;
}

.mg0{
	margin:0
}

/* line 85, ../sass/style.common.scss */
.button {
  min-height: 44px;
}

/* line 90, ../sass/style.common.scss */
.borderLR {
  border-left: none;
  border-right: none;
}

/* line 96, ../sass/style.common.scss */
.popup-container .popup {
  background-color: white;
  width: 300px;
}

/* line 100, ../sass/style.common.scss */
.backdrop {
  background-color: rgba(0, 0, 0, 0.05);
}

/* .backdrop {
  background-color: rgba(0, 0, 0, 0.7) !important;
} */

/*首页二维码遮罩  */
/* .maskIndex{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.8) ;
	display:none;
} 
@keyframes maskClose{
	from {opacity:0;}
	to {opacity:1;}
}
@-moz-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}

@-webkit-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}

@-o-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}
.closePhone{
	position:absolute;
	top:55px;
	right:30px;
	z-index:99;
	animation:maskClose 3s forwards;
	-moz-animation:maskClose 3s forwards; 
	-webkit-animation:maskClose 3s forwards; 
	-o-animation:maskClose 3s forwards; 
} 
@keyframes maskTell{
	from {top:100%;}
	to {top:0;}
}
@-moz-keyframes maskTell 
{
	from {top:100%;}
	to {top:0;}
}

@-webkit-keyframes maskTell 
{
	from {top:100%;}
	to {top:0;}
}

@-o-keyframes maskTell 
{
	from {top:100%;}
	to {top:0;}	
}
.maskPhone{
    max-height:100%;
    height:auto;
    display:block;
	z-index:90;
	position:absolute;
	left:50%;
	margin-left:-187.5px;
	top:0;
	animation:maskTell 2s forwards;
	-moz-animation:maskTell 2s forwards; 
	-webkit-animation:maskTell 2s forwards; 
	-o-animation:maskTell 2s forwards;
	
} */

.myCustomPopup, .myCustomPopup2, .myPopup{
  background-color: rgba(61, 61, 61, 0.7);
}
.myCustomPopup .popup, .myCustomPopup2 .popup, .myPopup .popup {
  width: 266px;
  height: 140px;
  text-align: center;
  font-size: 13px;
  color: #ff6833;
  line-height: 60px;
  /*-webkit-box-shadow: 0 0 10px 5px #666;
  -moz-box-shadow: 0 0 10px 5px #666;
  box-shadow: 0 0 10px 5px #666;*/
  border-radius: 2px;
}
.myCustomPopup .popup:before, .myCustomPopup2 .popup:before, .myPopup .popup:before {
  content: '';
  position: absolute;
  width: 60px;
  height: 60px;
  left: 50%;
  margin-left: -30px;
  top: -20px;
  background-color: #fff;
  border-radius: 60px 60px 0 0;
  /*box-shadow: 0px 0px 10px 5px #666;*/
}
.myCustomPopup .popup:after, .myCustomPopup2 .popup:after, .myPopup .popup:after {
  content: '';
  position: absolute;
  width: 36px;
  height: 50px;
  left: 50%;
  margin-left: -18px;
  top: -20px;
  background-color: transparent;
  background-image: url(./../img/clock.png);
  background-repeat: no-repeat;
  background-size: 36px 38px;
  background-position: 0;
  background-origin: border-box;
}
.myCustomPopup .popup .popup-body, .myCustomPopup2 .popup .popup-body, .myPopup .popup .popup-body {
  overflow: hidden;
  padding: 0;
  height: 40px;
  padding: 0px 10px;
  line-height: 20px;
}
.myCustomPopup .popup .popup-body span{
	display:inline-block;
	width:100%;
	height:100%;
}
.myPopup .popup .popup-buttons {
  min-height: 56px;
  margin: 0 10px;
}
.myCustomPopup .popup .popup-buttons, .myCustomPopup2 .popup .popup-buttons {
  min-height: 44px;
  border-top: 1px solid #999;
  margin: 15px 10px 0;
}
.myPopup .popup .popup-buttons button {
  border-top: 1px solid #999;
  font-size: 13px;
  color: #666;
  background: #fff;
  min-height: 40px;
  margin-left: 0;
}
.myPopup .popup .popup-buttons button:active{
	background:#f1f1f1;
}
.myCustomPopup .popup .popup-buttons button, .myCustomPopup2 .popup .popup-buttons button {
  font-size: 13px;
  color: #666;
  background: #fff;
  margin: 0;
  min-height: 10px;
  height: 20px;
}
.myCustomPopup .popup .popup-buttons button:nth-of-type(1), .myCustomPopup2 .popup .popup-buttons button:nth-of-type(1) {
  border-radius: 0px;
  border-right: 1px solid #666;
}
.myCustomPopup .popup .popup-buttons button:nth-of-type(1):active{
	background:#f1f1f1;
}
.myCustomPopup .popup .popup-buttons button:nth-of-type(2), .myCustomPopup2 .popup .popup-buttons button:nth-of-type(2) {
  border-radius: 0px;
}
.myCustomPopup .popup .popup-buttons button:nth-of-type(2):active{
	background:#f1f1f1;
}

/* line 103, ../sass/style.common.scss */
.my-custom-popup .popup {
  width: 250px;
  height: 60px;
  background-color: rgba(61, 61, 61, 0.9);
  text-align: center;
  font-size: 13px;
  color: #ff6833;
  line-height: 60px;
}
.my-custom-popup .popup-head {
  display: none;
}
.my-custom-popup .popup-body {
  padding: 0;
}
.my-custom-popup .button {
  width: 74px;
  height: 24px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  font-size: 14px;
}
.my-custom-popup .button:nth-of-type(1) {
  border: 1px solid #00bc8c;
  color: #00bc8c;
}
.my-custom-popup .button:nth-of-type(2) {
  background: #00bc8c;
  color: #fff;
}

/* line 185, ../sass/style.common.scss */
.myCustomPopup .popup .popup-head, .myCustomPopup2 .popup .popup-head,.myPopup .popup .popup-head {
  border-bottom: none;
  padding: 18px 10px;
}

/* line 218, ../sass/style.common.scss */
.pull-right {
  float: right;
}

/* line 221, ../sass/style.common.scss */
label {
  border-radius: 3px;
}

/* line 224, ../sass/style.common.scss */
.borderB2 {
  border-bottom: 2px solid #00bc8a;
  z-index: 3;
}

/* line 228, ../sass/style.common.scss */
.tel {
  font-size: 13px;
  color: #999;
}

/* line 232, ../sass/style.common.scss */
.border {
  border: 1px solid #f2f2f2 !important;
}

/* line 235, ../sass/style.common.scss */
a {
  text-decoration: none;
}

/* line 238, ../sass/style.common.scss */
.pd-left-16 {
  padding-left: 16px;
}

/* line 241, ../sass/style.common.scss */
.m-b-0 {
  margin-bottom: 0;
}

/* line 244, ../sass/style.common.scss */
.no-padding {
  padding: 0;
}

/* line 247, ../sass/style.common.scss */
.no-margin {
  margin: 0;
}

/* line 250, ../sass/style.common.scss */
.mg-t-25 {
  margin-top: 25px;
}

/* line 253, ../sass/style.common.scss */
.mg-t-0 {
  margin-top: 0;
}

/* line 256, ../sass/style.common.scss */
.mg-t-35 {
  margin-top: 35px;
}

/* line 259, ../sass/style.common.scss */
.pd-tb-22 {
  padding-top: 22px;
  padding-bottom: 22px;
}

/* line 263, ../sass/style.common.scss */
.mg-b-22 {
  margin-bottom: 22px;
}

/* line 266, ../sass/style.common.scss */
.pd-b-30 {
  padding-bottom: 30px;
}

/* line 269, ../sass/style.common.scss */
.mg-t-50 {
  margin-top: 50px;
}

/* line 272, ../sass/style.common.scss */
.pd-t15-b22 {
  padding-top: 15px;
  padding-bottom: 22px;
}

/* line 276, ../sass/style.common.scss */
.mg-t-22 {
  margin-top: 22px;
}

/* line 279, ../sass/style.common.scss */
.mg-b-0 {
  margin-bottom: 0;
}

/* line 282, ../sass/style.common.scss */
.mg-l-0 {
  margin-left: 0;
}

/* line 285, ../sass/style.common.scss */
.pd-b-22 {
  padding-bottom: 22px;
}

/* line 288, ../sass/style.common.scss */
.pd-t-0 {
  padding-top: 0;
}

/* line 291, ../sass/style.common.scss */
.mg-l-10 {
  margin-left: 10px;
}

/* line 294, ../sass/style.common.scss */
.mg-tb-22 {
  margin-top: 22px;
  margin-bottom: 22px;
}

/* line 298, ../sass/style.common.scss */
.mg-tb-0 {
  margin-top: 0;
  margin-bottom: 0;
}

/* line 302, ../sass/style.common.scss */
.pd-l-0 {
  padding-left: 0;
}

/* line 305, ../sass/style.common.scss */
.item-input-inset {
  padding: 9.6667px 10.6667px 9.6667px;
}

/* line 308, ../sass/style.common.scss */
.no-bg {
  background-color: transparent;
}

/* line 311, ../sass/style.common.scss */
.item-input-inset .item-input-wrapper input {
  height: 25px;
}

/* line 314, ../sass/style.common.scss */
.Personal .tab-item {
  margin: 15px 0;
}

/* line 317, ../sass/style.common.scss */
.Personal .tab-item i {
  font-size: 24px;
  color: #4caf50;
  opacity: 1;
}

/* line 322, ../sass/style.common.scss */
.button.button-assertive {
  font-size: 14px;
  letter-spacing: 0.15em;
}

/* line 326, ../sass/style.common.scss */
progress::-webkit-progress-bar {
  height: 15px;
  display: block;
  background-color: #4caf50;
  width: 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  -webkit-transition: width .8s ease;
  -moz-transition: width .8s ease;
  transition: width .8s ease;
  -webkit-animation: progressbar 7s infinite;
  animation: progressbar 7s infinite;
}

/* line 338, ../sass/style.common.scss */
progress::-moz-progress-bar {
  height: 15px;
  display: block;
  background-color: #4caf50;
  width: 0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  color: #fff;
  -webkit-transition: width .8s ease;
  -moz-transition: width .8s ease;
  transition: width .8s ease;
  -webkit-animation: progressbar 7s infinite;
  animation: progressbar 7s infinite;
}

/* line 352, ../sass/style.common.scss */
.pd-t-10 {
  padding-top: 10px;
}

.pd-t-22 {
  padding-top: 22px;
}

/* line 355, ../sass/style.common.scss */
.pd-b-10 {
  padding-bottom: 10px;
}

/* line 358, ../sass/style.common.scss */
.pd-l-10 {
  padding-left: 10px;
}

/* line 361, ../sass/style.common.scss */
.pd-l-15 {
  padding-left: 15px;
}

/* line 364, ../sass/style.common.scss */
.pd-t-0 {
  padding-top: 0;
}

/* line 367, ../sass/style.common.scss */
.pd-b-0 {
  padding-bottom: 0;
}

/* line 370, ../sass/style.common.scss */
.pd-b-20 {
  padding-bottom: 20px;
}

/* line 373, ../sass/style.common.scss */
.pd-t-50 {
  padding-top: 50px;
}

/* line 376, ../sass/style.common.scss */
.mg-tb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 381, ../sass/style.common.scss */
.mg-0 {
  margin: 22px 0;
}

/* line 384, ../sass/style.common.scss */
.pd-tb-0 {
  padding-top: 0;
  padding-bottom: 0;
}

/* line 388, ../sass/style.common.scss */
.pd-tb-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

/* line 392, ../sass/style.common.scss */
.col-15 {
  max-width: 15%;
}

/* line 396, ../sass/style.common.scss */
.mg-b-40 {
  margin-bottom: 40px;
}

/* line 399, ../sass/style.common.scss */
.pd-t-24 {
  padding-top: 24px;
}

/* line 435, ../sass/style.common.scss */
.detail-active {
  border-bottom: 2px solid #4caf50;
  color: #4caf50;
}

/*  支付密码*/
 .rechargePwPayText .rechargePwPay{
	vertical-align:middle;
}
.rechargePwPayText{
	vertical-align:middle;
	display:inline-block;
}
.Personal .tab-item{
	max-width:none;
}
.Personal .tabs{
	background:#fff;
	width:100%;
	margin-top:56px;
}
.Personal .nav{
	height:40px;
	line-height:40px; 
}
.Personal .nav a{
	margin:0;
	width:50%;
	float:left;
	text-align:center;
}
.Personal .mgT49{
	margin-top:49px;
} 
.payGray{
	color:#979797;
	background:#d5d5d5;
}
.payWhite{
	color:#000;
	background:#fff;
}

.forbid{
	pointer-events: none;
}

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


/* 首页世界杯遮罩 */

.maskIndex{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-color: rgba(0,0,0,0.8) ;
	/* z-index:100;
	display:block; */
}
@keyframes sjbScale{
    from {
    	-webkit-transform: scale(0);
        transform: scale(0);
    }
    to{-webkit-transform: scale(1);
        transform: scale(1);
    }
}
.sjbMask{
    width:100%;
    height:100%;
    display:block;
	z-index:10;
	position:absolute;
	left:0;
	top:0;
	animation:sjbScale 3s forwards;
	-moz-animation:sjbScale 2s forwards; 
	-webkit-animation:sjbScale 2s forwards; 
	-o-animation:sjbScale 2s forwards; 
}
@keyframes maskClose{
	from {opacity:0;}
	to {opacity:1;}
}
@-moz-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}

@-webkit-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}

@-o-keyframes maskClose 
{
	from {opacity:0;}
	to {opacity:1;}
}
.closePhone{
	position:absolute;
	top:70px;
	right:30px;
	z-index:99;
	animation:maskClose 3s forwards;
	-moz-animation:maskClose 3s forwards; 
	-webkit-animation:maskClose 3s forwards; 
	-o-animation:maskClose 3s forwards; 
}
.maskIndex .enterSjb{
	display:inline-block;
    width:120px;
	height:35px;
	background:#cc2f4e;
	color:#fff;
	position:relative;
	left:50%;
	margin-left:-60px;
	top:70%;
	border:none; 
	border-radius:5px;
	margin-top:10px;
	font-size:16px;
	text-align:center;
	line-height:34px;
	z-index: 20;
}
.lineH62 {
  line-height: 62px;
}
.pdL10{
	padding-left:10px;
}
.totalBtn{
	background:#00bc8c;
}
.colorWhite{
	color:#fff;
}
.borderB10{
	border-bottom:9px solid #e8edf1;
}
/* #login{
	background:url(./../img/login-indexImg.jpg) no-repeat 0 0;
	background-size:100% 100%;
} */
.loginContentB{
	/* position: relative; */
	width:100%;
	height:100%;
	background:url(./../img/login-indexImg.jpg) no-repeat 0 0;
	background-size:100% auto;
}
.newLogo{
	width:70px;
	margin-bottom:15px;
	margin-top:80px;
}
.loginLabel{
	padding-left:50px;
}
#login .welcome{
	font-size:19px;
	letter-spacing:2px;
	margin-bottom:68px;
}
#login .loginInpBox{
	position:relative;
}
#login{
	min-height:736px;
}


/* 明细页面 */
.def-det-left{
	text-align:left;
	padding:0;
}
.tabs-striped .tabs{
	background:#f6f5fa;
	font-family:LTXH-font;
}
.tradeLiBorder{
	border-bottom:1px solid #e6e6e6;
	margin:0 20px;
	height:64px;
}
.defDetLiName{
	font-size:14px;
	font-family:LTH-font;
	color:#515151;
	line-height:18px;
	margin-top:14px;
}
.defDetLiTime{
	font-size:13px;
	font-family:HTLT-font;
	color:#999;
	line-height:26px;
}
.defDetLiMoney{
	font-size:20px;
	font-family:HTO-font;
	color:#999;
	line-height:64px;
	text-align:right;
}

.bgColorC{
	background:#e9edf0;
}
.bgColorWhite{
	background:#fff;
}
.itemBorder{
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #e6e6e6;
	border-color:#e6e6e6 !important;
}
.itemBorderT{
	border-bottom:0;
	border-left:0;
	border-right:0;
	border-top:1px solid #e6e6e6;
	border-color:#e6e6e6 !important;
}
#userinfo .item,#investConfirm .item,#pointList .item,#detail .item{
	background:none;
}
#userinfo .item-icon-right .icon{
	right:5px;
}
.color999{
	color:#999;
}
.color333{
	color:#333;
}
.mgLR{
	margin:0 15px;
}
.blockSpan{
	display:block;
}
.tabs-striped .tabs{
	border-bottom:0 !important;
}

.tabs-striped .tab-item.tab-item-active {
    color: #01bd8d;
}
.button.button-balanced{
	background:#00bc8c;
}
.button.button-balanced.active,.button.button-balanced.activated,.button.activated{
	background-color:#098068;
}
/* #login .item,#login .list-inset{
	background:none;
} */
#login input{
	color:#fff;
	font-size:16px;
}
#login input::-webkit-input-placeholder{
color: #4e4e4e;
}
#login input:-moz-placeholder{
color: #4e4e4e;
}
#login input::-moz-placeholder{
color: #4e4e4e;
}
#login input:-ms-input-placeholder{
color: #4e4e4e;
}
#login .button,#user .userLogoutBtn{
	letter-spacing:10px;
}
#user .userLogoutBtn a{
	background: #00bc8c; 
	color: #fff;
	margin: 0;
	padding:0;
	border-color:#00bc8c;
}
/* #login .item{
	background:none;
	width:90%;
	margin:auto;
} */
#login .inpOpacity{
	border:0px;
	background:rgba(255, 255, 255, 0.2); 
	color: #ffffff
}

/* 出弹框的样式 */
@keyframes splitScale {
  from{transform:scale(0);}
  to{transform:scale(1);}
}
.split-click-show{
  animation: splitScale 0.3s linear forwards;
}
.drawcashSplitMask{
  width: 100%;
  height: 100%;
  z-index: 200;
  position: fixed;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: none;
}
.drawcashSplitContent{
  width: 320px;
  margin: 100px auto;
  background: #fff;
  z-index: 202;
}
.drawcashSplitHeader{
  width:100%;
  font-weight: bold;
}
.drawcashSplitList{
  width: 320px;
  height: 300px;
  overflow-y: auto;
}
.drawcashSplitLi:nth-child(odd){
  background:#f9f9f9;
}
.drawcashSplitLi .col{
  line-height:30px;
}
.splitFotter{
  width:100%;
  line-height: 40px;
  text-align: center;
  background:#F9F9E0;
  letter-spacing: 1px;
  font-weight: bold;
}
.closeSplit{
  width: 30px;
  border-radius: 50%;
  background: #fff;
  z-index: 205;
  text-align: center;
  color: #000;
  margin-left: 50%;
  margin-top: 50%;
  position: absolute;
  left: -15px;
  bottom: 100px;
}

/* 2020 周年庆 */
#znq2020Main button{
  background: transparent;
  top: 7px;
}
#znq2020Main button i{
  font-size: 16px;
  color: #fff;
}
#znq2020Main img{
  width:100%;
  height:100%;
}
#znq2020Main  .buttonClose{
  width: 85px;
  height: 30px;
  background: #00bc8c;
  border:none;
  position: absolute;
  left:50%;
  margin-left:-42.5px;
  top:90%;
  color: #fff;
  border-radius: 3px;
}