@charset "utf-8";
/* CSS Document */


/**********会员首页**********/
/**************************/
/******页头******/
/*------主体------*/
.main{ width: 100%; background:url(../images/top.jpg) no-repeat center top #f7f7f7; background-size: cover; min-height: 22rem;}
.header{ background: none;}


/*------设置按钮------*/
.header .header-language{ width:4.5rem; height: 1.1rem; line-height: 1.1rem; float: right; margin: 0.4rem 0.5rem; border-radius: .25rem; overflow: hidden; display: none}
.header .header-language a{ width: 50%; height: 100%; display: block; float:left; color: #bfbfbf; background: #fff; padding: 0 .1rem; text-align: center}
.header .header-language a.on{ background: linear-gradient(45deg,#608bf4,#f46e75); background: -webkit-linear-gradient(top right,#f46e75,#608bf4); color: #fff}

/*------会员信息------*/
.user-info{ overflow: hidden; padding: 2rem 1rem 2rem 1rem;}
.user-info a{ color: #5284ff; overflow: hidden; display: block;}

.user-info .user-photo{ width: 2.8rem; height: 2.8rem; border: #fff .1rem solid; border-radius: 50%; overflow: hidden; margin: 0 auto;}
.user-info .user-photo img{ width:100%; height: 100%;}

.user-info h3{ font-size: .64rem; text-align: center; padding: .3rem 0 0 0;}

/*------信用等级------*/
.user-level{ width: 100%; text-align: center;}
.user-level i{ width:.6rem; height: .6rem; background: url(../images/icon_heart.svg) no-repeat center; background-size: .52rem auto; display: inline-block;}

/*------余额------*/
.user-wallet{ width:auto; background: #fff; border-radius: .18rem; box-shadow: 0 .2rem .6rem rgba(185,196,213,.4); overflow: hidden; position: absolute; left: .46rem; right: .46rem; bottom: -1.3rem;}
.user-wallet li{ width: 50%; text-align: center; overflow: hidden; float: left; position: relative; padding: .5rem 0;}
.user-wallet li:first-child:after{ width: .06rem; height: 1rem; content: ''; background: #eee; position: absolute; right: 0; top: 1rem;}

.user-wallet li a{ display: block;}
.user-wallet li h3{ font-size: .8rem; color: #111;}
.user-wallet li span{ font-size: .56rem; color: #999;}


/******内容主体******/
/*------主体------*/
.user-container{ width: 100%; margin-top: 2rem; clear: both;}

.start{width:75%;margin: 0px auto; display: block;text-align: center; height: 2.3rem; line-height: 2.3rem; border-radius: .5rem; background: linear-gradient(45deg,#608bf4,#f46e75); background: -webkit-linear-gradient(top right,#f46e75,#608bf4); color: #fff; font-size: .9rem; font-weight: 600;margin-top: 8rem; overflow: hidden;}

.index-panel{ width: auto; background: #fff; border-radius: 15px; overflow: hidden; margin: 0 .46rem;}
.index-title{ width:100%; line-height: 1.2rem; font-size: .58rem; color: #333; position: relative; padding: 0 .4rem 0 .86rem;}
.index-title:before{ width: .16rem; height: .7rem; content: ''; background: #548ffc; border-radius: .08rem; position: absolute; left: .4rem; top: .25rem;}


/******会员主菜单******/
/*------菜单列表------*/
.main-menu{ width: 100%; overflow: hidden; padding: .4rem 0 .4rem 0;}
.main-menu li{ width:33.333%; overflow: hidden; float: left;}
.main-menu li a{ display: block;}
.main-menu li span{ width:100%; font-size: .52rem; color: #777; text-align: center; display: block;}

.main-menu li i{ width: 1.8rem; height: 1.8rem; display: block; margin: 0 auto; position: relative; }
.main-menu li i:before{ width: .85rem; height: .85rem; content: ''; border-radius: .16rem; position: absolute; left: 0; top: .16rem; z-index: 1;}
.main-menu li i:after{ width: 1.8rem; height: 1.8rem; content: ''; background-position: center; background-repeat: no-repeat; background-size: 1.2rem auto; position: absolute; z-index: 2; left: 0; top: 0;}

/*------菜单图标------*/
.main-menu li i.icon-transferin:after{ background-image: url(../images/congzhi.png);}
.main-menu li i.icon-transferout:after{ background-image: url(../images/fenxiang.png);}
.main-menu li i.icon-buy:after{ background-image: url(../images/menu/icon_buy.svg);}
.main-menu li i.icon-sell:after{ background-image: url(../images/kefu.png);}

.main-menu li i.icon-transferin:before, .main-menu li i.icon-transferout:before{ background: #cae9ff;}
.main-menu li i.icon-buy:before, .main-menu li i.icon-sell:before{ background: #e6e2ff;}


/******会员小菜单******/
/*------菜单列表------*/
.index-menu{ width: 100%; overflow: hidden;}
.index-menu li{ width: 100%; border-bottom: #f4f4f4 .05rem solid; overflow: hidden;}
.index-menu li:last-child{ border-bottom: none;}

.index-menu li a{ width: 100%; line-height: 1.7rem; overflow: hidden; display: block; position: relative; padding: 0 1.1rem 0 2rem;}
.index-menu li a:after{ width: 1.1rem; height: 1.7rem; content: ''; background: url(../images/icon_arrow.svg) no-repeat center; background-size: .7rem; position: absolute; right: 0; top: 0;}
.index-menu li span{ width: 100%; font-size: .52rem; color: #8a8a8a; display: block}

.index-menu li i{ width: 2rem; height: 1.7rem; background-position: center; background-repeat: no-repeat; background-size: .8rem auto; display: block; position: absolute; left: 0; top: 0;}

/*------菜单图标------*/
.index-menu li .index-menu-1 i{ background-image: url(../images/lishi.png);}
.index-menu li .index-menu-2 i{ background-image: url(../images/menu/icon_menu_2.svg);}
.index-menu li .index-menu-3 i{ background-image: url(../images/jiaoyi.png);}
.index-menu li .index-menu-4 i{ background-image: url(../images/about.png);}
.index-menu li .index-menu-5 i{ background-image: url(../images/exit.png);}


/******会员菜单：暂未开放******/
.coming-soon-content{ width: auto; text-align: center; overflow: hidden; padding: 1rem .6rem;}
.coming-soon-content img{ width: 2.5rem;}
.coming-soon-content p{ font-size: .56rem; text-align: center; margin-top: .5rem;}

.popup .popup-box.coming-soon .popup-submit button{ width: 60%; float: none; margin: 0 auto; display: block;}


/******公告******/
/*------主体------*/
.index-announce{ width: 100%; border-bottom: #f4f4f4 .08rem solid; overflow: hidden; /*padding: .2rem 2rem .2rem 2.6rem;*/ position: relative; border-radius: 15px 15px 0 0; /*background: #5284ff*/}
/*.index-announce:after{ width: 2.6rem; height: 1.7rem; content: ''; background: url(../images/icon_announce.svg) no-repeat center; background-size: 2rem auto; position: absolute; left: 0; top: .2rem;}*/
.fuwu{width: 30%; float: left; height: 1.7rem; line-height: 1.7rem; text-align: center; color: #fff; font-size: .64rem;position: relative; background: #5284ff}
.fuwu:after{content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #fff;clip-path: path("M 0 24 Q 22 20 24 0 L 24 24 Z");right: -1px;
    bottom: -1px;}
.fuwub{width: 70%; background: #fff; float: right; height: 1.7rem; line-height: 1.7rem; border-radius: 24px 15px 0 0;position: relative;}
.fuwub:before{content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #5284ff;clip-path: path("M 0 24 Q 22 20 24 0 L 24 24 Z");transform: rotate(180deg);left: -1px;
    top: -1px;}

.announce-more{ width: 2rem; height: 1.7rem; line-height: 1.7rem; font-size: .52rem; color: #aaa; text-align: center; display: block; position: absolute; right: 0; top: .2rem;}

/*------列表------*/
.announce-box{ width: 100%; overflow: hidden;}
.announce-box ul{ height: 1.7rem; white-space: nowrap; overflow: hidden;}
/*.announce-box li{ height: 100%; line-height: 1.7rem; font-size: .56rem; display: inline-block; vertical-align: top; padding-right: 1rem;}*/
.announce-box li{ width: 100%; height: 100%; line-height: 1.7rem; font-size: .56rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

.announce-box li a{ color: #333; white-space: nowrap;}
.announce-box li span{ color: #aaa; font-size: .52rem; margin-right: .2rem;}

/******底部固定导航******/
/*------主体------*/
.nav{ width: 100%; /*height: 2.2rem; background: #fff;*/ position: fixed; left: 0; bottom: 0; height:2.8rem; background: url(../images/bot_bj.png) no-repeat center;background-size: cover;}
.nav li{ width: 50%; float: left; position: relative;}
.nav li a{ display: block;}
.nav li i{ width: 1.2rem; height: 1.2rem; display: block; margin: 0 auto;}
.nav li span{ font-size: .52rem; color: #ccc; text-align: center; display: block; font-weight: 600;}
.nav li.on span{ color: #fff;}

/*------左右小图标------*/
.nav li .nav-assets, .nav li .nav-shop{ width: 4.1rem; height: 90%; padding: .1rem 0 .1rem 0; margin: 0 auto; margin-top: .55rem; overflow: hidden;}
.nav li.on a{ background: linear-gradient(45deg,#608bf4,#f46e75); background: -webkit-linear-gradient(top right,#f46e75,#608bf4); border-radius: .35rem;}
.nav li.on .nav-assets i{ background: url(../images/index_on.png) no-repeat center; background-size: 1rem auto;}
.nav li .nav-assets i{ background: url(../images/index_out.png) no-repeat center; background-size: 1rem auto;}
.nav li.on .nav-shop i{ background: url(../images/my_on.png) no-repeat center; background-size: 1rem auto;}
.nav li .nav-shop i{ background: url(../images/my_out.png) no-repeat center; background-size: 1.1rem auto;}

/*------中间扫码按钮------*/
.nav li .scan-btn{ width: 2.55rem; height: 2.55rem; border-radius: 50%; background: linear-gradient(45deg,#608bf4,#f46e75); background: -webkit-linear-gradient(top right,#f46e75,#608bf4); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.3rem;}
.nav li .scan-btn i{ width: 2.55rem; height: 2.55rem; background: url(../images/addd.png) no-repeat center; background-size: 1.2rem auto;}

/*.nav li .scan-btn i{ width: 2.54rem; height: 2.54rem; border-radius: 50%; background: linear-gradient(-45deg,#7e67ff,#49a7ff); background: -webkit-linear-gradient(top left,#49a7ff,#7e67ff); box-shadow: 0 -.1rem .8rem rgba(88,135,251,.7); overflow: hidden; margin: 0 auto; margin-top: -1.24rem; position: relative;}
.nav li .scan-btn i:after{ width: 2.54rem; height: 2.54rem; content: ''; background: url(../images/icon_scan.svg) no-repeat center; background-size: 1.4rem auto; position: absolute; left: 0; top: 0;}
*/



.other-login{width: 100%;height: auto;overflow: hidden; position: absolute; bottom: 3.5rem; text-align: center}
.other-login a{color: #121212}
.other-login img{margin-right: .2rem;width: .6rem; vertical-align: sub;}
.other-login .title{text-align: center;font-size: .52rem;color: #ccc;margin: 1rem 0;}