update

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="ES6" />
+  </component>
+</project>

+<?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>

+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ChangeListManager">
+    <list default="true" id="1ae5f9a6-acdc-475d-863d-ce05e13f7b72" 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="1698176257">
+      <usages-collector id="statistics.lifecycle.project">
+        <counts>
+          <entry key="project.open.time.2" value="1" />
+          <entry key="project.opened" value="1" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.open">
+        <counts>
+          <entry key="css" value="4" />
+          <entry key="html" value="4" />
+          <entry key="js" value="2" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.open">
+        <counts>
+          <entry key="CSS" value="4" />
+          <entry key="HTML" value="4" />
+          <entry key="JavaScript" value="2" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.extensions.edit">
+        <counts>
+          <entry key="css" value="3388" />
+          <entry key="html" value="1738" />
+        </counts>
+      </usages-collector>
+      <usages-collector id="statistics.file.types.edit">
+        <counts>
+          <entry key="CSS" value="3388" />
+          <entry key="HTML" value="1738" />
+        </counts>
+      </usages-collector>
+    </session>
+  </component>
+  <component name="FileEditorManager">
+    <leaf>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/xyjc.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="277">
+              <caret line="16" column="32" lean-forward="true" selection-start-line="16" selection-start-column="32" selection-end-line="16" selection-end-column="32" />
+              <folding>
+                <element signature="n#div#1;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/xyjc.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="162">
+              <caret line="12" column="18" lean-forward="true" selection-end-line="58" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/dksm.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="27">
+              <caret line="1" selection-start-line="1" selection-end-line="15" selection-end-column="1" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/html/dksm.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="27">
+              <caret line="13" column="18" lean-forward="true" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+              <folding>
+                <element signature="n#div#1;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/index.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="162">
+              <caret line="71" column="18" lean-forward="true" selection-end-line="106" />
+              <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#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="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#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#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+                <element signature="n#div#0;n#div#2;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" />
+              </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="162">
+              <caret line="180" column="24" lean-forward="true" selection-start-line="180" selection-start-column="24" selection-end-line="180" selection-end-column="24" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/html/dkxq.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="459">
+              <caret line="33" column="37" selection-start-line="33" selection-start-column="37" selection-end-line="33" selection-end-column="37" />
+              <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" />
+              </folding>
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/css/dkxq.css">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="104">
+              <caret line="44" column="11" lean-forward="true" selection-start-line="44" selection-start-column="11" selection-end-line="44" selection-end-column="11" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/js/jquery.min.js">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="216">
+              <caret line="128" column="26" lean-forward="true" selection-start-line="128" selection-start-column="26" selection-end-line="128" selection-end-column="26" />
+            </state>
+          </provider>
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/js/base.js">
+          <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>mid_today</find>
+    </findStrings>
+  </component>
+  <component name="IdeDocumentHistory">
+    <option name="CHANGED_PATHS">
+      <list>
+        <option value="$PROJECT_DIR$/css/xyjc.css" />
+        <option value="$PROJECT_DIR$/css/dksm.css" />
+        <option value="$PROJECT_DIR$/html/xyjc.html" />
+        <option value="$PROJECT_DIR$/html/dksm.html" />
+        <option value="$PROJECT_DIR$/html/index.html" />
+        <option value="$PROJECT_DIR$/css/index.css" />
+        <option value="$PROJECT_DIR$/css/dkxq.css" />
+        <option value="$PROJECT_DIR$/html/dkxq.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="995" />
+    <option name="y" value="161" />
+    <option name="width" value="1032" />
+    <option name="height" value="805" />
+  </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>
+          </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="$PROJECT_DIR$/../企业微信/Wechat_project_1" />
+    <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项目\盛宝财富贷款平台\images" />
+      <recent name="F:\ljh项目\盛宝财富贷款平台\js" />
+    </key>
+  </component>
+  <component name="RunDashboard">
+    <option name="ruleStates">
+      <list>
+        <RuleState>
+          <option name="name" value="ConfigurationTypeDashboardGroupingRule" />
+        </RuleState>
+        <RuleState>
+          <option name="name" value="StatusDashboardGroupingRule" />
+        </RuleState>
+      </list>
+    </option>
+  </component>
+  <component name="SvnConfiguration">
+    <configuration />
+  </component>
+  <component name="TaskManager">
+    <task active="true" id="Default" summary="Default task">
+      <changelist id="1ae5f9a6-acdc-475d-863d-ce05e13f7b72" name="Default Changelist" comment="" />
+      <created>1547702487075</created>
+      <option name="number" value="Default" />
+      <option name="presentableId" value="Default" />
+      <updated>1547702487075</updated>
+      <workItem from="1547702489388" duration="15192000" />
+    </task>
+    <servers />
+  </component>
+  <component name="TimeTrackingManager">
+    <option name="totallyTimeSpent" value="15192000" />
+  </component>
+  <component name="ToolWindowManager">
+    <frame x="995" y="161" width="1032" height="805" extended-state="0" />
+    <editor active="true" />
+    <layout>
+      <window_info id="Favorites" side_tool="true" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.27565393" />
+      <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
+      <window_info anchor="bottom" id="Docker" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Version Control" show_stripe_button="false" />
+      <window_info anchor="bottom" id="Terminal" />
+      <window_info anchor="bottom" id="Event Log" 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="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$/js/jquery.min.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="216">
+          <caret line="128" column="26" lean-forward="true" selection-start-line="128" selection-start-column="26" selection-end-line="128" selection-end-column="26" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/js/base.js">
+      <provider selected="true" editor-type-id="text-editor" />
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/xyjc.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="162">
+          <caret line="12" column="18" lean-forward="true" selection-end-line="58" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/dksm.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="27">
+          <caret line="1" selection-start-line="1" selection-end-line="15" selection-end-column="1" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/xyjc.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="277">
+          <caret line="16" column="32" lean-forward="true" selection-start-line="16" selection-start-column="32" selection-end-line="16" selection-end-column="32" />
+          <folding>
+            <element signature="n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/dksm.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="27">
+          <caret line="13" column="18" lean-forward="true" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+          <folding>
+            <element signature="n#div#1;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="162">
+          <caret line="71" column="18" lean-forward="true" selection-end-line="106" />
+          <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#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="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#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#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" />
+            <element signature="n#div#0;n#div#2;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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/index.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="162">
+          <caret line="180" column="24" lean-forward="true" selection-start-line="180" selection-start-column="24" selection-end-line="180" selection-end-column="24" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/css/dkxq.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="104">
+          <caret line="44" column="11" lean-forward="true" selection-start-line="44" selection-start-column="11" selection-end-line="44" selection-end-column="11" />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/html/dkxq.html">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="459">
+          <caret line="33" column="37" selection-start-line="33" selection-start-column="37" selection-end-line="33" selection-end-column="37" />
+          <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" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+  </component>
+</project>

