@import url(../../../css/sm.css);
@import url(../../../css/public.css);
#show_money {
    width: 1rem;
    height: 0.3rem;
}

.show_money {
    margin: auto;
    /* margin-top: 0.4rem; */
    text-align: center;
}

.show_money div {
    display: inline-block;
}

.moneyS {
    background: url('images/hideMoney.png') no-repeat center;
}

.moneyH {
    background: url('images/showMoney.png') no-repeat center;
}


/*# sourceMappingURL=demo.css.map */

.head {
    height: 1.266rem;
    text-align: center;
    line-height: 1.266rem;
    position: relative;
    color: #fff;
    font-size: 0.426rem;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    border-bottom: 1px solid #45dad9;
    z-index: 99;
}

#recharge .head,
#advance .head,
#myBankCard .head,
#openHx .head,
#notopenHx .head,
#myInfo .head {
    height: 1.266rem;
    text-align: center;
    line-height: 1.266rem;
    position: relative;
    color: #666;
    font-size: 0.426rem;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 99;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
}

.set_icon {
    display: block;
    height: 0.533rem;
    width: 0.533rem;
    background: url("images/set_icon.png") no-repeat;
    position: absolute;
    left: 0.3rem;
    top: 0.366rem;
    background-size: contain;
}

.user_icon {
    display: block;
    height: 0.413rem;
    background: url("images/new_menber_icon.png") no-repeat;
    position: absolute;
    right: 0.3rem;
    top: 0.4rem;
    padding-left: 0.5rem;
    background-size: contain;
    line-height: 0.413rem;
    color: #fff;
    font-size: 0.32rem;
}

.user_info {
    height: 6.04rem;
    background: url("images/new_member_top_bg.png") no-repeat;
    background-size: 100%;
    overflow: hidden;
}

.user_info .pohoto {
    width: 2rem;
    height: 2rem;
    margin: 0 auto;
    margin-top: 1.8rem;
}

.user_info .pohoto img {
    border-radius: 2rem;
    width: 2rem;
    height: 2rem;
}

.user_info .sum_money {
    padding-top: 0.25rem;
    text-align: center;
    color: #fff;
    font-size: 0.3rem;
}

.user_info .sum_money span {
    font-size: 0.64rem;
}

.money_info {
    background-color: #fff;
    height: 1.733rem;
    display: flex;
    text-align: center;
}

.money_info .left {
    flex: 1;
}

.money_info p {
    height: 0.88rem;
    margin-top: 0.426rem;
    font-size: 0.24rem;
    color: #b1b1b1;
}

.money_info p span {
    font-size: 0.4rem;
    color: #323232;
}

.money_info .left p {
    border-right: 1px solid #e1e1e1;
}

.money_info .right {
    flex: 1;
}

.functionModule {
    height: 5.626rem;
    background-color: #fff;
    margin-top: 0.35rem;
    width: 100%;
}

.swiper-container {
    height: 5.1rem;
}

.functionModule .swiperBox {
    width: 100%;
}

.functionModule table {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #e1e1e1;
}

.functionModule table td {
    height: 2.453rem;
    width: 25%;
    border-left: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
}

.functionModule table td:nth-child(1) {
    border-left: none;
}

