1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186 |
- @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: 16.35rem;
- font-family: PingFangSC-Regular, sans-serif, "SourceHanSansCN-Regular", "Microsoft YaHei", "微软雅黑", STXihei, SimHei, "华文细黑";
- background: #f0a5eb url(../images/bg.png) no-repeat;
- background-size: 100%;
- }
- .unicom img {
- left: 0.22rem;
- position: absolute;
- width: 1.49rem;
- height: 0.44rem;
- top: 0.25rem;
- }
- .main {
- width: 100%;
- height: 100%;
- min-height: 13rem;
- -webkit-box-sizing: border-box;
- box-sizing: border-box;
- }
- .box_adxr::-webkit-scrollbar {
- width: 0.12rem;
- }
- .box_adxr::-webkit-scrollbar-track {
- background-color: #f5c1f200;
- border-radius: 99px;
- }
- .box_adxr::-webkit-scrollbar-thumb {
- border-radius: 100px;
- background: #cf85dc;
- height: 1rem;
- }
- .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: 6.6rem;
- height: 4.72rem;
- margin-top: 4.52rem;
- margin-left: 0.44rem;
- }
- .img_adxs {
- width: 100%;
- height: 3.91rem;
- position: absolute;
- top: 0.59rem;
- }
- .main-order .apps {
- margin: 0rem 0.7rem;
- }
- .main-order .apps img {
- width: 100%;
- }
- .main-order .order {
- width: 6.63rem;
- height: 1.19rem;
- padding: unset;
- background: url(../images/btn-order-disabled.png) no-repeat;
- background-size: 100% 100%;
- position: absolute;
- top: 9.45rem;
- left: 0.43rem;
- }
- .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: #2206B4;
- font-size: 0.26rem;
- text-align: center;
- background: url(../images/查看更多按钮.png) no-repeat;
- background-size: 100% 100%;
- width: 1.61rem;
- height: 0.54rem;
- line-height: 0.53rem;
- margin-left: 2.61rem;
- letter-spacing: 0.01rem;
- margin-top: 0.16rem;
- 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: 7.7rem;
- overflow: scroll;
- margin-top: 0.7rem;
- }
- .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-top: 0.48rem;
- 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-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.83rem;
- height: 3.44rem;
- margin-left: 0.32rem;
- margin-top: 0.95rem;
- position: relative;
- }
- .box_cd {
- background: url(../images/边框@2x.png) no-repeat;
- background-size: 100% 100%;
- width: 7.2rem;
- height: 6.23rem;
- margin-left: 0.18rem;
- margin-top: 1.1rem;
- border-radius: 0.3rem;
- }
- .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: #666666;
- font-size: 0.28rem;
- }
- input::-moz-placeholder {
- /* Mozilla Firefox 19+ */
- color: #666666;
- font-size: 0.28rem;
- }
- input:-moz-placeholder {
- /* Mozilla Firefox 4 to 18 */
- color: #666666;
- font-size: 0.28rem;
- }
- input:-ms-input-placeholder {
- /* Internet Explorer 10-11 */
- color: #666666;
- font-size: 0.28rem;
- }
- .sms-form {
- margin: 0rem 0.4rem 0.3rem;
- position: absolute;
- top: 9.77rem;
- width: 5.37rem;
- left: 0.68rem;
- }
- .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.33rem;
- }
- .form-group .input-row .smscode {
- width: 100%;
- margin-right: 0.15rem;
- }
- .form-group .input-row .sendcode {
- font-size: 0.32rem;
- height: 0.88rem;
- line-height: 0.88rem;
- color: #FFFFFF;
- word-break: keep-all;
- white-space: nowrap;
- border-radius: 0.1rem;
- min-width: 1.96rem;
- background: #A649F0;
- text-align: center;
- letter-spacing: 0.02rem;
- }
- .form-group .input-row:last-child {
- margin-bottom: 0rem;
- }
- .form-group input {
- font-size: 0.28rem;
- width: 5.76rem;
- height: 0.88rem;
- outline: none;
- min-width: 2.4rem;
- margin-bottom: 0.01rem;
- color: #666666;
- padding-left: 0.3rem;
- letter-spacing: 0.03rem;
- background: #FFFFFF;
- border: 1px solid #FFFFFF;
- border-radius: 0.1rem;
- }
- .form-group .actions .btn {
- color: white;
- font-size: 0.36rem;
- width: 6.09rem;
- height: 1.15rem;
- background: url(../images/btn-order.png) no-repeat;
- background-size: 100% 100%;
- margin: 0 auto;
- line-height: 0.88rem;
- text-align: center;
- border: none;
- border-radius: 0;
- margin-left: -0.35rem;
- }
- .section-agr {
- margin-top: 0.14rem;
- width: 6.48rem;
- height: 5.51rem;
- margin-bottom: 0.44rem;
- margin-left: 0.49rem;
- position: relative;
- background: rgba(255, 255, 255, 0.3);
- -webkit-box-shadow: 5px 9px 50px 0px rgba(6, 86, 185, 0.05), 0px 1px 3px 0px #F3E7FF;
- box-shadow: 5px 9px 50px 0px rgba(6, 86, 185, 0.05), 0px 1px 3px 0px #F3E7FF;
- border-radius: 0.4rem;
- }
- .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 {
- height: 3.89rem;
- overflow: auto;
- position: absolute;
- width: 5.25rem;
- top: 1.1rem;
- left: 0.65rem;
- padding-right: 0.27rem;
- font-size: 0.24rem;
- color: #333333;
- }
- .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 {
- line-height: 0.36rem;
- font-size: 0.22rem;
- color: #333333;
- 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 {
- margin-top: 0.59rem;
- width: 100%;
- height: 3.91rem;
- }
- .main-cancel .banner img {
- width: 100%;
- }
- .main-cancel .login {
- width: 7.42rem;
- height: 4.87rem;
- margin-left: 0.08rem;
- background: url(../images/圆角矩形2.1.png) no-repeat;
- background-size: 100% 100%;
- margin-top: -0.5rem;
- }
- .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: #3b92e6;
- 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: 2.72rem;
- height: 0.7rem;
- position: absolute;
- left: 1.95rem;
- top: -0.2rem;
- }
- .text_ar {
- font-size: 0.26rem;
- color: #FFFFFF;
- margin-left: 0.51rem;
- font-weight: 400;
- font-family: PingFang SC;
- margin-top: -0.1rem;
- margin-bottom: 0.15rem;
- line-height: 0.46rem;
- }
- .img_acoc {
- width: 5.19rem;
- height: 2.11rem;
- position: absolute;
- top: 0.98rem;
- left: 0.82rem;
- }
- .chanps {
- width: 3.83rem;
- height: 0.7rem;
- position: absolute;
- top: -0.2rem;
- left: 1.4rem;
- }
- .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.28rem;
- height: 3.54rem;
- position: fixed;
- top: 4.44rem;
- left: 0.41rem;
- 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.71rem;
- margin-top: -0.05rem;
- }
- .dialog-alertsrc .content {
- margin: 1rem 1rem;
- 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;
- letter-spacing: 0.03rem;
- margin-left: 1.5rem;
- }
- .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.33rem;
- height: 0.86rem;
- margin-top: 0.13rem;
- margin-left: 0.25rem;
- }
- .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 */
|