+<?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>

+
+.main , .page {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    height: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+.header{
+    width: 6.97rem;
+    height: 5.03rem;
+    border-radius: 0.16rem;
+    background-color: green;
+    margin-top: 0.14rem;
+    position: relative;
+}
+.header img{
+    width: 100%;
+    height: 100%;
+}
+/*.link{*/
+/*width: 0.18rem;*/
+/*height: 0.18rem;*/
+/*background:rgba(218,186,111,1);*/
+/*border-radius:50%;*/
+/*position: absolute;*/
+/*bottom: 0;*/
+/*}*/
+.bottom{
+    margin-top: 0.22rem;
+    width: 6.97rem;
+    height: 5.4rem;
+    display: flex;
+
+    background: rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+}
+.bottom_box{
+    width: 6.2rem;
+    /*height: 4.04rem;*/
+    /*border: 1px solid red;*/
+    margin: 0.42rem 0.44rem 0 0.33rem;
+    line-height: 0.42rem;
+    font-size: 0.28rem;
+    color: rgba(88,88,88,1);
+    font-weight: 500;
+
+}
+

+.main , .page {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    height: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+    background-color: #f9f9f9;
+    position: relative;
+}
+.top{
+    width: 5.31rem;
+    height: 1.14rem;
+    background-color: #DABA6F;
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+    display: flex;
+    flex-flow: column;
+    font-size: 0.3rem;
+    color: #000000;
+    position: absolute;
+    top: 0.14rem;
+}
+.top_rate{
+    margin: 0.22rem 0.42rem 0.14rem 0.42rem;
+}
+.top_repay{
+    margin: 0 0.42rem 0.19rem 0.42rem;
+}
+.limit{
+    margin-top: 0.69rem;
+    width: 6.97rem;
+    height: 2.95rem;
+    background-color: #ffffff;
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+}
+.limit_box{
+    width: 4.74rem;
+    height: 1.61rem;
+    display: flex;
+    flex-flow: column;
+    border: 0.01rem solid red ;
+    margin: 0.85rem 1.1rem;
+}
+.limit_box_item{
+    font-size: 0.3rem;
+    color: #5A441A;
+    display: flex;
+    width: 0.8rem;
+}
+select{
+    width: 3rem;
+    height: 0.8rem;
+}

+.main , .page {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    height: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+.top{
+    width: 7.5rem;
+    height: 2.61rem;
+    background-color: #E5E5E5;
+    /*opacity:0.1;*/
+    display: flex;
+    position: relative;
+}
+.top_anno{
+    width: 2.8rem;
+    height: 0.6rem;
+    background:rgba(218,186,111,1);
+    box-shadow:0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
+    border-radius: 0.08rem;
+
+    font-size: 0.3rem;
+    font-weight: 500;
+    color: #000000;
+    line-height: 0.62rem;
+    text-align: center;
+    position: absolute;
+    top: 0.38rem;
+    left: 2.35rem;
+}
+.top_text{
+    margin: 0.69rem 0.26rem ;
+    width: 6.97rem;
+    height: 1.74rem;
+    background:rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
+    border-radius: 0.16rem;
+
+    font-size: 0.3rem;
+    color: #333333;
+    /*line-height: 0.62rem;*/
+
+    display: flex;
+    justify-content: center;
+}
+.top_text p{
+    margin-top: 0.62rem;
+    width: 4.48rem;
+}
+.mid_today{
+    margin-top: 0.15rem;
+    width: 6.97rem;
+    height: 1rem;
+    background:rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
+    border-radius: 0.16rem;
+
+    font-size: 0.34rem;
+    font-weight: bold;
+    text-align: center;
+    line-height: 1rem;
+    color: #585858;
+}
+.mid_today_menu{
+    margin-top: 0.22rem;
+    width: 6.97rem;
+    height: 3.48rem;
+    background: rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
+    border-radius: 0.16rem;
+    display: flex;
+    align-items: center;
+}
+.today_box{
+    width: 100%;
+    margin: 0 0.32rem;
+    display: flex;
+    justify-content: space-between;
+}
+.mid_today_menu_item{
+    width: 2rem;
+    /*height: 3rem;*/
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+.mid_today_menu_item_pic{
+    width: 2rem;
+    height: 2rem;
+    display: flex;
+}
+.mid_today_menu_item_pic img{
+    width: 100%;
+    height: 100%;
+}
+.mid_today_menu_item_text{
+    margin-top: 0.32rem;
+    font-size: 0.32rem;
+    font-weight: 500;
+    color: #585858;
+    line-height: 0.24rem;
+}
+.mid_loans{
+    margin-top: 0.22rem;
+    width: 6.97rem;
+    height: 0.8rem;
+    background:rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0, 0, 0, 0.08);
+    border-radius: 0.16rem;
+
+    font-size: 0.34rem;
+    font-weight: bold;
+    color: #585858;
+    text-align: center;
+    line-height: 0.8rem;
+}
+/*-----秒贷上部分-----*/
+.mid_loans_top{
+    margin-top: 0.22rem;
+    width: 6.97rem;
+    height: 0.88rem;
+    background: #ffffff;
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+    display: flex;
+    align-items: center;
+}
+.mid_loans_top_left{
+    margin-left: 0.28rem;
+    font-size: 0.28rem;
+    color: #585858;
+}
+.mid_loans_top_right{
+    margin-left: 0.16rem;
+    width: 1rem;
+    height: 0.36rem;
+    background: #e8c878;
+    border-radius: 0.04rem;
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    font-size: 0.2rem;
+    color: #000000;
+    text-align: center;
+    line-height: 0.36rem;
+}
+.mid_loans_bottom{
+    border-top: 1px solid red;
+    width: 6.97rem;
+    height: 2.05rem;
+    background: #ffffff;
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+    display: flex;
+    align-items: center;
+}
+.loans_bottom_left{
+    margin-left: 0.54rem;
+    width: 1.6rem;
+    height: 1.6rem;
+    display: flex;
+}
+.loans_bottom_left img{
+    width: 100%;
+    height: 100%;
+}
+.loans_bottom_right{
+    margin-left: 0.53rem;
+    width: 4rem;
+    height: 1.6rem;
+    display: flex;
+    flex-flow: column;
+    font-size: 0.28rem;
+    line-height: 0.4rem;
+}
+
+.loans_color{
+    color: #F5C32D;
+}
+.loans_bottom_right_last{
+    width: 3.6rem;
+    height: 0.36rem;
+    border-radius: 0.04rem;
+    background-color: #DDC178;
+    font-size: 0.2rem;
+    color: #000000;
+    display: flex;
+    line-height: 0.36rem;
+    text-align: center;
+}
+

+
+.main , .page {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+.container{
+    width: 100%;
+    height: 100%;
+    line-height: 1;
+    display: flex;
+    flex-flow: column;
+    align-items: center;
+}
+.header{
+    width: 6.97rem;
+    height: 5.03rem;
+    border-radius: 0.16rem;
+    background-color: green;
+    margin-top: 0.14rem;
+    position: relative;
+}
+.header img{
+    width: 100%;
+    height: 100%;
+}
+/*.link{*/
+    /*width: 0.18rem;*/
+    /*height: 0.18rem;*/
+    /*background:rgba(218,186,111,1);*/
+    /*border-radius:50%;*/
+    /*position: absolute;*/
+    /*bottom: 0;*/
+/*}*/
+.bottom{
+    margin-top: 0.22rem;
+    width: 6.97rem;
+    height: 5.4rem;
+    display: flex;
+
+    background: rgba(255,255,255,1);
+    box-shadow: 0 0.07rem 0.1rem 0.01rem rgba(0,0,0,0.08);
+    border-radius: 0.16rem;
+}
+.bottom_box{
+    width: 6.2rem;
+    /*height: 4.04rem;*/
+    /*border: 1px solid red;*/
+    margin: 0.42rem 0.44rem 0 0.33rem;
+    line-height: 0.42rem;
+    font-size: 0.28rem;
+    color: rgba(88,88,88,1);
+    font-weight: 500;
+
+}
+

+<!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/xyjc.css">
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery.min.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--头部-->
+        <div class="header">
+            <img src="../images/xzACsa@2x.png">
+        </div>
+        <!--链接-->
+        <!--<div class="link"></div>-->
+
+        <!--底部-->
+        <div class="bottom">
+            <!--文本框盒-->
+            <div class="bottom_box">
+                1、个人贷款要有明确用途，且应符合法律法规规定和国家有关政策，交易背景真实，不得虚构交易背景和贷款用途;<br>
+                2、个人贷款的使用应遵循诚信原则，符合借款合同中约定的用途，根据国家现行规定，贷款资金不得违规进入股市、房地产开发等国家明令禁止进入的领域;<br>
+                3、贷款购买住房的，应按照国家规定申请个人住房贷款，根据国家现行规定，消费性贷款禁止用于购买住房。<br>
+
+
+            </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/dkxq.css">
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery.min.js"></script>
+</head>
+<body>
+<div class="main">
+    <div class="container">
+        <!--利率信息-->
+        <div class="top">
+            <!--月费率-->
+            <div class="top_rate">
+                月费率: 0.3%-0.5%
+            </div>
+            <!--月还款-->
+            <div class="top_repay">
+                月还款:  元  总利息:  元
+            </div>
+        </div>
+        <!--额度信息-->
+        <div class="limit">
+            <div class="limit_box">
+                <div class="limit_box_item">
+                    <div>额度</div>
+                    <select>
+                        <option>5000</option>
+                        <option>10000</option>
+                        <option>50000</option>
+                    </select>
+                </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/index.css">
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery.min.js"></script>
+</head>
+<body>
+    <div class="main">
+        <div class="container">
+            <!--顶部公告-->
+            <div class="top">
+                <!--最新公告-->
+                <div class="top_anno">
+                    最新公告
+                </div>
+                <div class="top_text">
+                    <p>通知通知通知通知通知通知通通知通知通知通知通知通知通
+                    </p>
+
+                </div>
+            </div>
+            <!--今日推荐-->
+            <div class="mid_today">
+                今日推荐:
+            </div>
+            <!--今日推荐菜单栏-->
+            <div class="mid_today_menu">
+                <div class="today_box">
+                    <!--推荐1-->
+                    <div class="mid_today_menu_item">
+                        <!--图片-->
+                        <div class="mid_today_menu_item_pic">
+                            <img src="../images/dsvgfds1@2x.png">
+                        </div>
+                        <!--文字-->
+                        <div class="mid_today_menu_item_text">
+                            秒贷
+                        </div>
+                    </div>
+                    <!--推荐2-->
+                    <div class="mid_today_menu_item">
+                        <!--图片-->
+                        <div class="mid_today_menu_item_pic">
+                            <img src="../images/dfsfds@2x.png">
+                        </div>
+                        <!--文字-->
+                        <div class="mid_today_menu_item_text">
+                            秒贷
+                        </div>
+                    </div>
+                    <!--推荐3-->
+                    <div class="mid_today_menu_item">
+                        <!--图片-->
+                        <div class="mid_today_menu_item_pic">
+                            <img src="../images/dsfs3@2x.png">
+                        </div>
+                        <!--文字-->
+                        <div class="mid_today_menu_item_text">
+                            秒贷
+                        </div>
+                    </div>
+
+
+                </div>
+            </div>
+
+            <!--推荐贷款-->
+            <div class="mid_loans">
+                推荐贷款
+            </div>
+            <!--秒贷_上部分-->
+            <div class="mid_loans_top">
+                <!--秒贷-->
+                <div class="mid_loans_top_left">
+                    秒贷
+                </div>
+                <!--热门-->
+                <div class="mid_loans_top_right">
+                    热门
+                </div>
+            </div>
+            <!--秒贷_下部分-->
+            <div class="mid_loans_bottom">
+                <!--图片-->
+                <div class="loans_bottom_left">
+                    <img src="../images/dsfds4@2x.png">
+                </div>
+                <div class="loans_bottom_right">
+                    <div>芝麻分500+无负面，立马放</div>
+                    <div >申请人数: <span class="loans_color">99</span>人</div>
+                    <div>月利率: <span class="loans_color">0.3%-0.5%</span></div>
+                    <div class="loans_bottom_right_last">
+                        3分钟申请，30分钟审核，秒下款
+                    </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/xyjc.css">
+    <script src="../js/base.js"></script>
+    <script src="../js/jquery.min.js"></script>
+</head>
+<body>
+    <div class="main">
+        <div class="container">
+            <!--头部-->
+            <div class="header">
+                <img src="../images/xzACsa@2x.png">
+            </div>
+            <!--链接-->
+            <!--<div class="link"></div>-->
+
+            <!--底部-->
+            <div class="bottom">
+                <!--文本框盒-->
+                <div class="bottom_box">
+                    1、个人贷款要有明确用途，且应符合法律法规规定和国家有关政策，交易背景真实，不得虚构交易背景和贷款用途;<br>
+2、个人贷款的使用应遵循诚信原则，符合借款合同中约定的用途，根据国家现行规定，贷款资金不得违规进入股市、房地产开发等国家明令禁止进入的领域;<br>
+3、贷款购买住房的，应按照国家规定申请个人住房贷款，根据国家现行规定，消费性贷款禁止用于购买住房。<br>
+
+
+                </div>
+            </div>
+
+
+
+
+        </div>
+    </div>
+
+</body>
+</html>

+/**
+ * 
+ * @authors Your Name (you@example.org)
+ * @date    2018-11-09 13:59:47
+ * @version $Id$
+ */
+
+
+ 
+! function (a) {
+    function b() {
+        var Length = document.documentElement.clientWidth;
+		var baseWidth = Length <= 1024 ? Length : 1024 < Length ? 750 : '';
+		document.documentElement.style.fontSize = baseWidth / 750 * 100 + 'px';
+    }
+    window.addEventListener("DOMContentLoaded", function () {
+        b()
+    }, !1), window.addEventListener("resize", function () {
+        b()
+    }), b()
+}(window);
+
+//回退
+window.onload  =  function(){
+	var $back = document.getElementsByClassName('back')[0];
+	if($back){
+		$back.onclick=function(){
+		window.history.back()
+	}
+	}
+	
+}