.functionModule table td a {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.functionModule table td a span.icon {
    display: block;
    height: 0.666rem;
    width: 0.666rem;
    margin: 0 auto;
    margin-top: 0.6rem;
}

.functionModule table td a.a-1 span.icon {
    background: url("images/new_member_recharge_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-2 span.icon {
    background: url("images/new_member_withdrawal_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-3 span.icon {
    background: url("images/new_member_apply_record_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-4 span.icon {
    background: url("images/new_member_my_invest_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-5 span.icon {
    background: url("images/new_member_my_bank_card_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-6 span.icon {
    background: url("images/new_member_reward_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-7 span.icon {
    background: url("images/new_member_invite_friend_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-8 span.icon {
    background: url("images/new_member_my_transfer_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-9 span.icon {
    background: url("images/new_member_security_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-10 span.icon {
    background: url("images/new_member_my_loan_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-11 span.icon {
    background: url("images/new_member_help_center_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-12 span.icon {
    background: url("images/new_member_auto_bid_icon.png") no-repeat;
    background-size: 100%;
}

.functionModule table td a.a-13 span.icon {
    background: url("images/new_member_my_message_icon.png") no-repeat;
    background-size: 100%;
}
.functionModule table td a.a-14 span.icon {
    background: url("images/new_member_help_center_icon.png") no-repeat;
    background-size: 100%;
}

.addWrap{width:100%;background:#fff;margin:auto;position:relative;}
.addWrap .swipe{overflow: hidden;visibility: hidden;position:relative;}
.addWrap .swipe-wrap{overflow:hidden;position:relative;}
.addWrap .swipe-wrap > div {float: left;position:relative;}
#position{ position: absolute;bottom: -20px; left:40%;left:50%;
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,0%);
-o-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,0%);
transform: translate(-50%,0%);}
#position li{width:8px;height:8px;margin:0 3px;display:inline-block;-webkit-border-radius:5px;border-radius:5px;background-color:#AFAFAF;}
#position li.cur{background-color:#FF0000;}

.paymentRecords {
    background-color: #fff;
    margin-top: 0.35rem;
    padding-bottom: 0.3rem;
}

.paymentRecords a.tit {
    height: 1.333rem;
    display: block;
    line-height: 1.333rem;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
}

.icon-right {
    display: block;
    float: right;
    padding-right: 0.373rem;
    color: #999;
}

.paymentRecords a.tit .text {
    margin-left: 1rem;
    font-size: 0.366rem;
    color: #323232;
}

.tit_icon {
    background: url("images/new_member_repay_plan_icon.png") no-repeat;
    display: inline-block;
    width: 0.546rem;
    height: 0.546rem;
    background-size: 100%;
    position: absolute;
    top: 0.393rem;
    left: 0.373rem;
}

.paymentRecords table {
    width: 100%;
    text-align: center;
}

.paymentRecords table th {
    color: #666;
    text-align: center;
    height: 0.9rem;
    font-size: 0.356rem;
}

.paymentRecords table td {
    height: 0.9rem;
    color: #646464;
}


/******��ֵ****/

#recharge .content,
#advance .content,
#myBankCard .content,
#openHx .content {
    margin: 1.266rem 0 0 0;
}

.rechargeCon .info {
    margin: 0.35rem;
    line-height: 0.8rem;
    font-size: 0.38rem;
}

.rechargeCon .step {
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    padding: 0 0.35rem 0.35rem 0.35rem;
}

.rechargeCon .step .tit {
    font-size: 0.38rem;
    color: #333;
    height: 1rem;
    line-height: 1rem;
    background: url("images/recharge_tit_icon.png") no-repeat left;
    background-size: 0.5rem 0.37rem;
    padding-left: 0.6rem;
}

.rechargeCon .step .con {
    overflow: hidden;
}

.rechargeCon .step .con p {
    float: left;
    text-align: center;
}

.rechargeCon .step .con p a {
    color: #00cccb;
    line-height: 1rem;
    text-decoration: underline;
    font-size: 0.32rem;
}

.rechargeCon .step .con p span {
    border: 1px solid #00cccb;
    display: inline-block;
    height: 1rem;
    width: 1.76rem;
    border-radius: 0.1rem;
    text-align: center;
    line-height: 1rem;
    font-size: 0.266rem;
}

.rechargeCon .step .con p.p-3 span,
.rechargeCon .step .con p.p-5 span {
    line-height: 0.5rem;
}

.rechargeCon .step .con p.p-2 span,
.rechargeCon .step .con p.p-4 span,
.rechargeCon .step .con p.p-6 span {
    border: none;
    width: 0.95rem;
    font-size: 0.4rem;
}

.rechargeCon .step .con p.p-2 span.icon-right,
.rechargeCon .step .con p.p-4 span.icon-right,
.rechargeCon .step .con p.p-6 span.icon-right {
    padding-right: 0rem;
    color: #00cccb;
}

.rechargeCon .step .con p.p-7 span {
    border: none;
    width: 0.95rem;
    padding-right: 0rem;
    color: #00cccb;
    font-size: 0.8rem;
}

.rechargeCon .step .con p.p-7 a {
    text-decoration: none;
}

.rechargeCon .step .bundingBtn {
    height: 1.5rem;
    color: #b1b1b1;
    font-size: 0.266rem;
}

.rechargeCon .step .bundingBtn a {
    display: inline-block;
    background-color: #ff7f66;
    border-radius: 0.1rem;
    width: 1.33rem;
    height: 0.63rem;
    text-align: center;
    line-height: 0.63rem;
    font-size: 0.3rem;
    color: #fff;
    margin-top: 0.15rem;
}

.rechargeCon .rechargeMoney {
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 0 0.35rem;
    display: flex;
    justify-content: space-between;
    height: 1.46rem;
    line-height: 1.46rem;
}

.rechargeCon .rechargeMoney span {
    display: inline-block;
}

.rechargeCon .rechargeMoney span input {
    border: none;
    height: 0.8rem;
    width: 100%;
}

.rechargeCon .rechargeMoney span:nth-child(1) {
    width: 2rem;
}

.rechargeCon .rechargeMoney span:nth-child(2) {
    width: 6.4rem;
}

.rechargeCon .availableBalance {
    display: flex;
    justify-content: space-between;
    padding: 0.2rem 0.35rem;
}

.rechargeCon .availableBalance span label {
    color: #ff7f66;
}

.rechargeCon .availableBalance a {
    color: #00cccb;
    text-decoration: underline;
}

#recharge .foot {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 2.46rem;
    background-color: #fff;
    text-align: center;
}

#recharge .foot div.text {
    margin: 0 0.35rem 0 0;
    height: 1rem;
}

#recharge .foot div.text p:nth-child(1) {
    float: left;
    width: 10%;
    height: 1rem;
}

#recharge .foot div.text p:nth-child(1) span {
    margin-top: 0.307rem;
}

.input-icon {
    height: 0.366rem;
    width: 0.366rem;
}

#recharge .foot div.text p:nth-child(2) {
    float: left;
    width: 90%;
    height: 1rem;
    line-height: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#recharge .foot div.btn span {
    display: block;
    float: left;
}

#recharge .foot div.text a {
    color: #ff7f66;
}

#recharge .foot div.btn {
    height: 1.46rem;
    background: rgba(0, 204, 203, 0.5);
    line-height: 1.46rem;
}

#recharge .foot div.btn a {
    width: 100%;
    display: inline-block;
    height: 100%;
    color: #fff;
    font-size: 0.45rem;
}

.modal {
    width: 7rem;
    margin-left: -3.5rem;
    color: #000;
}

.modal-title {
    font-size: 0.4rem;
}

.modal-buttons {
    height: 1.053rem;
    font-size: 0.35rem;
    line-height: 1.053rem;
}

.modal-button {
    height: 1.053rem;
    font-size: 0.35rem;
    line-height: 1.053rem;
    background-color: #fff;
}

.modal-inner {
    background-color: #fff;
    padding: 0.35rem;
}


/****"advance"***/

#advance .advanceCon .info {
    margin: 0.35rem;
    line-height: 0.8rem;
    font-size: 0.38rem;
}

