webfront / Clime · 提交

转到一个项目

作者 乔爽
提交 2ee2e27b777dd379625d2ab979c626522e725b2e 0 个父辈

update

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

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

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

<?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/可耐美手机端.iml" filepath="$PROJECT_DIR$/.idea/可耐美手机端.iml" />
</modules>
</component>
</project>
\ No newline at end of file
... ...
<?xml version="1.0" encoding="UTF-8"?>
<project version="4">
<component name="ChangeListManager">
<list default="true" id="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="" />
<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="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="FUSProjectUsageTrigger">
<session id="1765795833">
<usages-collector id="statistics.lifecycle.project">
<counts>
<entry key="project.closed" value="4" />
<entry key="project.open.time.0" value="1" />
<entry key="project.open.time.1" value="1" />
<entry key="project.open.time.27" value="1" />
<entry key="project.open.time.3" value="1" />
<entry key="project.opened" value="4" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.open">
<counts>
<entry key="css" value="20" />
<entry key="html" value="16" />
<entry key="js" value="7" />
<entry key="map" value="1" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.open">
<counts>
<entry key="CSS" value="20" />
<entry key="HTML" value="16" />
<entry key="JavaScript" value="7" />
<entry key="SourceMap" value="1" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.extensions.edit">
<counts>
<entry key="css" value="13775" />
<entry key="html" value="8892" />
</counts>
</usages-collector>
<usages-collector id="statistics.file.types.edit">
<counts>
<entry key="CSS" value="13775" />
<entry key="HTML" value="8892" />
</counts>
</usages-collector>
</session>
</component>
<component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file 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="330">
<caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="307">
<caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/swiper.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/swiper.min.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="595">
<caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/jpal.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="331">
<caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-2430" />
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="109">
<caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/html/sckj.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="111">
<caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="77">
<caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
</state>
</provider>
</entry>
</file>
<file pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/css/swiper.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
</file>
</leaf>
</component>
<component name="FileTemplateManagerImpl">
<option name="RECENT_TEMPLATES">
<list>
<option value="HTML File" />
<option value="CSS File" />
</list>
</option>
</component>
<component name="FindInProjectRecents">
<findStrings>
<find>image</find>
<find>span</find>
<find>pic2_dynamic</find>
<find>pic3</find>
<find>pic3_pic</find>
<find>pic3_small_text</find>
<find>pic4</find>
<find>mid_list</find>
<find>mid_center</find>
<find>mid_color_box</find>
<find>pic4_view</find>
<find>person_left_intro</find>
<find>mid_person</find>
<find>top_left</find>
<find>mid_sear</find>
<find>banner_text</find>
<find>mid_box_text</find>
<find>mid_LOAD</find>
<find>mid_big_text</find>
<find>pic2</find>
<find>mid_box_pic</find>
<find>mid_box</find>
<find>mid_box_middle</find>
<find>swiper-slide</find>
<find>swiper-container</find>
<find>loop</find>
</findStrings>
<replaceStrings>
<replace>div</replace>
</replaceStrings>
</component>
<component name="IdeDocumentHistory">
<option name="CHANGED_PATHS">
<list>
<option value="$PROJECT_DIR$/css/comment.css" />
<option value="$PROJECT_DIR$/icon/iconfont.css" />
<option value="$PROJECT_DIR$/css/qqrz.css" />
<option value="$PROJECT_DIR$/html/qqrz.html" />
<option value="$PROJECT_DIR$/css/sckj.css" />
<option value="$PROJECT_DIR$/html/sckj.html" />
<option value="$PROJECT_DIR$/html/gsjj.html" />
<option value="$PROJECT_DIR$/css/gsjj.css" />
<option value="$PROJECT_DIR$/html/jpal.html" />
<option value="$PROJECT_DIR$/css/common.css" />
<option value="$PROJECT_DIR$/css/jpal.css" />
<option value="$PROJECT_DIR$/html/alxq.html" />
<option value="$PROJECT_DIR$/css/alxq.css" />
<option value="$PROJECT_DIR$/html/zxdt.html" />
<option value="$PROJECT_DIR$/css/zxdt.css" />
<option value="$PROJECT_DIR$/css/dtxq.css" />
<option value="$PROJECT_DIR$/html/dtxq.html" />
<option value="$PROJECT_DIR$/html/cpzx_2.html" />
<option value="$PROJECT_DIR$/css/cpzx_2.css" />
<option value="$PROJECT_DIR$/js/swiper.js" />
<option value="$PROJECT_DIR$/css/index.css" />
<option value="$PROJECT_DIR$/html/index.html" />
</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="ProjectFrameBounds">
<option name="x" value="415" />
<option name="y" value="162" />
<option name="width" value="1136" />
<option name="height" value="771" />
</component>
<component name="ProjectView">
<navigator proportions="" version="1">
<foldersAlwaysOnTop value="true" />
</navigator>
<panes>
<pane id="ProjectPane">
<subPane>
<expand>
<path>
<item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
<item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
<item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
<item name="css" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
<item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
<item name="html" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
<item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
</path>
<path>
<item name="可耐美手机端" type="b2602c69:ProjectViewProjectNode" />
<item name="可耐美手机端" type="462c0819:PsiDirectoryNode" />
<item name="js" type="462c0819:PsiDirectoryNode" />
<item name="swiper.js" type="620a8d5e:NestingTreeNode" />
</path>
</expand>
<select />
</subPane>
</pane>
<pane id="Scope" />
</panes>
</component>
<component name="PropertiesComponent">
<property name="DefaultHtmlFileTemplate" value="HTML File" />
<property name="WebServerToolWindowFactoryState" value="false" />
<property name="last_opened_file_path" value="F:/轮播图实例/git轮播图效果/CSS-Inspiration" />
<property name="list.type.of.created.stylesheet" value="CSS" />
<property name="nodejs_interpreter_path.stuck_in_default_project" value="undefined stuck path" />
<property name="nodejs_npm_path_reset_for_default_project" value="true" />
</component>
<component name="RecentsManager">
<key name="CopyFile.RECENT_KEYS">
<recent name="F:\ljh项目\可耐美手机端\js" />
<recent name="F:\ljh项目\可耐美手机端\css" />
<recent name="F:\ljh项目\可耐美手机端\images" />
</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="45116894-83a8-452c-8a78-cd7bfbe48655" name="Default Changelist" comment="" />
<created>1547191585126</created>
<option name="number" value="Default" />
<option name="presentableId" value="Default" />
<updated>1547191585126</updated>
<workItem from="1547191587654" duration="10855000" />
<workItem from="1547425726339" duration="19510000" />
<workItem from="1547512390300" duration="35598000" />
<workItem from="1547598749065" duration="21821000" />
</task>
<servers />
</component>
<component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="87784000" />
</component>
<component name="ToolWindowManager">
<frame x="415" y="162" width="1136" height="771" extended-state="0" />
<editor active="true" />
<layout>
<window_info active="true" content_ui="combo" id="Project" order="0" sideWeight="0.4993464" visible="true" weight="0.23041895" />
<window_info id="Structure" order="1" sideWeight="0.5006536" side_tool="true" weight="0.16211294" />
<window_info id="Favorites" order="2" side_tool="true" />
<window_info anchor="bottom" id="Message" order="0" />
<window_info anchor="bottom" id="Find" order="1" />
<window_info anchor="bottom" id="Run" order="2" />
<window_info anchor="bottom" id="Debug" order="3" weight="0.4" />
<window_info anchor="bottom" id="Cvs" order="4" weight="0.25" />
<window_info anchor="bottom" id="Inspection" order="5" weight="0.4" />
<window_info anchor="bottom" id="TODO" order="6" />
<window_info anchor="bottom" id="Docker" order="7" show_stripe_button="false" />
<window_info anchor="bottom" id="Version Control" order="8" show_stripe_button="false" />
<window_info anchor="bottom" id="Terminal" order="9" />
<window_info anchor="bottom" id="Event Log" order="10" side_tool="true" />
<window_info anchor="right" id="Commander" internal_type="SLIDING" order="0" type="SLIDING" weight="0.4" />
<window_info anchor="right" id="Ant Build" order="1" weight="0.25" />
<window_info anchor="right" content_ui="combo" id="Hierarchy" order="2" 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$/icon/iconfont.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="459">
<caret line="17" column="21" selection-start-line="17" selection-start-column="21" selection-end-line="17" selection-end-column="21" />
<folding>
<element signature="e#259#1293#1" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/base.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="162">
<caret line="6" selection-start-line="6" selection-end-line="6" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/qqrz.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1296">
<caret line="48" column="1" selection-end-line="222" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/qqrz.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="81">
<caret line="3" column="26" lean-forward="true" selection-start-line="3" selection-start-column="26" selection-end-line="3" selection-end-column="26" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/gsjj.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="471">
<caret line="409" column="4" selection-start-line="409" selection-start-column="4" selection-end-line="413" selection-end-column="21" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/gsjj.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="228">
<caret line="240" column="22" lean-forward="true" selection-start-line="240" selection-start-column="22" selection-end-line="240" selection-end-column="22" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#0;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#5;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#6;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#6;n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/common.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="270">
<caret line="10" column="11" lean-forward="true" selection-start-line="10" selection-start-column="11" selection-end-line="10" selection-end-column="11" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/jpal.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="135">
<caret line="53" column="23" lean-forward="true" selection-end-line="250" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/zxdt.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="251">
<caret line="90" column="20" selection-start-line="90" selection-start-column="20" selection-end-line="90" selection-end-column="20" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/alxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="324">
<caret line="87" column="40" lean-forward="true" selection-end-line="148" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/alxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="270">
<caret line="148" column="23" lean-forward="true" selection-end-line="282" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/dtxq.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="281">
<caret line="101" column="13" lean-forward="true" selection-start-line="101" selection-start-column="13" selection-end-line="101" selection-end-column="13" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/dtxq.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="550">
<caret line="107" column="44" lean-forward="true" selection-start-line="107" selection-start-column="44" selection-end-line="107" selection-end-column="44" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/sckj.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="206">
<caret line="335" column="30" lean-forward="true" selection-end-line="428" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/zxdt.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="229">
<caret line="105" lean-forward="true" selection-start-line="105" selection-end-line="105" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/sckj.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="111">
<caret line="18" column="17" lean-forward="true" selection-start-line="18" selection-start-column="17" selection-end-line="18" selection-end-column="17" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#2;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/cpzx_2.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="109">
<caret line="64" column="41" lean-forward="true" selection-start-line="64" selection-start-column="41" selection-end-line="64" selection-end-column="41" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#1;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/cpzx_2.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="77">
<caret line="383" column="19" lean-forward="true" selection-start-line="383" selection-start-column="19" selection-end-line="383" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/css/swiper.css">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/js/swiper.min.js.map">
<provider selected="true" editor-type-id="text-editor" />
<provider editor-type-id="sourcemapFileViewerProvider" />
</entry>
<entry file="file://$PROJECT_DIR$/css/index.css">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="307">
<caret line="68" column="16" lean-forward="true" selection-start-line="68" selection-start-column="16" selection-end-line="68" selection-end-column="16" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/swiper.js">
<provider selected="true" editor-type-id="text-editor" />
</entry>
<entry file="file://$PROJECT_DIR$/js/jquery-2.1.0.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-2430" />
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/js/swiper.min.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="595">
<caret line="11" column="24013" selection-start-line="11" selection-start-column="24013" selection-end-line="11" selection-end-column="24013" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/jpal.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="331">
<caret line="27" column="14" lean-forward="true" selection-start-line="27" selection-start-column="14" selection-end-line="27" selection-end-column="14" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/html/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="330">
<caret line="314" column="22" lean-forward="true" selection-start-line="314" selection-start-column="22" selection-end-line="314" selection-end-column="22" />
<folding>
<element signature="n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#style#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
<element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#1;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#3;n#div#4;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#0;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#5;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#2;n#div#6;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#7;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
<element signature="n#div#8;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
</folding>
</state>
</provider>
</entry>
</component>
</project>
\ No newline at end of file
... ...
<?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
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
/*position: relative;*/
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
padding-top: 0.88rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.32rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
/*mid_box*/
.mid_box{
margin-top: 0.24rem;
width: 6.82rem;
background-color: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mid_box_pic{
margin-top: 0.24rem;
width: 6.22rem;
height: 6.22rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_text{
margin-top: 0.21rem;
width: 6.22rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.4rem;
word-wrap: break-word;
}
/*更多*/
.mid_load{
width: 6.86rem;
height: 0.96rem;
background-color: #ffffff;
font-size: 0.28rem;
display: flex;
justify-content: space-between;
margin: 0.24rem auto 0.6rem;
}
.mid_load_left{
margin-left: 0.33rem;
/*width: 0.99rem;*/
display: flex;
align-items: center;
}
.mid_load_left_pic{
width: 0.14rem;
height: 0.26rem;
display: flex;
}
.mid_load_left_pic img{
width: 100%;
height: 100%;
}
.mid_load_left_text{
margin-left: 0.1rem;
}
.mid_load_right{
/*width: 0.99rem;*/
margin-right: 0.33rem;
display: flex;
align-items: center;
}
.mid_load_right_pic{
width: 0.14rem;
height: 0.26rem;
display: flex;
}
.mid_load_right_pic img{
width: 100%;
height: 100%;
}
.mid_load_right_text{
margin-right: 0.1rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
*{
margin: 0;
padding: 0;
}
a{
text-decoration: none;
}
.header{
position: fixed;
top: 0;
left: 0;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_small_text{
font-size: 0.24rem;
line-height: 0.56rem;
color: #3F4249;
}
/*设置搜索框*/
.mid_search{
width: 6.86rem;
height: 0.66rem;
background-color: #ffffff;
display: flex;
align-items: center;
border-radius: 0.33rem;
justify-content: space-around;
}
.mid_search_icon{
width: 0.24rem;
height: 0.24rem;
display: flex;
margin: 0.21rem 0.1rem 0.21rem 0.2rem;
}
.mid_search img{
width: 100%;
height: 100%;
}
.mid_search input{
width: 5rem;
height: 0.5rem;
font-size: 0.26rem;
border: none;
outline: none;
}
input::-webkit-input-placeholder{
color: #999999;
font-size: 0.26rem;
}
.mid_search_button{
width: 1.2rem;
height: 0.66rem;
background: #d13333;
color: #ffffff;
font-size: 0.26rem;
line-height: 0.66rem;
text-align: center;
border-radius: 0.33rem;
}
.item_big{
width: 1.2rem;
height: 1.4rem;
display: flex;
align-items: center;
justify-content: center;
}
.item_picth{
width: 0.62rem;
height: 0.46rem;
display: flex;
}
.item_picth img{
width: 100%;
height: 100%;
}
.mid_list{
width: 6.57rem;
display: flex;
justify-content: space-between;
margin-top: 0.16rem;
}
.pic_list{
width: 0.8rem;
height: 0.8rem;
border-radius: 0.06rem;
}
.color_list_1{
background-color: #E5E0D2;
}
.color_list_2{
background-color: #CFC9BC;
}
.color_list_3{
background-color: #B2ACA2;
}
.color_list_4{
background-color: #A1988B;
}
.color_list_5{
background-color: #8C8578;
}
.color_list_6{
background-color: #605C58;
}
.color_list_7{
background-color: #5E5241;
}
.color_1{
background-color: #C20D00;
}
.color_2{
background-color: #D95100;
}
.color_3{
background-color: #E49D00;
}
.color_4{
background-color: #00B507;
}
.color_5{
background-color: #0073C0;
}
.mid_box_pic{
width: 6.22rem;
height: 6.22rem;
margin-top: 0.24rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_intro{
font-size: 0.32rem;
font-weight: 500;
line-height: 0.36rem;
color: #3F4249;
margin: 0 0.39rem
}
.mid_box_text{
font-size: 0.26rem;
font-weight: 500;
color: #999999;
line-height: 0.4rem;
margin: 0.28rem 0.39rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 11;
overflow: hidden;
}
.mid_load{
width: 6.86rem;
height: 0.6rem;
background-color: #ffffff;
font-size: 0.26rem;
line-height: 0.6rem;
text-align: center;
margin: 0.24rem auto 0.6rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
.mid_center{
width: 2.6rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.36rem;
}
.center_left{
font-size: 0.24rem;
color: #666666;
}
.center_right{
width: 1.2rem;
height: 0.6rem;
}
.center_color_1{
background-color: #5E5241;
}
.center_color_2{
background-color: #746F67;
}
.center_color_3{
background-color: #E5E0D2;
}
/*--------------- mid_box ---------------*/
.mid_box{
margin-top: 0.34rem;
width: 6.86rem;
height: 5.2rem;
background-color: #f0f0f0;
display: flex;
/*align-items: center;*/
position: relative;
}
.mid_box_middle{
width: 100%;
height: 3.02rem;
background-color: #ffffff;
box-shadow: 0 0.06rem 0.2rem 0 rgba(0,0,0,0.2);
display: flex;
position: absolute;
top: 1.04rem;
}
.mid_box_middle_left{
width: 2.72rem;
height: 3.02rem;
}
.mid_box_middle_left img{
width: 100%;
height: 100%;
}
.mid_box_middle_right{
width: 4.14rem;
display: flex;
flex-flow: column;
}
.mid_box_middle_right_top{
margin: 0.35rem 0 0 0.26rem;
font-size: 0.28rem;
font-weight: bold;
line-height: 0.2rem;
}
.mid_box_middle_right_bottom{
width: 3.63rem;
margin-left: 0.26rem;
font-size: 0.26rem;
color: #666666;
line-height: 0.4rem;
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
margin-top: 0.29rem;
}
.mid_box_pageTurn{
width: 1.8rem;
height: 0.66rem;
background-color: #d13333;
position: absolute;
bottom: 0.24rem;
left: 2.5rem;
display: flex;
align-items: center;
justify-content: space-around;
}
.mid_box_pageTurn_left{
width: 0.16rem;
height: 0.28rem;
display: flex;
}
.mid_box_pageTurn_left img{
width: 100%;
height: 100%;
}
.mid_box_pageTurn_mid{
font-size: 0.24rem;
color: #ffffff;
}
.mid_box_pageTurn_right{
width: 0.16rem;
height: 0.28rem;
display: flex;
}
.mid_box_pageTurn_right img{
width: 100%;
height: 100%;
}
/*--------------- 菜单列表 ---------------*/
.mid_menu{
width: 6.86rem;
height: 0.88rem;
background-color: #ffffff;
display: flex;
justify-content: space-around;
align-items: center;
white-space: nowrap;
overflow-x: auto;
}
.mid_menu_item{
font-size: 0.26rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
/*position: relative;*/
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
padding-top: 0.88rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.32rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_big_time{
font-size: 0.24rem;
color: #999999;
font-weight: 500;
margin-top: 0.2rem;
}
/*mid_box*/
.mid_box{
margin-top: 0.24rem;
width: 6.82rem;
background-color: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mid_box_pic{
margin-top: 0.24rem;
width: 6.22rem;
height: 4.08rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_text{
margin-top: 0.21rem;
width: 6.22rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.4rem;
word-wrap: break-word;
}
/*更多*/
.mid_load{
width: 6.86rem;
height: 0.96rem;
background-color: #ffffff;
font-size: 0.28rem;
display: flex;
justify-content: space-between;
margin: 0.24rem auto 0.6rem;
}
.mid_load_left{
margin-left: 0.33rem;
/*width: 0.99rem;*/
display: flex;
align-items: center;
}
.mid_load_left_pic{
width: 0.14rem;
height: 0.26rem;
display: flex;
}
.mid_load_left_pic img{
width: 100%;
height: 100%;
}
.mid_load_left_text{
margin-left: 0.1rem;
}
.mid_load_right{
/*width: 0.99rem;*/
margin-right: 0.33rem;
display: flex;
align-items: center;
}
.mid_load_right_pic{
width: 0.14rem;
height: 0.26rem;
display: flex;
}
.mid_load_right_pic img{
width: 100%;
height: 100%;
}
.mid_load_right_text{
margin-right: 0.1rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
align-items: center;
}
/*---------- 头部导航栏 ----------*/
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 主体内容 ---------------*/
.top{
width: 100%;
height: 0.92rem;
display: flex;
justify-content: space-around;
align-items: center;
font-size: 0.32rem;
font-weight: bold;
position: relative;
}
.top_left{
color: #922020;
}
.menu_sort{
/*width: 0.4rem;*/
color: #922020;
/*height: 0.1rem;*/
border-bottom: 0.04rem solid #922020;
}
.top_right{
}
.top_intro{
width: 7.5rem;
height: 3.6rem;
background-color: #922425;
opacity: 0.96;
display: flex;
position: relative;
align-items: center;
justify-content: center;
}
.top_intro_icon_left{
width: 0.33rem;
height: 0.26rem;
display: flex;
position: absolute;
top: 0.6rem;
left: 0.35rem;
}
.top_intro_icon_left img{
width: 100%;
height: 100%;
}
.top_intro_icon_right{
width: 0.33rem;
height: 0.26rem;
display: flex;
position: absolute;
top: 0.6rem;
right: 0.35rem;
}
.top_intro_icon_right img{
width: 100%;
height: 100%;
}
.top_intro_content{
width: 6rem;
height: 2.26rem;
font-size: 0.26rem;
color: #ffffff;
line-height: 0.4rem;
overflow: scroll;
}
/*--------------- 人物介绍栏 ---------------*/
.mid_person{
width: 6.86rem;
height: 6.4rem;
background:rgba(255,255,255,1);
box-shadow:0 0.06rem 0.2rem 0 rgba(0, 0, 0, 0.2);
display: flex;
flex-flow: column;
margin: 0.6rem 0.59rem;
}
.mid_person_box{
margin-top: 0.23rem;
display: flex;
justify-content: space-around;
}
/*左边*/
.mid_person_left{
width: 2.84rem;
height: 2.42rem;
display: flex;
flex-flow: column;
}
.person_border{
margin-top: 0.13rem;
border-bottom: 2px solid #e6e6e6;
}
.person_left_big{
font-size: 0.4rem;
font-weight: bold;
}
.person_left_name{
margin-top: 0.3rem;
font-size: 0.34rem;
font-weight: bold;
}
.person_left_intro{
margin-top: 0.25rem;
font-size: 0.26rem;
line-height: 0.4rem;
color: #666666;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*右边*/
.mid_person_right{
width: 3rem;
height: 2.42rem;
display: flex;
}
.mid_person_right img{
width: 100%;
height: 100%;
}
/*人物底部介绍*/
.mid_bottom{
margin-top: 0.27rem;
}
.mid_bottom p{
margin: 0 0.25rem;
font-size:0.26rem;
font-family:PingFang-SC-Medium;
font-weight:500;
color:rgba(153,153,153,1);
line-height:0.4rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 8;
overflow: hidden;
}
/*--------------- 公司介绍 ---------------*/
.mid_company{
display: flex;
flex-flow: column;
align-items: center;
}
.mid_company_big{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
}
.mid_company_small{
margin-top: 0.15rem;
font-size: 0.24rem;
color: #3F4249;
}
.mid_company_pic{
margin-top: 0.33rem;
width: 6.86rem;
height: 3.2rem;
}
.mid_company_pic img{
width: 100%;
height: 100%;
}
.mid_company_text{
width: 6.81rem;
margin-top: 0.2rem;
font-size: 0.26rem;
font-weight: 500;
color: #666666;
line-height: 0.4rem;
}
/*视频播放*/
.mid_company_video{
margin-top: 0.6rem;
width: 6.87rem;
height: 3.88rem;
background-color: #f5f5f5;
}
.mid_company_video video{
width: 100%;
height: 100%;
}
/*奖项&认证*/
.mid_company_awards{
margin-top: 0.6rem;
width: 7.5rem;
height: 7.1rem;
display: flex;
flex-flow: column;
align-items: center;
background-color: #5E5241;
}
.color_big{
margin-top: 0.74rem;
color: #ffffff;
}
.color_small{
margin-top: 0.13rem;
color: #ffffff;
}
.mid_company_banner{
margin-top: 0.33rem;
width: 100%;
height: 4.2rem;
background-color: #50B388;
}
/*查看更多*/
.mid_company_viewMore{
width: 1.5rem;
height: 0.5rem;
background-color: #3F4249;
border-radius: 0.25rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.5rem;
color: #ffffff;
text-align: center;
margin-top: 0.34rem;
}
/*--------------- 可耐美中国 ---------------*/
.m-top{
margin-top: 0.6rem;
}
/*最新动态*/
.pic2{
display: flex;
flex-flow: column;
align-items: center;
width: 7.5rem;
height: 7.84rem;
background-color: #EAEDEE;
}
.pic2_dynamic{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.73rem;
}
.pic2_subtitle{
font-size: 0.24rem;
color: #3F4249;
margin-top: 0.15rem;
}
.pic2_box{
width: 6.86rem;
height: 2.1rem;
display: flex;
margin-top: 0.24rem;
background-color: #ffffff;
}
.pic2_margin_top{
margin-top: 0.33rem;
}
.pic2_box_left{
width: 3.2rem;
height: 2.1rem;
}
.pic2_box_left img{
width: 3.2rem;
height: 2.1rem;
}
.pic2_box_right{
width: 3.66rem;
height: 2.1rem;
display: flex;
flex-flow: column;
margin-left: 0.31rem;
}
.pic2_box_right_top{
font-size: 0.28rem;
font-weight: bold;
color: #49526A;
margin: 0.36rem auto 0;
line-height: 0.42rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pic2_box_right_bottom{
font-size: 0.24rem;
font-weight: 500;
color: #999999;
line-height: 0.24rem;
margin-top: 0.25rem;
}
/*查看更多*/
.pic2_viewMore{
width: 1.5rem;
height: 0.5rem;
background-color: #3F4249;
border-radius: 0.25rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.5rem;
color: #ffffff;
text-align: center;
margin-top: 0.34rem;
}
/*最新动态轮播图*/
.mid_new{
display: flex;
flex-flow: column;
align-items: center;
width: 100%;
height: 7.66rem;
}
.mid_new_banner{
margin-top: 0.58rem;
width: 100%;
height: 4.5rem;
background-color: #50B388;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.banner_pic{
width: 3.9rem;
height: 3.9rem;
}
.banner_pic img{
width: 100%;
height: 100%;
}
/*设置文字*/
.banner_text{
margin-top: 0.15rem;
width: 3.9rem;
height: 0.27rem;
font-size: 0.28rem;
font-weight: bold;
color: #49526A;
text-align: center;
text-overflow: ellipsis;
/*display: -webkit-box;*/
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 轮播图 ---------------*/
.banner{
width: 7.5rem;
height: 6.5rem;
background: #579dd7;
}
/*==============================轮播设置==================================*/
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
.swiper-slide img{
width: 100%;
height: 100%;
}
/*================================================================*/
/*--------------- 图片列表 ---------------*/
.pic1{
display: flex;
flex-flow: column;
align-items: center;
width: 7.5rem;
height: 6.64rem;
background: url("../images/bicon_02@2x.png");
background-size: cover;
}
.pic1_dynamic{
font-size: 0.4rem;
font-weight: bold;
color: #ffffff;
margin-top: 0.73rem;
}
.pic1_subtitle{
font-size: 0.24rem;
color: #ffffff;
margin-top: 0.15rem;
font-family: PingFang-SC-Medium;
}
.pic1_mid{
width: 6.86rem;
height: 4.08rem;
background-color: #ffffff;
margin-top: 0.36rem;
}
.pic2{
display: flex;
flex-flow: column;
align-items: center;
width: 7.5rem;
height: 7.84rem;
background-color: #EAEDEE;
}
.pic2_dynamic{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.73rem;
}
.pic2_subtitle{
font-size: 0.24rem;
color: #3F4249;
margin-top: 0.15rem;
}
.pic2_box{
width: 6.86rem;
height: 2.1rem;
display: flex;
margin-top: 0.24rem;
background-color: #ffffff;
}
.pic2_margin_top{
margin-top: 0.33rem;
}
.pic2_box_left{
width: 3.2rem;
height: 2.1rem;
}
.pic2_box_left img{
width: 3.2rem;
height: 2.1rem;
}
.pic2_box_right{
width: 3.66rem;
height: 2.1rem;
display: flex;
flex-flow: column;
margin-left: 0.31rem;
}
.pic2_box_right_top{
font-size: 0.28rem;
font-weight: bold;
color: #49526A;
margin: 0.36rem auto 0;
line-height: 0.42rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pic2_box_right_bottom{
font-size: 0.24rem;
font-weight: 500;
color: #999999;
line-height: 0.24rem;
margin-top: 0.25rem;
}
/*查看更多*/
.pic2_viewMore{
width: 1.5rem;
height: 0.5rem;
background-color: #3F4249;
border-radius: 0.25rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.5rem;
color: #ffffff;
text-align: center;
margin-top: 0.34rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*图片介绍*/
.pic3{
width: 7.5rem;
display: flex;
flex-wrap: wrap;
}
.pic3_block{
width: 3.75rem;
height: 4.72rem;
/*background-color: #367DC6;*/
color: #ffffff;
}
.pic3_block_box{
display: flex;
align-items: center;
flex-flow: column;
margin: 0.74rem 0.42rem;
text-align: center;
}
.pic3_pic_box{
height: 1rem;
display: flex;
align-items: center;
}
.pic3_pic{
width: 0.96rem;
height: 0.92rem;
display: flex;
}
.pic3_pic img{
width: 100%;
height: 100%;
}
.pic3_big_text{
font-size: 0.3rem;
font-weight: bold;
line-height: 0.75rem;
}
.pic3_small_text{
font-size: 0.26rem;
font-weight: 500;
line-height: 0.4rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.pic3_viewMore{
width: 1.5rem;
height: 0.5rem;
background-color: #ffffff;
border-radius: 0.25rem;
font-size: 0.26rem;
font-weight: 500;
color: #3f4249;
line-height: 0.5rem;
text-align: center;
margin: 0.3rem auto;
}
/*设置背景颜色*/
.select_color{
background-color: #367DC6;
}
.product_color{
background-color: #50B388;
}
.join_color{
background-color: #4C4E50;
}
.inquire_color{
background-color: #2E99E4;
}
/*设置图片大小*/
.product_pic{
width: 0.8rem;
height: 0.8rem;
}
.join_pic{
width: 1.04rem;
height: 0.6rem;
}
.inquire_pic{
width: 0.78rem;
height: 0.78rem;
}
/*可耐美产品认证*/
.pic4{
width: 7.5rem;
height: 6.9rem;
display: flex;
flex-flow: column;
align-items: center;
background-color: #835D43;
background-size: cover;
color: #ffffff;
}
.pic4_dynamic{
font-size:0.40rem;
font-family:PingFang-SC-Bold;
font-weight:bold;
line-height:0.49rem;
margin-top: 0.73rem;
}
.pic4_subtitle{
font-size: 0.2rem;
font-weight: 500;
line-height: 0.37rem;
margin-top: 0.13rem;
}
.pic4_banner{
width: 7.5rem;
height: 4.2rem;
display: flex;
margin-top: 0.33rem;
}
.pic4_banner_mid{
width: 3.1rem;
height: 4.2rem;
}
.pic4_banner_mid img{
width: 100%;
height: 100%;
}
.pic4_banner_left{
width: 1.6rem;
height: 3.1rem;
}
.pic4_banner_right{
width: 1.6rem;
height: 3.1rem;
}
.pic4_viewMore{
width: 1.5rem;
height: 0.5rem;
background-color: #3F4249;
border-radius: 0.25rem;
font-size: 0.26rem;
font-weight: 500;
line-height: 0.5rem;
color: #ffffff;
text-align: center;
margin-top: 0.34rem;
}
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
/*position: relative;*/
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
padding-top: 0.88rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_small_text{
font-size: 0.24rem;
line-height: 0.56rem;
color: #3F4249;
}
/*mid_box*/
.mid_box{
margin-top: 0.24rem;
width: 6.82rem;
height: 7.2rem;
background-color: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mid_box_pic{
width: 6.22rem;
height: 6.22rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_text{
margin-top: 0.23rem;
width: 6.22rem;
font-size: 0.28rem;
text-align: center;
font-weight: bold;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
/*更多*/
.mid_load{
width: 6.86rem;
height: 0.6rem;
background-color: #ffffff;
font-size: 0.26rem;
line-height: 0.6rem;
text-align: center;
margin: 0.24rem auto 0.6rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_small_text{
font-size: 0.24rem;
line-height: 0.56rem;
color: #3F4249;
}
.mid_box{
width: 6.85rem;
height: 11.79rem;
background: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
margin-top: 0.24rem;
}
.mid_box_pic{
width: 6.22rem;
height: 6.22rem;
margin-top: 0.24rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_intro{
font-size: 0.32rem;
font-weight: 500;
line-height: 0.36rem;
color: #3F4249;
margin: 0 0.39rem
}
.mid_box_text{
font-size: 0.26rem;
font-weight: 500;
color: #999999;
line-height: 0.4rem;
margin: 0.28rem 0.39rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 11;
overflow: hidden;
}
.mid_load{
width: 6.86rem;
height: 0.6rem;
background-color: #ffffff;
font-size: 0.26rem;
line-height: 0.6rem;
text-align: center;
margin: 0.24rem auto 0.6rem;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
position: relative;
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_small_text{
font-size: 0.24rem;
line-height: 0.56rem;
color: #3F4249;
}
/*设置搜索框*/
.mid_search{
width: 6.86rem;
height: 0.66rem;
background-color: #ffffff;
display: flex;
align-items: center;
border-radius: 0.33rem;
justify-content: space-around;
}
.mid_search_icon{
width: 0.24rem;
height: 0.24rem;
display: flex;
margin: 0.21rem 0.1rem 0.21rem 0.2rem;
}
.mid_search img{
width: 100%;
height: 100%;
}
.mid_search input{
width: 5rem;
height: 0.5rem;
font-size: 0.26rem;
border: none;
outline: none;
}
input::-webkit-input-placeholder{
color: #999999;
font-size: 0.26rem;
}
.mid_search_button{
width: 1.2rem;
height: 0.66rem;
background: #d13333;
color: #ffffff;
font-size: 0.26rem;
line-height: 0.66rem;
text-align: center;
border-radius: 0.33rem;
}
.mid_box{
width: 6.85rem;
height: 11.88rem;
background: #ffffff;
display: flex;
flex-flow: column;
align-items: center;
margin-top: 0.24rem;
}
.mid_top{
width: 100%;
height: 1.4rem;
display: flex;
align-items: center;
overflow-x: auto;
justify-content: space-around;
margin: 0.36rem 0.09rem;
}
.mid_top_item{
width: 1.2rem;
height: 1rem;
border-radius: 0.1rem;
}
.item_big{
width: 1.2rem;
height: 1.4rem;
display: flex;
align-items: center;
justify-content: center;
}
.item_picth{
width: 0.62rem;
height: 0.46rem;
display: flex;
}
.item_picth img{
width: 100%;
height: 100%;
}
.mid_list{
width: 6.57rem;
display: flex;
justify-content: space-between;
margin-top: 0.16rem;
}
.pic_list{
width: 0.8rem;
height: 0.8rem;
border-radius: 0.06rem;
}
.color_list_1{
background-color: #E5E0D2;
}
.color_list_2{
background-color: #CFC9BC;
}
.color_list_3{
background-color: #B2ACA2;
}
.color_list_4{
background-color: #A1988B;
}
.color_list_5{
background-color: #8C8578;
}
.color_list_6{
background-color: #605C58;
}
.color_list_7{
background-color: #5E5241;
}
.color_1{
background-color: #C20D00;
}
.color_2{
background-color: #D95100;
}
.color_3{
background-color: #E49D00;
}
.color_4{
background-color: #00B507;
}
.color_5{
background-color: #0073C0;
}
.mid_box_pic{
width: 6.22rem;
height: 6.22rem;
margin-top: 0.24rem;
}
.mid_box_pic img{
width: 100%;
height: 100%;
}
.mid_box_intro{
font-size: 0.32rem;
font-weight: 500;
line-height: 0.36rem;
color: #3F4249;
margin: 0 0.39rem
}
.mid_box_text{
font-size: 0.26rem;
font-weight: 500;
color: #999999;
line-height: 0.4rem;
margin: 0.28rem 0.39rem;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 11;
overflow: hidden;
}
.mid_load{
width: 6.86rem;
height: 0.6rem;
background-color: #ffffff;
font-size: 0.26rem;
line-height: 0.6rem;
text-align: center;
margin: 0.24rem auto 0.6rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
.mid_color_box{
width: 6.85rem;
height: 4.3rem;
display: flex;
background-color: #ffffff;
margin-top: 0.24rem;
}
.mid_color_box_left{
width: 3.25rem;
height: 4.3rem;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
}
.mid_color_big{
font-size: 0.32rem;
font-weight: 500;
color: #3F4249;
}
.mid_color_box_right{
width: 3.6rem;
height: 4.3rem;
display: flex;
}
.mid_color_box_right img{
width: 100%;
height: 100%;
}
.mid_center{
width: 2.6rem;
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 0.36rem;
}
.center_left{
font-size: 0.24rem;
color: #666666;
}
.center_right{
width: 1.2rem;
height: 0.6rem;
}
.center_color_1{
background-color: #5E5241;
}
.center_color_2{
background-color: #746F67;
}
.center_color_3{
background-color: #E5E0D2;
}
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
/**
* Swiper 4.4.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* http://www.idangero.us/swiper/
*
* Copyright 2014-2018 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: December 19, 2018
*/
.swiper-container {
margin: 0 auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
float: left;
}
.swiper-container-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-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-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
-o-transition-property: transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
-o-transition-property: transform, height;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.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-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.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-slide-shadow-bottom {
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, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: 27px;
height: 44px;
margin-top: -22px;
z-index: 10;
cursor: pointer;
background-size: 27px 44px;
background-position: center;
background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.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-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-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-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-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-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-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 300ms opacity;
-o-transition: 300ms opacity;
transition: 300ms opacity;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 10px;
left: 0;
width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
-webkit-transform: scale(0.66);
-ms-transform: scale(0.66);
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
-webkit-transform: scale(0.33);
-ms-transform: scale(0.33);
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 8px;
height: 8px;
display: inline-block;
border-radius: 100%;
background: #000;
opacity: 0.2;
}
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullet-active {
opacity: 1;
background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
right: 10px;
top: 50%;
-webkit-transform: translate3d(0px, -50%, 0);
transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
-webkit-transition: 200ms top, 200ms -webkit-transform;
transition: 200ms top, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top;
transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms left, 200ms -webkit-transform;
transition: 200ms left, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left;
transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
-webkit-transition: 200ms right, 200ms -webkit-transform;
transition: 200ms right, 200ms -webkit-transform;
-o-transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right;
transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #007aff;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
-webkit-transform-origin: right top;
-ms-transform-origin: right top;
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
background: #000000;
}
.swiper-pagination-lock {
display: none;
}
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 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, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
/* Preloader */
.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%;
-ms-transform-origin: 50%;
transform-origin: 50%;
-webkit-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%;
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);
transform: rotate(360deg);
}
}
@keyframes swiper-preloader-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
/* a11y */
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
-webkit-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;
-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-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
-webkit-transform-origin: 0 0;
-ms-transform-origin: 0 0;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
-webkit-transform-origin: 100% 0;
-ms-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
background: #000;
opacity: 0.6;
-webkit-filter: blur(50px);
filter: blur(50px);
z-index: 0;
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .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 {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
/* Windows 8 IE 10 fix */
-ms-perspective: 1200px;
}
... ...
.main , .page{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.container{
width: 100%;
line-height: 1;
display: flex;
flex-flow: column;
}
.header{
width: 7.5rem;
height:0.88rem;
background:rgba(146,32,32,1);
color: #ffffff;
display: flex;
align-items: center;
/*position: relative;*/
}
.icon-caidan{
font-size: 0.65rem;
margin-left: 0.32rem;
}
.header_mid{
display: flex;
width: 2.66rem;
height: 0.52rem;
position: absolute;
margin: 0 2.42rem;
}
.header_mid img{
width: 100%;
height: 100%;
}
.menu_default{
width: 7.5rem;
}
.menu_item{
display: flex;
justify-content: space-between;
height: 0.79rem;
align-items: center;
border-bottom: 1px solid #e6e6e6;
margin: 0 0.32rem;
}
.menu_item:first-child{
margin-top: 0.24rem;
}
.menu_text{
font-size: 0.26rem;
margin-left: 0.14rem;
}
.icon-jinru{
color: #666666;
}
/*--------------- 图片 ---------------*/
.banner{
width: 7.5rem;
height: 3.6rem;
padding-top: 0.88rem;
}
.banner img{
width: 100%;
height: 100%;
}
.mid{
width: 7.5rem;
display: flex;
flex-flow: column;
background-color: #f5f5f5;
align-items: center;
}
.mid_big_text{
font-size: 0.4rem;
font-weight: bold;
color: #3F4249;
margin-top: 0.6rem;
}
.mid_small_text{
font-size: 0.24rem;
line-height: 0.56rem;
color: #3F4249;
}
/*mid_box*/
.mid_box{
margin-top: 0.24rem;
width: 6.86rem;
height: 2.1rem;
background-color: #ffffff;
display: flex;
}
.mid_box_left{
width: 3.2rem;
height: 2.1rem;
}
.mid_box_left img{
width: 100%;
height: 100%;
}
.mid_box_right{
width: 3.66rem;
display: flex;
flex-flow: column;
}
.mid_box_right_top{
margin: 0.46rem 0.29rem 0 0.31rem;
width: 3.06rem;
font-size: 0.28rem;
line-height: 1.5;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.mid_box_right_bottom{
/*margin-left: 0.31rem;*/
margin: 0.25rem 0 0 0.31rem;
font-size: 0.24rem;
color: #999999;
}
/*更多*/
.mid_load{
width: 6.86rem;
height: 0.6rem;
background-color: #ffffff;
font-size: 0.26rem;
line-height: 0.6rem;
text-align: center;
margin: 0.24rem auto 0.6rem;
}
.show_pic{
width: 6.57rem;
height: 4.17rem;
background-color: #ffffff;
margin-top: 0.03rem;
box-shadow:0rem 0.04rem 0.1rem 0rem rgba(0, 0, 0, 0.2);
border-radius:4px;
display: flex;
justify-content: center;
align-items: center;
}
.pic_size{
width: 6.36rem;
height: 3.96rem;
display: flex;
}
.pic_size img{
width: 100%;
height: 100%;
}
/*设置角标*/
.icon_bicon{
width: 0.39rem;
height: 0.17rem;
}
.icon_bicon img{
width: 100%;
height: 100%;
}
/*色彩搭配*/
/*--------------- 底部菜单栏 ---------------*/
.footer_menu{
width: 100%;
height: 0.98rem;
display: flex;
position: fixed;
bottom: 0;
left: 0;
z-index: 2;
border-radius: 0.02rem;
background: #ffffff;
/*border: 1px solid red;*/
align-items: center;
justify-content: space-around;
}
.footer_item{
display: flex;
flex-flow: column;
align-items: center;
-webkit-flex: 1;
}
.footer_item_icon{
width: 0.46rem;
height: 0.44rem;
}
.icon_select{
background: url("../images/bicon_10@2x.png");
background-size: cover;
}
.icon_product{
background: url("../images/bicon_11@2x.png");
background-size: cover;
}
.icon_inquire{
background: url("../images/bicon_12@2x.png");
background-size: cover;
}
.icon_join{
background: url("../images/bicon_13@2x.png");
/*background-size: 100% 100%;*/
background-size: cover;
}
.footer_item_text{
font-size: 0.24rem;
font-weight: 500;
line-height: 0.24rem;
color: #922020;
margin-top: 0.13rem;
}
.icon_big{
width: 0.61rem;
height: 0.35rem;
}
/*底部介绍*/
.bottom{
width: 7.5rem;
height: 2.89rem;
background-color: #922020;
margin-bottom: 0.98rem;
display: flex;
flex-flow: column;
align-items: center;
font-size: 0.24rem;
color: #ffffff;
}
.bottom_addr{
margin-top: 0.34rem;
}
.bottom_tel{
margin-top: 0.2rem;
}
.bottom_fax{
margin-top: 0.18rem;
}
.bottom_email{
margin-top: 0.2rem;
}
.bottom_copyright{
margin-top: 0.38rem;
font-size: 0.22rem;
}
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>案例详情</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/alxq.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<div class="mid">
<p class="mid_big_text">唐山市路南区幸福摇篮幼儿园</p>
<!--案例盒子-->
<div class="mid_box">
<div class="mid_box_pic">
<img src="../images/bicon_22@2x.png">
</div>
<div class="mid_box_text">
可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力，可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力。
可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案而成立。德国总部设在德国杜塞尔多夫（Düsseldorf），“创新+整合”是我们的核心竞争力，可耐美由两位经济学家和一位化学家组建，基于全球环境恶化、变暖寻求解决方案。
</div>
</div>
<!--加载更多-->
<div class="mid_load">
<!--左边-->
<div class="mid_load_left">
<div class="mid_load_left_pic">
<img src="../images/bicon_30@2x.png">
</div>
<div class="mid_load_left_text">
上一页
</div>
</div>
<!--右边-->
<div class="mid_load_right">
<div class="mid_load_right_text">
下一页
</div>
<div class="mid_load_right_pic">
<img src="../images/bicon_29@2x.png">
</div>
</div>
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>产品中心</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
<link rel="stylesheet" type="text/css" href="../css/common.css">
<link rel="stylesheet" type="text/css" href="../icon/iconfont.css">
<link rel="stylesheet" type="text/css" href="../css/cpzx_2.css">
<script src="../js/base.js"></script>
<script src="../js/jquery-2.1.0.js"></script>
</head>
<body>
<div class="main">
<div class="container">
<!--头部-->
<div class="header">
<!--左 菜单条目-->
<div class="iconfont icon-caidan">
</div>
<!--中 主页面图标-->
<div class="header_mid">
<img src="../images/bicon_03@2x.png" >
</div>
</div>
<!--左边菜单栏时出现列表-->
<div class="container menu_default" style="display: none;">
<!--首页-->
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
<div class="menu_item">
<div class="menu_text">首页</div>
<div class="iconfont icon-jinru"></div>
</div>
</div>
<!-------------图片------------->
<div class="banner">
<img src="../images/bicon_28@2x.png">
</div>
<!--全球认证-->
<div class="mid">
<p class="mid_big_text"> 可耐美产品中心 </p>
<p class="mid_small_text"> PRODUCT CENTER </p>
<!--搜索-->
<div class="mid_search">
<!--搜索图标-->
<div class="mid_search_icon">
<img src="../images/bicon_27@2x.png">
</div>
<!--搜索内容-->
<input type="text" placeholder="请输入色彩名或色彩编号">
<!--搜索按钮-->
<div class="mid_search_button">
搜索
</div>
</div>
<!--盒模型内容-->
<div class="mid_box">
<!--图片及简介-->
<div class="mid_box_middle">
<div class="mid_box_middle_left">
<img src="../images/bicon_23@2x.png">
</div>
<div class="mid_box_middle_right">
<div class="mid_box_middle_right_top">
可丽时净味乳胶漆
</div>
<div class="mid_box_middle_right_bottom">
此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示。品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点，此处展示产品的优势及特点。
</div>
</div>
</div>
<!--翻页按钮-->
<div class="mid_box_pageTurn">
<div class="mid_box_pageTurn_left">
<img src="../images/bicon_26@2x.png">
</div>
<div class="mid_box_pageTurn_mid">
1/8
</div>
<div class="mid_box_pageTurn_right">
<img src="../images/bicon_25@2x.png">
</div>
</div>
</div>
<!--菜单列表-->
<div class="mid_menu">
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
<div class="mid_menu_item">新产品</div>
</div>
<!--加载更多-->
<div class="mid_load">
加载更多
</div>
</div>
<!--底部介绍-->
<div class="bottom">
<p class="bottom_addr">
公司地址：北京市大兴区欣雅街兴创国际中心3A-1501室
</p>
<p class="bottom_tel">
电话 : 010-64482186
</p>
<p class="bottom_fax">
传真：010-6448-2226
</p>
<p class="bottom_email">
公司邮箱：beijing@germanyclime.cn
</p>
<p class="bottom_copyright">Copyright © 2015 All Rights Reserved 可耐美 版权所有</p>
</div>
<!--底部菜单栏-->
<div class="footer_menu">
<div class="footer_item">
<div class="footer_item_icon icon_select"></div>
<div class="footer_item_text">在线选色</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_product"></div>
<div class="footer_item_text">产品中心</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_inquire"></div>
<div class="footer_item_text">防伪查询</div>
</div>
<div class="footer_item">
<div class="footer_item_icon icon_join icon_big"></div>
<div class="footer_item_text">加盟可耐美</div>
</div>
</div>
</div>
</div>
</body>
</html>
... ...