@import url('public.css');

/*---------------------------------------------------------------------------*/
/*登录注册*/

.login-con .login-form{ height:calc(100vh - 0.9rem); overflow-y:scroll;}
.login-con .sloganbx{margin-top:20vw; margin-bottom:0.6rem; font-size:0.48rem; color:#444444;}
.login-con .titlebox{ font-size:0.32rem; color:#444444;}
.login-con .formbx{ margin-bottom:0.6rem;}
.login-con .formbx h3{ font-size:0.48rem; padding:0.2rem 0; color:#000;}
.login-con .item{padding:0 0.2rem; background:#f7f7fb; border-radius:0.15rem; margin-bottom:0.3rem; position:relative;}
.login-con .infobx{font-size:0.26rem; padding-top:0.2rem;}
.login-con .infobx i{margin-right:0.1rem;}
.login-con .inputbx{ overflow:hidden; position:relative;flex-grow:1;}
.login-con .inputbx input{ height:0.68rem; font-size:0.32rem;}
.login-con .inputbx input,
.login-con .inputbx input::-webkit-input-placeholder,
.login-con .inputbx textarea,
.login-con .inputbx textarea::-webkit-input-placeholder{ width:100%; color:#1d1e2c;}
.login-con .btn-code img{ height:0.68rem;}
.login-con .inputbx a{padding:0.15rem 0; }
.login-con .inputbx a i{color:#d6d6d6;}
.login-con .tab-hd>div{ margin-right:0.2rem;}




/*首页*/


.goodsbx .imgbx{ width:1.4rem;}
.goodsbx .infobx{ width:calc(100% - 1.6rem);}


/*钱包*/
.wallet-con .bg-banner{ height:3.2rem;}
.wallet-con .titlebox *{ color:#fff;}
.wallet-con .titlebox h3{ font-size:0.48rem;}
.wallet-con .titlebox a{ display:block; text-align:center; margin-right:0.2rem; min-width:3em;}
.wallet-con .titlebox a:last-child{ margin-right:0;}
.wallet-con .titlebox a i{ font-size:0.68rem;}
.wallet-con .titlebox a span{ display:block;}
.wallet-con .my-info .avatar{ width:0.8rem; height:0.8rem; margin-right:0.2rem;}
.wallet-con dt{ margin-bottom:0.1rem;}
.wallet-con dt h3{ font-size:0.68rem;}
.wallet-con dd{ width:50%; float:left;}
.wallet-con dd h3{ font-size:0.48rem;}
.wallet-con .adbx{ overflow:hidden; margin:0.2rem auto;}
.wallet-con .listbx li{ margin-bottom:0.2rem;}
.wallet-con .listbx li .imgbx{ overflow:hidden; margin-right:0.2rem; width:0.9rem; }
.wallet-con .listbx li .afterbx{ text-align:right;}
.wallet-con .listbx li h3{ font-size:0.36rem;}
.wallet-con .listbx li p{ color:#999;}
.wallet-con .listbx li i{ width:0.68rem; height:0.68rem;}


/*账单*/
.record-con .listbx li{ margin-bottom:0.3rem;}
.record-con .listbx li .titlebx{padding:0.2rem 0.3rem 0 0.3rem;box-shadow:0 0 5px rgb(0,0,0,0.2);  border-radius:0.2rem 0.2rem 0 0;font-size:0.3rem;}
.record-con .listbx li .linebx{ padding:0.15rem 0.3rem; position:relative;background:#fff; overflow:hidden;}
.record-con .listbx li .linebx:before,
.record-con .listbx li .linebx:after{background:#f5f5f5; content:''; position:absolute; top:50%; margin-top:-0.15rem; width:0.3rem; height:0.3rem; border-radius:50%; box-shadow:inset 0 0 5px rgb(0,0,0,0.2);}
.record-con .listbx li .linebx:before{left:-0.15rem;}
.record-con .listbx li .linebx:after{right:-0.15rem;}
.record-con .listbx li .linebx span{ width:100%;display:block; border-bottom:1px dashed #ddd;}
.record-con .listbx li .infobx{ padding:0rem 0.3rem 0.1rem 0.3rem;box-shadow:0 0 5px rgb(0,0,0,0.2);border-radius:0 0 0.2rem 0.2rem;}
.record-con .listbx li .infobx .item{ padding:0.05rem 0;}
.record-con .listbx li .infobx .item .namebx{ min-width:6em;}

/*秒杀*/
.seckill .banner{ padding:0.6rem 0.2rem; background:url(../img/seckill-banner.jpg) center; background-size:cover; text-align:center; color:#fff;}
.seckill .banner img{ height:1.2rem; width:auto;}
.seckill .banner .timebx{ padding-left:0.3rem;}
.seckill .banner .timebx p{ width:0.8rem; height:1.0rem; background:#fff; position:relative; border-radius:0.10rem; margin:0 0.1rem; font-size:0.6rem; font-weight:bold;}


/*盲盒*/
.random .banner a{ position:absolute; z-index:1; bottom:1.3rem; left:20%; width:60%; height:1.5rem;}
.random .totalbx .textbx{ position:absolute; top:50%;transform:translate(0, -50%); left:0.5rem; margin-top:0.1rem;}
.random .listbx{ color:#fff; background:#e157e2; margin:0.2rem;}
.random .listbx .titlebx span{ position:relative; padding:0 0.4rem; font-size:0.3rem;}
.random .listbx .titlebx span:before,
.random .listbx .titlebx span:after{ content:''; position:absolute; top:50%; margin-top:-0.15rem; height:0.3rem; width:0.3rem; background:url(../img/title-dian.png) center no-repeat; background-size:0.3rem;}
.random .listbx .titlebx span:before{left:0;}
.random .listbx .titlebx span:after{ right:0;transform: rotateY(180deg);}
.random .listbx li{ background:#c239c3;}
.random .listbx li:last-child{ margin-bottom:0;}

.popbtn{ background: url(../img/popbtn.png); background-size:100% 100%; height:1.2rem;font-size:0.34rem; color:#2e018c; padding-bottom:0.15rem;}

/*个人中心*/
.userbx .avatar{ width:1.2rem; height:1.2rem;}
.userbx .textbx p span{ padding:0.05rem 0.1rem;}
.my-con .totalbx li{position:relative; width:100%;}
.my-con .totalbx li:after{content:''; position:absolute;top:50%;right:0;margin-top:-0.3rem;height:0.6rem;width:1px;background:#999;}
.my-con .totalbx li:last-child:after{display:none;}

.my-con .orderbx li{text-align:center; position:relative;width:100%;}
.my-con .orderbx li:after{content:''; position:absolute;top:10%;right:0;height:80%;width:1px;background:#f3f3f3;}
.my-con .orderbx li:last-child:after{display:none;}
.my-con .orderbx li i{  background-size:0.7rem !important;}
.my-con .orderbx li em{ position:absolute;left:50%;top:0;margin-left:0.3rem;padding:0 0.1rem;border-radius:0.6rem;}

.my-con .set-list li{ width:25%; margin-top:0.2rem;}
.my-con .set-list li i{ font-size:0.6rem; margin-bottom:0.1rem;}

.my-con .btnbox{ margin:0.4rem auto;}
.my-con .btnbox a{ padding:0.2rem 0.8rem;}
.my-con .btnbox i{ margin-right:0.1rem;}