作者 liaolinfeng

百荣科技公号静态页

要显示太多修改。

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

<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$">
<excludeFolder url="file://$MODULE_DIR$/.tmp" />
<excludeFolder url="file://$MODULE_DIR$/temp" />
<excludeFolder url="file://$MODULE_DIR$/tmp" />
</content>
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
</component>
</module>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="JavaScriptSettings">
<option name="languageLevel" value="ES6" />
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ProjectModuleManager">
<modules>
<module fileurl="file://$PROJECT_DIR$/.idea/bro.iml" filepath="$PROJECT_DIR$/.idea/bro.iml" />
</modules>
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="VcsDirectoryMappings">
<mapping directory="$PROJECT_DIR$" vcs="Git" />
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="BookmarkManager">
<bookmark url="file://$PROJECT_DIR$/html/index.html" line="38" />
</component>
<component name="ChangeListManager">
<list default="true" id="788bf07f-de53-4ac6-ada9-375a5bf94328" name="Default" comment="">
<change afterPath="$PROJECT_DIR$/.idea/vcs.xml" afterDir="false" />
</list>
<ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" />
<ignored path="$PROJECT_DIR$/tmp/" />
<option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
<option name="TRACKING_ENABLED" value="true" />
<option name="SHOW_DIALOG" value="false" />
<option name="HIGHLIGHT_CONFLICTS" value="true" />
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" />
</component>
<component name="FileEditorManager">
<splitter split-orientation="horizontal" split-proportion="0.63027745">
<split-first>
<leaf>
<file leaf-file-name="index.html" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="919">
<caret line="222" column="31" lean-forward="true" selection-start-line="222" selection-start-column="31" selection-end-line="222" selection-end-column="31" />
<folding>
<element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#0;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="keep.html" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/keep.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="438">
<caret line="63" column="14" lean-forward="true" selection-start-line="63" selection-start-column="14" selection-end-line="63" selection-end-column="14" />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="keep_detail.html" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/keep_detail.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="325">
<caret line="28" column="10" lean-forward="true" selection-start-line="28" selection-start-column="10" selection-end-line="28" selection-end-column="10" />
<folding>
<element signature="n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="my.html" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/my.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="574">
<caret line="60" column="9" lean-forward="true" selection-start-line="52" selection-start-column="8" selection-end-line="60" selection-end-column="9" />
<folding>
<element signature="n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="Augly_Verification.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/assets/js/Augly_Verification.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="549">
<caret line="31" column="19" selection-start-line="31" selection-start-column="4" selection-end-line="31" selection-end-column="19" />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="binding_info.html" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/binding_info.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1400">
<caret line="85" column="28" lean-forward="true" selection-start-line="85" selection-start-column="28" selection-end-line="85" selection-end-column="28" />
<folding>
<element signature="n#div#1;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
</leaf>
</split-first>
<split-second>
<leaf>
<file leaf-file-name="style.css" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/assets/css/style.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="294">
<caret line="330" selection-start-line="330" selection-end-line="330" />
</state>
</provider>
</entry>
</file>
</leaf>
</split-second>
</splitter>
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="HTML File" />
</list>
</option>
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>info_y</find>
<find>title_subtxt</find>
<find>cellmain_btn</find>
</findStrings>
</component>
<component name="Git.Settings">
<option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/html/keep.html" />
<option value="$PROJECT_DIR$/html/keep_detail.html" />
<option value="$PROJECT_DIR$/html/my.html" />
<option value="$PROJECT_DIR$/html/binding_info.html" />
<option value="$PROJECT_DIR$/html/index.html" />
<option value="$PROJECT_DIR$/assets/css/style.css" />
</list>
</option>
</component>
<component name="JsBuildToolGruntFileManager" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsBuildToolPackageJson" detection-done="true" sorting="DEFINITION_ORDER" />
<component name="JsGulpfileManager">
<detection-done>true</detection-done>
<sorting>DEFINITION_ORDER</sorting>
</component>
<component name="NodePackageJsonFileManager">
<packageJsonPaths />
</component>
<component name="ProjectFrameBounds" extendedState="7">
<option name="x" value="223" />
<option name="y" value="67" />
<option name="width" value="853" />
<option name="height" value="1000" />
</component>
<component name="ProjectLevelVcsManager" settingsEditedManually="true" />
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="Scope" />
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="bro" type="b2602c69:ProjectViewProjectNode" />
<item name="bro" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="bro" type="b2602c69:ProjectViewProjectNode" />
<item name="bro" type="462c0819:PsiDirectoryNode" />
<item name="assets" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="bro" type="b2602c69:ProjectViewProjectNode" />
<item name="bro" type="462c0819:PsiDirectoryNode" />
<item name="assets" type="462c0819:PsiDirectoryNode" />
<item name="css" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="bro" type="b2602c69:ProjectViewProjectNode" />
<item name="bro" type="462c0819:PsiDirectoryNode" />
<item name="assets" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="bro" type="b2602c69:ProjectViewProjectNode" />
<item name="bro" type="462c0819:PsiDirectoryNode" />
<item name="html" type="462c0819:PsiDirectoryNode" />
</path>
</expand>
<select />
</subPane>
</pane>
</panes>
</component>
<component name="PropertiesComponent">
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="$PROJECT_DIR$/../environmental" />
<property name="node.js.detected.package.prettier" value="true" />
<property name="node.js.path.for.package.prettier" value="project" />
<property name="node.js.selected.package.prettier" value="" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
<property name="nodejs_npm_path_reset_for_default_project" value="true" />
<property name="settings.editor.selected.configurable" value="configurable.group.appearance" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="E:\project\bro\assets\imgs" />
<recent name="E:\project\bro\assets\css" />
<recent name="E:\project\bro\assets\js" />
</key>
</component>
<component name="RunDashboard">
<option name="ruleStates">
<list>
<RuleState>
<option name="name" value="ConfigurationTypeDashboardGroupingRule" />
</RuleState>
<RuleState>
<option name="name" value="StatusDashboardGroupingRule" />
</RuleState>
</list>
</option>
</component>
<component name="SvnConfiguration">
<configuration />
</component>
<component name="TaskManager">
<task active="true" id="Default" summary="Default task">
<changelist id="788bf07f-de53-4ac6-ada9-375a5bf94328" name="Default" comment="" />
<created>1543369994835</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1543369994835</updated>
<workItem from="1543369996001" duration="29804000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="29804000" />
</component>
<component name="ToolWindowManager">
<frame x="-8" y="-8" width="1696" height="1026" extended-state="6" />
<editor active="true" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.14294331" />
<window_info anchor="bottom" id="TODO" order="6" />
<window_info anchor="bottom" id="Docker" show_stripe_button="false" />
<window_info anchor="bottom" id="Event Log" side_tool="true" />
<window_info anchor="bottom" id="Version Control" />
<window_info anchor="bottom" id="Run" order="2" />
<window_info id="Structure" order="1" side_tool="true" weight="0.25" />
<window_info anchor="bottom" id="Terminal" />
<window_info id="Favorites" side_tool="true" />
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
<window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
<window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
</layout>
</component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" />
</component>
<component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/assets/js/base.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/assets/css/fontsize.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="300">
<caret line="12" column="10" lean-forward="true" selection-start-line="12" selection-start-column="10" selection-end-line="12" selection-end-column="10" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/assets/fonts/js/common.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="600">
<caret line="27" column="17" lean-forward="true" selection-start-line="27" selection-start-column="17" selection-end-line="27" selection-end-column="17" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/keep.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="438">
<caret line="63" column="14" lean-forward="true" selection-start-line="63" selection-start-column="14" selection-end-line="63" selection-end-column="14" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/assets/js/Augly_Verification.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="549">
<caret line="31" column="19" selection-start-line="31" selection-start-column="4" selection-end-line="31" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/keep_detail.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="325">
<caret line="28" column="10" lean-forward="true" selection-start-line="28" selection-start-column="10" selection-end-line="28" selection-end-column="10" />
<folding>
<element signature="n#div#1;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/my.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="574">
<caret line="60" column="9" lean-forward="true" selection-start-line="52" selection-start-column="8" selection-end-line="60" selection-end-column="9" />
<folding>
<element signature="n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/binding_info.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1400">
<caret line="85" column="28" lean-forward="true" selection-start-line="85" selection-start-column="28" selection-end-line="85" selection-end-column="28" />
<folding>
<element signature="n#div#1;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/assets/css/style.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="294">
<caret line="330" selection-start-line="330" selection-end-line="330" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="919">
<caret line="222" column="31" lean-forward="true" selection-start-line="222" selection-start-column="31" selection-end-line="222" selection-end-column="31" />
<folding>
<element signature="n#style#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#0;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#5;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
... ...
/*//取消苹果手机的闪烁*/
* {
-webkit-tap-highlight-color: transparent !important;
}
@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;
}
select {
outline: none;
border: none;
background: none;
}
select option{
color:#999;
}
select:hover{
outline:none;
}
input {
outline: none;
border: none;
background: none;
font-size: 14px;
}
input:focus {
outline: none;
}
input::placeholder {
color: #1a1a1a;
font-size: 14px;
}
\ No newline at end of file
... ...
! function(a) {
function b() {
var b = a.document,
c = b.documentElement,
d = c.getBoundingClientRect().width;
document.documentElement.style.fontSize = 100 * (d / 750) + "px"
}
window.addEventListener("DOMContentLoaded", function() {
b()
}, !1), window.addEventListener("resize", function() {
b()
}), b()
}(window);
\ No newline at end of file
... ...
.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;*/
background: #F5F5FA;
}
input {
border: none;
outline: none;
background: none;
line-height: 100%;
}
textarea {
outline: none;
}
textarea:hover {
outline: none;
}
a {
text-decoration: none;
}
input:hover {
outline: none;
}
select {
margin: 0 0 0 0.18rem;
height: 0.64rem;
background-color: #f6f6f6;
border-radius: 0.05rem;
border: 0.02rem solid #CCCCCC;
border-radius: 0.05rem;
}
select option {
color: #999;
}
select: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;
}
.container {
width: 7.5rem;
margin: 0 auto;
}
/*主页样式开始*/
.topmain {
height: 2.4rem;
color: #FFFFFF;
font-size: 0.32rem;
display: flex;
padding: 0.6rem 0 0.6rem 0.33rem;
box-sizing: border-box;
justify-content: space-between;
align-items: center;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.topmian_left {
display: flex;
align-items: center;
font-szie: 0.32rem;
}
.headerimg {
width: 1.2rem;
height: 1.2rem;
border-radius: 50%;
overflow: hidden;
margin: 0 0.2rem 0 0;
}
.headerimg img {
display: block;
width: 100%;
height: 100%;
}
.topmian_rigth {
display: flex;
align-items: center;
justify-content: center;
font-size: 0.24rem;
background: rgba(127, 142, 255, 1);
border-radius: 0.3rem 0 0 0.3rem;
height: 0.6rem;
width: 1.86rem;
color:#fff;
}
.topmian_rigth .iconfont {
font-size: 0.22rem;
margin: 0 0.05rem 0 0;
}
.info {
position: relative;
height: 0.8rem;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0 0 0.32rem;
color: #666666;
font-size: 0.26rem;
background: #fff;
}
.info_txt {
width: 1.6rem;
color: #7F8EFF;
font-size: 0.28rem;
}
.info_y {
position: relative;
height: 100%;
width: 5.9rem;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.info_y a {
color: #333;
font-size: 0.28rem;
}
.index_nav {
margin: 0.16rem 0;
padding: 0 1.4rem;
background: #fff;
height: 1rem;
display: flex;
align-items: center;
justify-content: space-between;
color: #666;
font-size: 0.32rem;
}
.index_navitem {
border-bottom: 0.04rem solid #fff;
}
.active {
color: #576BFF;
border-bottom: 0.04rem solid #576BFF;
}
.index_cell {
display: block;
background: #fff;
margin: 0 0 0.16rem 0;
padding: 0.5rem 0.32rem;
box-sizing: border-box;
color: #999;
font-size: 0.26rem;
}
.titlebox {
display: flex;
align-items: center;
justify-content: space-between;
color: #262626;
font-size: 0.3rem;
}
.title {
width: 5.9rem;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.title_subtxt {
color: #576BFF;
font-size: 0.26rem;
border: 0.01rem solid #576BFF;
border-radius: 0.05rem;
padding: 0.03rem 0.16rem;
}
.cellmain {
position: relative;
margin: 0.3rem 0 0 0;
line-height: 0.4rem;
}
.cellmain_btn {
position: absolute;
bottom: 0;
right: 0;
height: 0.6rem;
display: flex;
align-items: center;
justify-content: center;
color: #FFFFFF;
font-size: 0.28rem;
background: #FF9F40;
border-radius: 0.05rem;
padding: 0 0.2rem;
box-sizing: border-box;
}
.cellmain_btn:active {
opacity: 0.7;
}
.bottom_btn {
position: fixed;
bottom: 0.4rem;
left: 0.332rem;
height: 0.8rem;
border-radius: 0.05rem;
width: 6.86rem;
margin: 0 auto;
background: #576BFF;
color: #fff;
font-size: 0.34rem;
display: flex;
align-items: center;
justify-content: center;
}
/*主页样式结束*/
/*我的保修样式开始*/
.keep_header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 1rem;
background: #fff;
padding: 0 0.32rem;
box-sizing: border-box;
color: #999;
font-weight: bold;
font-size: 0.28rem;
display: flex;
align-items: center;
justify-content: space-between;
}
.header_active {
position: relative;
color: #576BFF
}
.header_active:before {
content: '';
bottom: -0.02rem;
width: 0.4rem;
height: 0.03rem;
position: absolute;
left: 50%;
transform: translateX(-50%);
background: #576BFF;
}
.keep_cell {
margin: 0.16rem 0 0 0;
background: #fff;
padding: 0.3rem 0.32rem;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
color: #999;
font-size: 0.26rem;
}
.keep_main {
width: 5.5rem;
}
.title_keep {
color: #292929;
font-size: 0.3rem;
margin: 0 0 0.1rem 0;
}
.keep_txtbox {
color: #999;
font-size: 0.26rem;
}
.keep_btn {
height: 0.4rem;
font-size: 0.26rem;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
padding: 0 0.15rem;
background: #576BFF;
border-radius: 0.05rem;
}
.yellow {
background: #FF9F40;
}
.blue {
background: #99A5FF;
}
.gray {
background: #999999;
}
.details_cell {
margin: 0;
}
.tlak_box {
background: #fff;
margin: 0.16rem 0 0 0;
padding: 0.32rem;
box-sizing: border-box;
}
.tlak_title {
text-align: center;
color: #262626;
margin: 0 0 0.24rem 0;
font-size: 0.28rem;
}
.tlak_title .iconfont {
color: #666666;
font-size: 0.3rem;
}
.textbox {
width: 100%;
height: 5.73rem;
border: 0.01rem solid rgba(230, 230, 230, 1);
border-radius: 0.05rem;
}
.textbox textarea {
border: none;
width: 98%;
height: 100%;
padding: 0.2rem 0.3rem;
color: #999;
font-size: 0.28rem;
}
.textbox textarea::placeholder {
color: #999;
font-size: 0.28rem;
}
.imgbox {
margin: 0 0.5rem;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.img_cell {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0.14rem 0.28rem 0.14rem;
width: 1.6rem;
height: 1.6rem;
background: #E6E6E6;
border-radius: 0.05rem;
}
.img_cell img{
width:100%;
height: 100%;
}
.content {
border: 0.01rem solid rgba(230, 230, 230, 1);
border-radius: 0.05rem;
color: #666666;
font-size: 0.26rem;
overflow: hidden;
padding: 0.28rem 0.3rem;
box-sizing: border-box;
}
.tel_box {
margin: 0.24rem 0 0.8rem 0;
text-align: center;
font-size: 0.24rem;
color: #999;
}
.tel {
color: #576BFF;
}
.detail_btn {
margin: 0 auto 0.8rem auto;
width: 2.86rem;
height: 0.8rem;
border-radius: 0.05rem;
color: #fff;
font-size: 0.32rem;
display: flex;
align-items: center;
justify-content: center;
background: #999999;
}
/*我的保修样式结束*/
/*个人中心样式开始*/
.my_top {
display: flex;
align-items: center;
justify-content: center;
}
.input_box {
background: #fff;
padding: 0 0.332rem;
}
.input_in {
border-bottom: 0.01rem solid #E6E6E6;
display: flex;
justify-content: space-between;
align-items: center;
color: #292929;
font-size: 0.32rem;
padding: 0.34rem 0;
}
.input_in:last-child {
border: none;
}
.input_tab {
width: 2.4rem;
}
.input_cell {
width: 5rem;
}
.input_cell input {
width: 100%;
color: #292929;
font-size: 0.32rem;
}
.input_cell input::placeholder {
color: #999;
font-size: 0.32rem;
}
.my_btn {
margin: 0.8rem auto 0 auto;
color: #fff;
font-size: 0.34rem;
height: 0.8rem;
width: 6.86rem;
display: flex;
align-items: center;
justify-content: center;
background: #576BFF;
border-radius: 0.05rem;
}
.my_btn:active {
opacity: 0.7;
}
.notice {
margin: 0.2rem 0.32rem;
color: #999999;
font-size: 0.26rem;
}
.notice a {
color: #576BFF;
font-size: 0.26rem;
}
.mold {
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.7);
z-index:2;
display: none;
}
.inputmold{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.4);
z-index:3;
}
.mold_mian {
width: 6.86rem;
box-sizing: border-box;
padding:0.2rem 0.34rem 0.48rem 0.34rem;
background: #fff;
border-radius: 0.2rem;
}
.inputmold_mian{
margin: 3.34rem auto 0 auto;
width: 6.86rem;
box-sizing: border-box;
padding:0.9rem 0.4rem 0.48rem 0.4rem;
background: #fff;
border-radius: 0.2rem;
}
.mold_img {
width: 3.9rem;
margin: 0 auto;
}
.mold_img img {
width: 100%;
}
.mold_txt{
width:3.93rem;
margin: 0.36rem auto 0.6rem auto;
color:#292929;
font-size:0.32rem;
text-align: center;
}
.mold_btnbox{
width:100%;
display: flex;
align-items: center;
justify-content: space-between;
}
.mold_btn{
width:2.86rem;
height: 0.8rem;
display: flex;
align-items: center;
justify-content: center;
color:#8F9BFF;
font-size:0.34rem;
font-weight: bold;
border-radius: 0.05rem;
border:1px solid #8F9BFF;
}
.inputmold_txt{
display: flex;
align-items: center;
justify-content: space-between;
color:#292929;
font-size:0.32rem;
margin: 0 0 0.89rem 0;
}
.input_txtbox{
position: relative;
display: flex;
align-items: center;
width:4.3rem;
height: 0.8rem;
border:1px solid #e6e6e6;
border-radius: 0.1rem;
padding: 0 0.3rem;
color:#666666;
font-size: 0.32rem;
box-sizing: border-box;
}
.input_txtbox .span_a{
position: absolute;
top:0.15rem;
right: 0.3rem;
display: inline-block;
width:0.3rem;
height: 0.14rem;
}
.input_txtbox .span_a img{
width:100%;
height: 100%;
}
.input_txtbox input{
width:100%;
height: 100%;
}
.input_txtbox input::placeholder{
color:#999;
font-size:0.32rem;
}
.mold_btn:active{
opacity: 0.7;
}
.mold_btn_active{
background: #576BFF;
color:#fff;
}
.inputmold_btn{
justify-content: center;
}
.index_mold{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index:4;
}
.index_success{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index:5;
}
.index_err{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index:5;
}
.index_repair{
display: none;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.7);
z-index:5;
}
.index_mold_btn{
background: #FF9F40;
color:#fff;
border:none ;
}
.pricebox{
display: flex;
align-items: center;
justify-content: space-between;
color:#FF9F40;
font-size:0.26rem;
margin: 0 0 0.48rem 0;
}
.price{
color:#666666;
font-size:0.36rem;
font-weight: bold;
}
.xvfei_txt{
margin: 0 0 0.4rem 0;
}
.success_box{
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 0.6rem 0;
}
.success_icon{
margin: 0 0.28rem 0 0;
width:0.9rem;
height: 0.9rem;
border-radius: 50%;
overflow: hidden;
}
.success_icon img{
display: block;
width:100%;
height: 100%;
}
.success_title{
color:#292929;
font-size:0.4rem;
margin: 0 0 0.1rem 0;
font-weight: bold;
}
.success_txt{
color:#666666;
font-size:0.26rem;
width: 3.8rem;
}
.success_btn{
border:1px solid #FF9F40;
color:#FF9F40;
}
.scroll {
/*width的大小是根据下面li的长度和多少个li而定的,需注意!*/
width:500%;
position:absolute;
left:0;
top:0;
z-index:100;
}
.scroll span {
float:left;
display: inline-block;
line-height:40px;
text-align:center;
color:#333;
font-size:0.23rem;
}
.index_navitem a{
color:#666666;
}
.detail_btnbox{
display: flex;
align-items: center;
justify-content: space-between;
}
.detail_btncell{
background: #fff;
border:1px solid rgba(255,159,64,1);
color:#FF9F40;
}
.detail_paybtn{
background:#FF9F40 ;
color:#fff;
}
.btn_submit{
background: #576BFF;
width:6.86rem;
}
.add_cell{
border:2px #E6E6E6 dashed;
background: #fff;
}
.add_cell .iconfont{
color:#999;
font-size:0.8rem;
font-weight: bold;
}
/*个人中心样式结束*/
\ 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
... ...