liaolinfeng / consult_moblie · 提交

转到一个项目

作者 LIAO
提交 3b53d732fc03af961e928231555d79900880b747 1 个父辈 a68ba3cb

整个项目全部完成

内嵌 并排对比
正在显示 4 个修改的文件 包含 3083 行增加 和 0 行删除

要显示太多修改。
重新载入完整差异 差异文件 邮件补丁

为保证性能只显示 4 of 4+ 个文件。

.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
font-size: 2em;
}
@font-face {
font-family: "raty";
font-style: normal;
font-weight: normal;
src: url("./fonts/raty.eot");
src: url("./fonts/raty.eot?#iefix") format("embedded-opentype");
src: url("./fonts/raty.svg#raty") format("svg");
src: url("./fonts/raty.ttf") format("truetype");
src: url("./fonts/raty.woff") format("woff");
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "raty";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none;
}
.cancel-on-png:before {
content: "\e600";
}
.cancel-off-png:before {
content: "\e601";
}
.star-on-png:before {
content: "\f005";
}
.star-off-png:before {
content: "\f006";
}
.star-half-png:before {
content: "\f123";
}
... ...
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block
}
audio, canvas, video {
display: inline-block
}
audio:not([controls]) {
display: none;
height: 0
}
[hidden], template {
display: none
}
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
a {
background: transparent
}
a:focus {
outline: thin dotted
}
a:active, a:hover {
outline: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
abbr[title] {
border-bottom: 1px dotted
}
b, strong {
font-weight: bold
}
dfn {
font-style: italic
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0
}
mark {
background: #ff0;
color: #000
}
code, kbd, pre, samp {
font-family: monospace, serif;
font-size: 1em
}
pre {
white-space: pre-wrap
}
q {
quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
font-size: 80%
}
sub, sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -0.5em
}
sub {
bottom: -0.25em
}
img {
border: 0
}
svg:not(:root) {
overflow: hidden
}
figure {
margin: 0
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em
}
legend {
border: 0;
padding: 0
}
button, input, select, textarea {
font-family: inherit;
font-size: 100%;
margin: 0
}
button, input {
line-height: normal
}
button, select {
text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer
}
button[disabled], html input[disabled] {
cursor: default
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0
}
textarea {
overflow: auto;
vertical-align: top
}
table {
border-collapse: collapse;
border-spacing: 0
}
* {
text-rendering: optimizelegibility
}
*, *:before, *:after {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important
}
*::-moz-placeholder {
color: #e0e0e0
}
*::-moz-selection {
background-color: #cce2ff
}
*::-moz-selection {
background-color: #ffc;
color: #555
}
a {
color: #369
}
a:hover {
color: #1ab8f3
}
a:active {
color: #0aa5df
}
article {
margin-top: 20px
}
article h2 {
font-size: 1.6em
}
article h3 {
font-size: 1.5em
}
article ol {
padding-left: 10px
}
article p {
font-size: 1.45em
}
article pre {
white-space: pre
}
article li {
font-size: 1.4em;
list-style: inside
}
article ul {
font-size: 0.9em;
padding-bottom: 10px;
padding-left: 5px
}
article .body {
margin-top: 20px;
word-wrap: break-word
}
blockquote {
background: url(../fonts/quote-2fae1e7bd06251d5537226c926785216.gif) no-repeat 0 0 #fcfcfc;
border-radius: 4px;
margin-left: 0;
padding-left: 22px
}
blockquote p {
font-size: 1.3em;
padding-bottom: 5px;
padding-left: 10px;
padding-top: 5px
}
body {
background-color: #fafafa;
color: #333;
font-family: "Open Sans", "Arial", sans-serif;
font-size: 10px;
height: 100%;
line-height: 1.6
}
code {
background-color: #fefefe;
border-radius: 3px;
border: 1px solid #fbfbfb;
margin: 0 2px;
padding: 1px 5px
}
header .edit {
display: block;
font-size: 1.4em;
margin: 10px auto 0;
padding-top: 8px;
text-align: center;
text-decoration: none;
width: 100px
}
header .edit:hover {
color: #fff
}
img {
max-width: 100%
}
pre {
background-color: #fefefe;
border-radius: 3px;
border: 1px solid #fbfbfb;
color: #393939;
font-family: menlo, monospace, serif;
font-size: 1.2em;
overflow: auto;
padding: 10px 10px;
white-space: pre
}
textarea {
resize: vertical
}
textarea.code {
font-family: menlo, monospace
}
ul {
list-style: none
}
.clearfix {
*zoom: 1
}
.clearfix:before, .clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.content {
margin: 0 auto;
width: 93%
}
.header {
margin-top: 10px;
text-align: center
}
.header a {
color: #3b3b3b;
letter-spacing: -3px;
line-height: 1.1;
text-decoration: none;
text-shadow: 2px 2px #fff
}
.header a:hover {
color: #444
}
.header div {
color: #888;
font-size: 1.3em
}
.input {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
background-color: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 1.3em;
max-height: 300px;
min-height: 25px;
padding: 12px 10px;
transition: all 0.15s ease-in 0s;
width: 100%
}
.input:focus {
border-color: #eee
}
.mandatory {
color: #b94a48;
font-size: 1.3em;
font-weight: bold
}
.navigation {
margin-top: 5px;
text-align: center
}
.navigation > a, .navigation .i-heart {
background-color: #fff;
border-radius: 4px;
display: inline-block;
font-size: 2.3em;
margin-top: 8px;
padding-bottom: 8px;
padding-top: 8px
}
.navigation > a:hover, .navigation .i-heart:hover {
color: #6ecff5;
transition: color 0s ease 0s, color 0.2s ease-in 0s
}
.navigation > a:active, .navigation .i-heart:active {
color: #0aa5df
}
.navigation a {
color: #555;
text-decoration: none
}
.navigation .i-heart {
color: red;
cursor: pointer
}
.navigation .i-heart:hover {
color: #ff9bc3
}
.placeholder {
float: left;
margin-top: 10px;
padding-left: 2px;
padding-right: 2px;
width: 100%
}
.saver {
clear: both;
float: right;
margin-bottom: 15px;
margin-top: 10px;
width: 100%
}
.share {
margin-top: 30px
}
.share a {
background-color: #e1f4fd;
display: block;
height: 36px;
text-decoration: none
}
.share a:hover {
background-color: #c2e8fa
}
.share p {
color: #333;
font-size: 1.4em;
font-weight: bold;
letter-spacing: 0.7px;
text-align: center
}
.share .twitter {
border: 1px solid #b2e2f9;
border-radius: 3px;
margin: 0 auto;
width: 78px
}
.share .twitter i {
color: #24acee;
font-size: 1.5em;
left: 28px;
position: relative;
top: 9px
}
#donations {
display: none;
font-weight: bold;
margin-top: 5px;
text-align: center
}
#donations a {
color: #dc5;
font-size: 1.4em
}
#donations a:hover {
color: #6ecff5;
transition: color 0s ease 0s, color 0.2s ease-in 0s
}
#donations a:active {
color: #0aa5df
}
#donations span {
color: #ff9bc3;
font-size: 1.8em;
padding-left: 3px;
padding-right: 3px;
vertical-align: sub
}
@media only screen and (min-width: 568px) {
body {
font-size: 11px
}
}
@media only screen and (min-width: 768px) {
body {
font-size: 12px
}
.content {
margin-top: 10px;
width: 90%
}
}
.highlight .nd {
color: #707a7c
}
.highlight .c1 {
color: #228b22
}
.highlight .hll {
background-color: #ffc
}
.highlight .c {
color: #008800;
font-style: italic
}
.highlight .err {
color: #a61717;
background-color: #e3d2d2
}
.highlight .k {
color: #000080;
font-weight: bold
}
.highlight .cm {
color: #008800;
font-style: italic
}
.highlight .cp {
color: teal
}
.highlight .cs {
color: #008800;
font-weight: bold
}
.highlight .gd {
color: #000000;
background-color: #fdd
}
.highlight .ge {
font-style: italic
}
.highlight .gr {
color: #a00
}
.highlight .gh {
color: #999
}
.highlight .gi {
color: #000000;
background-color: #dfd
}
.highlight .go {
color: #888
}
.highlight .gp {
color: #555
}
.highlight .gs {
font-weight: bold
}
.highlight .gu {
color: #aaa
}
.highlight .gt {
color: #a00
}
.highlight .kc {
color: #000080;
font-weight: bold
}
.highlight .kd {
color: #000080;
font-weight: bold
}
.highlight .kn {
color: #000080;
font-weight: bold
}
.highlight .kp {
color: #000080;
font-weight: bold
}
.highlight .kr {
color: #000080;
font-weight: bold
}
.highlight .kt {
color: #000080;
font-weight: bold
}
.highlight .m {
color: blue
}
.highlight .s {
color: blue
}
.highlight .na {
color: red
}
.highlight .nt {
color: #000080;
font-weight: bold
}
.highlight .ow {
font-weight: bold
}
.highlight .w {
color: #bbb
}
.highlight .mf {
color: blue
}
.highlight .mh {
color: blue
}
.highlight .mi {
color: blue
}
.highlight .mo {
color: blue
}
.highlight .sb {
color: blue
}
.highlight .sc {
color: purple
}
.highlight .sd {
color: blue
}
.highlight .s2 {
color: blue
}
.highlight .se {
color: blue
}
.highlight .sh {
color: blue
}
.highlight .si {
color: blue
}
.highlight .sx {
color: blue
}
.highlight .sr {
color: blue
}
.highlight .s1 {
color: blue
}
.highlight .ss {
color: blue
}
.highlight .il {
color: blue
}
@font-face {
font-family: "wbotelhos";
font-style: normal;
font-weight: normal;
src: url(../fonts/wbotelhos.eot?#iefix) format("embedded-opentype");
src: url(../fonts/wbotelhos.svg#wbotelhos) format("svg");
src: url(../fonts/wbotelhos.ttf) format("truetype");
src: url(../fonts/wbotelhos.woff) format("woff")
}
[class^="i-"], [class*=" i-"] {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: "wbotelhos";
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-transform: none
}
.i-file-zip:before {
content: "\e600"
}
.i-lab:before {
content: "\e601"
}
.i-labs:before {
content: "\e602"
}
.i-github:before {
content: "\e603"
}
.i-linkedin:before {
content: "\e604"
}
.i-twitter:before {
content: "\e605"
}
.i-cog:before {
content: "\e606"
}
.i-feed:before {
content: "\e607"
}
.i-file:before {
content: "\e608"
}
.i-heart:before {
content: "\e609"
}
.i-envelope:before {
content: "\e60a"
}
.i-exit:before {
content: "\e60b"
}
.i-profile:before {
content: "\e60c"
}
.button {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;
border: none;
color: #fff;
display: inline-block;
font-size: 1.1em;
font-weight: bold;
height: 45px;
padding: 10px
}
.button.blue {
background-color: #6ecff5
}
.button.blue:hover {
background-color: #1ab8f3;
color: #fff
}
.button.blue:active {
background-color: #0aa5df
}
.button.green {
background-color: #5bbd72
}
.button.green:hover {
background-color: #58cb73;
color: #fff
}
.button.green:active {
background-color: #4cb164
}
.button.green-dark {
background-color: #00b5ad
}
.button.green-dark:hover {
background-color: #009a93;
color: #fff
}
.button.green-dark:active {
background-color: #00847e
}
#replying-cancel, #replying-to {
display: inline-block;
visibility: hidden
}
#replying-cancel {
margin-left: 2px
}
#replying-to {
margin-left: 10px
}
#replying-to strong {
color: #777
}
.comments {
font-size: 1.3em;
margin-top: 50px
}
.comments abbr {
color: #aaa;
font-size: 0.9em;
margin-left: 5px
}
.comments blockquote p {
font-size: 1em
}
.comments h1 {
font-size: 1.5em
}
.comments h2 {
font-size: 1.3em
}
.comments h3, .comments h4, .comments h5, .comments h6 {
font-size: 0.9em
}
.comments header {
margin-bottom: 5px
}
.comments header a {
margin-right: 5px;
text-decoration: none
}
.comments ol {
list-style: none;
padding: 0
}
.comments pre {
font-size: 0.9em
}
.comments ul {
font-size: 0.9em;
list-style: circle;
padding-left: 5px
}
.comments .anchor, .comments .edit, .comments .reply {
color: #777;
font-size: 0.9em;
text-decoration: none
}
.comments .anchor:hover, .comments .edit:hover, .comments .reply:hover {
color: #555;
transition: color 0s ease 0s, color 0.2s ease-in 0s
}
.comments .anchor, .comments .reply {
margin-right: 5px
}
.comments .author {
background-color: #ccc
}
.comments .avatar {
height: 48px;
left: 0;
position: absolute;
top: 8px;
width: 48px
}
.comments .avatar img {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px
}
.comments .body {
margin-bottom: 10px;
min-height: 56px;
padding-left: 40px;
padding-top: 8px;
position: relative
}
.comments .comment {
border-top: 1px solid #ddd;
padding-left: 15px;
position: relative;
word-wrap: break-word
}
.comments .flag {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-ms-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 0.9em;
padding: 3px 7px;
letter-spacing: 0.7px
}
.comments .pending {
background-color: #ff8080
}
.new_comment input[type="submit"], .edit_comment input[type="submit"] {
margin-top: 0
}
.new_comment textarea, .edit_comment textarea {
height: 100px
}
.new_comment .not-human input, .edit_comment .not-human input {
vertical-align: top
}
.new_comment .not-human label, .edit_comment .not-human label {
display: inline;
font-size: 1.2em;
padding-right: 5px;
vertical-align: top
}
.new_comment a {
text-decoration: none
}
.new_comment .tip {
color: #777;
font-size: 1.1em;
margin-top: 2px
}
@media only screen and (min-width: 480px) {
.edit_comment, .new_comment {
margin-left: auto;
margin-right: auto;
width: 80%
}
.edit_comment {
margin-top: 30px
}
}
@media only screen and (min-width: 568px) {
.comments abbr {
font-size: 0.8em
}
.comments pre {
font-size: 0.8em
}
.comments .anchor, .comments .edit, .comments .reply {
font-size: 0.9em
}
.comments .body {
padding-left: 7px
}
.comments .comment {
padding-left: 48px
}
.comments .flag {
font-size: 0.8em
}
.new_comment textarea, .edit_comment textarea {
height: 200px
}
.new_comment .not-human input, .new_comment .not-human label, .edit_comment .not-human input, .edit_comment .not-human label {
vertical-align: middle
}
}
@media only screen and (min-width: 1024px) {
.new_comment, .edit_comment {
width: 60%
}
}
.navigation > a, .navigation .i-heart {
width: 33%
}
.navigation .download {
font-size: 1.8em;
padding-bottom: 5px;
width: 100%
}
.navigation .labs {
margin-left: 8px
}
.header a {
font-size: 2.2em
}
.header div {
font-weight: bold
}
.header h1 {
margin-bottom: 7px;
margin-top: 5px
}
@media only screen and (min-width: 768px) {
.header {
float: left
}
.navigation {
float: right
}
}
... ...
/*//取消苹果手机的闪烁*/
* {
-webkit-tap-highlight-color: transparent !important;
/*font-family:"Microsoft YaHei UI",'PingFangSC-Regular';*/
/*font-family: 'PingFangSC-Regular';*/
}
@font-face {
font-family: 'PingFangSC-Regular';
src: url("../fonts/PingFangRegular.ttf");
}
body {
margin: 0;
/*padding:0 0 1rem 0;*/
}
input {
border: none;
outline: none;
background: none;
line-height: 100%;
}
textarea {
outline: none;
}
textarea:hover {
outline: none;
}
input:hover {
outline: none;
}
input::placeholder {
color: #222
}
.weui-picker__item {
font-size: 0.3rem;
}
.weui-picker__hd {
width: auto !important;
font-size: 0.3rem;
}
.weui-picker__action {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
color: rgba(0, 153, 204, 1);
}
.weui-toast {
position: fixed;
z-index: 5000;
padding: 0.2rem 0.25rem;
top: 180px;
left: 0;
right: 0;
width: 4rem;
margin: 0 auto;
/*margin-left: -1rem;*/
background: rgba(17, 17, 17, 0.7);
text-align: center;
border-radius: 5px;
color: #FFFFFF;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.weui-dialog__title {
font-weight: 500;
}
.weui-dialog__hd {
padding: 0rem 0rem 0rem !important;
}
.weui-skin_android .weui-dialog__hd {
text-align: left;
padding: 0rem .6rem 0rem !important;
}
.weui-skin_android .weui-dialog__title {
font-size: .38rem;
font-family: PingFang-SC-Medium;
color: rgba(0, 0, 0, 1);
}
.weui-skin_android .weui-dialog__bd {
color: #999999;
padding: 0rem .6rem .6rem;
font-size: .3rem;
text-align: left;
}
.weui-skin_android .weui-dialog__btn {
color: rgba(51, 51, 51, 1);
}
.weui-toast__content {
font-size: .3rem;
}
.weui-picker__item {
font-size: 0.3rem;
}
.weui-picker__hd {
width: auto !important;
font-size: 0.3rem;
}
.weui-picker__action {
display: block;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
color: rgba(247, 123, 32, 1);
}
.weui-loading {
width: 0.6rem;
height: 0.6rem;
}
.bottom {
position: fixed;
display: flex;
justify-content: space-around;
align-items: center;
height: 1rem;
width: 100%;
bottom: 0;
left: 0;
background-color: #fff;
font-size: 0.22rem;
color: #999;
box-shadow: 0 -0.07rem 0.1rem #e4e4e4;
}
.bottom_item {
display: flex;
text-decoration: none;
flex-direction: column;
justify-content: center;
align-items: center;
color: #999;
}
.bottom_item:hover {
text-decoration: none;
}
.item_activity .iconfont {
color: #438AF2;
}
.item_activity div {
color: #438AF2;
}
/*注册登陆界面开始*/
.item_box {
padding: 0.45rem 0.8rem 0 0.8rem;
}
.name {
color: #aaa;
font-size: 0.26rem;
}
.item {
margin: 0.7rem 0 0 0;
border-bottom: 0.01rem solid #E4E4E4;
}
.input_box {
display: flex;
justify-content: space-between;
align-items: center;
padding: 0.32rem 0 0.22rem 0;
color: #000;
font-size: 0.3rem;
}
.input_box input {
color: #222;
}
.register_code {
color: #438AF2;
}
.register_code .codeinput {
color: #438AF2;
}
.input_box .iconfont {
color: #999;
font-size: 0.2rem;
}
.register_btn {
margin: 1.1rem 0 0 0;
width: 100%;
height: 0.88rem;
border-radius: 0.1rem;
background-color: #438AF2;
color: #ffffff;
line-height: 0.88rem;
text-align: center;
font-size: 0.34rem;
}
.register_btn:active {
opacity: 0.7;
}
.login_btn {
margin: 1.5rem 0 0 0;
width: 100%;
height: 0.88rem;
border-radius: 0.1rem;
background-color: #438AF2;
color: #ffffff;
line-height: 0.88rem;
text-align: center;
font-size: 0.34rem;
}
.login_btn:active {
opacity: 0.7;
}
.login_mode {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.7);
}
.login_all {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 5.5rem;
height: 3.2rem;
border-radius: 0.15rem;
background-color: #fff;
overflow: hidden;
}
.login_top {
width: 100%;
height: 2.2rem;
display: flex;
justify-content: center;
align-items: center;
font-size: 0.32rem;
color: #333;
}
.login_top .iconfont {
margin: 0 0.2rem 0 0;
color: #999;
font-size: 0.4rem;
}
.btn_bottom {
background-color: #438AF2;
color: #fff;
height: 1rem;
text-align: center;
width: 100%;
line-height: 1rem;
font-size: 0.32rem;
}
.btn_bottom .iconfont {
font-size: 0.2rem;
}
/*注册登陆界面结束*/
/*首页样式开始*/
.index_top {
height: 4.8rem;
width: 100%;
}
.index_top img {
width: 100%;
}
.indexitem_box {
position: relative;
z-index: 20;
margin: -1.2rem 0 0 0;
display: flex;
padding: 0 0.24rem;
justify-content: space-between;
align-items: center;
}
.index_item {
display: flex;
text-decoration: none;
align-items: center;
flex-direction: column;
width: 2.26rem;
text-align: center;
border-radius: 0.05rem;
background-color: #fff;
box-sizing: border-box;
}
.index_item:active{
text-decoration: none;
}
.index_itemimg {
overflow: hidden;
margin: 0.5rem 0 0.3rem 0;
width: 0.76rem;
height: 0.76rem;
}
.index_itemimg img {
display: block;
width: 100%;
}
.index_itemtitle {
width: 100%;
font-size: 0.28rem;
color: #333;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index_itemc {
width: 100%;
padding: 0.16rem 0.1rem 0.5rem 0.1rem;
color: #999;
font-size: 0.24rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.index_content {
padding: 0.5rem 0.7rem;
width: 7rem;
margin: 0.25rem auto;
border-radius: 0.05rem;
background-color: #fff;
box-sizing: border-box;
color: #666;
font-size: 0.28rem;
}
.index_contenttitle {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
color: #438AF2;
font-size: 0.3rem;
}
.index_contenttitle span {
display: inline-block;
}
.span_h {
height: 0.02rem;
width: 0.8rem;
background-color: #CCCCCC !important;
}
.index_contenttitle .icon-zuanshi {
font-size: 0.3rem;
margin: 0 0.1rem 0 0.3rem;
}
.span_txt {
margin: 0 0.3rem 0 0;
}
.index_contentmain {
margin: 0.4rem 0 0 0;
line-height: 0.5rem;
}
/*首页样式结束*/
/*客户服务样式开始*/
.server_top {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
height: 4.3rem;
width: 100%;
color: #999;
font-size: 0.3rem;
}
.logo {
margin: 1.4rem 0 0.3rem 0;
width: 1.64rem;
height: 1.63rem;
border-radius: 0.4rem;
overflow: hidden;
}
.logo img {
height: 100%;
width: 100%;
}
.server_content {
padding: 0 0.8rem;
}
.server_item {
margin: 0.7rem 0 0 0;
display: flex;
justify-content: space-between;
padding: 0.2rem 0;
align-items: center;
font-size: 0.3rem;
border-bottom: 0.01rem solid #E4E4E4;
}
.server_item_left {
color: #999;
}
.server_item_right {
color: #333;
font-family: "Microsoft YaHei UI", 'PingFangSC-Regular';
font-size: 0.3rem;
}
/*客户服务样式结束*/
/*评论样式开始*/
.comment_item {
position: relative;
box-sizing: border-box;
padding: 0.45rem 0.32rem 0.45rem 1rem;
margin: 0.3rem 0.25rem;
background-color: #fff;
border-radius: 0.05rem;
font-size: 15px;
}
.comment_img {
position: absolute;
top: 0.48rem;
left: 0.32rem;
width: 0.45rem;
height: 0.45rem;
border-radius: 50%;
}
.comment_img img {
width: 100%;
display: block;
border-radius: 50%;
}
.comment_item_right {
width: 100%;
font-size: 0.28rem;
color: #999;
}
.comment_top {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.comment_item_xing {
display: flex;
margin: 0.05rem 0 0 0;
}
.comment_item_xing .iconfont {
font-size: 0.15rem;
color: #ddd;
}
.comment_item_content {
padding: 0.26rem 0;
color: #333;
font-size: 0.28rem;
font-family: "Microsoft YaHei UI", 'PingFangSC-Regular';
}
.comment_item_bottom {
text-decoration: none;
padding: 0.1rem;
border: 1px solid #438AF2;
color: #438AF2;
font-size: 0.24rem;
border-radius: 3px;
display: inline;
}
.comment_item_bottom:hover {
text-decoration: none;
}
.comment_item_bottom .iconfont {
font-size: 0.3rem;
}
.comment_item_xing .activity_xing {
color: #FEC52E;
}
/*评论样式结束*/
/*个人中心样式开始*/
.my_top {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 4.68rem;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
color: #fff;
font-size: 0.34rem;
}
.my_img {
margin: 0 0 0.27rem 0;
width: 1.48rem;
height: 1.48rem;
border-radius: 50%;
overflow: hidden;
}
.my_img img {
display: block;
wisth: 100%;
}
.my_top_next {
padding: 0.45rem 0 0.4rem 0;
background-color: #fff;
margin: -0.8rem 0.24rem 0.24rem 0.24rem;
border-radius: 0.05rem;
}
.my_cellbox {
display: flex;
justify-content: space-around;
align-items: center;
}
.my_cell {
position: relative;
display: flex;
text-decoration: none;
flex-direction: column;
align-items: center;
justify-content: center;
color: #666;
font-size: 0.26rem;
}
.my_cell:active{
text-decoration: none;
}
.pint {
position: absolute;
top: -0.15rem;
right: 0.01rem;
width: 0.34rem;
text-align: center;
line-height: 0.34rem;
height: 0.34rem;
color: #fff;
font-size: 0.2rem;
border-radius: 50%;
background-color: #F03434;
}
.my_cell .iconfont {
color: #333;
margin: 0 0 0.1rem 0;
}
.my_order {
margin: 0.24rem 0 0 0;
display: flex;
text-decoration: none;
justify-content: center;
align-items: center;
color: #4299FE;
font-size: 0.3rem;
}
.my_order:active{
text-decoration: none;
}
.my_order .iconfont {
font-size: 0.1rem;
}
.my_item {
display: flex;
justify-content: space-between;
align-items: baseline;
text-decoration: none;
margin: 0.24rem 0.24rem 0 0.24rem;
padding: 0.3rem 0.24rem 0.3rem 0.32rem;
border-radius: 0.05rem;
color: #333;
font-size: 0.25rem;
background-color: #fff;
}
.my_item:active {
text-decoration: none;
}
.my_itemleft {
display: flex;
justify-content: center;
align-items: center;
}
.my_itemleft .iconfont {
margin: 0 0.1rem 0 0;
}
.my_item .iconfont {
font-size: 12px;
color: #999;
}
.my_item .violet {
color: #E47EF0;
}
.my_item .yellow {
color: #F6C687;
}
.my_item .blue {
color: #7FCBFF;
}
/*个人中心样式结束*/
/*选择套餐样式开始*/
.choose_top {
height: 4.8rem;
box-sizing: border-box;
background-color: #438AF2;
color: #fff;
font-size: 0.26rem;
padding: 0.6rem 0.32rem 0.32rem 0.32rem;
}
.choose_title {
font-size: 0.3rem;
margin: 0 0 0.32rem 0;
}
.choose_c {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.choose_content {
position: relative;
z-index: 10;
display: flex;
text-decoration: none;
justify-content: space-between;
align-items: center;
margin: 0 0.24rem 0.32rem 0.24rem;
background-color: #fff;
padding: 0.45rem 0.35rem 0.45rem 0.45rem;
border-radius: 0.05rem;
}
.choose_content:active {
text-decoration: none;
}
.box .choose_content:first-child {
margin: -1.4rem 0.24rem 0.32rem 0.24rem;
}
.choose_c_title {
color: #333;
font-size: 0.3rem;
font-weight: bold;
}
.choose_price {
display: flex;
align-items: center;
margin: 0.24rem 0;
}
.h_price {
color: #FBA128;
font-weight: bold;
font-size: 0.3rem;
}
.y_price {
margin: 0 0.32rem 0 0.18rem;
color: #BBBBBB;
font-size: 0.26rem;
text-decoration: line-through;
}
.job {
font-size: 0.26rem;
color: #438AF2;
}
.choose_left_main {
font-size: 0.26rem;
color: #999;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.choose_right {
margin: 0 0 0 0.5rem;
}
.choose_right_main {
height: 0.6rem;
width: 0.6rem;
line-height: 0.6rem;
text-align: center;
background-color: #438AF2;
color: #fff;
border-radius: 50%;
}
.choose_right_main .iconfont {
font-size: 0.2rem;
}
/*选择套餐样式结束*/
/*套餐详情样式开始*/
.details {
height: 4.8rem;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.details_top {
margin: -1.4rem 0.24rem 0 0.24rem;
padding: 0.6rem 0.7rem 0.7rem 1rem;
background-color: #fff;
border-radius: 0.05rem;
text-align: center;
}
.details_price {
justify-content: center;
padding: 0.3rem 0 0.4rem 0;
border-bottom: 0.01rem solid #E4E4E4;
}
.details_top_c {
margin: 0.3rem 0 0 0;
font-size: 0.28rem;
color: #999;
line-height: 0.5rem;
}
.details_btn {
position: fixed;
left: 0;
bottom: 0;
height: 0.88rem;
width: 100%;
background-color: #438AF2;
color: #fff;
line-height: 0.88rem;
text-align: center;
font-size: 0.34rem;
}
.details_btn:active {
opacity: 0.7;
}
/*套餐详情样式结束*/
/*确认订单样式开始*/
.comfire_top {
margin: 0.28rem 0.24rem 0.05rem 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
padding: 0.6rem 0.5rem;
font-size: 0.26rem;
color: #999;
}
.comfire_top_item {
border-bottom: 0.01rem solid #e4e4e4;
padding: 0 0 0.2rem 0;
}
.comfire_top_input {
position: relative;
}
.confire_zi{
position: absolute;
bottom: 0.2rem;
right: 0.3rem;
color: #999;
font-size: 0.28rem;
}
.comfire_top_input .icon-jiantouyou {
position: absolute;
right: 0;
font-size: 0.2rem;
color: #999;
}
.comfire_top_input input {
width: 90%;
color: #222;
font-size: 0.3rem;
}
.comfire_title {
font-size: 0.28rem;
color: #999;
}
.top_item_name {
margin: 0.4rem 0 0.3rem 0;
font-size: 0.26rem;
color: #aaa;
}
.must {
color: #438AF2;
margin: 0 0 0 0.25rem;
}
.comfire_txt {
width: 100%;
min-height: 2.6rem;
border-radius: 0.05rem;
padding: 0.2rem 0.3rem;
box-sizing: border-box;
background-color: #f7f7f7;
}
.item_text {
border: none
}
.com_cell {
display: flex;
justify-content: space-between;
align-items: center;
}
.com_cell_left {
display: flex;
align-items: center;
}
.com_cell_yuan {
margin: 0 0.14rem 0 0;
width: 0.32rem;
height: 0.32rem;
display: flex;
justify-content: center;
align-items: center;
border: 0.02rem solid #e4e4e4;
border-radius: 50%;
}
.com_cell_yuan_ativity .mini_yuan {
background-color: #FBA32D;
}
.mini_yuan {
height: 0.2rem;
width: 0.2rem;
border-radius: 50%;
background-color: #fff;
}
.jia_server {
color: #000;
margin: 0 0.3rem 0 0;
font-size: 0.3rem;
font-weight: bold;
}
.shuo_server {
color: #438AF2;
font-size: 0.28rem;
}
.com_cell .iconfont {
margin: 0 0 0 0.1rem;
color: #438AF2;
font-size: 0.2rem;
}
.com_p {
color: #FBA32D;
font-size: 0.3rem;
font-weight: bold;
}
.server_tip_box {
border-bottom: 0.01rem solid #e4e4e4;
}
.server_tip {
display: flex;
justify-content: space-between;
align-items: inherit;
color: #000;
font-size: 0.28rem;
font-weight: bold;
padding: 0 0 0.3rem 0;
}
.com_total {
display: flex;
justify-content: flex-end;
color: #333333;
font-size: 0.3rem;
margin: 0.3rem 0 0 0;
}
.pay_item {
padding: 0.4rem 0;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 0.01rem solid #e4e4e4;
}
.pay_item_left {
display: flex;
align-items: center;
}
.pay_item_left .icon-weixinzhifu {
color: #6ad06a;
font-size: 0.35rem;
}
.pay_itembox .icon-icon_select {
color: #e4e4e4;
margin: 0 0.14rem 0 0;
font-size: 0.35rem;
}
.pay_itembox .icon-icon_select_activity {
color: #FBA128;
}
.pay_item_left .icon-zhifubao {
color: #00a9f1;
font-size: 0.2rem;
}
.pay_item_left .icon-balance {
color: #DDBE40;
font-size: 0.4rem;
}
.if_yes {
margin: 0.3rem 0;
display: flex;
justify-content: center;
align-items: inherit;
color: #666;
font-size: 0.26rem;
}
.icon_box {
margin: 0 0.17rem 0 0;
display: flex;
align-items: center;
width: 0.3rem;
height: 0.3rem;
border-radius: 0.05rem;
background-color: #fff;
color: #fff;
}
.icon_box .iconfont {
font-size: 0.2rem;
}
.icon_box_activity {
background-color: #448BF2;
}
.blue {
display: inline-block;
text-decoration: none;
color: #448BF2
}
.blue:active {
text-decoration: none;
}
.pay_bottom {
position: fixed;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 0 0.3rem;
box-sizing: border-box;
height: 1rem;
bottom: 0;
left: 0;
color: #333;
font-size: 0.3rem;
background-color: #fff;
width: 100%;
}
.pay_btn {
margin: 0 0 0 0.3rem;
display: inline-block;
height: 0.64rem;
width: 1.88rem;
line-height: 0.64rem;
text-align: center;
color: #fff;
background-color: #F03434;
border-radius: 0.32rem;
}
.pay_btn:active {
opacity: 0.7;
}
.server_mold {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
}
.server_all {
position: absolute;
padding: 0 0 0.8rem 0;
top: 20%;
left: 0.6rem;
width: 6.3rem;
height: 7.7rem;
background-color: #fff;
border-radius: 0.05rem;
overflow: hidden;
}
.server_all_content {
padding: 0.58rem 0.5rem 0 0.5rem;
position: relative;
}
.server_all_content .icon-close {
position: absolute;
top: 0.2rem;
right: 0.2rem;
font-size: 0.2rem;
color: #999;
}
.server_all_title {
text-align: center;
color: #1859E9;
font-size: 0.36rem;
font-weight: bold;
margin: 0 0 0.3rem 0;
}
.server_all_main {
color: #666;
height: 5.8rem;
font-size: 0.28rem;
line-height: 0.5rem;
/*overflow-y: auto;*/
overflow: scroll;
}
.server_all_btn {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
height: 0.8rem;
line-height: 0.8rem;
color: #fff;
background-color: #1859E9;
font-size: 0.32rem;
text-align: center;
z-index: 20;
}
/*确认订单样式结束*/
.agree {
padding: 0.7rem 0.6rem;
}
.agree_title {
color: #1859E9;
font-size: 0.36rem;
text-align: center;
font-weight: bold;
}
.agree_content {
margin: 0.5rem 0 0 0;
color: #666;
font-size: 0.28rem;
line-height: 0.6rem;
}
.agree_btn {
position: fixed;
z-index: 2;
left: 0;
bottom: 0;
height: 0.8rem;
line-height: 0.8rem;
text-align: center;
color: #fff;
font-size: 0.32rem;
width: 100%;
box-sizing: border-box;
background-color: #1859E9;
}
.agree_btn:active {
opacity: 0.7;
}
/*我的钱包样式开始*/
.mypay_top {
position: relative;
height: 4.8rem;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.mypay_title {
padding: 0.4rem 0.44rem;
color: #FFFFFF;
font-size: 0.28rem;
}
.mymoney {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 0.26rem;
}
.money_span {
color: #fff;
font-size: 0.86rem;
}
.mypay_next {
position: relative;
z-index: 10;
display: flex;
justify-content: space-around;
align-items: center;
margin: -1.2rem 0.24rem -0.24rem;
background-color: #fff;
border-radius: 0.05rem;
font-size: 0.32rem;
color: #333;
}
.mypay_nextleft {
padding: 0.5rem 0;
text-align: center;
width: 50%;
border-right: 0.01rem solid #E4E4E4;
}
.mypay_nextright {
padding: 0.5rem 0;
text-align: center;
width: 50%;
}
.paynext_txt {
margin: 0.24rem 0 0 0;
color: #666;
font-size: 0.28rem;
}
.mypay_item {
margin: 0.5rem 0.24rem 0 0.24rem;
padding: 0.35rem 0.24rem 0.35rem 0.32rem;
}
.pay_itembox {
margin: 0.24rem 0 0 0;
border-radius: 0.05rem;
}
.mypay_cell:last-child {
border: none;
}
.mypay_cell {
padding: 0.35rem 0.24rem 0.35rem 0.32rem;
margin: 0 0.24rem;
box-sizing: border-box;
border-radius: 0;
border-bottom: #e4e4e4 0.01rem solid;
}
.my_itemleft .violet1 {
color: #88AAF6;
}
.mytixian {
margin: 0.5rem 0.24rem 0 0.24rem;
padding: 0.4rem 0.5rem;
border-radius: 0.05rem;
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
color: #333;
font-size: 0.3rem;
}
.tixian_input {
width: 40%;
}
.tixian_input input {
width: 100%;
}
.tixian_input input::placeholder {
color: #aaa;
}
.tixian_btn {
height: 0.88rem;
line-height: 0.88rem;
text-align: center;
margin: 0.5rem 0.24rem 0 0.24rem;
border-radius: 0.05rem;
background-color: #438AF2;
color: #fff;
font-size: 0.36rem;
}
.tixian_btn:active {
opacity: 0.7;
}
.tixian_txt {
margin: 0.4rem 0 0 0;
color: #999;
font-size: 0.26rem;
text-align: center;
}
.all_income {
position: absolute;
top: 0.4rem;
right: 0.4rem;
color: #fff;
font-size: 0.26rem;
padding: 0.1rem;
border: 0.03rem solid #fff;
border-radius: 0.12rem;
}
/*我的钱包样式结束*/
.income_next {
position: relative;
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
margin: -1.2rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
padding: 0.5rem 0.4rem;
}
.income_left {
display: flex;
justify-content: space-between;
align-items: center;
color: #999;
font-size: 0.26rem;
}
select {
margin: 0 0 0 0.18rem;
height: 0.64rem;
background-color: #f6f6f6;
border-radius: 0.05rem;
}
.choose {
width: 1rem;
height: 0.56rem;
text-align: center;
line-height: 0.56rem;
background-color: #FBA128;
color: #fff;
font-size: 0.28rem;
border-radius: 0.05rem;
}
.income_item {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.24rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
padding: 0.4rem;
color: #333;
font-size: 0.3rem;
}
.income_time {
margin: 0.2rem 0 0 0;
color: #999;
font-size: 0.26rem;
}
.income_itemright {
color: #FBA128;
font-size: 0.32rem;
}
.record_box {
position: relative;
z-index: 10;
margin: -1.2rem 0 0 0;
}
/*个人资料样式开始*/
.info_item {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0.3rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
padding: 0.3rem;
color: #333;
font-size: 0.28rem;
}
.info_img {
margin: 0 0.28rem 0 0;
width: 0.64rem;
height: 0.64rem;
border-radius: 50%;
overflow: hidden;
}
.info_itemleft {
display: flex;
align-items: center;
justify-content: space-between;
}
.info_itemright {
display: flex;
align-items: center;
justify-content: space-between;
}
.info_itemright .icon-icon-test3 {
font-size: 0.2rem;
color: #999;
}
.info_input {
margin: 0 0 0 0.44rem;
}
.info_input input{
}
.info_input input::placeholder {
color: #999;
font-size: 0.28rem;
}
.info_box {
justify-content: space-between;
align-items: center;
margin: 0.3rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
padding: 0.3rem;
color: #333;
font-size: 0.28rem;
}
.info_itemmain {
position: relative;
display: flex;
align-items: center;
padding: 0.3rem 0;
width: 100%;
border-bottom: 0.01rem solid #e4e4e4;
}
.info_itemmain .icon-quxiao {
position: absolute;
right: 0;
color: #ccc;
}
/*个人资料样式结束*/
.bg {
width: 100%;
height: 100%;
overflow: hidden;
}
.bg img {
width: 100%;
}
.share_mold {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
}
.share_mold_all {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 6.36rem;
height: 6.26rem;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.share_btn {
display: block;
text-decoration: none;
position: absolute;
bottom: 0.4rem;
color: #e68827;
left: 1.3rem;
background-color: #fee21f;
padding: 0.1rem 0.3rem;
border-radius: 0.05rem;
font-size: 0.36rem;
z-index: 20;
}
.share_btn:active {
text-decoration: none;
opacity: 0.7;
}
.share_mold_all .icon-guanbi {
position: absolute;
bottom: -1.4rem;
color: #fff;
font-size: 0.6rem;
left: 3rem;
}
/*我的订单样式开始*/
.my_ordertop {
position: fixed;
top: 0;
left: 0;
height: 1rem;
width: 100%;
box-sizing: border-box;
display: flex;
justify-content: space-around;
align-items: center;
background-color: #fff;
font-size: 0.28rem;
color: #666;
}
.my_ordertop a{
text-decoration: none;
display: block;
color: #999;
}
.my_ordertop a:active{
text-decoration: none;
}
.ordertopactivity {
color: #438AF2 !important;
}
.order_item {
display: block;
text-decoration: none;
margin: 0.3rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
overflow: hidden;
}
.order_item:active {
text-decoration: none;
}
.order_item_fri {
padding: 0.24rem 0.3rem;
display: flex;
justify-content: space-between;
align-items: center;
color: #999;
font-size: 0.26rem;
border-bottom: 0.01rem solid #E4E4E4;
}
.order_item_txt {
width: 70%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.un_txt {
color: #F03434;
}
.ing_txt {
color: #333;
}
.order_item_content {
color: #666;
font-size: 0.26rem;
border-bottom: 0.01rem #E4E4E4 solid;
}
.order_item_cell {
padding: 0.5rem 0.3rem 0.3rem 0.3rem;
color: #222;
font-size: 0.3rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.order_item_cell2 {
padding: 0 0.3rem 0.5rem 0.3rem;
color: #666;
font-size: 0.26rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.order_zhong {
text-decoration: line-through;
}
.order_item_bottom {
display: flex;
padding: 0.16rem 0.3rem;
justify-content: flex-end;
align-items: center;
color: #FBA128;
background-color: #fff;
margin: 0 0.24rem;
font-size: 0.28rem;
}
.closeorder {
display: block;
text-decoration: none;
color: #666;
font-size: 0.26rem;
margin: 0 0.24rem;
padding: 0.12rem 0.22rem;
border: 0.02rem solid #ccc;
border-radius: 0.28rem;
}
.closeorder:active {
text-decoration: none;
opacity: 0.7;
}
.gopay {
display: block;
text-decoration: none;
background-color: #F3312B;
color: #fff;
margin: 0;
padding: 0.14rem 0.24rem;
border: 0.02rem solid #F3312B;
}
.gopay:active {
text-decoration: none;
opacity: 0.7;
}
.gopingjia {
display: block;
text-decoration: none;
background-color: #FBA128;
color: #fff;
margin: 0 0 0 0.26rem;
padding: 0.12rem 0.22rem;
border: 0.02rem solid #FBA128;
}
.gopingjia:active {
text-decoration: none;
opacity: 0.7;
}
.order_item:last-child {
margin-bottom: 0.24rem;
}
/*我的订单样式结束*/
.nupay_ordertop {
height: 2.24rem;
width: 100%;
padding: 0.7rem 0 0 0.4rem;
background-color: #438AF2;
color: #fff;
font-size: 0.3rem;
box-sizing: border-box;
}
.nupay_topc {
display: flex;
}
.nupay_topc .iconfont {
margin: 0 0.2rem 0 0;
}
.unpayitem_fri {
position: relative;
background-color: #fff;
border-radius: 0.05rem;
margin: -0.65rem 0.24rem 0 0.24rem;
z-index: 2;
}
.b_txt {
color: #000;
font-weight: bold;
}
.yellow_txt {
color: #FBA128;
}
.nupay_content {
margin: 0.24rem 0.24rem 0 0.24rem;
padding: 0.4rem 0.3rem 0.3rem 0.3rem;
color: #666;
background-color: #fff;
font-size: 0.28rem;
}
.nupay_content_cell {
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 0 0.3rem 0;
}
.message{
background-color: #fff;
margin:0.24rem 0.24rem 0 0.24rem;
padding:0.35rem;
}
.message_title{
color:#333;
font-size: 0.28rem;
}
.message_c{
text-align: right;
width:70%;
color:#999;
font-size: 0.28rem;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.nupay_bottom{
position: fixed;
display: flex;
justify-content: flex-end;
align-items: center;
bottom:0;
left:0;
padding:0 0.2rem;
width:100%;
box-sizing: border-box;
height:1rem;
background-color: #fff;
}
.my_ordermold{
display: none;
position: fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color: rgba(0,0,0,0.5);
}
.ordermold_all{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
width:5.5rem;
height:2.8rem;
background-color: #fff;
border-radius: 0.05rem;
overflow: hidden;
color:#333;
font-size:0.32rem;
text-align: center;
}
.ordermold_all_bottom{
position: absolute;
width:100%;
display: flex;
justify-content: space-around;
align-items: center;
bottom:0;
left:0;
height: 0.88rem;
}
.ordermold_left{
display: flex;
text-decoration: none;
justify-content: center;
align-items: center;
background-color: #EEEEEE;
color:#666666;
font-size:0.3rem;
width:50%;
height: 100%;
}
.ordermold_left:active{
text-decoration: none;
}
.ordermold_rigth{
display: block;
text-decoration: none;
background-color: #F3312B;
width:50%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
color:#fff;
font-size:0.3rem;
}
.ordermold_rigth:active{
text-decoration: none;
}
.if_no{
margin:0.8rem 0 0 0;
font-weight: bold;
}
/*评价样式开始*/
.assess_item{
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding:0.7rem 0;
align-items: center;
text-align: center;
margin:0.3rem 0.24rem 0 0.24rem;
background-color: #fff;
border-radius: 0.05rem;
color:#333;
font-size:0.36rem;
font-weight: bold;
}
.assess_xingbox{
display: flex;
margin:0.5rem 0;
width:76%;
justify-content: space-around;
align-items: center;
}
.xingbox{
width:0.48rem;
height:0.48rem;
}
.assess_xingbox img{
width:0.48rem;
height:0.48rem;
}
.padding30{
padding:0.3rem;
}
.assess_item textarea{
/*padding:0 0.5rem;*/
border:none;
min-height: 4.5rem;
/*background-color: #000;*/
width: 100%;
resize: none;
height: 100%;
}
.assess_btn{
height:0.88rem;
line-height: 0.88rem;
margin: 0.7rem 0.24rem 0 0.24rem;
background-color: #438AF2;
font-size: 0.36rem;
text-align: center;
color:#fff;
}
.assess_btn:active{
opacity: 0.7;
}
.assess_text{
position: absolute;
bottom:0.3rem;
right:0.3rem;
color:#999;
font-size:0.28rem;
}
/*评价样式结束*/
\ No newline at end of file
... ...
/**
* Swiper 3.4.2
* Most modern mobile touch slider and framework with hardware accelerated transitions
*
* http://www.idangero.us/swiper/
*
* Copyright 2017, Vladimir Kharlampidi
* The iDangero.us
* http://www.idangero.us/
*
* Licensed under MIT
*
* Released on: March 10, 2017
*/
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}
\ No newline at end of file
... ...