#advance .advanceCon .info span {
    color: #ff7f66
}

#advance .foot {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1.46rem;
    text-align: center;
}

#advance .foot div.btn {
    height: 1.46rem;
    background: rgba(0, 204, 203, 1);
    line-height: 1.46rem;
    font-size: 0.45rem;
    color: #fff;
}

.advanceMoney {
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    padding: 0 0.35rem;
    display: flex;
    justify-content: space-between;
    height: 1.46rem;
    line-height: 1.46rem;
}

.advanceMoney input {
    border: none;
    height: 0.8rem;
    width: 5rem;
}

.advanceMoney .allAdvanceBtn {
    color: #fff;
    background: rgba(0, 204, 203, 1);
    display: inline-block;
    height: 0.5rem;
    line-height: 0.5rem;
    padding: 0.1rem 0.35rem;
    border-radius: 0.1rem;
    margin-top: 0.43rem;
}

#myBankCard .isopenCard {
    margin: 0.35rem 0;
}

#myBankCard .isopenCard .cardInfo {
    padding: 0.35rem;
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
}

#myBankCard .isopenCard .cardInfo .div-1 {
    font-size: 0.37rem;
    font-weight: 900;
}

#myBankCard .isopenCard .cardInfo .div-2 {
    padding-top: 0.35rem;
    overflow: hidden;
}

