| 1 |
- html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.loading{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9995}.loading .content{color:rgba(255,255,255,0.6);margin-top:4rem;text-align:center;font-size:0.3rem}.lockScroll{overflow:hidden}.dialog-alert{top:50%;transform:translateY(-50%);left:1.2rem;right:1.2rem;z-index:9998;position:fixed;animation:frames-top-center-01 300ms;border-radius:0.1rem;min-height:auto;height:auto;background:white;color:black}.dialog-alert h1{font-size:0.36rem;font-weight:bold;text-align:center;margin-top:0.5rem}.dialog-alert .content{min-height:0.8rem;margin:0.2rem 0.6rem;display:flex;align-items:center;justify-content:center;font-size:0.3rem}.dialog-alert .actions{height:1rem;display:flex;justify-content:center}.dialog-alert .actions .btn{color:white;font-size:0.36rem;background:linear-gradient(-90deg, #fa382f, #ff7453);height:0.7rem;display:flex;align-items:center;justify-content:center;width:2rem;border-radius:0.4rem;padding:0;margin:0}@keyframes frames-top-center-01{0%{top:-10%}100%{top:50%}}@keyframes frames-top-center-02{0%{top:0%}92%{top:50%}100%{top:40%}}@keyframes capauth-zoom-in{0%{opacity:0}80%{opacity:0}100%{opacity:1}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background-color:rgba(0,0,0,0.7);min-height:6.5rem}.overlay-alert{z-index:9995}.overlay-loading{z-index:9995}#uniauthframe{width:100%;height:100%;position:fixed;top:0px;left:0px;margin:0px;padding:0px;border:0px;animation:capauth-zoom-in 600ms;z-index:9990}html,body{margin:0;padding:0}body{color:white;min-height:12.5rem;font-family:PingFangSC-Regular, sans-serif,"SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑"}.body-draw{background:url("../images/bg.png") no-repeat;background-size:100% 100%}.unicom{margin:0.2rem 0.3rem;width:1.54rem;height:1.02rem}.unicom img{width:100%}.main{width:100%;height:100%;min-height:13rem;box-sizing:border-box}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9990;background-color:rgba(0,0,0,0.3);min-height:6.5rem}.main-draw{padding-bottom:2rem}.main-draw .banner{height:5.71rem;margin:0.2rem auto 0;background:url(../images/banner-bottom.png) bottom no-repeat;background-size:100%}.main-draw .banner img{width:5.97rem;height:1.71rem;display:block;margin:0 auto}.main-draw .banner .apps{width:6.21rem;height:1.23rem;background:url(../images/apps.png) no-repeat;background-size:100% 100%;margin:-0.3rem auto 0}.main-draw .login{width:100%;height:7rem;margin-top:-2.7rem;background:url("../images/bg-login-draw.png") no-repeat;background-size:100% 100%}input::-webkit-input-placeholder{color:#8E928C;font-size:0.3rem}input::-moz-placeholder{color:#8E928C;font-size:0.3rem}input:-moz-placeholder{color:#8E928C;font-size:0.3rem}input:-ms-input-placeholder{color:#8E928C;font-size:0.3rem}.sms-form{padding-top:1.5rem}.form-group{border-radius:0.2rem;margin:0 0.9rem}.form-group .input-row{display:flex;align-content:space-between;justify-content:center;margin-bottom:0.3rem}.form-group .input-row .smscode{width:100%;margin-right:0.15rem}.form-group .input-row .sendcode{font-size:0.3rem;height:.86rem;line-height:0.86rem;color:#00B5BF;padding:0 0.2rem;word-break:keep-all;white-space:nowrap;border-radius:0.1rem;border:0.02rem solid #00B5BF}.form-group .input-row:last-child{margin-bottom:0rem}.form-group input{color:#8e928c;font-size:0.36rem;width:100%;height:0.88rem;outline:none;-webkit-appearance:none;min-width:2.4rem;margin-bottom:0.01rem;border:0.01rem solid #ccc;border-radius:0.1rem;padding-left:0.3rem;background:#feeee6}.form-group .actions{margin-top:0.4rem}.form-group .actions .btn{color:white;font-size:0.36rem;width:5.7rem;height:1rem;background:url(../images/btn-draw.png) no-repeat;background-size:100% 100%;margin:0 auto;line-height:1rem;text-align:center}.section-agr{margin-top:0.4rem}.section-agr .title{color:#FEEEE6;font-size:0.38rem;width:2.9rem;height:0.83rem;margin:0 auto;text-align:center;padding-top:0.1rem;font-weight:bold;letter-spacing:0.02rem}.section-agr .content{border-radius:0.2rem;margin:0.25rem 0.4rem 0}.section-agr .content .red{color:#ff4a38}.section-agr .content .subtitle{font-size:0.3rem;width:1.7rem;height:0.68rem;display:flex;align-items:center;justify-content:center;margin:0 auto 0.1rem}.section-agr .content ul{color:#3D4644;font-size:0.28rem;text-align:justify;margin-bottom:0.3rem}.section-agr .content ul li{margin-bottom:0.15rem;line-height:0.38rem}.section-agr .content ul li .sub-ul{margin:0.1rem 0}.section-agr .content ul li .sub-ul li{font-size:0.24rem}.section-agr .content ul li:last-child{margin-bottom:0}.section-agr .footer{color:#ff4a38;text-align:center;font-size:0.24rem}.section-agr .footer span{transform:rotate(7deg)}.draw{display:flex;font-size:0.3rem;align-items:center;justify-content:center;color:#44533c}.draw .btn-draw{width:2.3rem;height:0.86rem;margin-left:0.15rem;background:url(../images/btn-draw.png) no-repeat;background-size:100% 100%}.dialog-confirm{position:fixed;top:4rem;left:0.62rem;right:0.62rem;height:3.6rem;border-radius:0.3rem;z-index:9992;background:#ffffff}.dialog-confirm .close{position:absolute;top:0;right:0.45rem;width:0.59rem;height:0.69rem}.dialog-confirm .close img{width:100%}.dialog-confirm h1{color:#333333;font-size:0.34rem;font-weight:bold;text-align:center;margin:0.63rem auto 0}.dialog-confirm .content{color:#333;font-size:0.32rem;height:1.8rem;text-align:center;line-height:0.5rem;margin:0.6rem 0.42rem 0}.dialog-confirm .actions{font-size:0.3rem;display:flex;align-items:center;justify-content:space-between;margin:0 0.6rem}.dialog-confirm .actions .btn{color:#00B5BF;font-size:0.3rem;width:2.2rem;height:0.8rem;display:flex;align-items:center;justify-content:center;border-radius:0.4rem;background:#e2f6ef}.dialog-confirm .actions .okay{color:white;float:left;background:#00B5BF}.body-order{background:url("../images/bg-order.png") no-repeat;background-size:100% 100%}.main-order{padding-bottom:2rem;position:relative}.main-order .unicom{margin:0.2rem 0.3rem 0}.main-order .banner{width:6.39rem;height:3.42rem;margin:0 auto;position:relative}.main-order .banner img{width:100%;position:absolute}.main-order .login{width:100%;height:7rem;margin-top:-1.2rem;background:url("../images/bg-login-order.png") no-repeat;background-size:100% 100%}.main-order .login .sms-form{padding-top:2.5rem}.main-order .login .sms-form .form-group{border-radius:0.2rem;margin:0 0.9rem}.main-order .login .sms-form .form-group .input-row{display:flex;align-content:space-between;justify-content:center;margin-bottom:0.3rem}.main-order .login .sms-form .form-group .input-row .smscode{width:100%;margin-right:0.15rem}.main-order .login .sms-form .form-group .input-row .sendcode{font-size:0.3rem;height:.86rem;line-height:0.86rem;color:#0AB778;padding:0 0.2rem;word-break:keep-all;white-space:nowrap;border-radius:0.1rem;border:0.02rem solid #0AB778}.main-order .login .sms-form .form-group .input-row:last-child{margin-bottom:0rem}.main-order .login .sms-form .form-group input{color:#8e928c;font-size:0.36rem;width:100%;height:0.88rem;outline:none;-webkit-appearance:none;min-width:2.4rem;margin-bottom:0.01rem;border:0.01rem solid #CCCCCC;border-radius:0.1rem;padding-left:0.3rem;background:#feeee6}.main-order .login .sms-form .form-group .actions{margin-top:0.4rem}.main-order .login .sms-form .form-group .actions .btn{color:white;font-size:0.36rem;width:5.7rem;height:1rem;background:url(../images/btn-order.png) no-repeat;background-size:100% 100%;margin:0 auto;line-height:1rem;text-align:center}.section-agr-order .title{background:url(../images/tips-order.png) no-repeat;background-size:100% 100%}.section-agr-order .content{margin:0rem 0.4rem}.section-agr-order .content .subtitle{color:#60ad48}.section-agr-draw .title{background:url(../images/tips-draw.png) no-repeat;background-size:100% 100%}.section-agr-draw .content{margin:0rem 0.4rem}.section-agr-draw .content .subtitle{color:#0cb3b5}.dialog-pay{position:fixed;top:32%;left:0.8rem;right:0.8rem;z-index:9991;border-radius:0.2rem;font-size:0.3rem;background-color:white}.dialog-pay .title{height:1.6rem;display:flex;align-items:center;justify-content:center;color:#222;font-weight:bold;font-size:0.34rem}.dialog-pay .finish{height:1rem;display:flex;align-items:center;justify-content:center;color:red;border-top:0.01rem solid lightgray;border-bottom:0.01rem solid lightgray}.dialog-pay .repay{height:1rem;display:flex;align-items:center;justify-content:center;color:#666}
|
