.bg{ width: 10rem; margin: 0 auto; height: 100vh; overflow: hidden; position: relative; //display: none; } .n-banner{ width: 8.88rem; height: 2.42rem; background: url(../images/n-banner.png)no-repeat; background-size: 100% 100%; margin: 0 auto; p{ text-align: center; color: #fff; line-height: 0.8rem; } p:nth-child(1){ font-size: 0.45rem; padding-top: 0.3rem; } P:nth-child(2){ font-size: 0.65rem; } } .banner{ width: 10rem; height: 7.5rem; background: linear-gradient(#FE6A00,#FD5531); position: relative; overflow: hidden; .banner-tips{ color: #fff; font-size: 0.35rem; position: absolute; left: 0.3rem; top: 0.3rem; } .circle1{ width: 5.7rem; height: 5.7rem; border-radius: 50%; position: absolute; background: rgba(255,255,255,0.1); left: 50%; top: 50%; margin-left: -2.85rem; margin-top: -2.85rem; } .circle2{ width: 4.35rem; height: 4.35rem; border-radius: 50%; position: absolute; background: rgba(255,255,255,0.2); left: 50%; top: 50%; margin-left: -2.175rem; margin-top: -2.175rem; } .circle3{ width: 3.3rem; height: 3.3rem; border-radius: 50%; position: absolute; background: #fff; left: 50%; top: 50%; margin-left: -1.65rem; margin-top: -1.65rem; p{ line-height: 3.3rem; font-size: 0.47rem; text-align: center; color: #FF6701; font-weight: 700; } } } .n-index1{ .withdraw-btn{ background: linear-gradient(to right,#FAE9AA,#FAC96A); } .diamond-exchange{ border: 1px solid #EBD591; color: #EBD591; } } .my-money-box{ height: 1.35rem; width: 9.15rem; margin: 0 auto; margin-top: 0.7rem; padding-bottom: 0.35rem; border-bottom: 1px solid #E1DEE2; .my-money-box1{ width: 4.53rem; position: relative; height: 1.35rem; float: left; //border-right:1px solid #E2E2E5; //transform: scaleY(0.5);//注意兼容性 p{ line-height: 0.67rem; color: #000000; text-align: center; } p:nth-child(1){ font-size: 0.35rem; } p:nth-child(2){ font-size: 0.4rem; font-weight: 700; span{ font-weight: 400; margin-left: 0.1rem; font-size: 0.32rem; } } } .my-money-box1:before { content: ''; border-right: 1px solid #E2E2E5; transform: scale(0.5); transform-origin: 0 0; width: 200%; height: 200%; position: absolute; left: 0; top: 0; } .my-money-box2{ width: 4.53rem; height: 1.35rem; float: left; p{ line-height: 0.67rem; color: #000000; text-align: center; } p:nth-child(1){ font-size: 0.35rem; } p:nth-child(2){ font-size: 0.4rem; font-weight: 700; span{ font-weight: 400; margin-left: 0.1rem; font-size: 0.32rem; } } } } .bottom-box{ width: 9.15rem; //border-top:1px solid #E1E1E3; position: relative; margin: 0 auto; } .bottom-box:before { content: ''; border-top: 1px solid #E1E1E3; transform: scale(0.5); transform-origin: 0 0; width: 200%; height: 200%; position: absolute; left: 0; top: 0; } .withdraw-btn{ border-radius: 1rem; font-size: 0.4rem; position: relative; z-index: 2; color:#723D01; margin-top: 1rem; width: 6.37rem; height: 1.26rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); box-shadow: 2px 2px 2px #F7CEBA; } .diamond-exchange{ width: 6.35rem; height: 1.2rem; position: relative; z-index: 2; background: #fff; margin-top: 0.3rem; border: 1px solid #FF5000; border-radius: 1rem; font-size: 0.4rem; color: #FE6500; } .href-box{ text-align: center; color: #010101; font-size: 0.35rem; line-height: 1.1rem; position: relative; z-index: 2; span{ margin-left: 0.2rem; margin-right: 0.2rem; } } .bind-bg{ width: 10rem; display: none; margin: 0 auto; >div{ width: 9rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; padding-top: 0.55rem; //border-bottom:1px solid #E5E5E5; font-size: 0.37rem; color: #000; position: relative; } >div:before{ content: ''; position: absolute; width: 200%; height: 121%; border-bottom: 1px solid #E5E5E5; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } .bind-name{ margin-left: 0.4rem; } .bind-bank-name{ margin-left: 0.4rem; } .bind-bank{ position: absolute; width: 7rem; height: 0.8rem; line-height: 0.8rem; top: 0.55rem; left: 1.9rem; font-size: 0.37rem; } .more-bank{ position: absolute; height: 0.8rem; line-height: 0.8rem; text-align: center; width: 1rem; font-weight: 700; color: #AEAEAE; right: 0; top: 0.55rem; img{ width: 0.4rem; vertical-align: middle; } } .bind-btn{ margin-top: 0.74rem; line-height: 1.2rem; height: 1.2rem; text-align: center; width: 4.31rem; border-radius: 1rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); box-shadow: 2px 2px 2px #F7CEBA; color: #fff; font-weight: 700; font-size: 0.4rem; } .bind-btn-no{ background: #909090; box-shadow: 2px 2px 2px #999; color: #fff; } .card-bg{ width: 10rem; margin: 0 auto; height:100vh; background: #F5F5F5; overflow: hidden; display: none; } .card-box{ width: 9.44rem; height: 5.22rem; margin: 0 auto; margin-top:0.3rem; background: url("../images/n-card-bg.png")no-repeat; background-size: 100% 100%; } .card-box-name{ line-height: 1.5rem; height: 1.5rem; font-size: 0.5rem; color: #fff; font-weight: 700; text-indent: 0.7rem; } .card-box-id{ text-indent: 0.7rem; font-size: 0.55rem; color: #fff; span{ position: relative; top: -0.2rem; } } .card-btn{ width: 5.6rem; height: 1.215rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color:#723D01; border-radius: 1rem; font-size: 0.45rem; line-height: 1.2rem; margin: 0 auto; font-weight: 700; margin-top: 0.5rem; box-shadow: 2px 2px 2px #F7CEBA; } .review-bg{ width: 10rem; margin: 0 auto; overflow: hidden; padding-bottom: 0.1rem; } .warrant-box{ margin-top: 3rem; text-align: center; >img{ width: 3rem; } p:nth-child(2){ font-size: 0.5rem; margin-top: 0.5rem; font-weight: 700; } P:nth-child(3){ font-size: 0.38rem; width: 9.4rem; margin: 0 auto; margin-top: 0.3rem; } button{ width: 6rem; height: 1rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color: #fff; border-radius: 1rem; font-size: 0.38rem; font-weight: 700; margin-top: 0.5rem; border:none; box-shadow: 2px 2px 2px #F7CEBA; } .warrant-new{ font-weight: 400; } .warrant-phone{ background:#fff; font-weight: 400; box-shadow: none; border: 1px solid #EBD591; color: #EBD591; } } .success-box{ margin-top: 3rem; text-align: center; display: none; >img{ width: 3rem; } p:nth-child(2){ font-size: 0.5rem; margin-top: 0.5rem; font-weight: 700; } P:nth-child(3){ margin-top: 0.3rem; font-size: 0.38rem; } button{ width: 5.6rem; height: 1.215rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color: #fff; border-radius: 1rem; font-size: 0.45rem; font-weight: 700; margin-top: 0.5rem; border:none; box-shadow: 2px 2px 2px #EBD591; } } .review-box{ margin-top: 3rem; text-align: center; display: none; padding-bottom: 0.1rem; >img{ width: 3rem; } p:nth-child(2){ font-size: 0.5rem; margin-top: 0.5rem; font-weight: 700; } P:nth-child(3){ margin-top: 0.3rem; font-size: 0.38rem; } button{ width: 5.6rem; height: 1.215rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color: #fff; border-radius: 1rem; font-size: 0.45rem; font-weight: 700; margin-top: 0.5rem; border:none; box-shadow: 2px 2px 2px #F7CEBA; } } .withdraw-bg{ display: none; width: 10rem; margin:0 auto; .withdraw-div{ width: 9rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; padding-top: 0.55rem; //border-bottom:1px solid #E5E5E5; font-size: 0.37rem; color: #000; position: relative; } .withdraw-div:before{ content: ''; position: absolute; width: 200%; height: 121%; border-bottom: 1px solid #E5E5E5; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } >div{ width: 9rem; height: 0.8rem; line-height: 0.8rem; margin: 0 auto; padding-top: 0.55rem; //border-bottom:1px solid #E5E5E5; font-size: 0.37rem; color: #000; position: relative; } >div:before{ content: ''; position: absolute; width: 200%; height: 121%; border-bottom: 1px solid #E5E5E5; -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transform: scale(0.5, 0.5); -ms-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); transform: scale(0.5, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .withdraw-money{ position: absolute; width: 5rem; height: 0.8rem; left: 2.8rem; top: 0.55rem; font-size: 0.35rem; } .r-arrow{ position: absolute; right: 0.2rem; top: 0.5rem; width: 0.8rem; height: 0.8rem; line-height: 0.8rem; text-align: center; img{ width: 0.6rem; vertical-align:middle; } } .withdraw-p{ line-height: 1.2rem; width: 9rem; margin: 0 auto; height: 1rem; font-size: 0.37rem; span{ color: #EBD591; } } .withdraw-tips{ width: 9rem; margin: 0 auto; margin-top: 0.3rem; line-height: 0.6rem; font-size: 0.3rem; span{ color: red; } } .with-btn{ width: 4.31rem; height: 1.2rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color: #fff; border-radius: 1rem; font-size: 0.45rem; line-height: 1.2rem; margin: 0 auto; font-weight: 700; margin-top: 0.5rem; box-shadow: 2px 2px 2px #F7CEBA; } .with-btn-no{ background: #909090; box-shadow: 2px 2px 2px #999; color: #fff; } .withdraw-bottom-tips{ font-size: 0.3rem; color: red; width: 10rem; text-align: center; position: absolute; bottom: 0.5rem; } } .withdraw-bottom-tips{ font-size: 0.3rem; color: red; width: 10rem; text-align: center; position: absolute; bottom: 0.5rem; } .layer-msgBox{ display: none; width: 7.22rem; height: 4rem; background: rgb(227,226,222); border-radius: 0.3rem; overflow: hidden; position: relative; p{ text-align: center; font-size: 0.4rem; width: 6.8rem; margin: 0 auto; line-height: 0.6rem; color: rgb(48,46,45); } p:nth-child(1){ font-size: 0.4rem; margin-top: 0.65rem; margin-bottom: 0.15rem; } } .msgBox-bottom{ position: absolute; height: 1.2rem; bottom: 0; width: 7.22rem; >div{ height: 1.2rem; display: inline-block; float: left; width: 3.58rem; float: left; border-top: 1px solid rgb(178,166,156); color: rgb(48,157,248); font-size: 0.42rem; text-align: center; line-height: 1.2rem; } div:nth-child(1){ border-right:1px solid rgb(178,166,156); } } .shadow{ width: 10rem; height: 100vh; background: rgba(0,0,0,0.5); position: fixed; left: 0; top: 0; z-index: 800; display: none; } .bind-layer{ height: 11.7rem; width: 10rem; position: fixed; background: #fff; transition: 0.35s bottom; z-index: 1500; bottom: -11.7rem; border-radius: 0.3rem 0.3rem 0 0; overflow: hidden; .bind-tips{ color: #EBD591; font-size: 0.3rem; width: 10rem; height: 0.7rem; line-height: 0.7rem; position: absolute; bottom: 0; text-align: center; } } .bind-layer-ul{ width: 8.5rem; height: 11rem; margin: 0 auto; overflow: scroll; -webkit-overflow-scrolling : touch; .yellow{ color: #EBD591; } li{ height: 1.35rem; line-height: 1.35rem; font-size: 0.4rem; border-bottom:1px solid #EFEFEF; } li:nth-last-child(1){ border-bottom: none; } } .bind-layer-ul::-webkit-scrollbar{ display: none; } .more-layer{ width: 10rem; height: 3.2rem; position: fixed; bottom: -3.2rem; transition: 0.35s bottom; z-index: 1500; div{ margin: 0 auto; width: 9.5rem; border-radius: 0.2rem; margin-bottom: 0.2rem; height: 1.4rem; background: rgba(255,255,255,0.9); color: #000; line-height: 1.4rem; text-align: center; font-size: 0.4rem ; } } .span-right{ position: absolute; display: none; color: #fff; font-weight: 700; font-size: 0.5rem; width: 1rem; height: 1rem; text-align: center; line-height: 1rem; right: 0.2rem; } .layer-phone{ width: 8rem; height: 7.2rem; display: none; background: #fff; position: relative; border-radius: 0.2rem; overflow: hidden; h2{ height: 1rem; margin-top: 0.5rem; line-height: 1rem; font-size: 0.48rem; text-align: center; } >div{ height: 1rem; border-bottom: 1px solid #CFCFCF; width: 7rem; margin: 0 auto; position: relative; margin-top: 0.3rem; } .layer-AreaCode{ position: absolute; width: 0.8rem; top:0.3rem; font-size: 0.35rem; line-height: 0.5rem; height: 0.5rem; border-right:1px solid #CFCFCF; } p{ text-align: center; color: #EBD591; font-size: 0.3rem; line-height: 0.8rem; margin-top: 0.5rem; } .layer-phone-ipt{ position: absolute; width: 5rem; margin-top: 0.15rem; height: 0.8rem; line-height: 0.8rem; font-size: 0.32rem; left: 1rem; } .layer-code-btn{ width: 2rem; font-size: 0.3rem; height: 0.6rem; background: #EBD591; color: #fff; line-height: 0.6rem; border-radius: 0.1rem; position: absolute; right: 0.1rem; top: 0.23rem; text-align: center; } .layer-code-btn-no{ background: rgb(177, 177, 177); color: #fff; } .layer-code-ipt{ position: absolute; width: 3rem; font-size: 0.32rem; margin-top: 0.15rem; height: 0.8rem; line-height: 0.8rem; left: 1rem; } button{ width: 6rem; height: 1rem; background: linear-gradient(to right, #FAE9AA, #FAC96A); color: #fff; border-radius: 1rem; font-size: 0.38rem; font-weight: 400; border: none; box-shadow: 2px 2px 2px #F7CEBA; } .layer-close{ font-size: 0.4rem; font-weight: 700; position: absolute; right: 0.2rem; top: 0.1rem; } } .face-box{ height: 0.7rem; line-height: 1rem; font-size: 0; position: relative; img{ vertical-align: middle; width: 0.7rem; height: 0.7rem; border-radius: 50%; position: absolute; right: 3.3rem; top: 0.15rem; } .face-name{ color: #010101; display: inline-block; line-height: 1rem; font-size: 0.3rem; width: 2.2rem; position: absolute; right: 1rem; } .face-out{ color: #723D01; display: inline-block; line-height: 1rem; font-size: 0.3rem; width: 0.9rem; position: absolute; right: 0rem; } } .code-btn{ height: 0.7rem; width: 1.9rem; line-height: 0.7rem; text-align: center; font-size: 0.3rem; color: #7A4709; background: linear-gradient(to right, #FAE7AC, #F7CA6A); border-radius: 1rem; position: absolute; right: 0.1rem; top: 0.1rem; } .logo-box{ text-align: center; img{ width: 2.6rem; } } .login-content{ width: 6.2rem; height: 4.6rem; //background: pink; margin: 0 auto; margin-top: 1rem; } .login-input-box{ width: 6.2rem; height: 1rem; border-bottom:1px solid #F3F3F3; margin-bottom: 0.5rem; position: relative; } .login-span1{ position: absolute; left: 0; width: 1.2rem; height: 1rem; line-height: 1rem; color: #020202; font-size: 0.35rem; } .nc-rich-tips { position: fixed; width: 10rem; text-align: center; height: 0.5rem; bottom: 0.2rem; line-height: 0.5rem; color: rgba(0, 0, 0, 0.5); font-size: 0.3rem; } .login-span2{ position: absolute; left: 1.2rem; width: 5rem; height: 1rem; input{ position: absolute; left: 0; top: 0; width: 5rem; height: 1rem; text-indent: 0.3rem; font-size: 0.35rem; } } .login-btn{ background: linear-gradient(to right, #FAE7AC, #F7CA6A); border-radius: 1rem; width: 5rem; margin: 0 auto; height: 1rem; color: #7A4709; font-size: 0.37rem; line-height: 1rem; text-align: center; margin-top: 0.8rem; } .diamond-top-box{ height: 2.65rem; div{ width: 50%; height: 2.65rem; float: left; text-align:center; >p{ line-height: 0.7rem; font-size: 0.4rem; color: #020202; } >p:nth-child(1){ padding-top: 0.6rem; } >p:nth-child(2){ font-weight: 700; } } } .diamond-tips{ width: 10rem; height: 0.68rem; background: url(../images/diamond-tips.jpg)no-repeat; background-size: 100% 100%; } .diamond-ul{ width: 9.2rem; margin: 0 auto; margin-top: 0.2rem; li{ height: 1.7rem; border-bottom:1px solid #E7E7E7; line-height: 1.7rem; font-size: 0.4rem; font-weight: 700; position: relative; img{ width: 0.55rem; vertical-align: middle; margin-top: -0.1rem; margin-right: 0.15rem; } .diamond-num-box{ font-size: 0.35rem; color: #6C4000; font-weight: 400; height: 0.85rem; line-height: 0.85rem; text-align: center; position: absolute; background: linear-gradient(to right,#FCE7B2,#F3CB6A); padding-left: 0.35rem; padding-right: 0.35rem; border-radius: 1rem; right: 0; top: 0.37rem; } } } .layer-diamond-box1{ background: #fff; width: 7.2rem; height: 3.7rem; //display: none; border-radius: 0.2rem; } .layer-diamond-box2{ background: #fff; display: none; width: 7.2rem; height: 4.2rem; border-radius: 0.2rem; .layer-diamond-content1{ height: 2.8rem; border-bottom: 1px solid #E1E1E1; p{ line-height: 0.6rem; text-align: center; font-size: 0.38rem; padding-top: 0.8rem; } } } .layer-diamond-content1{ height: 2.3rem; border-bottom: 1px solid #E1E1E1; p{ line-height: 2.3rem; text-align: center; font-size: 0.38rem; } } .layer-diamond-content2{ height: 1.4rem; text-align: center; line-height: 1.4rem; font-size: 0.4rem; div:nth-child(1){ width: 49.5%; height: 1.4rem; line-height: 1.4rem; text-align: center; border-right:1px solid #E1E1E1; font-size: 0.4rem; float: left; } div:nth-child(2){ width: 50%; height: 1.4rem; line-height: 1.4rem; text-align: center; font-size: 0.35rem; color: #DBC25C; float: left; } } .layer-diamond-box3{ background: #fff; width: 7.2rem; height: 3.9rem; border-radius: 0.2rem; display: none; text-align: center; div:nth-child(1){ height: 2.85rem; line-height: 2.85rem; font-size: 0.4rem; } div:nth-child(2){ border-top:1px solid #E1E1E1; height: 1rem; color: #D7A73C; font-size: 0.4rem; line-height: 1rem; } } .fml-go{ display: none; text-align: center; margin-top: 0.3rem; img{ width: 9.6rem; border-radius: 0.1rem; } } .fml-ul{ li{ width: 10rem; height: 2.2rem; } .fml-span1{ width: 7.3rem; height: 2.2rem; float: left; position: relative; } .fml-span2{ width: 2.7rem; height: 2.2rem; float: left; position: relative; } } .fml-face{ position: absolute; width: 1.35rem; height: 1.35rem; border-radius: 50%; top: 0.425rem; left: 0.25rem; } .fml-p1{ color: #040404; font-size: 0.35rem; text-indent: 2rem; padding-top: 0.55rem; } .fml-p2{ color: #727272; font-size: 0.3rem; text-indent: 2rem; padding-top: 0.1rem; } .fml-btn{ position: absolute; width: 1.9rem; height: 0.9rem; background: linear-gradient(to right, #F6E7B3, #F0CC78); border-radius: 1rem; line-height: 0.9rem; color: #6C4014; font-size: 0.3rem; text-align: center; top: 0.63rem; left: 0.2rem; } .fml-btn-yes{ background:#999; color: #fff; }