body{ background: #000; } .wx-banner{ width: 8.9rem; margin:0 auto; height: 5rem; background: url("../img/wechatBox.png")no-repeat; background-size: 100% 100%; overflow: hidden; .wx-p1{ text-indent: 3.5rem; color: #fff; font-size: 0.45rem; margin-top: 1.4rem; font-weight: 700; } .wx-p2{ text-indent: 3.5rem; font-size: 0.45rem; color: #fff; margin-top: 0.42rem; } .wx-p3{ text-indent: 3.5rem; color: #649A82; font-size: 0.35rem; margin-top: 0.05rem; } } .wx-false-btn{ background: linear-gradient(to right, #00f088, #00a0e9); height: 1.25rem; line-height: 1.25rem; color: #fff; font-size: 0.45rem; text-align: center; width: 8.6rem; margin: 0 auto; margin-top:1rem; border-radius: 2rem; } .paypal-false-btn{ background: linear-gradient(to right, #00f088, #00a0e9); height: 1.25rem; line-height: 1.25rem; color: #fff; font-size: 0.45rem; text-align: center; width: 8.6rem; margin: 0 auto; margin-top:1rem; opacity: 0.7; border-radius: 2rem; } .paypal-btn-ok{ opacity: 1 !important; } .cash-btn{ background: linear-gradient(to right, #00f088, #00a0e9); height: 1.25rem; line-height: 1.25rem; color: #fff; font-size: 0.45rem; text-align: center; width: 8.6rem; margin: 0 auto; margin-top:6rem; border-radius: 2rem; opacity: 0.7; } .cash-true{ opacity: 1 !important; } .paypal-end-btn{ background: linear-gradient(to right, #00f088, #00a0e9); height: 1.25rem; line-height: 1.25rem; color: #fff; font-size: 0.45rem; text-align: center; width: 8.6rem; margin: 0 auto; margin-top:3.2rem; border-radius: 2rem; } .wx-true-btn{ background: linear-gradient(to right, #00f088, #00a0e9); height: 1.25rem; display: block; line-height: 1.25rem; color: #fff; font-size: 0.45rem; text-align: center; width: 8.6rem; margin: 0 auto; margin-top:2.2rem; border-radius: 2rem; } .wx-true-banner{ width: 10rem; height: 5.1rem; .wx-true-p1{ text-align: center; img{ width: 2.35rem; } } .wx-true-p2{ margin-top: 0.4rem; font-size: 0.6rem; color: #fff; font-weight: 700; text-align: center; } .wx-true-p3{ font-size: 0.33rem; text-indent: 1.9rem; color: #9B9B9B; margin-top: 0.4rem; } .wx-true-p4{ font-size: 0.33rem; text-indent: 1.9rem; color: #9B9B9B; margin-top: 0.1rem; } } .paypal-box{ width: 8.9rem; position: relative; margin:0 auto; height: 5rem; background: url("../img/paypalBox.png")no-repeat; background-size: 100% 100%; overflow: hidden; .paypal-input{ width: 7.5rem; height: 0.8rem; margin: 0 auto; position: absolute; left: 0.7rem; top: 2.8rem; input{ background: rgba(0,0,0,0); font-size: 0.4rem; text-indent: 0.8rem; color: #fff; height: 0.8rem; width: 7.5rem; line-height: 0.8rem; border-bottom:0.02rem solid #2F3F7A; display: inline-block; position: absolute; } .mall{ position: absolute; width: 0.65rem; top: 0.12rem; } } } .paypal-big-box{ width: 8.9rem; position: relative; margin:0 auto; height: 6rem; background: url("../img/paypalbigBox.png")no-repeat; background-size: 100% 100%; overflow: hidden; .paypal-input{ width: 7.5rem; height: 0.8rem; margin: 0 auto; position: absolute; left: 0.7rem; top: 3.7rem; .money-logo{ position: absolute; font-size: 0.5rem; font-weight: 700; color: #fff; top: 0.2rem; } input{ background: rgba(0,0,0,0); font-size: 0.7rem; text-indent: 0.5rem; color: #fff; height: 1rem; width: 7.5rem; line-height: 1rem; border-bottom:0.02rem solid #2F3F7A; display: inline-block; position: absolute; } } } .paypal-tips{ font-size: 0.35rem; color: #E8E8E8; text-align: center; margin-top: 0.5rem; } .paypal-true-p1{ text-indent: 0.6rem; color: #fff; font-size: 0.35rem; margin-top: 2rem; } .paypal-true-p2{ margin-top: 0.8rem; text-indent: 0.6rem; color: #CBCACA; font-size: 0.3rem; margin-top:0.7rem; } .paypal-true-p3{ font-size: 0.3rem; color: #898883; margin-top: 1.4rem; text-indent: 0.6rem; } .draw-box{ width: 10rem; height: 4rem; margin: 0 auto; .draw-box-p1{ text-align: center; img{ width: 2rem; } } .draw-box-p2{ font-size: 0.65rem; color: #fff; text-align: center; margin-top: 0.2rem; } .draw-box-p3{ color: #fff; font-size: 0.45rem; text-align: center; margin-top: 0.1rem; } } .draw-tips{ width: 7.9rem; margin:0 auto; color: #999999; font-size: 0.3rem; margin-top:0.88rem; } .income-Option{ width: 8rem; padding-left: 1rem; padding-right: 1rem; height: 1rem; div{ display: inline-block; width: 4rem; color: #929292; font-size:0.4rem; height: 1rem; line-height: 1rem; float: left; text-align: center; position: relative; } .income-Option-click{ color: #fff; position: relative; .click-show{ width: 0.5rem; height: 0.5rem; background: url(../img/mol-click.png) no-repeat; background-size: 100% 100%; position: absolute; bottom: -0.15rem; left: 1.75rem; } } } .income-rich-box{ margin-top: 0.2rem; width: 10rem; height: 1.5rem; line-height: 1.5rem; background: #292929; .income-rich-d1{ float: left; color: #fff; line-height:1.5rem; font-size: 0.4rem; text-indent:0.4rem; } .income-rich-d2{ float: right; height: 1.5rem; line-height: 1.5rem; img{ width: 0.64rem; vertical-align: middle; margin-top: -0.15rem; } color: #00FF9E; line-height: 1.5rem; font-size: 0.4rem; margin-right: 0.8rem; } } .income-ul{ width: 10rem; margin-top: 0.1rem; li{ width: 10rem; height: 1.7rem; background: #171717; margin-bottom:0.05rem; position: relative; .income-li1{ position: absolute; display: inline-block; width: 1.5rem; line-height: 1.7rem; height: 1.7rem; left: 0.2rem; text-align: center; img{ width: 1rem; height: 1rem; border-radius: 50%; vertical-align: middle; margin-top: -0.1rem; } } .income-li2{ width: 6.7rem; position: absolute; display: inline-block; left: 1.7rem; height: 1.3rem; margin-top:0.4rem; p{ line-height: 0.5rem; font-size: 0.4rem; } :nth-child(1){ font-size: 0.4rem; color: #fff; } :nth-child(2){ font-size: 0.35rem; color: #8F8F8F; } } .income-li3{ width: 1.6rem; margin-top: 0.45rem; height: 1.25rem; position: absolute; left: 8.4rem; p{ text-align: center; line-height: 0.45rem; font-size: 0.35rem; color: #8f8f8f; } } } } .color-ysq { color: #04EE7D; } .color-ysh { color: #4A74FF; } .color-ydk { color: #58DBD7; } .color-yfh { color: #CCCCCC; } .color-ybh { color: #F65755; } .color-yzf { color: #F65755; } .takeOut-layer{ width: 7.2rem; background: #fff; height: 10rem; position: relative; display: none; h2{ text-align: center; height: 1.2rem; line-height: 1.2rem; font-size: 0.5rem; color: #000000; } p{ font-size: 0.35rem; color: #000; margin-left: 0.3rem; margin-right: 0.3rem; line-height: 0.55rem; margin-bottom: 0.35rem; } } .takeOut-layer-btn{ width: 7.2rem; height: 1.35rem; border-top:1px solid #E6E7E8; position: absolute; bottom: 0rem; line-height: 1.35rem; font-size: 0.5rem; text-align: center; color: #007BFF; } .cash-ul{ width: 10rem; margin: 0 auto; li{ height: 1.4rem; background: #171717; margin-bottom:0.03rem; .cash-li1{ float: left; line-height: 1.4rem; color: #FAFAFA; margin-left:0.3rem; font-size: 0.35rem; img{ width: 0.74rem; vertical-align: middle; margin-top: -0.1rem; margin-right:0.3rem; } } .cash-li2{ float: right; line-height: 1.4rem; img{ width: 0.6rem; vertical-align: middle; margin-top: -0.1rem; margin-right: 0.5rem; } } } } .paypal-mall-tips{ font-size: 0.3rem; color: #F65755; position: absolute; left: 0.75rem; top: 3.75rem; display: none ; } .paypal-layer{ width: 7.2rem; height: 4.6rem; margin: 0 auto; background: #EEEEEE; border-radius: 0.4rem; display:none; .paypal-layer-content{ width: 7.2rem; height: 3.4rem; overflow: hidden; :nth-child(1){ width: 6.5rem; margin: 0 auto; margin-top: 1rem; font-size: 0.35rem; line-height: 0.6rem; color: #212121; text-align: center; } :nth-child(2){ text-align: center; color: #0079FF; font-size: 0.35rem; margin-top: 0.2rem; } } .paypal-layer-btnBox{ width: 7.2rem; height: 1.2rem; border-top:1px solid #CED0D1; :nth-child(1){ width: 3.59rem; float: left; border-right:1px solid #CED0D1; height: 1.19rem; text-align: center; line-height: 1.19rem; font-size: 0.4rem; color: #0079FF; } :nth-child(2){ width: 3.53rem; float: left; height: 1.19rem; text-align: center; line-height: 1.19rem; font-size: 0.4rem; color: #0079FF; } } } .paypal-tips-b{ width: 10rem; font-size: 0.32rem; a{ color: rgba(255,255,255,0.6) !important; } text-align: center; text-decoration: underline; margin-top: 6rem; } .layer-mall{ color: #0079FF; } .show1{ display: none; } .show2{ display: none; } .show3{ display: none; } .w-icon{ width: 1rem; position: fixed; right: 0rem; top: 0.2rem; }