#myBankCard .isopenCard .cardInfo .div-2 p {
    float: left;
}

#myBankCard .isopenCard .cardInfo .div-2 p:nth-child(1) {
    background: url("images/hx_icon.png") no-repeat;
    width: 2.04rem;
    height: 1.68rem;
    background-size: 100%;
}

#myBankCard .isopenCard .cardInfo .div-2 p:nth-child(2) {
    width: 6.5rem;
    padding-left: 0.35rem;
}

#myBankCard .isopenCard .cardInfo .div-2 p:nth-child(2) span {
    display: block;
    height: 0.64rem;
    line-height: 0.64rem;
}

#myBankCard .isopenCard .text {
    display: flex;
    justify-content: space-between;
    margin: 0.35rem;
}

#myBankCard .isopenCard .text a:nth-child(1) {
    color: #00cccb;
    text-decoration: underline;
}

#myBankCard .isopenCard .text a:nth-child(2) {
    color: #fff;
    padding: 0.15rem 0.5rem;
    border-radius: 0.1rem;
    background-color: #ff7f66;
}

#notopenHx .notopenCard {
    margin: 1.65rem;
    text-align: center;
}

#notopenHx .notopenCard p:nth-child(1) {
    padding-top: 1.8rem;
    padding-bottom: 0.5rem;
    font-size: 0.426rem;
}

#notopenHx .notopenCard a {
    display: block;
    background-color: #ff7f66;
    color: #fff;
    font-size: 0.4rem;
    height: 1rem;
    line-height: 1rem;
    border-radius: 0.1rem;
    margin: 1rem 0.35rem 0 0.35rem;
}

#openHx .foot {
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 1.46rem;
    background: #ff7f66;
    text-align: center;
    color: #fff;
    line-height: 1.46rem;
    font-size: 0.4rem;
}

#openHx .logo {
    height: 2rem;
    background: url("images/hx_logo.png") no-repeat center #fff;
    border-bottom: 1px solid #e1e1e1;
    background-size: 4.44rem 1.18rem;
}

#openHx ul li {
    height: 1.46rem;
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    line-height: 1.46rem;
    display: flex;
    justify-content: flex-start;
    padding: 0 0.35rem;
    font-size: 0.373rem;
}

#openHx ul li span:nth-child(2) {
    padding-left: 0.7rem;
}

#openHx ul li input {
    border: none;
    height: 1.2rem;
}


/****setUp***/

#setUp .head {
    border-bottom: 1px solid #e1e1e1;
    background-color: #fff;
    color: #000;
}

#setUp .content {
    top: 1.266rem;
}

#myInfo .listBox {
    margin-top: 1.61rem;
    background-color: #fff;
}

#setUp .content .setUp {
    margin-top: 0.35rem;
    border-top: 1px solid #e1e1e1;
    background-color: #fff;
}

