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

@media screen and (min-width:320px) {
	html {
	font-size:21.33px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:360px) {
	html {
	font-size:24px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:375px) {
	html {
	font-size:25px
	}
	body {
	font-size:12px
	}
}
@media screen and (min-width:384px) {
	html {
	font-size:25.6px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:400px) {
	html {
	font-size:26.67px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:414px) {
	html {
	font-size:27.6px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:424px) {
	html {
	font-size:28.27px
	}
	body {
	font-size:14px
	}
}
@media screen and (min-width:480px) {
	html {
	font-size:32px
	}
	body {
	font-size:15.36px
	}
}
@media screen and (min-width:540px) {
	html {
	font-size:36px
	}
	body {
	font-size:17.28px
	}
}
@media screen and (min-width:720px) {
	html {
	font-size:48px
	}
	body {
	font-size:23.04px
	}
}
@media screen and (min-width:750px) {
	html {
	font-size:50px
	}
	body {
	font-size:24px
	}
}

html{ height: 100%;}
body{ min-width:320px;}


*{  margin:0; padding:0; border:none; box-sizing:border-box;}

a{ text-decoration:none; outline:none;}
a:hover ,a:link ,a:active{ text-decoration:none; outline:none;}
ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;}
i,em{ font-style: normal;}

img{ border:none; outline:none; vertical-align:top;}

input, textarea, button{ color:#111; border:none; background:none; outline:none;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{ color:#aaa;}

::-webkit-scrollbar{ width:0; height:0; display:none}




/**********会员首页**********/
/**************************/
/******页头******/
/*------主体------*/
.user-top{    z-index: -2; height: 15rem;  width: 100%; background:#00FF99; background-size: cover; position: relative;}
.user-header{ background: none;}
.ersond-top{ width: 92%;margin: auto; position: relative;}
.ersond-top .enimg{width: 100%; margin: auto; display: block; position: absolute;top:2rem; z-index: -1;}
/*------消息按钮------*/
.user-header .header-msg{ width:1.8rem; height:1.8rem; background:url(../images/nav-01.png) no-repeat center; background-size:.8rem auto; overflow:hidden; display:block; position:absolute; z-index:1000; right:1.5rem; top:0;}
.user-header .header-msg a{ width: 100%; height: 100%; display: block;}

/*------设置按钮------*/
.user-header .header-setting{ width:1.8rem; height: 1.8rem; position: absolute; right: 0; top: 0;}
.user-header .header-setting a{ width: 100%; height: 100%;  background: url(../images/nav-04.png) no-repeat center; background-size: .9rem auto; display: block; position: relative;}
.user-header .header-setting i{ width:.35rem; height: .35rem; background: #f00; border-radius: 50%; display: block; position: absolute; right: .4rem; top: .4rem;}

/*------会员信息------*/
.user-info{ overflow: hidden; /* padding: 2rem 1rem 0rem 1rem; */}
.user-info a{ color: #fff; 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;background: #fff;}
.percet{position: absolute;
    left: 1rem;
    top: 3rem;}
.user-info .user-photo img{ width:100%; height: 100%;}

.user-info h3{position: absolute;
    left: 27%;
    top: 3.6rem; font-size: .8rem; text-align: center; padding: .3rem 0 0 0; background: url(../images/bianji.png)  no-repeat;background-position: right;width: 37%;
    margin: auto;    
	height: 1.5rem;
    line-height: 1rem; }

/*------余额------*/
.user-parsonal{ width:auto;  overflow: hidden; left: .46rem;     padding: 1rem 0 2.2rem; }
.user-parsonal li{ width: 33.33%; text-align: center; overflow: hidden; float: left; position: relative; padding: .5rem 0;}
.user-parsonal li>:first-child:after {
    width: .06rem;
    height: 1.8rem;
    content: '';
    background: #eee;
    position: absolute;
    right: 0;
    top: 0.8rem;
}
.user-parsonal li.pernone>:first-child:after {width: 0;

}


.user-parsonal li a{ display: block;}
.user-parsonal li h3{ font-size: .9rem; color: #fff;margin-bottom: 0.15rem;}
.user-parsonal li span{ font-size: .5rem; color: #fff;}

/******顶部标题******/
.header {
    width: 100%;
    height: 1.8rem;
    color: #fff;
    padding: 0 2rem;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
	  background: darkviolet;
}
.header .header-return {
    width: 1.8rem;
    height: 1.8rem;
 	  background: url(../images/nav-02.png) no-repeat center;
   
    overflow: hidden;
    display: block;
    position: absolute;
    z-index: 1000;
    left: 0;
    top: 0;
	background-size: 0.4rem;
}
.header .header-return a {
    width: 100%;
    height: 100%;
    display: block;
}
.header .logo {
    width: 100%;
    line-height: 1.8rem;
    font-size: .6rem;
    text-align: center;
    position: relative;
}

.wallet-top {
	height: 4.5rem;
    margin-bottom: 3.2rem;
    width: 100%;
    background: url(../images/bg.png) no-repeat center;
    background-size: cover;
    position: relative;
	    margin-bottom: 5.5rem;
}
.user-header h2{text-align: center; color: #fff; height: 2rem; line-height: 2rem;font-size: 0.6rem;}

/******会员主菜单******/
/*------菜单列表------*/
.index-imew{padding: 0.45rem 0;  background: #fff; border-radius: .58rem; overflow: hidden; width: 96%;margin: auto;position: absolute;bottom: -50px;left: 2%; box-shadow: 0 0.2rem 0.6rem rgb(185 196 213 / 40%);}
 .index-imew .main-menu{ width: 100%; overflow: hidden; padding: .4rem 0 .3rem 0;}
 .index-imew .main-menu li{ width:25%; overflow: hidden; float: left;}
 .index-imew .main-menu li a{ display: block;}
.index-imew .main-menu li span{ width:100%; font-size: .52rem; color: #111; 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.8rem auto; position: absolute; z-index: 2; left: 0; top: 0;}

/*------菜单图标------*/
.main-menu li i.icon-transferin:after{ background-image: url(../images/P-tubiao01.png);}
.main-menu li i.icon-transferout:after{ background-image: url(../images/P-tubiao02.png);}
.main-menu li i.icon-buy:after{ background-image: url(../images/P-tubiao03.png);}
.main-menu li i.icon-sell:after{ background-image: url(../images/P-tubiao04.png);}


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

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

.index-menu li i{ width: 2rem; height: 1.6rem; 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/Personal-list-01.png);}
.index-menu li .index-menu-2 i{ background-image: url(../images/Personal-list-02.png);}
.index-menu li .index-menu-3 i{ background-image: url(../images/Personal-list-03.png);}
.index-menu li .index-menu-4 i{ background-image: url(../images/Personal-list-04.png);}
.index-menu li .index-menu-5 i{ background-image: url(../images/Wallet-list-03.png);}
/*------退出------*/
.logou{width: 96%; margin:2rem auto 0;}
.logou a {
    width: 100%;
    font-size: .65rem;
    color: #f4992e;
    text-align: center;
    background: blueviolet;
    display: block;
    padding: .4rem;
	border-radius: 0.8rem;
}

/******钱包中心******/
/*------主体------*/
.user-wallet {
    width: 92%;
	margin: auto;
    border-radius: .5rem;
    box-shadow: 0 0.2rem 0.6rem rgba(185,196,213,.4);
    overflow: hidden;
    height: 6rem;
	position: absolute;
	background: #fff;
	bottom: -1rem;
	left: 4%;
}
.user-wallet li {
    width: 50%;
    text-align: center;
    overflow: hidden;
    float: left;
    position: relative;
      padding-top: 1rem;
}
.user-wallet li a {
    display: block;
}
.user-wallet li h3 {
       font-size: 1.2rem;
       color: #333;
}
.user-wallet .user-wallet-top li span {
    font-size: .3rem;
    color: #999;
}
.user-wallet-top {
    height: 4rem;
    border-bottom: 0.01rem solid #e8e5e5;
}
.user-wallet-bottom li{padding: 0;   height: 2rem;
        line-height: 1.7rem;
        padding-left: 1.4rem;}
.user-wallet-bottom li.leftd{border-right: 0.01rem solid #ccc; }
		
.wallet-mewn i {
    width: 2rem;
    height: 1.6rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: .8rem auto;
    display: block;
    position: absolute;
    left: 1rem;
    top: 0;
}
.wallet-mewn .wallet-recharge i {
    background-image: url(../images/Recharge.png?1);
	background-size: 1.1rem;
}
.wallet-mewn .wallet-withdraw i {
    background-image: url(../images/Withdraw.png?1);
	background-size: 1.1rem;
}
.user-wallet-bottom span{font-size: 0.6rem; color: #333;}
/*------菜单图标------*/

.home-a{background-image: linear-gradient(to right top,  #cda4ff, #b576ff, #b77bff, #7500ff, #7500ff);}
.home-b{background-image:linear-gradient(to right top, #007dff, #0d7df2, #74b5fa, #6dacee, #78b4f2);}
.home-c{background-image: linear-gradient(to right top, #ff0081, #d7408c, #ff82c0, #f99fcb, #fdacd4);}
.home-d{background-image: linear-gradient(to right top, #ff3a00, #f96e46, #ebaf9e, #f8825f, #ff8f6e);}
.index-menu li .wallet-menu-1 i{ background-image: url(../images/Wallet-list-01.png);}
.index-menu li .wallet-menu-2 i{ background-image: url(../images/Wallet-list-02.png);}
.index-menu li .wallet-menu-3 i{ background-image: url(../images/Wallet-list-03.png);}
.index-menu li .wallet-menu-4 i{ background-image: url(../images/Wallet-list-04.png);}
.index-menu li .wallet-menu-5 i{ background-image: url(../images/Wallet-list-05.png);}

/******产品列表******/
/*------主体------*/
.device-top{ width:100%; margin: auto; margin:2rem 0 ;  background: #f3f3f3;display: inline-block; }
.device-top ul li{width: 46%; float: left;background: #fff; margin: 2%; border-radius: 0.6rem;overflow: hidden;padding-bottom: 0.7rem;}
.device-top ul li img{width: 96%; margin: 0 2%;   }
.device-top ul li h2{text-align: center; font-size: 0.6rem; color: #111;}
.device-top ul li p{text-align: center;color: #f79625;}
.device-top ul li p span{color: #f79625;font-size: 0.8rem;padding-left: 0.2rem;}

/******公告******/
/*------主体------*/
.user-container{ width: 100%; margin-top: 0.5rem; clear: both;    min-height: 2rem;}

.index-panel{  background: #fff;     border-radius: .2rem; overflow: hidden; width: 96%;margin: auto;position: absolute;left: 2%; box-shadow: 0 0.2rem 0.6rem rgb(185 196 213 / 40%);}
.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;}


.index-announce{ width: 100%; border-bottom: #f4f4f4 .08rem solid; overflow: hidden; padding: 0rem 1rem 0rem 1.6rem; position: relative;}
.index-announce:after{ width: 1.6rem; height: 1.7rem; content: ''; background: url(../images/index-gg.png) no-repeat center; background-size: 2rem auto; position: absolute; left: 0; top: 0rem; background-size: 1rem ;}
.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: #989898; white-space: nowrap;}
.announce-box li span{ color: #aaa; font-size: .52rem; margin-right: .2rem;}
.homelogo {
    width: 100%;
    line-height: 1.8rem;
    font-size: .6rem;
    text-align: center;
    position: relative;
	color: #fff;
    z-index: 99;
	background: #a970dc;
	}
.swiper-container img{width: 100%;}
.home-product{width: 96%; margin: auto;display:  flow-root;}
.home-product h2{float: left; font-weight: 600;color: #343434;    border-left: 0.2rem solid #a970dc;
    padding-left: 0.4rem;}
.home-product span{float: right; line-height: 1rem; }
.home-product span a{color: #a970dc;  background: url(../images/jiantou.png) no-repeat;
   padding-right: 0.8rem;
       background-size: .5rem;
       background-position: 1.6rem}
		/*------首页轮播图------*/
.index-panelbot{    z-index: 99;  overflow: hidden; width: 96%;margin: auto;}
.index-panelbot .main-menu{ width: 100%; overflow: hidden; padding: .4rem 0 .3rem 0;}
.index-panelbot .main-menu li{ width:46%; overflow: hidden; float: left;
    margin: 2%;    border-radius: 0.2rem;    padding: 0.6rem 0;    box-shadow: 0 2px 8px rgb(0 0 0 / 25%);}
.index-panelbot .main-menu li a{ display: block;}
.index-panelbot .main-menu li span{ width:100%;     font-size: .6rem;     padding-top: 0.4rem;   color: #fff; text-align: center; display: block;}
.index-panelbot .main-menu li i.icon-transferin:after{ background-image: url(../images/index-01.png);}
.index-panelbot .main-menu li i.icon-transferout:after{ background-image: url(../images/index-02.png);}
.index-panelbot .main-menu li i.icon-buy:after{ background-image: url(../images/index-03.png);}
.index-panelbot .main-menu li i.icon-sell:after{ background-image: url(../images/index-04.png);}
	   
/*------首页产品------*/
.home-producttop{ width:100%; margin: auto; margin:0.3rem 0;  background: #f3f3f3;display: inline-block; }
.home-producttop ul li{width: 46%; height: 8.5rem; float: left;background: #fff; margin: 2%; border-radius: 0.2rem;overflow: hidden;padding-bottom: 0.7rem;    box-shadow: 0 2px 8px rgb(0 0 0 / 25%); overflow: hidden;}
.home-producttop ul li img{width:100%;    }
.home-producttop ul li h2{text-align: center; font-size: 0.6rem; color: #111;
    line-height: 1.2rem;
	    overflow: hidden;
	    text-overflow: ellipsis;
	    white-space: nowrap;
		    padding: 0 0.2rem;
}



.home-producttop ul li p{    text-align: center;
    color: #fff;
   background: #a970dc;
    height: 1rem;
    background-size: 2.5rem;
    background-position: center;
    line-height: 1rem;
	    margin-top: 0.6rem;
}

/******正文******/
.article{ width: 100%; background: #fff; overflow: hidden; padding: .5rem .7rem;}
.article .article-title{ font-size: .72rem; text-align: center; padding: .3rem 0;}
.article .article-time{ font-size: .56rem; text-align: center; color: #999;}

.article .article-content{ overflow: hidden; padding: 1rem 0 .8rem 0;}
.article .article-content p{ line-height: 1.8em; font-size: .52rem; color: #555; text-indent: 1.04rem; text-align: justify; margin-top: .15rem;}

 
 

/*------首页新闻------*/
.home-news{width: 96%; margin:0.6rem auto ;}
.home-news .homenewsimg {width: 30%;float: right;}
.home-news .homenewsimg img{width: 100%;    min-height: 3.8rem;
    border-radius: 0.2rem;}
 .homenewshps{width:69%;float: right;    padding-right: 0.4rem;}
 .home-news ul li{ width: 100%; background: #fff;    display: inline-block;padding: 0.5rem 0.2rem;     margin-bottom: 0.5rem;    box-shadow: 0 2px 8px rgb(0 0 0 / 25%); border-radius:0.4rem;}
 .homenewshps h2{font-size: 0.64rem;font-weight: 600;color: #8543c1;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}
 .homenewshps p{height: 2.4rem; padding: 0.3rem 0; color: #333;overflow: hidden; }
  .homenewshps span{color: #a970dc;
    background-size: .5rem;
    background-position: 0rem 0.1rem;}
 /******底部固定导航******/
/*------主体------*/
.nav{ width: 100%; height: 2.2rem; background: #fff; position: fixed; left: 0; bottom: 0;}
.nav li{ width: 33.33%; float: left; position: relative;}
.nav li a{ display: block;}
.nav li i{ width: 1.2rem; height: 1.15rem; display: block; margin: 0 auto;}
.nav li span{ font-size: .52rem; color: #333; text-align: center; display: block;}
.nav li .nav-home, .nav li .nav-device,.nav li .nav-wallet, .nav li .nav-personal { width: 2rem; height: 100%; padding: .2rem 0 0 0; margin: 0 auto;}
.nav li .nav-home i{ background: url(../images/nav-off-01.png) no-repeat center; background-size: 1.1rem auto;}
.nav li .nav-device i{ background: url(../images/nav-off-02.png) no-repeat center; background-size: 1rem auto;}
.nav li .nav-wallet i{ background: url(../images/nav-off-03.png) no-repeat center; background-size: 1rem auto;}
.nav li .nav-personal i{ background: url(../images/nav-off-04.png) no-repeat center; background-size: 1.1rem auto;}
.nav li.on span{color:#a922b6;}
.nav li.on .nav-home i{background: url(../images/nav-on-01.png) no-repeat center; background-size: 1.1rem auto;}
.nav li.on .nav-device i{background: url(../images/nav-on-02.png) no-repeat center; background-size: 1.1rem auto;}
.nav li.on .nav-wallet i{background: url(../images/nav-on-03.png) no-repeat center; background-size: 1.1rem auto;}
.nav li.on .nav-personal i{background: url(../images/nav-on-04.png) no-repeat center; background-size: 1.1rem auto;}
/******页面下方添加按钮******/
.add-btn{ width:100%; overflow: hidden; padding: .3rem .5rem; position: fixed; left: 0; bottom: 0;}
.add-btn a{ width: auto; height: 1.5rem; line-height: 1.5rem; font-size: .56rem; color: #fff; text-align: center;     background: -webkit-linear-gradient(left,#2cc084,#2fc381); border-radius: .2rem; display: block;}
.add-btn span, .add-btn i{ height: 1.5rem; display: inline-block; vertical-align: top;}
.add-btn i{ width: .86rem; background: url(../images/bianji.png) no-repeat center; background-size: .6rem auto;}
/*------添加银行卡表单------*/
.bankcard-form .form-label{ width: 4rem;}

/*------银行卡列表------*/
.bankcard-list{ width:100%;}
.bankcard-list li{  width:auto; background: #fff; border-radius: .25rem; box-shadow: 0 0 6px rgba(0, 0, 0, .15); overflow: hidden; position: relative; margin: .6rem .5rem; z-index: 1;}

.bankcard-list .bankcard-list-box{ width: 100%; display: block; position: relative;}
.bankcard-list .bankcard-list-box h3{ width: 100%; font-size: .6rem; color: #fff;     background:#a922b6; padding: .3rem .6rem;}
.bankcard-list .bankcard-list-box p{ font-size: .56rem; color: #666; display: block; padding: .6rem;}
.bankcard-list .bankcard-list-box span{ font-size: .4rem; color: #46a9fd; border: #46a9fd 1px solid; border-radius: .1rem; padding: 0 .1rem; display: inline-block; margin-right: .2rem;}

.bankcard-list button{ color: #aaa; border: #ddd 1px solid; border-radius: .2rem; padding: .1rem .5rem; position: absolute; right: .6rem; bottom: .45rem; z-index: 2;}
/******通用表单格式******/
/*------外框------*/
.form-widget{ width:100%; overflow:hidden;}
.form-box{ width:auto;}

/*------表单主体------*/
.form-group{ width:100%; background:#ffe3e3; border-bottom:#f1f1f1 1px solid; display:table; position: relative;}
/*.form-group:last-child{ border-bottom:none;}*/

.form-label, .form-control{ height:1.9rem; font-size:.56rem; display:table-cell; padding:0 .3rem; position: relative; vertical-align: middle;}
.form-label{ width:3.6rem; color:#333;}
.form-label i{ color: #f00;}

.form-control span{ display: block; vertical-align: middle;}

/*------输入框------*/
.form-control input{ width:100%; height:1.8rem; font-size:.56rem; border:none; background:none;}

.form-control input.primary-input{ font-size: .6rem; color: #46a9fd;}
.form-control input.primary-input::-webkit-input-placeholder{ font-size: .56rem;}

/*------单选/多选框------*/
.radio-group{ height:1.8rem;}

.radio-group input[type=radio], .radio-group input[type=checkbox]{ width:.8rem; height:.8rem; border:#ddd .08rem solid; border-radius:50%; float:left; margin-top:.7rem; -webkit-appearance:none; appearance:none;}
.radio-group input[type=radio]:checked, .radio-group input[type=checkbox]:checked{ background:url(../images/selected.png) no-repeat; background-size:.8rem auto; border:none;}

.radio-group span{ font-size:.56rem; color:#555; display:inline-block; margin-left:.3rem;}

/*------下拉选择框------*/
.select-group{ width:100%; height:1.9rem; color:#555; position:relative;}
.select-group:after{ width:.3rem; height:.3rem; content:''; border-top:#c4c4c4 1px solid; border-right:#c4c4c4 1px solid; -webkit-transform:rotate(135deg); -ms-transform:rotate(135deg); position:absolute; right:.3rem; top:.65rem;}

.select-group select{ width:100%; height:1.8rem; font-size:.56rem; color:#999; border:none; outline:none; -webkit-appearance:none; appearance:none;}

.form-control .select-group span{ line-height: 1.9rem;}

/*------手机标志------*/
.form-phone.form-control{ padding: 0 .3rem 0 2.2rem;}
.form-phone.form-control span{ height: 1rem; line-height: 1rem; font-size: .46rem; color: #45acfb; border-right:#ddd 1px solid; display: block; padding: 0 .4rem; position: absolute; left: 0; top: .4rem;}

/*------获取验证码------*/
.form-getcode.form-control{ padding: 0 3.7rem 0 .3rem;}
.form-getcode.form-control button{ width:3.5rem; height:1.8rem; font-size:.46rem; color:#f00; text-align:center; position: absolute; top: 0; right: 0;}

/*------链接------*/
.form-link{ width: 100%;}
.form-link a{ color: #46a9fd; display: block; float: right; padding: .5rem;}

/*------提示语------*/
.form-tips{ width: 100%; font-size: .48rem; color: #f00; padding: .3rem;}

/*------设为默认------*/
.set-default{ width: 100%; overflow: hidden; padding: .5rem .3rem;}
.set-default span{ line-height: .74rem; font-size: .48rem; color: #aaa; display: block; float: left; margin-left: .3rem;}

.set-default input[type=radio], .set-default input[type=checkbox]{ width:.74rem; height:.74rem; border:#ccc 2px solid; border-radius:50%; float:left;  -webkit-appearance:none; appearance:none;}
.set-default input[type=radio]:checked, .set-default input[type=checkbox]:checked{ background:url(../images/icon_check_white.svg) #46a9fd no-repeat center; background-size:.5rem auto; border:none;}

/*------交易相关------*/
.trade-type{line-height: 1.5rem; font-size: .5rem; color: #999; position: absolute; right: 0; top: 0;}
.trade-all{ width: 1.6rem; height: .8rem; line-height: .8rem; font-size: .5rem; color: #fff; text-align: center; background: #18c481; border-radius: .1rem; display: block; position: absolute; right: .3rem; top: .6rem;}

/*------选择单位------*/
.choose-unit{ height: 1.9rem; line-height: 1.9rem; overflow: hidden; padding: 0 .8rem 0 .3rem; position: absolute; right: 0; top: 0;}
.choose-unit:after{ width: 0; height: 0; content: ''; border-left:.18rem solid transparent; border-right:.18rem solid transparent; border-top:.18rem solid #bbb; display: block; position: absolute; right:.2rem; top: .9rem;}

.choose-unit span{ font-size: .48rem; color: #333;}

/*------提交按钮------*/
.form-submit{ width:100%; padding:.5rem; clear:both; margin-top:1rem;}
.form-submit-btn{ width: 100%; height: 1.6rem; line-height: 1.6rem; font-size: .64rem; color: #fff; text-align: center; background: #ff0900; border-radius: .2rem; display: block;}
.form-submit-btn:disabled{ background: #afd8fa;}

.form-submit-btn.yellow-btn{ background: #ffb400; margin-top: .8rem;}
.form-submit-btn.red-btn{ background: #fc8973;}
.form-submit-btn.red-btn:disabled{ background: #fea290;}


/******弹出框******/
/*------主体------*/
.popup{ width:100%; height:100%; background:rgba(0,0,0,.5); overflow:hidden; position:fixed; top:0; left:0; z-index:9999; display:none;}
.popup .popup-box{ width:80%; background:#fff; border-radius:.4rem; box-shadow:#555 0 0 1rem; overflow:hidden; margin:0 auto; margin-top:5rem;}
.popup .popup-box .popup-box-title{ width:100%; font-size:.6rem; color:#333; text-align: center; border-bottom:#e6e6ed 1px solid; padding:.5rem;}

/*------内容框和滚动条样式------*/
.popup .popup-box .popup-box-content{ width:100%; max-height: 15rem; overflow-x:hidden; overflow-y: auto;}
.popup .popup-box .popup-box-content::-webkit-scrollbar{ width: .35rem; display: block;}
.popup .popup-box .popup-box-content::-webkit-scrollbar-track{ width: .35rem; background: #fff; border-radius: .16rem;}/*轨道*/
.popup .popup-box .popup-box-content::-webkit-scrollbar-thumb{ height: 1rem; background: #ddd; border-radius: .16rem;}/*滚动块*/

/*------按钮------*/
.popup .popup-box .popup-submit{ width:100%; border-top:#e6e6ed 1px solid; overflow:hidden;}
.popup .popup-box .popup-submit button{ width:50%; height:1.72rem; font-size:.56rem; text-align:center; float:left;}
.popup .popup-box .popup-submit .confirm-btn{ font-size: .6rem; color:#29a1f7;}
.popup .popup-box .popup-submit .cancle-btn{ color:#999; border-right: #e6e6ed 1px solid;}

/*------选择列表------*/
.choose-list{ width: 100%; overflow: hidden; padding: .5rem;}
.choose-list li{ width: 100%; height: 1.6rem; line-height: 1.6rem; position: relative;}

.choose-list li label, .choose-list input[type='radio']{ width:100%; height: 1.6rem; position: absolute; left: 0; top: 0;}
.choose-list li label{ font-size: .56rem; z-index: 1;}
.choose-list input[type='radio']{ opacity: 0; z-index: 2}

.choose-list input:checked+label::after{ width: 1rem; height: 1rem; content: ''; background: url(../images/icon_check.svg) no-repeat center; background-size: .55rem auto; position: absolute; right: .2rem; top: .35rem;}
.choose-list input:checked+label{ color: #46a9fd;}

/*------表单------*/
.popup .popup-box .popup-box-content .form-widget{ padding: .3rem;}
.popup .popup-box .popup-box-content .form-label, .popup .popup-box .popup-box-content .form-control{ height: 1.5rem; line-height: 1.5rem;}
.popup .popup-box .form-control input{ height: 1.44rem; color: #46a9fd;}
.popup .popup-box .form-control .trade-all{ right: 0; top: .35rem;}

/*------输入密码------*/
.enter-password{ width: 100%; text-align: center; overflow: hidden; padding: .5rem;}
.enter-password input{ width: 1.3rem; height: 1.3rem; border: #ddd 1px solid; border-radius: .2rem; display: inline-block; margin: .2rem .1rem;}


/******下滑弹出层******/
.slide-warp{ width:100%; height:100%; background:rgba(0,0,0,.5); overflow:hidden; position:fixed; left:0; bottom:-100%;}

.slide-box{ width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:999;}
.slide-box ul{ width: 100%; overflow: hidden; padding: 0rem .5rem .4rem .5rem;}
.slide-box ul li{ height:1.72rem; line-height:1.72rem; font-size:0.56rem; background:#fff; border-bottom: 1px solid #d6d6da;}
.slide-box ul li:first-child{ border-radius: .3rem .3rem 0 0;}
.slide-box ul li:last-child{ border-radius: 0 0 .3rem .3rem;}

.slide-box ul li a{ width: 100%; text-align:center; color:#2487ff; display:block;}

.slide-box ul li.cancle{ border-radius: .3rem;}
/******切换选项卡******/
/*------主体------*/
.tab-container{ overflow: hidden; padding: 3.66rem 0 0 0;}

/*------标题------*/
.tab-title{ width: 100%; background: #fff; overflow: hidden; position: fixed; left: 0; top: 1.76rem; z-index:999;}

.tab-title ul{ width: 100%; table-layout: fixed; display: table;}
.tab-title li{ height: 1.6rem; line-height: 1.6rem; display: table-cell;}
.tab-title li a{ width: 100%; height: 100%; font-size: .52rem; text-align: center; color: #555; display: block; position: relative;}
.tab-title li a.active{ color: #46a9fd;}
.tab-title li a.active:after{ width: 50%; height: .1rem; content: ''; background: #46a9fd; border-radius: .1rem; position: absolute; bottom: 0; left: 25%;}

/*------切换标题：2个------*/
.tab-title .tab-item{ width: 100%; table-layout: fixed; position:relative;}
.tab-title .tab-item span{ width: 50%; height: 1.6rem; line-height: 1.6rem; font-size: .52rem; text-align: center; color: #555; display: block; float: left; position:relative; z-index:2;}
.tab-title .tab-item span.active{ color: #a922b6;}

.tab-title .lava{ width: 50%; height: 1.6rem; position: absolute; left: 0; top: 0; z-index: 0;}
.tab-title .lava:after{ width: 50%; height: .1rem; content: ''; background: #a922b6; border-radius: .1rem; position: absolute; bottom: 0; left: 25%;}

/*------切换标题：3个------*/
.tab-title-s .tab-item span{ width:33.333333%;}
.tab-title-s .lava{ width:33.333333%;}

/*------切换内容------*/
.tab-content{ width: 200%; white-space: nowrap; position: relative;}
.tab-content>div{ width: 50%; float: left; position: relative;}

.tab-title-s+.tab-content{ width: 300%;}
.tab-title-s+.tab-content>div{ width: 33.3333333%;}

/*------切换内容------*/
.tab-box{ width: 100%; overflow: hidden;}

/******记录表格******/
/*------主体------*/
.record-list{ width: 100%; overflow: hidden; position: relative; }

/*------表格内容------*/
.record-list-title, .record-list-content{ width: 100%; background: #fff; table-layout: fixed; border-collapse: collapse; display: table;}
.record-list-title span, .record-list-content span{ text-align: center; display: table-cell;}

.record-list-title{ border-bottom: #e4e4e4 1px solid;}
.record-list-title span{ font-size: .56rem; color: #333; padding: .5rem .3rem;}

.record-list-content{ border-bottom: #f1f1f1 1px solid;}
.record-list-content span{ font-size: .52rem; color: #777; padding: .3rem;}
.record-list-content b{ font-weight: normal;}

/*------字体颜色------*/
.record-red{ font-size: .56rem; color: #f80;}
.record-green{ font-size: .56rem; color: #4bc94f;}
/******加载更多******/
.load-more, .load-no-more{ width: 100%; overflow: hidden;}
.load-more a{ width: 100%; font-size: .5rem; color: #555; text-align: center; display: block; padding: .5rem 1rem;}

.load-no-more span{ width: 100%; font-size: .5rem; color: #999; text-align: center; display: block; padding: .5rem 1rem;}
.vpay-container{ padding:1.76rem 0 1.6rem 0;}


/******V宝账户信息******/
/*------主体------*/
.vpay-account{ width: 100%; background: #00FF99 top; background-size: 100% 100%; overflow: hidden;}

/*------昨日收益------*/
.vpay-account .vpay-account-balance{ text-align: center; color: #fff; overflow: hidden; padding: 1rem;}
.vpay-account .vpay-account-balance span{ font-size: .5rem; display: block;}
.vpay-account .vpay-account-balance h1{ font-size: 1.2rem; padding:.2rem;}

/*------可用资产------*/
.vpay-account .vpay-account-details{ width: 100%; overflow: hidden;}
.vpay-account .vpay-account-details li{ width: 50%; float: left; position: relative;}
.vpay-account .vpay-account-details li:first-child:after{ width:1px; height: .8rem; content: ''; background: rgba(255, 255, 255, .3); position: absolute; right: 0; top: .9rem;}

.vpay-account .vpay-account-details li a{ width: 100%; color: #fff; text-align: center; background: rgba(255, 255, 255, .1); display: block; overflow: hidden; padding: .4rem 0;}

.vpay-account .vpay-account-details li span{ font-size: .5rem; display: block;}
.vpay-account .vpay-account-details li h3{ font-size: .72rem;}


/******V宝账户记录******/
/*------记录列表------*/
.vpay-record{ width: 100%; overflow: hidden;}
.vpay-record .tab-title{ position:relative; left:auto; top:auto;}

.vpay-list{ margin-top: .08rem;}

/*------转入/转出按钮------*/
.vpay-toolbar{ width: 100%; position: fixed; left: 0; bottom: 0; z-index:999;}
.vpay-toolbar a{ width: 50%; height: 1.6rem; line-height: 1.6rem; font-size: .56rem; text-align: center; color: #fff; display: block; float: left;} 
.vpay-toolbar a:first-child{ background: #46a9fd;}
.vpay-toolbar a:last-child{ background: #ffba00;}

/*------列表图标------*/
.setting-menu a.setting-menu-1 i{ background-image: url(../images/user_icon_1.svg);}
.setting-menu a.setting-menu-3 i{ background-image: url(../images/user_icon_3.svg);}
.setting-menu a.setting-menu-4 i{ background-image: url(../images/user_icon_4.svg);}
.setting-menu a.setting-menu-5 i{ background-image: url(../images/user_icon_5.svg); background-size: .96rem auto;}
.setting-menu a.setting-menu-6 i{ background-image: url(../images/user_icon_6.svg); background-size: .96rem auto;}
.setting-menu a.setting-menu-7 i{ background-image: url(../images/setting/user_icon_7.svg);}
.setting-menu a.setting-menu-8 i{ background-image: url(../images/setting/user_icon_8.svg);}
.setting-menu a.setting-menu-9 i{ background-image: url(../images/setting/user_icon_9.svg);}
.setting-menu a.setting-menu-10 i{ background-image: url(../images/setting/user_icon_10.svg); background-size: .76rem auto;}
.setting-menu a.setting-menu-11 i{ background-image: url(../images/setting/user_icon_11.svg);}
.setting-menu a.setting-menu-12 i{ background-image: url(../images/setting/user_icon_12.svg);}
.setting-menu a.setting-menu-13 i{ background-image: url(../images/setting/user_icon_13.svg);}
.setting-menu a.setting-menu-14 i{ background-image: url(../images/setting/user_icon_14.svg);}
.setting-menu a.setting-menu-15 i{ background-image: url(../images/setting/user_icon_15.svg);}
.setting-menu a.setting-menu-16 i{ background-image: url(../images/setting/user_icon_16.svg);}
.setting-menu a.setting-menu-17 i{ background-image: url(../images/setting/user_icon_17.svg); background-size: .8rem auto;}



.box-group {
	padding: 0 1.2em;
}

.box-group .item-group {
	margin-top: 1.4em;
	background: #fff;
	border-radius: 0.4em;
	display: flex;
	position: relative;
	box-shadow: 2px 2px 5px #999;
	overflow: hidden;
}

.box-group .item-group .item-left {
	width: 6em;
	box-sizing: border-box;
	padding: 1em 0 1em 10px;
	text-align: center;
	border-right: 0.1em dashed #d8dde1;
	position: relative;
}

.left-gb {
	position: absolute;
	left: 0;
	top: 0;
	width: 1em;
	height: 100%;
	background: #ff950b;
	background-image: radial-gradient(#fff 25%, #fff 40%, #ff950b 45%);
	background-size: 10px 10px;
	background-repeat: repeat-y;
	background-position: 300% 1%;
}

.left-defect {
	width: 1em;
	height: 1em;
	border-radius: 50%;
	background: #d8dde1;
	position: absolute;
	right: -0.6em;
	top: -0.5em;
}

.left-defect-2 {
	bottom: -0.5em;
	top: auto;
}

.code-price {
	font-size: 1.4em;
	color: #ff950b;
	font-weight: bold;
}

.code-icon {}

.item-right {
	position: relative;
	flex: 1;
	padding: 1em 0 1em 1.2em;
}

.code-tiele {
	font-weight: bold;
}

.code-time {
	color: #acacac;
}

.end {
	background: #c4c4c4;
	color: #fff;
	position: absolute;
	top: -0.5em;
	right: -3em;
	font-size: 0.6em;
	padding: 1em 2em 0;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}

.green .left-gb {
	background-color: #58c11e;
	background-image: radial-gradient(#fff 25%, #fff 40%, #58c11e 45%);
}

.green .code-price {
	color: #58c11e;
}

.grey .left-gb {
	background-color: #c4c4c4;
	background-image: radial-gradient(#fff 25%, #fff 40%, #c4c4c4 45%);
}

.grey .code-price,
.grey .code-icon,
.grey .code-tiele {
	color: #c4c4c4;
}