@charset "UTF-8"; /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ 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; } /* HTML5 display-role reset for older browsers */ 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; 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%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 1.2rem; right: 1.2rem; z-index: 9998; position: fixed; -webkit-animation: frames-top-center-01 300ms; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.3rem; } .dialog-alert .actions { height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dialog-alert .actions .btn { color: white; font-size: 0.36rem; background: -webkit-gradient(linear, right top, left top, from(#fa382f), to(#ff7453)); background: linear-gradient(-90deg, #fa382f, #ff7453); height: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; border-radius: 0.4rem; padding: 0; margin: 0; } @-webkit-keyframes frames-top-center-01 { 0% { top: -10%; } 100% { top: 50%; } } @keyframes frames-top-center-01 { 0% { top: -10%; } 100% { top: 50%; } } @-webkit-keyframes frames-top-center-02 { 0% { top: 0%; } 92% { top: 50%; } 100% { top: 40%; } } @keyframes frames-top-center-02 { 0% { top: 0%; } 92% { top: 50%; } 100% { top: 40%; } } @-webkit-keyframes capauth-zoom-in { 0% { opacity: 0; } 80% { opacity: 0; } 100% { opacity: 1; } } @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; -webkit-animation: capauth-zoom-in 600ms; animation: capauth-zoom-in 600ms; z-index: 9990; } /* .dialog-alert .content { min-height: 1.2rem; margin: 0.2rem 0.6rem; display: flex; align-items: center; justify-content: center; } .actions { height: 1rem; display: flex; justify-content: center; .btn { background: red; height: 0.7rem; display: flex; align-items: center; justify-content: center; width: 2rem; border-radius: 0.4rem; } } */ html, body { margin: 0; padding: 0; height: 100%; } body { color: white; min-height: 19rem; font-family: PingFangSC-Regular, sans-serif, "SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑"; background: #86d4fb url(../images/bg.png) no-repeat; background-size: 100%; } .unicom img { width: 1.38rem; height: 0.41rem; position: absolute; top: 0.29rem; left: 0.29rem; } .main { width: 100%; height: 100%; min-height: 13rem; -webkit-box-sizing: border-box; box-sizing: border-box; } .section-announcement { position: fixed; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 5.86rem; height: 0.97rem; font-size: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: url(../images/bg-announcement.png) no-repeat; background-size: 100% 100%; } .section-announcement .horn { height: 0.65rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .section-announcement .horn img { width: 0.37rem; height: 0.32rem; margin-right: 0.05rem; background: url(../images/horn.png) no-repeat; background-size: 100% 100%; } .section-announcement .content { height: 0.7rem; line-height: 0.7rem; } .tuid { background: url(../images/产品td.png) no-repeat; background-size: 100% 100%; width: 3rem; height: 0.81rem; display: inline-block; margin-left: 1.41rem; margin-top: 0.2rem; } .chax { background: url(../images/订购jl.png) no-repeat; background-size: 100% 100%; width: 3.18rem; height: 0.81rem; display: inline-block; margin-left: 0.09rem; margin-top: 00.28rem; } .img_adx { width: 100%; height: 7.83rem; margin-top: 1.84rem; } .img_adxs { width: 5.73rem; height: 2.39rem; position: absolute; top: 1.04rem; left: 0.9rem; } .main-order .apps { margin: 0rem 0.7rem; } .main-order .apps img { width: 100%; } .main-order .order { width: 6.62rem; height: 1.05rem; padding: unset; background: url(../images/btn-order-disabled.png) no-repeat; background-size: 100% 100%; position: absolute; top: 9.04rem; left: 0.42rem; } .main-order .order .btn { color: white; font-size: 0.34rem; width: 100%; height: 100%; background: none; margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: none; outline: none; } .main-order .btn-tip { color: #2a8cf9eb; font-size: 0.26rem; text-align: center; background: url(../images/查看更多按钮.png) no-repeat; background-size: 100% 100%; width: 1.8rem; height: 0.51rem; line-height: 0.53rem; margin-left: 2.47rem; letter-spacing: 0.01rem; margin-top: 0.27rem; font-weight: 600; } .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; } .dialog-agr { position: fixed; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0.9rem; width: 5.70rem; height: 8.50rem; font-size: 0.28rem; background: url(../images/bg-agr.png); background-size: 100% 100%; z-index: 10000; color: #666; text-align: justify; border-radius: 0.1rem; overflow: hidden; } .dialog-agr h2 { height: 0.46rem; font-size: 0.38rem; text-align: center; margin: 0.4rem auto 0.2rem; width: 1.64rem; background: url(../images/chanp说明.png); background-size: 100% 100%; } .dialog-agr .close { width: 0.45rem; height: 0.45rem; top: .2rem; right: 0.3rem; position: absolute; } .dialog-agr .close img { width: 0.4rem; height: 0.4rem; position: absolute; right: -0.1rem; top: 0.01rem; } .dialog-agr .container { height: 6.6rem; overflow: scroll; margin-top: 0.7rem; } .dialog-agr .container .titless { font-size: 0.28rem; padding-left: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: url(../images/活动说明@2x.png); background-size: 100% 100%; width: 1.64rem; height: 0.46rem; margin-left: 2.01rem; margin-bottom: 0.25rem; } .dialog-agr .container .titless .dot { width: 0.2rem; height: 0.2rem; background-color: #0bb577; margin-right: 0.1rem; } .dialog-agr .container .titles { font-size: 0.28rem; padding-left: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: url(../images/业务说明@2x.png); background-size: 100% 100%; width: 1.64rem; height: 0.46rem; margin-left: 2.01rem; margin-bottom: 0.25rem; } .dialog-agr .container .titles .dot { width: 0.2rem; height: 0.2rem; background-color: #0bb577; margin-right: 0.1rem; } .dialog-agr .container .title { font-size: 0.28rem; padding-left: 0.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; background: url(../images/流量说明@2x.png); background-size: 100% 100%; width: 1.64rem; height: 0.46rem; margin-left: 2.01rem; margin-top: 0.48rem; margin-bottom: 0.25rem; } .dialog-agr .container .title .dot { width: 0.2rem; height: 0.2rem; background-color: #0bb577; margin-right: 0.1rem; } .dialog-agr .container .content { line-height: 0.39rem; font-size: 0.24rem; margin-bottom: 0.15rem; color: #333333; letter-spacing: 0.02rem; } .dialog-agr .container .content ul { list-style-type: none; padding: 0 0.29rem; } .dialog-agr .container .content ul li { margin-bottom: 0.3rem; } .box_cp { background: url(../images/产品说明背景.png) no-repeat; background-size: 100% 100%; width: 6.75rem; height: 3.69rem; margin-left: 0.38rem; margin-top: 0.55rem; } .box_cd { background: url(../images/包含部分.png) no-repeat; background-size: 100% 100%; width: 6.75rem; height: 4rem; margin-left: 0.38rem; margin-top: 0.41rem; } .main-draw { padding-bottom: 2rem; } .main-draw .banner { width: 6.13rem; margin: auto; padding-left: 0.3rem; } .main-draw .banner img { width: 100%; } .main-draw .login { width: 100%; height: 8.55rem; margin-top: -1rem; background: url("../images/bg-draw.png") no-repeat; background-size: 100% 100%; } input::-webkit-input-placeholder { color: #b1b1b1; font-size: 0.28rem; } input::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #b1b1b1; font-size: 0.28rem; } input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #b1b1b1; font-size: 0.28rem; } input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #b1b1b1; font-size: 0.28rem; } .sms-form { margin: 0rem 0.4rem 0.3rem; position: absolute; top: 9.82rem; width: 5.77rem; left: 0.48rem; } .form-group .input-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: justify; align-content: space-between; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0.345rem; } .form-group .input-row .smscode { width: 100%; margin-right: 0.15rem; } .form-group .input-row .sendcode { font-size: 0.32rem; height: .86rem; line-height: 0.86rem; color: #FFFFFF; padding: 0 0.2rem; word-break: keep-all; white-space: nowrap; border-radius: 0.1rem; border: 0.01rem solid #2097F9; min-width: 1.55rem; background: #2097F9; text-align: center; } .form-group .input-row:last-child { margin-bottom: 0rem; } .form-group input { 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 #c9ebff; border-radius: 0.1rem; padding-left: 0.3rem; } .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 { margin-top: 0.38rem; background: url(../images/温馨提示框@2x.png) no-repeat; background-size: 100% 100%; width: 6.75rem; height: 8.24rem; margin-bottom: 0.44rem; margin-left: 0.36rem; position: relative; } .section-agr .title { height: 1.1rem; text-align: center; } .section-agr .title img { width: 1.65rem; height: 0.45rem; margin-top: 0.64rem; } .section-agr .content { border-radius: 0.2rem; margin: 0.2rem 0rem 0rem 0.5rem; width: 5.70rem; height: 7.2rem; overflow: auto; position: absolute; top: 0.48rem; padding-right: 0.3rem; } .section-agr .content .red { color: #ff4a38; } .section-agr .content .title { width: 1.7rem; height: 0.68rem; background: url(../images/bg-title.png) no-repeat; background-size: 100% 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.3rem; color: #63AB47; margin-bottom: 0.1rem; } .section-agr .content ul { color: #3d4644; font-size: 0.28rem; text-align: justify; margin-bottom: 0.43rem; } .section-agr .content ul li { margin-bottom: 0.4rem; line-height: 0.36rem; font-size: 0.24rem; color: #222222; font-weight: 400; } .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 { -webkit-transform: rotate(7deg); transform: rotate(7deg); } .main-cancel { padding-bottom: 3rem; } .main-cancel .banner { width: 5.73rem; height: 2.39rem; padding-left: 0.86rem; margin-top: 1rem; } .main-cancel .banner img { width: 100%; } .main-cancel .login { width: 6.75rem; height: 4.73rem; margin-top: 5.75rem; background: url(../images/bg-cancel.png) no-repeat; background-size: 100% 100%; margin-left: 0.37rem; } .main-cancel .login .tips { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.28rem; color: rgba(188, 130, 19, 0.6); padding: 2.5rem 0.6rem 0rem; text-align: justify; } .main-cancel .login .tips .ring { width: 0.6rem; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0.15rem 0 0; } .main-cancel .login .tips .ring img { height: 0.5rem; } .dialog-alert .actions .btn { color: white; font-size: 0.36rem; background: -webkit-gradient(linear, right top, left top, from(#009eff), to(#59a8fd)); background: linear-gradient(-90deg, #009eff, #59a8fd); height: 0.7rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 2rem; border-radius: 0.4rem; padding: 0; margin: 0; } .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: #333333; 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: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 0.6rem; } .dialog-confirm .actions .btn { color: #0bb577; font-size: 0.3rem; width: 2.2rem; height: 0.8rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.4rem; background: #e2f6ef; } .dialog-confirm .actions .okay { color: white; float: left; background: #0bb577; } .draw { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 0.3rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: 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%; } .nox_aor { font-size: 0.26rem; position: relative; width: 100%; text-align: center; color: #ffffffcf; margin-top: 0.2rem; } .yuans { width: 0.22rem; height: 0.22rem; border-radius: 3rem; border: solid 0.02rem #ffff; display: block; position: absolute; background: none; left: 1.8rem; top: 0.06rem; } .text_lan { text-decoration: none; color: #ffffffcf; } .chanp { width: 1.64rem; height: 0.46rem; margin-left: 2.57rem; margin-top: 0.65rem; } .text_ar { font-size: 0.26rem; color: #222222b5; margin-left: 0.51rem; font-weight: 600; font-family: PingFang SC; margin-top: -0.1rem; margin-bottom: 0.18rem; } .chanps { width: 4.16rem; height: 0.46rem; margin-left: 1.29rem; margin-top: 0.65rem; } .imgga { width: 0.98rem; height: 0.98rem; position: absolute; top: 1.37rem; left: 0.75rem; } .imggb { width: 0.98rem; height: 0.98rem; position: absolute; top: 1.37rem; left: 2.18rem; } .imggc { width: 0.98rem; height: 0.98rem; position: absolute; top: 1.37rem; left: 3.61rem; } .imggd { width: 0.98rem; height: 0.98rem; position: absolute; top: 1.37rem; left: 5.04rem; } .imgge { width: 0.98rem; height: 0.98rem; position: absolute; top: 2.58rem; left: 0.75rem; } .imggf { width: 0.98rem; height: 0.98rem; position: absolute; top: 2.57rem; left: 2.18rem; } .imggg { width: 0.98rem; height: 0.98rem; position: absolute; top: 2.57rem; left: 3.6rem; } .imggh { width: 0.98rem; height: 0.98rem; position: absolute; top: 2.57rem; left: 5.04rem; } .overlaycsr { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 9990; background-color: #000000ab; min-height: 6.5rem; } .dialog-alertsrc { width: 6.04rem; height: 4.24rem; position: fixed; top: 4.37rem; left: 0.82rem; z-index: 9998; -webkit-animation: frames-top-center-01 300ms; animation: frames-top-center-01 300ms; border-radius: 0.1rem; background: url(../images/弹窗bgg.png) no-repeat; background-size: 100% 100%; } .dialog-alertsrc .guanbi { background: url(../images/关闭bgg.png) no-repeat; background-size: 100% 100%; width: 0.41rem; height: 0.41rem; margin-left: 5.45rem; margin-top: 0.33rem; } .dialog-alertsrc .content { margin: 1rem 1.2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 0.26rem; color: #333333; } .dialog-alertsrc .actions { height: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .dialog-alertsrc .actions .img_btn { background: url(../images/按钮bgg.png) no-repeat; background-size: 100% 100%; width: 4.18rem; height: 0.66rem; margin-top: 0.45rem; letter-spacing: 0.03rem; } .dialog-alertsrc .actions .btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0.4rem; padding: 0; } /*# sourceMappingURL=order.css.map */