@charset "UTF-8"; body#contain { background: #e4ebf6; } html, body { padding-top: 1.17333rem; } .contain .bai-head { height: 1.17333rem; background: #9bc4fd; text-align: center; position: fixed; top: 0; left: 0; width: 100%; } .contain .bai-head span { font-size: 18px; color: #fff; line-height: 1.17333rem; } [data-dpr="2"] .contain .bai-head span { font-size: 36px; } [data-dpr="3"] .contain .bai-head span { font-size: 54px; } .contain .bai-head a.left { display: block; position: absolute; top: 0.34667rem; left: 0.32rem; } .contain .bai-head a.left img { display: inline-block; width: 0.58667rem; height: auto; } .contain .bai-head a.trash { display: block; position: absolute; top: 0.29333rem; right: 0.32rem !important; } .contain .bai-head a.trash img { display: inline-block; width: 0.57333rem; } .contain .bai-head i#chuang{ display: inline-block; position: absolute; top: 0; right: 0.32rem; color: #fff; font-style: normal; line-height: 1.17333rem; font-size: 16px; } [data-dpr="2"] .contain .bai-head i#chuang{ font-size:32px; } [data-dpr="3"] .contain .bai-head i#chuang{ font-size:48px; } .show-details h2 a#dong{ font-style: normal; text-decoration: underline; color: #7e95c4; } .administer-head { padding: 0.21333rem 0.32rem; position: fixed; left: 0; top: 1.17333rem; width: 100%; box-sizing: border-box; z-index: 999; } .administer-head input { display: block; height: 0.72rem; width: 100%; border-radius: 0.13333rem; padding-left: 0.76rem; background: #ffffff url("../images/search.png") no-repeat 0.21333rem center; background-size: 0.34667rem 0.34667rem; box-sizing: border-box; border: none; outline: none; font-size: 12px; color: #333; line-height: 0.66667rem; } [data-dpr="2"] .administer-head input { font-size: 24px; } [data-dpr="3"] .administer-head input { font-size: 36px; } .administer-head .head-remove { transition: all ease-in .5s; opacity: 0; width: 0.34667rem; height: 0.34667rem; background: url("../images/search-error.png") no-repeat; background-size: 0.34667rem 0.34667rem; position: absolute; top: 0.4rem; right: 2rem; z-index: 10000; } .administer-head .head-serach { display: block; width: 1.25333rem; height: 0.72rem; background: #9bc4fd; position: absolute; top: 0.21333rem; right: -1.25333rem; font-size: 14px; color: #ffffff; text-align: center; line-height: 0.72rem; border-radius: 0.10667rem; transition: all ease-in .5s; text-decoration: none; } [data-dpr="2"] .administer-head .head-serach { font-size: 28px; } [data-dpr="3"] .administer-head .head-serach { font-size: 42px; } .exhibition-activities { position: fixed; width: 100%; top: 2.32rem; left: 0; } .exhibition-activities ul.exhibition-select { background: #ffffff; border-bottom: 1px solid #dbe2ee; height: 1.14667rem; display: flex; justify-content: center; } .exhibition-activities ul.exhibition-select li { width: 50%; padding: 0 1rem; box-sizing: border-box; position: relative; } .exhibition-activities ul.exhibition-select li a { display: block; text-align: center; font-size: 15px; color: #333; line-height: 1.06667rem; } [data-dpr="2"] .exhibition-activities ul.exhibition-select li a { font-size: 30px; } [data-dpr="3"] .exhibition-activities ul.exhibition-select li a { font-size: 45px; } .exhibition-activities ul.exhibition-select li .line { position: absolute; width: 60%; height: 0.05333rem; background: transparent; left: 20%; bottom: -1px; } .exhibition-activities ul.exhibition-select li.active a { font-size: 16px; color: #77a9fd; } [data-dpr="2"] .exhibition-activities ul.exhibition-select li.active a { font-size: 32px; } [data-dpr="3"] .exhibition-activities ul.exhibition-select li.active a { font-size: 48px; } .exhibition-activities ul.exhibition-select li.active .line { background: #77a9fd; } ul.activity-product li { margin-bottom: 0.26667rem; background: #ffffff; padding: 0.53333rem 0.32rem; } ul.activity-product li a { display: block; } ul.activity-product li a h2 { font-size: 16px; color: #333; line-height: 1; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ } [data-dpr="2"] ul.activity-product li a h2 { font-size: 32px; } [data-dpr="3"] ul.activity-product li a h2 { font-size: 48px; } ul.activity-product li a p { font-size: 14px; color: #666; line-height: 1; margin-top: 0.4rem; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ } [data-dpr="2"] ul.activity-product li a p { font-size: 28px; } [data-dpr="3"] ul.activity-product li a p { font-size: 42px; } ul.activity-product li a span { display: block; font-size: 14px; color: #666; line-height: 1; margin-top: 0.26667rem; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ } [data-dpr="2"] ul.activity-product li a span { font-size: 28px; } [data-dpr="3"] ul.activity-product li a span { font-size: 42px; } #wrapper.activity-ert { position: absolute; z-index: 1; top: 3.49333rem; bottom: 0; left: 0; width: 100%; overflow: hidden; } #wrapper.activity-ert #scroller { position: relative; list-style: none; padding: 0; margin: 0; width: 100%; text-align: left; padding-bottom: 1.46667rem; } #wrapper.activity-ert #pullUp { margin-top: 0.4rem; line-height: 1; font-size: 14px; color: #7e95c4; text-align: center; padding-bottom: 0.4rem; } [data-dpr="2"] #wrapper.activity-ert #pullUp { font-size: 28px; } [data-dpr="3"] #wrapper.activity-ert #pullUp { font-size: 42px; } .exhibition-add { width: 1.06667rem; height: 1.06667rem; background: #77a9fd; border-radius: 50%; position: fixed; right: 0.32rem; bottom: 0.32rem; text-align: center; -moz-box-shadow: 0 0 10px 5px #bed2f5; -webkit-box-shadow: 0 0 10px 5px #bed2f5; box-shadow: 0 0 10px 5px #bed2f5; z-index: 99; } .exhibition-add img { display: inline-block; width: 0.44rem; margin-top: 0.32rem; } .zeng-exhibition { margin-top: -0.26667rem; } .zeng-exhibition h2 { padding: 0.32rem; font-size: 14px; color: #7e95c4; line-height: 1; } [data-dpr="2"] .zeng-exhibition h2 { font-size: 28px; } [data-dpr="3"] .zeng-exhibition h2 { font-size: 42px; } .zeng-exhibition ul.exhibition-cont { padding-left: 0.32rem; background: #ffffff; } .zeng-exhibition ul.exhibition-cont li { border-bottom: 1px solid #dbe2ee; position: relative; padding-left: 3.6rem; min-height: 1.17333rem; } .zeng-exhibition ul.exhibition-cont li span { display: inline-block; position: absolute; top: 0; left: 0; font-size: 15px; color: #666666; height: 1.17333rem; line-height: 1.17333rem; } [data-dpr="2"] .zeng-exhibition ul.exhibition-cont li span { font-size: 30px; } [data-dpr="3"] .zeng-exhibition ul.exhibition-cont li span { font-size: 45px; } .zeng-exhibition ul.exhibition-cont li input.input-text { width: 100%; text-align: left; height: 1.17333rem; border: none; background: none; font-size: 15px; color: #333; padding-right: 0.32rem; box-sizing: border-box; line-height: 1.17333rem; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ } [data-dpr="2"] .zeng-exhibition ul.exhibition-cont li input.input-text { font-size: 30px; } [data-dpr="3"] .zeng-exhibition ul.exhibition-cont li input.input-text { font-size: 45px; } .zeng-exhibition ul.exhibition-cont li input.input-tiao { background: url(../images/left.png) no-repeat 95% center; background-size: 0.18667rem 0.34667rem; } .zeng-exhibition ul.exhibition-cont li p { width: 100%; padding-right: 0.53333rem; color: #333; font-size: 15px; line-height: 1.17333rem; min-height: 1.17333rem; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ box-sizing: border-box; background: url(../images/left.png) no-repeat 95% center; background-size: 0.18667rem 0.34667rem; } [data-dpr="2"] .zeng-exhibition ul.exhibition-cont li p { font-size: 30px; } [data-dpr="3"] .zeng-exhibition ul.exhibition-cont li p { font-size: 45px; } .zeng-exhibition ul.exhibition-cont li p#specific { word-wrap: break-word; overflow: hidden; white-space: normal; line-height: 0.53333rem; padding: 0.33333rem 0.53333rem 0.33333rem 0; } .specific-address { display: none; position: fixed; left: 50%; margin-left: -3.4rem; top: 50%; background: #ffffff; width: 5.73333rem; border-radius: 0.13333rem; padding: 0.53333rem; z-index: 199; } .specific-address textarea { display: block; border: 1px solid #b6c0cc; resize: none; width: 100%; padding: 0.32rem; height: 3.84rem; outline: none; font-size: 15px; box-sizing: border-box; line-height: 0.53333rem; overflow: hidden; border-radius: 0.13333rem; } [data-dpr="2"] .specific-address textarea { font-size: 30px; } [data-dpr="3"] .specific-address textarea { font-size: 45px; } .specific-address .select-sdf { margin-top: 0.32rem; } .specific-address .select-sdf button { display: inline-block; border: none; width: 49%; height: 0.8rem; font-size: 15px; line-height: 0.8rem; text-align: center; border-radius: 0.08rem; color: #ffffff; } [data-dpr="2"] .specific-address .select-sdf button { font-size: 30px; } [data-dpr="3"] .specific-address .select-sdf button { font-size: 45px; } .specific-address .select-sdf button.bao { background: #9bc4fd; } .pro-steps { margin-top: 1.6rem; padding: 0 0.53333rem 0.53333rem 0.53333rem; box-sizing: border-box; } .pro-steps button { display: block; width: 100%; height: 1.17333rem; font-size: 16px; color: #7e95c4; text-align: center; background: #fff; border-radius: 0.2rem; line-height: 1.17333rem; border: none; outline: none; } [data-dpr="2"] .pro-steps button { font-size: 32px; } [data-dpr="3"] .pro-steps button { font-size: 48px; } .pro-steps button.xia { background: #cdd5e1; color: #fff; margin-bottom: 0.26667rem; } .pro-steps button.xia.active { background: #93c1ff; box-shadow: 0 2px 12px #BDD7FA; -moz-box-shadow: 0 2px 12px #BDD7FA; -webkit-box-shadow: 0 2px 12px #BDD7FA; } .assigned-steps.pro-steps .xia { background: #93c1ff; box-shadow: 0 2px 12px #BDD7FA; } .share-code { width: 7.6rem; height: 10.08rem; margin: 1.2rem auto 0 auto; background: url("../images/code-background.png") no-repeat; background-size: 7.6rem 10.08rem; } .share-code img { display: block; width: 6.32rem; height: 6.32rem; padding-top: 0.64rem; margin: 0 auto; } .share-code .code-text { text-align: center; margin-top: 1rem; } .share-code .code-text p { font-size: 16px; color: #77a9fd; line-height: 1; } [data-dpr="2"] .share-code .code-text p { font-size: 32px; } [data-dpr="3"] .share-code .code-text p { font-size: 48px; } .share-code .code-text span { display: inline-block; font-size: 14px; color: #7e95c4; line-height: 1; margin-top: 0.26667rem; } [data-dpr="2"] .share-code .code-text span { font-size: 28px; } [data-dpr="3"] .share-code .code-text span { font-size: 42px; } .show-details { margin-top: -0.26667rem; padding-bottom: 0.13333rem; position: relative; } .show-details .out-date { padding: 0.32rem 0.32rem 0 0.32rem; } .show-details .out-date p { font-size: 12px; color: #ff6d2b; line-height: 1.4; padding-left: 0.57333rem; background: url("../images/out-noice.png") no-repeat -0.02667rem 0.08rem; background-size: 0.34667rem 0.34667rem; } [data-dpr="2"] .show-details .out-date p { font-size: 24px; } [data-dpr="3"] .show-details .out-date p { font-size: 36px; } .show-details h2 { font-size: 14px; color: #7e95c4; line-height: 1; padding: 0.32rem 0 0.32rem 0.32rem; } [data-dpr="2"] .show-details h2 { font-size: 28px; } [data-dpr="3"] .show-details h2 { font-size: 42px; } .show-details ul.details-information { padding-left: 0.32rem; background: #ffffff; } .show-details ul.details-information li { border-bottom: 1px solid #dbe2ee; position: relative; padding-left: 3.6rem; min-height: 1.17333rem; } .show-details ul.details-information li:last-child { border-bottom: none; } .show-details ul.details-information li span { display: inline-block; position: absolute; top: 0; left: 0; font-size: 15px; color: #666666; height: 1.17333rem; line-height: 1.17333rem; } [data-dpr="2"] .show-details ul.details-information li span { font-size: 30px; } [data-dpr="3"] .show-details ul.details-information li span { font-size: 45px; } .show-details ul.details-information li p { /*text-align: right;*/ width: 100%; padding-right: 0.32rem; color: #333; font-size: 15px; line-height: 1.17333rem; min-height: 1.17333rem; word-break: keep-all; /* 不换行 */ white-space: nowrap; /* 不换行 */ overflow: hidden; /* 内容超出宽度时隐藏超出部分的内容 */ text-overflow: ellipsis; /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/ box-sizing: border-box; } [data-dpr="2"] .show-details ul.details-information li p { font-size: 30px; } [data-dpr="3"] .show-details ul.details-information li p { font-size: 45px; } .show-details .out-img { position: absolute; width: 2.66667rem; height: 2.66667rem; z-index: 99; top: 1.73333rem; right: 0.32rem; } .show-details .out-img img { display: block; width: 2.66667rem; height: 2.66667rem; } .block-mask { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3); z-index: 198; } #scroller p#ert{ display: none; text-align: center; font-size: 16px; padding: 10px; color: #7e95c4; } [data-dpr="2"] #scroller p#ert{ font-size: 32px; } [data-dpr="3"] #scroller p#ert{ font-size: 48px; } .share-code #qrcode{ padding-top: 0.32rem; } .share-code #qrcode canvas{ display: block; margin: 0 auto; } em#l-ert{ display: inline-block; margin-top: 0.35rem; padding-bottom: 0.35rem; font-style: normal; text-align: left; width: 100%; padding-right: 0.32rem; color: #333; font-size: 15px; line-height: 0.6rem; } [data-dpr="2"] em#l-ert{ font-size: 30px; } [data-dpr="3"] em#l-ert{ font-size: 45px; } em.detailText{ display: inline-block; margin-top: 0.35rem; padding-bottom: 0.35rem; font-style: normal; text-align: left; width: 100%; padding-right: 0.32rem; color: #333; font-size: 15px; line-height: 0.6rem; } [data-dpr="2"] em.detailText{ font-size: 30px; } [data-dpr="3"] em.detailText{ font-size: 45px; } /*# sourceMappingURL=emperor.css.map */