#setUp .content .list div,
#myInfo .listBox .list div {
    height: 1.466rem;
    line-height: 1.466rem;
    border-bottom: 1px solid #e1e1e1;
}

#setUp .content .list div,
#myInfo .listBox .list div {
    display: flex;
    justify-content: space-between;
    padding: 0 0.35rem;
}

#myInfo .listBox .list.myInfo-pohoto div {
    height: 2rem;
    line-height: 2rem;
}

#myInfo .listBox .list.myInfo-pohoto div img {
    height: 1.2rem;
    width: 1.2rem;
    border-radius: 1.2rem;
    margin-top: 0.4rem;
    margin-right: 0.3rem;
    border: 2px solid #ccc;
}

.icon-right {
    padding-right: 0;
}

.bottom_phone {
    font-size: 0.6rem;
    text-align: center;
    padding-top: 1rem;
}

.bottom_phone label {
    font-size: 0.3rem;
}

#page01 .outBtn {
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #00cccb;
    text-align: center;
    color: #fff;
    width: 90%;
    border-radius: 0.1rem;
    margin: 1rem auto;
}

#MessageBoards .messages,
#MessageBoards .info {
    background-color: #fff;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    margin-top: 0.35rem;
    padding: 0 0.35rem;
}

#MessageBoards .messages div {
    padding-top: 0.3rem;
}

#MessageBoards .messages div textarea {
    height: 2.5rem;
    margin-bottom: 0.35rem;
    padding: 3%;
    width: 94%;
}

#MessageBoards .info .text {
    padding: 0.35rem 0;
}

#MessageBoards .info .info-input .name {
    display: flex;
    justify-content: space-between;
    line-height: 1.46rem;
}

#MessageBoards .info .info-input .name .l p {
    background: url("images/login_icon_1.png") no-repeat left;
    height: 1.46rem;
    background-size: 0.666rem 0.666rem;
    border-bottom: 1px solid #e1e1e1;
}

#MessageBoards .info .info-input .name .l p input {
    height: 1.2rem;
    border: none;
    margin-left: 0.8rem;
}

#MessageBoards .info .info-input .name .r input {
    vertical-align: -2px;
}

#MessageBoards .info .info-input .mobile,
#MessageBoards .info .info-input .email {
    height: 1.46rem;
    line-height: 1.46rem;
    border-bottom: 1px solid #e1e1e1;
    background: url("images/register_icon_1.png") no-repeat left;
    background-size: 0.666rem 0.666rem;
}

#MessageBoards .info .info-input .email {
    margin-bottom: 0.35rem;
    background: url("images/register_icon_4.png") no-repeat left;
    background-size: 0.666rem 0.666rem;
}

#MessageBoards .info .info-input .mobile input,
#MessageBoards .info .info-input .email input {
    height: 1.2rem;
    border: none;
    margin-left: 0.8rem;
}

#MessageBoards .btn {
    height: 1.2rem;
    line-height: 1.2rem;
    background-color: #00cccb;
    text-align: center;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0px;
}

#contactUs .list div span.weibo {
    background: url("images/new_icon_weibo.png") no-repeat left;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

#contactUs .list div span.wechat_open {
    background: url("images/new_icon_wechat_open.png") no-repeat left;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

#contactUs .list div span.wechat {
    background: url("images/new_icon_wechat.png") no-repeat left;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

#contactUs .list div span.qq {
    background: url("images/new_icon_qq.png") no-repeat left;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

#contactUs .list div span.vkn {
    background: url("images/new_icon_waukeen.png") no-repeat left;
    background-size: 0.8rem 0.8rem;
    padding-left: 1rem;
}

input.modal-text-input {
    height: 1rem;
    margin-top: 0.35rem;
    font-size: 0.35rem;
}
.has_red_knapsack{
	position: absolute;
	background-color: red;
	width: 0.3rem;
	height: 0.3rem;
	border-radius:0.3rem;
	top:20px;
	right:20px;
	display: none;
}