diff --git a/.classpath b/.classpath new file mode 100644 index 0000000..3c220bf --- /dev/null +++ b/.classpath @@ -0,0 +1,19 @@ + + + + + + + + + + + + + + + + + + + diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d6b19bc --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +# 项目排除路径 +/build/classes/ \ No newline at end of file diff --git a/.idea/.gitignore b/.idea/.gitignore new file mode 100644 index 0000000..35410ca --- /dev/null +++ b/.idea/.gitignore @@ -0,0 +1,8 @@ +# 默认忽略的文件 +/shelf/ +/workspace.xml +# 基于编辑器的 HTTP 客户端请求 +/httpRequests/ +# Datasource local storage ignored files +/dataSources/ +/dataSources.local.xml diff --git a/.idea/MagicMarket.iml b/.idea/MagicMarket.iml new file mode 100644 index 0000000..d6ebd48 --- /dev/null +++ b/.idea/MagicMarket.iml @@ -0,0 +1,9 @@ + + + + + + + + + \ No newline at end of file diff --git a/.idea/misc.xml b/.idea/misc.xml new file mode 100644 index 0000000..639900d --- /dev/null +++ b/.idea/misc.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.idea/modules.xml b/.idea/modules.xml new file mode 100644 index 0000000..d89a733 --- /dev/null +++ b/.idea/modules.xml @@ -0,0 +1,8 @@ + + + + + + + + \ No newline at end of file diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml new file mode 100644 index 0000000..797acea --- /dev/null +++ b/.idea/runConfigurations.xml @@ -0,0 +1,10 @@ + + + + + + \ No newline at end of file diff --git a/.idea/vcs.xml b/.idea/vcs.xml new file mode 100644 index 0000000..35eb1dd --- /dev/null +++ b/.idea/vcs.xml @@ -0,0 +1,6 @@ + + + + + + \ No newline at end of file diff --git a/.project b/.project new file mode 100644 index 0000000..6d1998a --- /dev/null +++ b/.project @@ -0,0 +1,31 @@ + + + ABRACADABURA + + + + + + org.eclipse.jdt.core.javabuilder + + + + + org.eclipse.wst.common.project.facet.core.builder + + + + + org.eclipse.wst.validation.validationbuilder + + + + + + org.eclipse.jem.workbench.JavaEMFNature + org.eclipse.wst.common.modulecore.ModuleCoreNature + org.eclipse.wst.common.project.facet.core.nature + org.eclipse.jdt.core.javanature + org.eclipse.wst.jsdt.core.jsNature + + diff --git a/.settings/.jsdtscope b/.settings/.jsdtscope new file mode 100644 index 0000000..92e666d --- /dev/null +++ b/.settings/.jsdtscope @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/.settings/org.eclipse.core.resources.prefs b/.settings/org.eclipse.core.resources.prefs new file mode 100644 index 0000000..99f26c0 --- /dev/null +++ b/.settings/org.eclipse.core.resources.prefs @@ -0,0 +1,2 @@ +eclipse.preferences.version=1 +encoding/=UTF-8 diff --git a/.settings/org.eclipse.jdt.core.prefs b/.settings/org.eclipse.jdt.core.prefs new file mode 100644 index 0000000..0c68a61 --- /dev/null +++ b/.settings/org.eclipse.jdt.core.prefs @@ -0,0 +1,7 @@ +eclipse.preferences.version=1 +org.eclipse.jdt.core.compiler.codegen.inlineJsrBytecode=enabled +org.eclipse.jdt.core.compiler.codegen.targetPlatform=1.8 +org.eclipse.jdt.core.compiler.compliance=1.8 +org.eclipse.jdt.core.compiler.problem.assertIdentifier=error +org.eclipse.jdt.core.compiler.problem.enumIdentifier=error +org.eclipse.jdt.core.compiler.source=1.8 diff --git a/.settings/org.eclipse.wst.common.component b/.settings/org.eclipse.wst.common.component new file mode 100644 index 0000000..086dfc6 --- /dev/null +++ b/.settings/org.eclipse.wst.common.component @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/.settings/org.eclipse.wst.common.project.facet.core.xml b/.settings/org.eclipse.wst.common.project.facet.core.xml new file mode 100644 index 0000000..9fcb917 --- /dev/null +++ b/.settings/org.eclipse.wst.common.project.facet.core.xml @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/.settings/org.eclipse.wst.jsdt.ui.superType.container b/.settings/org.eclipse.wst.jsdt.ui.superType.container new file mode 100644 index 0000000..3bd5d0a --- /dev/null +++ b/.settings/org.eclipse.wst.jsdt.ui.superType.container @@ -0,0 +1 @@ +org.eclipse.wst.jsdt.launching.baseBrowserLibrary \ No newline at end of file diff --git a/.settings/org.eclipse.wst.jsdt.ui.superType.name b/.settings/org.eclipse.wst.jsdt.ui.superType.name new file mode 100644 index 0000000..05bd71b --- /dev/null +++ b/.settings/org.eclipse.wst.jsdt.ui.superType.name @@ -0,0 +1 @@ +Window \ No newline at end of file diff --git a/ABRACADABURA.iml b/ABRACADABURA.iml new file mode 100644 index 0000000..2c2a1ea --- /dev/null +++ b/ABRACADABURA.iml @@ -0,0 +1,55 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/WebContent/META-INF/MANIFEST.MF b/WebContent/META-INF/MANIFEST.MF new file mode 100644 index 0000000..254272e --- /dev/null +++ b/WebContent/META-INF/MANIFEST.MF @@ -0,0 +1,3 @@ +Manifest-Version: 1.0 +Class-Path: + diff --git a/WebContent/WEB-INF/lib/antlr-2.7.7.jar b/WebContent/WEB-INF/lib/antlr-2.7.7.jar new file mode 100644 index 0000000..5e5f14b Binary files /dev/null and b/WebContent/WEB-INF/lib/antlr-2.7.7.jar differ diff --git a/WebContent/WEB-INF/lib/classmate-1.3.0.jar b/WebContent/WEB-INF/lib/classmate-1.3.0.jar new file mode 100644 index 0000000..049b63f Binary files /dev/null and b/WebContent/WEB-INF/lib/classmate-1.3.0.jar differ diff --git a/WebContent/WEB-INF/lib/commons-fileupload-1.3.2.jar b/WebContent/WEB-INF/lib/commons-fileupload-1.3.2.jar new file mode 100644 index 0000000..4975590 Binary files /dev/null and b/WebContent/WEB-INF/lib/commons-fileupload-1.3.2.jar differ diff --git a/WebContent/WEB-INF/lib/commons-io-2.4.jar b/WebContent/WEB-INF/lib/commons-io-2.4.jar new file mode 100644 index 0000000..90035a4 Binary files /dev/null and b/WebContent/WEB-INF/lib/commons-io-2.4.jar differ diff --git a/WebContent/WEB-INF/lib/commons-lang3-3.4.jar b/WebContent/WEB-INF/lib/commons-lang3-3.4.jar new file mode 100644 index 0000000..8ec91d4 Binary files /dev/null and b/WebContent/WEB-INF/lib/commons-lang3-3.4.jar differ diff --git a/WebContent/WEB-INF/lib/dom4j-1.6.1.jar b/WebContent/WEB-INF/lib/dom4j-1.6.1.jar new file mode 100644 index 0000000..c8c4dbb Binary files /dev/null and b/WebContent/WEB-INF/lib/dom4j-1.6.1.jar differ diff --git a/WebContent/WEB-INF/lib/freemarker-2.3.23.jar b/WebContent/WEB-INF/lib/freemarker-2.3.23.jar new file mode 100644 index 0000000..82990f6 Binary files /dev/null and b/WebContent/WEB-INF/lib/freemarker-2.3.23.jar differ diff --git a/WebContent/WEB-INF/lib/hibernate-commons-annotations-5.0.1.Final.jar b/WebContent/WEB-INF/lib/hibernate-commons-annotations-5.0.1.Final.jar new file mode 100644 index 0000000..82e425d Binary files /dev/null and b/WebContent/WEB-INF/lib/hibernate-commons-annotations-5.0.1.Final.jar differ diff --git a/WebContent/WEB-INF/lib/hibernate-core-5.2.10.Final.jar b/WebContent/WEB-INF/lib/hibernate-core-5.2.10.Final.jar new file mode 100644 index 0000000..0d4ce3c Binary files /dev/null and b/WebContent/WEB-INF/lib/hibernate-core-5.2.10.Final.jar differ diff --git a/WebContent/WEB-INF/lib/hibernate-jpa-2.1-api-1.0.0.Final.jar b/WebContent/WEB-INF/lib/hibernate-jpa-2.1-api-1.0.0.Final.jar new file mode 100644 index 0000000..e2f2c59 Binary files /dev/null and b/WebContent/WEB-INF/lib/hibernate-jpa-2.1-api-1.0.0.Final.jar differ diff --git a/WebContent/WEB-INF/lib/jandex-2.0.3.Final.jar b/WebContent/WEB-INF/lib/jandex-2.0.3.Final.jar new file mode 100644 index 0000000..00c9dc2 Binary files /dev/null and b/WebContent/WEB-INF/lib/jandex-2.0.3.Final.jar differ diff --git a/WebContent/WEB-INF/lib/javassist-3.20.0-GA.jar b/WebContent/WEB-INF/lib/javassist-3.20.0-GA.jar new file mode 100644 index 0000000..0f1ff72 Binary files /dev/null and b/WebContent/WEB-INF/lib/javassist-3.20.0-GA.jar differ diff --git a/WebContent/WEB-INF/lib/jboss-logging-3.3.0.Final.jar b/WebContent/WEB-INF/lib/jboss-logging-3.3.0.Final.jar new file mode 100644 index 0000000..ea45d4d Binary files /dev/null and b/WebContent/WEB-INF/lib/jboss-logging-3.3.0.Final.jar differ diff --git a/WebContent/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.0.1.Final.jar b/WebContent/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.0.1.Final.jar new file mode 100644 index 0000000..2113cc0 Binary files /dev/null and b/WebContent/WEB-INF/lib/jboss-transaction-api_1.2_spec-1.0.1.Final.jar differ diff --git a/WebContent/WEB-INF/lib/jsp-api.jar b/WebContent/WEB-INF/lib/jsp-api.jar new file mode 100644 index 0000000..1e6ed39 Binary files /dev/null and b/WebContent/WEB-INF/lib/jsp-api.jar differ diff --git a/WebContent/WEB-INF/lib/log4j-api-2.7.jar b/WebContent/WEB-INF/lib/log4j-api-2.7.jar new file mode 100644 index 0000000..b921631 Binary files /dev/null and b/WebContent/WEB-INF/lib/log4j-api-2.7.jar differ diff --git a/WebContent/WEB-INF/lib/mysql-connector-java-8.0.11.jar b/WebContent/WEB-INF/lib/mysql-connector-java-8.0.11.jar new file mode 100644 index 0000000..c3b5f70 Binary files /dev/null and b/WebContent/WEB-INF/lib/mysql-connector-java-8.0.11.jar differ diff --git a/WebContent/WEB-INF/lib/ognl-3.1.12.jar b/WebContent/WEB-INF/lib/ognl-3.1.12.jar new file mode 100644 index 0000000..3007532 Binary files /dev/null and b/WebContent/WEB-INF/lib/ognl-3.1.12.jar differ diff --git a/WebContent/WEB-INF/lib/servlet-api.jar b/WebContent/WEB-INF/lib/servlet-api.jar new file mode 100644 index 0000000..a49c7f7 Binary files /dev/null and b/WebContent/WEB-INF/lib/servlet-api.jar differ diff --git a/WebContent/WEB-INF/lib/sqljdbc42.jar b/WebContent/WEB-INF/lib/sqljdbc42.jar new file mode 100644 index 0000000..61b3463 Binary files /dev/null and b/WebContent/WEB-INF/lib/sqljdbc42.jar differ diff --git a/WebContent/WEB-INF/lib/struts2-core-2.5.10.1.jar b/WebContent/WEB-INF/lib/struts2-core-2.5.10.1.jar new file mode 100644 index 0000000..23bae46 Binary files /dev/null and b/WebContent/WEB-INF/lib/struts2-core-2.5.10.1.jar differ diff --git a/WebContent/WEB-INF/web.xml b/WebContent/WEB-INF/web.xml new file mode 100644 index 0000000..0cffcfe --- /dev/null +++ b/WebContent/WEB-INF/web.xml @@ -0,0 +1,20 @@ + + + shop + + index.html + index.htm + index.jsp + default.html + default.htm + default.jsp + + + CheckCode + com.tools.CheckCode + + + CheckCode + /CheckCode + + \ No newline at end of file diff --git a/WebContent/back/back_index_home.jsp b/WebContent/back/back_index_home.jsp new file mode 100644 index 0000000..50635fc --- /dev/null +++ b/WebContent/back/back_index_home.jsp @@ -0,0 +1,502 @@ +<%@ page pageEncoding="UTF-8"%> +<%@ page language="java" contentType="text/html; charset=UTF-8"%> +<%@ page import="java.util.ArrayList,com.model.Member"%> + + + + + 后台管理 + + + + + +
+ +
+
+
+ + +
+
+ + +
+
+ + +
+ +
+ +
+ +
+ + diff --git a/WebContent/back/css/appicons1.css b/WebContent/back/css/appicons1.css new file mode 100644 index 0000000..c7cc5f5 --- /dev/null +++ b/WebContent/back/css/appicons1.css @@ -0,0 +1,177 @@ + +.menu .icon3{ background:url(/style/defstyle/images/yunicon.png?temp=20180309) no-repeat} +.menu .icon3 {width: 22px;height: 20px;display: inline-block;margin-left: 20px;vertical-align: middle;margin-right: 10px;} +.menu .iconImg {width: 20px;height: 20px;display: inline-block;margin-left: 20px;vertical-align: middle;margin-right: 10px;} +.menu .zne_kc_icon{ background-position:0px 0px;} +/*.menu .zne_ds_icon{ background-position:-23px 0px;}*/ +.menu .zne_bj_icon{ background-position:-48px 0px;} +.menu .zne_zt_icon{ background-position:-73px 0px;} +.menu .zne_yp_icon{ background-position:-97px 0px;} +.menu .zne_qz_icon{ background-position:-172px -2px;} +.menu .zne_cz_icon{ background-position:-122px 0px;} +/*.menu .zne_bz_icon{ background-position:-146px -1px;}*/ +.menu .zne_bz_icon{ background-position:-1120px -1px;} +.menu .zne_xxttj_icon{ background-position:-1082px 0px;} +.menu .zne_dy_icon{ background-position:-197px 0px;} + +.menu li:hover .zne_kc_icon,.menu li.active .zne_kc_icon,.menu .icon3:hover,.menu li.active .icon3{ background-position:0px -24px;} +/*.menu li:hover .zne_ds_icon,.menu li.active .zne_ds_icon{ background-position:-23px -24px;}*/ +.menu li:hover .zne_bj_icon,.menu li.active .zne_bj_icon{ background-position:-48px -24px;} +.menu li:hover .zne_zt_icon,.menu li.active .zne_zt_icon{ background-position:-73px -24px;} +.menu li:hover .zne_yp_icon,.menu li.active .zne_yp_icon{ background-position:-97px -24px;} +.menu li:hover .zne_qz_icon,.menu li.active .zne_qz_icon{ background-position:-172px -26px;} +.menu li:hover .zne_cz_icon,.menu li.active .zne_cz_icon{ background-position:-122px -24px;} +/*.menu li:hover .zne_bz_icon,.menu li.active .zne_bz_icon{ background-position:-146px -25px;}*/ +.menu li:hover .zne_bz_icon,.menu li.active .zne_bz_icon{ background-position:-1120px -25px;} +.menu li:hover .zne_xxttj_icon,.menu li.active .zne_xxttj_icon{ background-position:-1082px -24px;} +.menu li:hover .zne_dy_icon,.menu li.active .zne_dy_icon{ background-position:-197px -24px;} +/*2014 11 26 zzl 新增图标*/ +.menu .zne_dt_icon{ background-position:-1011px 0px;} +.menu .zne_rz_icon{ background-position:-247px 0px;} +.menu .zne_zj_icon{ background-position:-271px 0px;} +.menu .zne_xz_icon{ background-position:-294px 0px;} +.menu .zne_sc_icon{ background-position:-319px 0px;} +.menu .zne_jh_icon{ background-position:-343px 0px;} +.menu .zne_sp_icon{ background-position:-369px 0px;} +.menu .zne_rw_icon{ background-position:-393px -1px;} +.menu .zne_ds_icon{ background-position:-419px 0px;} +.menu .zne_xx_icon{ background-position:-447px 0px;} +.menu .zne_kb_icon{ background-position:-470px 0px;} +.menu .zne_yyd_icon{ background-position:-500px 0px;} +.menu .zne_rc_icon{ background-position:-522px 0px;} +.menu .zne_dc_icon{ background-position:-549px 0px;} +.menu .zne_jc_icon{ background-position:-574px 0px;} +.menu .zne_wk_icon{ background-position:-601px 0px;} +.menu .zne_zzwk_icon{ background-position:-628px 0px;} +.menu .zne_ckzx_icon{ background-position:-653px 0px;} +.menu li:hover .zne_dt_icon,.menu li.active .zne_dt_icon{ background-position:-1011px -24px;} +.menu li:hover .zne_rz_icon,.menu li.active .zne_rz_icon{ background-position:-247px -24px;} +.menu li:hover .zne_zj_icon,.menu li.active .zne_zj_icon{ background-position:-271px -24px;} +.menu li:hover .zne_xz_icon,.menu li.active .zne_xz_icon{ background-position:-294px -24px;} +.menu li:hover .zne_sc_icon,.menu li.active .zne_sc_icon{ background-position:-319px -24px;} +.menu li:hover .zne_jh_icon,.menu li.active .zne_jh_icon{ background-position:-343px -24px;} +.menu li:hover .zne_sp_icon,.menu li.active .zne_sp_icon{ background-position:-369px -24px;} +.menu li:hover .zne_rw_icon,.menu li.active .zne_rw_icon{ background-position:-393px -24px;} +.menu li:hover .zne_ds_icon,.menu li.active .zne_ds_icon{ background-position:-419px -24px;} +.menu li:hover .zne_xx_icon,.menu li.active .zne_xx_icon{ background-position:-447px -24px;} +.menu li:hover .zne_kb_icon,.menu li.active .zne_kb_icon{ background-position:-470px -24px;} +.menu li:hover .zne_yyd_icon,.menu li.active .zne_yyd_icon{ background-position:-500px -24px;} +.menu li:hover .zne_rc_icon,.menu li.active .zne_rc_icon{ background-position:-522px -24px;} +.menu li:hover .zne_dc_icon,.menu li.active .zne_dc_icon{ background-position:-549px -24px;} +.menu li:hover .zne_jc_icon,.menu li.active .zne_jc_icon{ background-position:-574px -24px;} +.menu li:hover .zne_wk_icon,.menu li.active .zne_wk_icon{ background-position:-601px -24px;} +.menu li:hover .zne_zzwk_icon,.menu li.active .zne_zzwk_icon{ background-position:-628px -24px;} +.menu li:hover .zne_ckzx_icon,.menu li.active .zne_ckzx_icon{ background-position:-653px -24px;} + + +/*2016 12 27 zzl 新增图标,改版时增加*/ +.menu .zne_sy_icon{ background-position:-686px -1px;} +.menu .zne_sf_icon{ background-position:-717px -1px;} +.menu .zne_wdkc_icon{ background-position:-1045px -1px;} +.menu .zne_tbyp_icon{ background-position:-777px -1px;} +.menu .zne_ztjs_icon{ background-position:-806px 0px;} +.menu .zne_wdxz_icon{ background-position:-836px 1px;} +.menu .zne_wdbj_icon{ background-position:-867px -1px;} +.menu .zne_tz_icon{ background-position:-897px -1px;} +.menu .zne_txl_icon{ background-position:-927px -1px;} +.menu .zne_lwjc_icon{ background-position:-958px -1px;} +.menu .zne_ztcj_icon{ background-position:-1009px -1px;} +.menu li:hover .zne_sy_icon,.menu li.active .zne_sy_icon{ background-position:-686px -26px;} +.menu li:hover .zne_sf_icon,.menu li.active .zne_sf_icon{ background-position:-717px -26px;} +.menu li:hover .zne_wdkc_icon,.menu li.active .zne_wdkc_icon{ background-position:-1045px -25px;} +.menu li:hover .zne_tbyp_icon,.menu li.active .zne_tbyp_icon{ background-position:-777px -25px;} +.menu li:hover .zne_ztjs_icon,.menu li.active .zne_ztjs_icon{ background-position:-807px -26px;} +.menu li:hover .zne_wdxz_icon,.menu li.active .zne_wdxz_icon{ background-position:-836px -24px;} +.menu li:hover .zne_wdbj_icon,.menu li.active .zne_wdbj_icon{ background-position:-867px -26px;} +.menu li:hover .zne_tz_icon,.menu li.active .zne_tz_icon{ background-position:-897px -26px;} +.menu li:hover .zne_txl_icon,.menu li.active .zne_txl_icon{ background-position:-927px -26px;} +.menu li:hover .zne_lwjc_icon,.menu li.active .zne_lwjc_icon{ background-position:-958px -26px;} +.menu li:hover .zne_ztcj_icon,.menu li.active .zne_ztcj_icon{ background-position:-1009px -26px;} + +/*.active .wdkc_icon{ width:20px; height:20px; display:block; float:left; background-position:-159px 0; margin:10px 5px 0 10px;_margin:10px 5px 0 5px;} +*/.active a{color:#FFF;} +.setpage{ display:block; background:#f3f3f3; border-bottom:1px solid #d5d5dc; border-top:1px solid #d5d5dc; border-right:1px solid #cccccc; line-height:38px; height:38px; margin:0px 0 15px 0; font-size:14px;} +/*.setpage .wdkc_icon{ width:20px; height:20px; display:block; float:left; background-position:-158px -27px; margin:10px 5px 0 10px;_margin:10px 5px 0 5px;} +*/ +.funclist .addfunc{ background:#e4e4e7; height:20px; line-height:20px; padding:0 10px; border-right:1px solid #cccccc;} +.funclist .greyadd{ width:16px; height:16px; background-position:-1px 0; margin:2px 2px 0 0px;} +.funclist .addfunc a{ color:#555555;} + +.menu .jiaoyu_icon{ background-position:-429px -1px;} +.menu li:hover .jiaoyu_icon,.menu li.active .jiaoyu_icon{ background-position:-429px -26px;} +.menu .yp_icon{ background-position:-18px 2px;} +.menu .sj_icon{ background-position:-40px 0;} +.menu .bz_icon{ background-position:-63px 0;} +.menu .yyd_icon{ background-position:-83px 0;} +.menu .rcb_icon{ background-position:-106px 0;} +.menu .xz_icon{ background-position:-131px 0;} +.menu .wdkc_icon{ background-position:-158px -27px;} +.menu .node_icon{ background-position:-185px -1px;} +.menu .nes_icon{ background-position:-211px -1px;} +.menu .coll_icon{ background-position:-237px -1px;} +.menu .duxiu_icon{ background-position:-259px -1px;} +.menu .diaocha_icon{ background-position:-281px -1px;} +.menu .kecheng_icon{ background-position:-302px -1px;} +.menu .jihua_icon{ background-position:-323px -1px;} +.menu .banji_icon{ background-position:-344px -1px;} +.menu .zhongdoc_icon{ background-position:-365px -1px;} +.menu .weikecheng_icon{ background-position:-387px -1px;} +.menu .scd_icon{ background-position:-408px -1px;} +.menu .scd_icon{ background-position:-408px -1px;} +.menu .jianao_icon{ background:url(../images/dzja_icon_1.png) no-repeat;} + +.menu .add_icon{ background:url(../images/notes.gif) no-repeat 0 -130px;} + +.menu li:hover .yp_icon,.menu li.active .yp_icon{ background-position:-18px -26px;} +.menu li:hover .sj_icon,.menu li.active .sj_icon{ background-position:-40px -26px;} +.menu li:hover .bz_icon,.menu li.active .bz_icon{ background-position:-63px -26px;} +.menu li:hover .yyd_icon,.menu li.active .yyd_icon{ background-position:-83px -26px;} +.menu li:hover .rcb_icon,.menu li.active .rcb_icon{ background-position:-106px -26px;} +.menu li:hover .xz_icon,.menu li.active .xz_icon{ background-position:-131px -26px;} +.menu li:hover .wdkc_icon,.menu li.active .wdkc_icon{ background-position:-131px -26px;} +.menu li:hover .node_icon,.menu li.active .node_icon{ background-position:-185px -26px;} +.menu li:hover .nes_icon,.menu li.active .nes_icon{ background-position:-211px -26px;} +.menu li:hover .coll_icon,.menu li.active .coll_icon{ background-position:-237px -26px;} +.menu li:hover .duxiu_icon,.menu li.active .duxiu_icon{ background-position:-259px -26px;} +.menu li:hover .diaocha_icon,.menu li.active .diaocha_icon{ background-position:-281px -26px;} +.menu li:hover .kecheng_icon,.menu li.active .kecheng_icon{ background-position:-302px -26px;} +.menu li:hover .jihua_icon,.menu li.active .jihua_icon{ background-position:-323px -26px;} +.menu li:hover .banji_icon,.menu li.active .banji_icon{ background-position:-344px -26px;} +.menu li:hover .zhongdoc_icon,.menu li.active .zhongdoc_icon{ background-position:-365px -26px;} +.menu li:hover .weikecheng_icon,.menu li.active .weikecheng_icon{ background-position:-387px -26px;} +.menu li:hover .scd_icon,.menu li.active .scd_icon{ background-position:-408px -26px;} + +.menu li:hover .add_icon,.menu li.active .add_icon{ background:url(../images/notes.gif) no-repeat -23px -130px;} + +.menu li:hover .jianao_icon,.menu li.active .jianao_icon{ background:url(../images/dzja_icon_1.png) no-repeat -20px 0px;} + +/*72014.7.25图标*/ +.menu .zzwenk{ background:url(../images/icon/zzwenku2.png) no-repeat} +.menu li:hover .zzwenk,.menu li.active .zzwenk{ background:url(../images/icon/zzwenku1.png) no-repeat} +.menu .lunwenjc{background-position:-495px -1px;} +.menu li:hover .lunwenjc,.menu li.active .lunwenjc{ background-position:-495px -26px;} +.menu .xiaoxi{background:url(../images/icon/xiaoxi1.png) no-repeat} +.menu li:hover .xiaoxi,.menu li.active .xiaoxi{ background:url(../images/icon/xiaoxi.png) no-repeat} + +.zuserInfo_link { + text-align: center; +} +.zuserInfo_link a { + color: #7b9e31; + display: inline-block; + font-size: 14px; + height: 22px; + line-height: 22px; + text-align: center; +} + + + + + + + + + + + diff --git a/WebContent/back/css/back_index.css b/WebContent/back/css/back_index.css new file mode 100644 index 0000000..ca18861 --- /dev/null +++ b/WebContent/back/css/back_index.css @@ -0,0 +1,482 @@ + +body{ + font:12px "arial, helvetica, sans-serif"; + width: 1519px; + color:#000; + background-color:#EEF2FB; + background-image: url(../images/back_index/paper.jpg); +} +img{ + border:none; +} +img.valign{ + vertical-align:bottom; + position: relative; + top: 5px; +} +.float_r{ + float:right; +} +.float_l{ + float:left; +} +#wrapper{ + width:80%; + position: absolute; + background-color: rgba(255,255,255,0.5); + margin:4% 10%; +} +#header{ + width:100%; +} +#header .bg_one{ + height:57px; + background:rgba(46,70,73,0.65); + text-align:center; +} +.main_title{ + padding:10px 0 0 0; + color:#000; + font-family:"黑体"; + font-size:30px; + position: relative; + +} +.right_button{ + padding:0px 10px 0 0; + position: relative; + top: -15px; +} +#header .bg_two{ + height:40px; + background:rgba(0,0,0,0.8); +} +.left_button{ + + padding:12px 0 0 10px; +} +#header a{ + color:#fff; + text-decoration:none; +} +#header a:hover{ + text-decoration: underline; +} +#main{ + clear:both; + padding:10px 0px; +} +#left{ + width:20%; + float:left; + border:1px solid #c5c5c5; + background-color: rgba(255,255,255,0.9); +} +.content{ + width: 100%; +} +.menu{ + width: 100%; + margin: 0px; + padding: 0px; +} +.menu ul{ + list-style-type: none; + margin: 0px; + padding: 0px; + display: block; +} +.menu li{ + font-family: "arial, helvetica, sans-serif"; + font-size:12px; + line-height: 26px; + color:#333333; + list-style-type: none; + height:26px; + width:100%; + padding-left:0px; + background-repeat:no-repeat; +} +li.title{ + width: 100%; + padding:0 0 0 5px; + text-align:left; + font-weight:bold; + background-repeat:no-repeat; +} +.menu a:link{ + font-family: "arial, helvetica, sans-serif"; + font-size:12px; + line-height: 26px; + color:#333333; + height:26px; + width:100%; + display: block; + text-align:center; + margin:0px; + padding:0px; + overflow:hidden; + text-decoration:none; + text-align: center; +} + +.menu a:hover{ + font-family: "arial, helvetica, sans-serif"; + font-size:12px; + line-height: 26px; + font-weight:bold; + color:white; + display: block; + text-align:center; + text-decoration:none; + margin:0px; + padding:0px; + height:26px; + width:100%; + background-color:rgba(46,70,73,1); +} +#right{ + width:75%; + float:left; + padding:0 3px; + margin:0 0 0 10px; + border:1px solid #c5c5c5; + background-color: rgba(255,255,255,0.9); +} +#right form{ + margin:15px 0; +} +#right .title{ + color:#fff; +} +table.line_table{ + border:1px solid #5c5c5c; + margin-top:5px; + padding:3px; +} +#footer{ + clear:both; + width: 100%; + float: left; + margin:8px 0 0 0; + height:50px; + text-align:center; + background:rgba(0,0,0,0.65); +} +#footer p{ + padding:5px 0 0 0; +} + + +.tab_btn{ + font-family: "arial, helvetica, sans-serif"; + font-size:12px; + line-height: 26px; + color:#333333; + height:26px; + width:100%; + display: block; + text-align:center; + margin:0px; + padding:0px; + overflow:hidden; + text-decoration:none; + text-align: center; +} +.tab_div{ + display: none; +} +.curr_btn{ + font-family: "arial, helvetica, sans-serif"; + font-size:12px; + line-height: 26px; + font-weight:bold; + color:white !important; + display: block; + text-align:center; + text-decoration:none; + margin:0px; + padding:0px; + height:26px; + width:100%; + background-color:rgba(46,70,73,1) !important; +} +.curr_div{ + display: block !important; +} + +form { + padding-bottom: 28px; +} +h2 { + font-family: "楷体"; + text-align: center; + color:#E0D7D7; + font-size: 10px; + letter-spacing: 2px; + padding: 10px 0px; + font-weight: 600; +} +.block1{ + float: right; + position: relative; + top: -25px; +} +.block1 a{ + text-decoration: none; + color: white; +} +.name,.email,.pass1,.pass2 { + padding: 7px 10px; + border: 0px solid rgba(22, 14, 12, 0.21); + margin: 19px 0px; + background-color:rgb(255, 255, 255); + border-radius: 7px; +} +.name:hover,.email:hover,.pass1:hover,.pass2:hover { + background: #bacec7; +} +.form-content { + padding: 37px; + width: 30%; + margin:10px auto; + font-family: 'Montserrat', sans-serif; + border: 0px solid #EEE7E7; + background-color:rgba(7, 7, 7,0.65); +} +label { + width: 35%; + font-size: 15px; + display: inline-block; + letter-spacing: 2px; + color: #fff7f7; + font-weight: 600; + background: rgba(0, 0, 0, 0.8313725490196079); + padding: 10px 0px; + text-align: center; + margin-right:7px; +} +select.sel_dept{ + border: none; + outline: none; + width: 62%; + padding: 10px 0px; + background: none; + color:#463c3c; + font-family: 'Montserrat', sans-serif; + letter-spacing: 1px; + font-weight: 600; +} + +input.input1 { + border: none; + outline: none; + width: 62%; + padding: 10px 0px; + background: none; + color:#463c3c; + font-family: 'Montserrat', sans-serif; + letter-spacing: 1px; + font-weight: 600; +} +input.input1:focus { + border-bottom: 1px solid #FFFFFF; +} + +footer { + text-align: center; + color:#FFFFFF; + font-size:16px; + font-family: 'Montserrat', sans-serif; + font-weight: 500; + letter-spacing: 2px; + padding: 47px 0px; +} + + +@media screen and (max-width: 1440px){ + .form-content { + width: 33%; +} +} + +@media screen and (max-width: 1366px){ + h1 { + font-size: 50px; +} + .form-content { + width: 34%; +} +} + +@media screen and (max-width: 1280px){ + .form-content { + width: 36%; +} +} + +@media screen and (max-width: 1080px){ + h1 { + font-size: 47px; +} + .form-content { + width: 40%; +} +} + +@media screen and (max-width: 1050px){ + .form-content { + width: 41%; +} +} + +@media screen and (max-width: 1024px){ + h1 { + font-size: 45px; +} +} + +@media screen and (max-width: 991px){ + .form-content { + width: 47%; +} +} + +@media screen and (max-width: 900px){ + h1 { + font-size: 43px; +} + .form-content { + width: 51%; +} +} + +@media screen and (max-width: 800px){ + .form-content { + width: 53%; +} +} + +@media screen and (max-width: 768px){ + .form-content { + width: 57%; +} + footer { + padding: 47px 31px; +} +} + +@media screen and (max-width: 736px){ + .form-content { + width: 63%; +} +} + +@media screen and (max-width: 667px){ + h1 { + font-size: 40px; +} + footer { + line-height: 24px; +} +} + +@media screen and (max-width: 640px){ + .form-content { + width: 67%; +} +} + +@media screen and (max-width: 600px){ + h1 { + font-size: 39px; +} + .form-content { + width: 73%; +} +.name, .dept, .pass1, .pass2 { + padding: 5px 10px; +} +} + +@media screen and (max-width: 568px){ + h1 { + padding: 28px 0px; +} + footer { + padding: 28px 0px; +} +} + +@media screen and (max-width: 480px){ + h1 { + font-size: 33px; +} + .form-content { + width: 81%; +} +input.input1 { + width: 61%; +} +} + +@media screen and (max-width: 414px){ + h1 { + font-size: 31px; + letter-spacing: 1px; +} + .form-content { + padding: 28px; +} +label { + font-size: 13px; + letter-spacing: 1px; +} +footer { + font-size: 14px; + letter-spacing: 1px; +} +} + +@media screen and (max-width: 384px){ + h1 { + font-size: 28px; +} + label { + font-size: 12px; +} + input.input1 { + width: 60%; +} + input[type="submit"] { + padding: 17px 0px; +} + footer { + padding: 19px 0px; + font-size: 13px; +} +} + +@media screen and (max-width: 375px){ + .form-content { + padding: 22px; +} + input[type="submit"] { + padding: 15px 0px; +} +} + +@media screen and (max-width: 320px){ + h1 { + font-size: 23px; +} +.form-content { + padding: 20px; +} +.name, .email, .pass1, .pass2 { + padding: 5px 4px; +} +label { + letter-spacing: 0px; +} +} \ No newline at end of file diff --git a/WebContent/back/css/common.css b/WebContent/back/css/common.css new file mode 100644 index 0000000..d3fec9c --- /dev/null +++ b/WebContent/back/css/common.css @@ -0,0 +1,1142 @@ +.root { + height: calc(100vh - 0px); +} +.con-right { + margin-left: 220px; + width: calc(100% - 220px); + height: 100%; +} +.con-right .right-top { + width: 100%; + height: 56px; + background: #FFFFFF; + box-shadow: 0 0 20px 0 rgba(43, 51, 59, 0.08); + position:fixed; + left:0; + top:0; + z-index: 998; + padding-left:220px; + box-sizing:border-box; + -webkit-box-sizing:border-box; + -moz-box-sizing:border-box; + -ms-box-sizing:border-box; + -o-box-sizing:border-box; + +} +.con-right .right-top .center { + height: 100%; + margin-left: 30px; +} +.con-right .right-top .center .item { + display: inline-block; + height: 100%; + line-height: 56px; + font-size: 16px; + color: #2B333B; + border-bottom: 2px solid #D0021B; + box-sizing: border-box; + text-align: center; + margin-left: 10px; +} +.con-right .right-top .center .back { + display: inline-block; + line-height: 56px; + cursor: pointer; +} +.con-right .right-top .center .back span { + vertical-align: middle; + color: #2b333b; + font-size: 15px; +} +.con-right .right-top .center .back:hover span { + color: #4D77FF ; +} +.con-right .right-top .center .back img { + width: 7px; + height: 11px; + vertical-align: middle; +} +.con-right .right-top .center .tab-menu { + overflow: hidden; + display: inline-block; + margin-right: -492px; +} +.con-right .right-top .center .tab-menu li { + font-size: 14px; + color: #71777D; + margin-right: 44px; + line-height: 54px; + float: left; +} +.con-right .right-top .center .tab-menu li:hover { + cursor: pointer; +} +.con-right .right-top .center .tab-menu li.active { + border-bottom: 2px solid #D0021B; + font-size: 16px; + color: #2B333B; + font-weight: bold; +} +.con-right .right-top .center .nav { + display: inline-block; + font-size: 12px; + color: #2B333B; + height: 100%; + line-height: 56px; +} +.con-right .right-top .center .nav li { + float: left; + padding: 0 24px; + position: relative; + cursor: pointer; +} +.con-right .right-top .center .nav li span { + vertical-align: middle; +} +.con-right .right-top .center .nav li.line::after { + content: ""; + display: inline-block; + width: 1px; + height: 16px; + background: #D9DDE1; + position: absolute; + top: 0; + bottom: 0; + right: 0; + margin: auto; +} +.con-right .right-top .center .nav .search-inp { + position: relative; + width: 260px; + height: 56px; +} +.con-right .right-top .center .nav .search-inp input { + height: 32px; + border: 1px solid #B7BBBF; + box-shadow: inset 0 2px 6px 0 rgba(0, 0, 0, 0.1); + border-radius: 100px; + text-indent: 1em; + position: absolute; + top: 0; + bottom: 0; + right: 0; + margin: auto; + width: 36px; + z-index: 1; + opacity: 0; + transition: all 1s; +} +.con-right .right-top .center .nav .search-inp input:hover { + cursor: pointer; +} +.con-right .right-top .center .nav .search-inp input:focus { + border: 1px solid #2B333B; + box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16), inset 0 2px 6px 0 rgba(0, 0, 0, 0.1); + width: 260px; + opacity: 1; + z-index: 0; + cursor: text; +} +.con-right .right-top .center .nav .search-inp input::placeholder { + font-size: 12px; + color: #B7BBBF; +} +.con-right .right-top .center .nav .icon-search { + width: 16px; + height: 16px; + vertical-align: middle; + position: absolute; + bottom: 0; + top: 0; + right: 10px; + margin: auto; +} +.con-right .right-top .center .nav .icon-head { + border-radius: 50%; + height: 30px; + width: 30px; + border: 1px solid #D0021B; + overflow: hidden; + vertical-align: middle; + margin-right: 5px; +} +.con-right .right-top .center .nav .icon-down02 { + width: 10px; + height: 6px; + display: inline-block; + background: #ccc; + margin-left: 6px; + background: url(../images/down.png) no-repeat; + background-size: 10px 6px; +} +.con-right .right-top .center .nav .icon-down02:hover { + cursor: pointer; +} +.con-right .right-top .center .nav .icon-up02 { + background: url(../images/up.png) no-repeat; + background-size: 10px 6px; +} +.con-right .right-top .center .nav .help-popup { + display: none; + width: 188px; + position: absolute; + top: 55px; + left: -59px; + padding: 8px 16px 0; + background: #FFFFFF; + box-shadow: 0 0 20px 0 rgba(43, 51, 59, 0.2); + border-radius: 4px; + z-index: 999; +} +.con-right .right-top .center .nav .help-popup::after { + top: -25px; + left: 103px; + border: 13px solid transparent; + border-bottom-color: #fff; + position: absolute; + display: inline-block; + content: ""; +} +.con-right .right-top .center .nav .help-popup li { + padding: 16px 0; + font-size: 14px; + color: #2B333B; + clear: both; + line-height: 14px; +} +.con-right .right-top .center .nav .help-popup li .icon { + display: inline-block; + width: 16px; + height: 16px; + background: #ccc; + border-radius: 50%; +} +.con-right .right-top .center .nav .help-popup li .icon-doubt { + background: url(../images/help.png) no-repeat; + background-size: 16px 16px; +} +.con-right .right-top .center .nav .help-popup li .icon-qq { + background: url(../images/qq.png) no-repeat; + background-size: 16px 16px; +} +.con-right .right-top .center .nav .help-popup li .icon-phone { + background: url(../images/phone.png) no-repeat; + background-size: 16px 16px; +} +.con-right .right-top .center .nav .help-popup li .text { + margin-left: 4px; +} +.con-right .right-top .center .nav .help-popup li .text1 { + font-size: 22px; + color: #09A384; + line-height: 36px; + margin-left: 24px; + font-weight: bold; + white-space: nowrap; +} +.con-right .right-top .center .nav .help-popup li .text2 { + font-size: 12px; + color: #B7BBBF; + line-height: 21px; + margin-left: 24px; +} +.con-right .right-top .center .nav .user-popup { + display: none; + position: absolute; + top: 55px; + left: -10px; + width: 140px; + text-align: center; + background: #FFFFFF; + box-shadow: 0 0 20px 0 rgba(43, 51, 59, 0.2); + border-radius: 4px; + z-index: 999; + padding: 8px 0; +} +.con-right .right-top .center .nav .user-popup::after { + top: -25px; + left: 63px; + border: 13px solid transparent; + border-bottom-color: #fff; + position: absolute; + display: inline-block; + content: ""; +} +.con-right .right-top .center .nav .user-popup ul { + overflow: hidden; +} +.con-right .right-top .center .nav .user-popup li { + line-height: initial; + width: 100%; + font-size: 14px; + color: #2B333B; + clear: both; + padding: 16px 0; +} +.con-right .right-top .center .nav .user-popup li:hover { + background: #f8f8f8; +} +@media screen and (max-width: 1390px) { + .con-right .right-top .center { +/* width: 1040px; */ + } +} +.con-right .right-con { + overflow-y: auto; + overflow-x: hidden; + position: relative; + margin-top:56px; +} +.con-right .right-con .center { + width: 1180px; + margin: auto; +/* padding-top: 24px; */ +/* padding-bottom: 36px; */ + min-height: 100%; + box-sizing: border-box; + position: relative; +} +.con-right .right-con .center .cen-footer { + font-size: 14px; + color: #B7BBBF; + text-align: center; + position: absolute; + bottom: 16px; + left: 0; + right: 0; + margin: auto; +} +@media screen and (max-width: 1390px) { + .con-right .right-con .center { + width: 1040px; + } +} +.con-right .translucent { + display: none; + width: 100%; + height: calc(100% - 56px); + background: rgba(0, 0, 0, 0.2); + position: absolute; + top: 56px; +} +/* @media screen and (max-width: 1280px) { + .con-right .right-top, + .con-right .right-con { + width: 100%; + } +} */ +.add { + position: fixed; + overflow: hidden; + width: 112px; + height: 112px; + right: 80px; + bottom: 80px; + background: url("../images/add-activity.png") no-repeat center; + cursor: pointer; +} +.add:hover { + background: url("../images/add-activity-a.png") no-repeat center; +} +.con-right .right-top .center .nav li{ + padding:0 10px 0 0; +} +.con-right .right-top .center .nav .user{ + padding-left:10px; + padding-right:24px; +} + +.con-right .right-top .center .nav li.appDown a{ + background: url(../images/download.png) no-repeat left center; + color: #116ae4; + font-size: 12px; + padding-left: 20px; + display: inline-block; + background-size: 16px; +} +.con-right .right-top .center .nav li.appDown a:hover{ + text-decoration: underline; +} + +.header { + width: 100%; + height: 56px; + background: #FFFFFF; + box-shadow: 0px 2px 6px 0px rgba(43, 51, 59, 0.06); + z-index: 10; + color: #2B333B; + position: fixed; + top: 0; + right:0; + left: 0; + z-index: 9999; +} +.header .space-unit { + width: 220px; + float: left; + height: 56px; + display: flex; + align-items: center; + display: -webkit-flex; + display: -ms-flex; + display: -moz-flex; +} +.header .space-unit h3 { + height: 56px; + font-size: 16px; + margin-left: 24px; + display: flex; + display: -webkit-flex; + align-items: center; + justify-content: center; + font-weight: bold; + line-height: 1.5; + text-align: center; + cursor: pointer; +} +.header .space-unit img { + display: block; + max-width: 167px; + max-height: 56px; + margin-left: 20px; +/* margin-top: 14px; */ + cursor: pointer; +} +.header .space-con { + height: 56px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.header .space-con .head-nav { + float: left; +} +.header .space-con .head-nav .head-nav-list { + overflow: hidden; + margin-top: 20px; + float: left; +} +.header .space-con .head-nav .head-nav-list ul { + overflow: hidden; +} +.header .space-con .head-nav .head-nav-list ul li { + display: block; + float: left; + width: 120px; + height: 36px; + background: #f4f5f6; + border-radius: 8px 8px 0px 0px; + line-height: 36px; + margin-right: 1px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + border: 1px solid #f4f5f6; + cursor: pointer; +} +.header .space-con .head-nav .head-nav-list ul li span.nav-name { + display: block; + float: left; + width: 81px; + margin-left: 12px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + font-size: 12px; + color: #999ea3; + text-align: center; +} +.header .space-con .head-nav .head-nav-list ul li span.nav-close { + float: right; + width: 24px; + height: 36px; + background: url("../images/nav-del.png") no-repeat left center; + background-size: 10px 10px; +} +.header .space-con .head-nav .head-nav-list ul li.cur { + background: #ffffff; +} +.header .space-con .head-nav .head-nav-list ul li.cur span.nav-name { + color: #333333; +} +.header .space-con .head-nav .head-nav-more { + display: none; + float: left; + position: relative; + margin-top: 20px; +} +.header .space-con .head-nav .head-nav-more .head-more { + width: 60px; + height: 36px; + border-radius: 8px 8px 0px 0px; + cursor: pointer; + background: #f4f5f6 url("../images/nav-more.png") no-repeat center; + background-size: 10px 10px; +} +.header .space-con .head-nav .head-nav-more .head-more-list { + position: absolute; + width: 140px; + overflow: hidden; + background: #ffffff; + box-shadow: 0px 0px 8px 0px rgba(43, 51, 59, 0.16); + border-radius: 8px; + top: 44px; + right: -40px; + z-index: 99; + display: none; +} +.header .space-con .head-nav .head-nav-more .head-more-list ul { + overflow: hidden; + padding: 4px 0; +} +.header .space-con .head-nav .head-nav-more .head-more-list ul li { + display: block; + height: 22px; +} +.header .space-con .head-nav .head-nav-more .head-more-list ul li span.nav-name { + width: 105px; + line-height: 22px; + color: #999ea3; + margin-left: 10px; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + float: left; + cursor: pointer; +} +.header .space-con .head-nav .head-nav-more .head-more-list ul li span.nav-close { + display: block; + float: right; + width: 24px; + height: 22px; + background: url("../images/nav-del.png") no-repeat left center; + background-size: 10px 10px; +} +.header .space-con .head-nav .head-nav-more .head-more-list ul li.cur { + background: #f4f5f6; +} + +.header .space-con .item { + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + float: left; + margin-left: 30px; + line-height: 56px; +} +.header .space-con .back { + font-size: 16px; + font-family: Microsoft YaHei; + font-weight: 400; + float: left; + margin-left: 30px; + line-height: 56px; + cursor: pointer; +} +.header .space-con .back span { + margin-right: 6px; + font-size: 14px; +} +.header .space-con .nav { + display: block; + float: right; +} +.header .space-con .nav li { + float: left; + padding: 0 10px 0 0; + position: relative; + cursor: pointer; + height: 56px; +} +.appCode2 { + line-height: 56px; +} +.header .space-con .nav li.appDown { + padding-left: 20px; + background-size: 16px; + line-height: 56px; + display: inline-flex; + display: -webkit-inline-flex; + align-items: center; + height: 56px; +} +.header .space-con .nav li.appDown .icon-down { + font-size: 20px; + margin-right: 6px; +} + +.header .space-con .nav li.user { + padding-left: 10px; + padding-right: 24px; + display: flex; + display: -webkit-flex; + display: -ms-flex; + align-items: center; +} +.header .space-con .nav li.user .icon-head { + border-radius: 50%; + height: 30px; + width: 30px; + border: 1px solid #D0021B; + overflow: hidden; + vertical-align: middle; + margin-right: 5px; +} +.header .space-con .nav li.user span { + font-size: 14px; +} +.header .space-con .nav li.user .icon-down02 { + width: 14px; + display: inline-block; + margin-left: 6px; +} + +/* .header .space-con .nav li.user .icon-down02 { + width: 10px; + height: 6px; + display: inline-block; + background: #ccc; + margin-left: 6px; + background: url(../images/down.png) no-repeat; + background-size: 10px 6px; +} +.header .space-con .nav li.user icon-down02:hover { + cursor: pointer; +} +.header .space-con .nav li.user .icon-up02 { + background: url(../images/up.png) no-repeat; + background-size: 10px 6px; +} */ +.header .space-con .nav li.user .user-popup { + display: none; + position: absolute; + top: 55px; + left: -20px; + width: 140px; + text-align: center; + background: #FFFFFF; + box-shadow: 0 0 20px 0 rgba(43, 51, 59, 0.2); + border-radius: 4px; + z-index: 999; + padding: 8px 0; +} +.header .space-con .nav li.user .user-popup ul { + overflow: hidden; +} +.header .space-con .nav li.user .user-popup ul li { + width: 100%; + font-size: 14px; + clear: both; + height: 40px; + line-height: 40px; +} +.header .space-con .nav li.user .user-popup ul li:hover { + background: #f8f8f8; + color: #2B333B; +} +.header .space-con .nav li.user:hover .user-popup { + display: block; +} +.con .con-left { + overflow: hidden; + width: 220px; + height: calc(100vh - 56px); + background: #FFFFFF; + position: fixed; + left: 0; + top: 56px; + box-shadow: 0px 2px 6px 0px rgba(43, 51, 59, 0.06); + z-index: 999; + color: #71777D; + font-size: 14px; +} +.con .con-left.con-left-float { + width: 200px; + left: 20px; + top: 76px; + box-shadow: 0 0 8px 0 rgba(43, 51, 59, 0.1); + border-radius: 8px; + height: calc(100vh - 96px); +} +.con .con-left.con-left-float .menu{ + height: calc(100vh - 268px); +} +.con .con-left .user-block { + height: 172px; + position: relative; + overflow: hidden; +} +.con .con-left .user-block:after { + content: ""; + width: 100%; + height: 1px; + background: rgba(230, 230, 230, 0.5); + position: absolute; + left: 0; + right: 0; + bottom: 0; +} +.con .con-left .user-block img { + display: block; + width: 80px; + height: 80px; + border-radius: 50%; + margin: 32px auto 22px; +} +.con .con-left .user-block p { +/* font-size: 14px; */ + text-align: center; +} +.con .con-left .menu { + overflow: hidden; + height: calc(100vh - 228px); + overflow-y: auto; +} +.con .con-left .menu ul { + overflow: hidden; + +} +.con .con-left .menu ul li { + height: 56px; + display: flex; + display: -webkit-flex; + display: -moz-flex; + display: -ms-flex; + align-items: center; + cursor: pointer; + position: relative; +} +.con .con-left .menu ul li .icon-space { + margin-left: 12px; + margin-right: 8px; + font-size: 30px; +} +.con .con-left .menu ul li .arrow { + font-size: 10px; + position: absolute; + right: 14px; + display: none; +} +.con .con-left .menu ul li:hover { + background-color: #F6F8Fa; +} +.con .con-left .menu ul li.active { + background: seagreen; + color: #FFFFFF; +} +.con .con-left .menu ul li.active .arrow { + display: block; +} +.appDownload { + position: fixed; + z-index: 999; + width: 140px; + background: #FFFFFF; + border-radius: 8px; + right: 68px; + bottom: 50px; + color: #2d85ff; + -webkit-box-shadow: 0 0 6px 0 rgba(45, 133, 255, 0.8); + -moz-box-shadow: 0 0 6px 0 rgba(45, 133, 255, 0.8); + box-shadow: 0 0 6px 0 rgba(45, 133, 255, 0.8); +} +.appDownload ul li { + min-height: 36px; + text-align: center; + line-height: 20px; + font-size: 14px; + display: flex; + display: -webkit-flex; + display: -ms-flex; + align-items: center; + cursor: pointer; +} +.appDownload ul li:first-child { + border-bottom: 1px solid rgba(45, 133, 255, 0.6); +} +.appDownload ul li img { + display: block; + width: 23px; + height: 23px; + margin-right: 5px; + margin-left: 7px; +} +.popupCon { + position: fixed; + left: 0; + top: 0; + right: 0; + bottom: 0; + z-index: 9999; + background: rgba(0, 0, 0, 0.3); + display: none; +} +.popupCon .popup { + position: fixed; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + background: #FFFFFF; + box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); + border-radius: 8px; +} +.popupCon .popup .pu-title { + text-align: center; + font-size: 16px; + font-weight: 500; + color: #313440; + margin-top: 30px; +} +.popupCon .popup .pu-btns { + display: flex; + display: -webkit-flex; + display: -ms-flex; + align-items: center; + justify-content: center; + font-size: 16px; +} +.popupCon .popup .pu-btns span { + width: 100px; + height: 32px; + background: #FFFFFF; + border-radius: 4px; + text-align: center; + line-height: 30px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + cursor: pointer; +} +.popupCon .popup .pu-btns span.btn-cancel { + border: 1px solid #3945F9; + color: #3945F9; + margin-right: 10px; +} +.popupCon .popup .pu-btns span.btn-sure { + background: #3945F9; + border: 1px solid #3945F9; + color: #ffffff; +} +.popupCon .popup.pu-code { + width: 440px; + height: 230px; + overflow: hidden; +} +.popupCon .popup.pu-code .pu-con input { + margin: 40px auto 47px; + width: 250px; + height: 36px; + background: #FFFFFF; + border: 1px solid #CCCFFF; + border-radius: 18px; + padding: 0 14px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + display: block; + font-size: 14px; +} +.popupCon .popup.pu-code .pu-con input::placeholder { + color: #BCBCC5; +} +.popupCon .popup.pu-tips { + width: 300px; + height: 265px; + overflow: hidden; +} +.popupCon .popup.pu-tips .pu-con img { + display: block; + width: 70px; + height: 70px; + margin: 30px auto 20px; +} +.popupCon .popup.pu-tips .pu-con p { + font-size: 14px; + color: #83889D; + text-align: center; + margin-bottom: 32px; +} +.popupCon .popup.pu-course { + display: block; +} +.popupCon .popup.pu-course .pu-title { + display: flex; + display: -ms-flex; + display: -moz-flex; + align-items: center; + justify-content: space-between; + height: 60px; + margin-top: 0; +} +.popupCon .popup.pu-course .pu-title h6 { + font-size: 18px; + color: #313440; + margin-left: 30px; +} +.popupCon .popup.pu-course .pu-title .pu-close { + width: 20px; + height: 20px; + background: url("../images/icon-close.png") no-repeat center; + background-size: 16px 16px; + margin-right: 30px; + cursor: pointer; +} +.popupCon .popup.pu-course .pu-con { + display: flex; + display: -ms-flex; + display: -moz-flex; + align-items: center; + margin: 20px auto 30px; +} +.popupCon .popup.pu-course .pu-con img { + display: block; + width: 80px; + height: 80px; + border-radius: 40px; + margin-left: 32px; + float: left; +} +.popupCon .popup.pu-course .pu-con .course-mes { + margin-left: 30px; + float: left; + margin-right: 32px; +} +.popupCon .popup.pu-course .pu-con .course-mes h6 { + font-size: 16px; + font-weight: bold; + color: #313440; + width: 266px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-bottom: 16px; +} +.popupCon .popup.pu-course .pu-con .course-mes span { + font-size: 14px; + color: #83839B; +} +.popupCon .popup.pu-course .pu-btns { + justify-content: flex-end; +} +.popupCon .popup.pu-course .pu-btns span { + width: 120px; + height: 36px; + background: linear-gradient(138deg, #67a3fc 0%, #606cfe 100%); + border-radius: 18px; + text-align: center; + line-height: 34px; + margin-right: 28px; + margin-bottom: 16px; + font-size: 16px; + color: #FFFFFF; + cursor: pointer; +} +#puTips { + width: 180px; + height: 180px; + background: rgba(69, 69, 76, 0.75); + border-radius: 20px; + position: fixed; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + z-index: 99999; + display: none; +} +#puTips img { + display: block; + margin: 43px auto 30px; +} +#puTips p { + font-size: 16px; + color: #FFFFFF; + line-height: 25px; + width: 70%; + margin: 0 auto; + text-align: center; +} + + +.icon-head2{ + border-radius: 50%; + height: 30px; + width: 30px; + border: 1px solid #2E8B57; + overflow: hidden; + vertical-align: middle; + margin-right: 5px; + +} + +.head-img2{ + border: 1px solid seagreen; + background-color: white; +} + +.right-part{ + width:70%; + background-color:#F0FFF0; + margin-top:50px; + float:right; + text-align: center; +} + + +.left{ + width:220px; + height: 1000px; + float: left; + background-color:red; +} +html{ + width: 1519px; + background-color: #F0FFF0; +} +.right-inpart-welcome{ + width:100%; + margin:50px; + height: 500px; + background-color:white; + box-shadow:0 0 30px gainsboro; + border-radius: 10px; +} +.right-inpart-re{ + width:100%; + margin:50px; + padding-right:25px; + padding-top: 1px; + padding-bottom: 1px; + background-color:white; + box-shadow:0 0 30px gainsboro; + border-radius: 10px; +} +.right-inpart-mh{ + width:100%; + margin:50px; + padding-right:25px; + padding-top: 1px; + padding-bottom: 1px; + background-color:white; + box-shadow:0 0 30px gainsboro; + border-radius: 10px; +} +.right-inpart-pr{ + width:100%; + margin:50px; + padding-right:25px; + padding-top: 1px; + padding-bottom: 1px; + background-color:white; + box-shadow:0 0 30px gainsboro; + border-radius: 10px; +} +.right-inpart-owe{ + width:100%; + margin:50px; + height: 500px; + background-color:white; + box-shadow:0 0 30px gainsboro; + border-radius: 10px; +} + +.tab_btn{ + color: black; +} +.tab_btn li{ + +} +.tab_div{ + display: none; +} +.curr_btn li{ + background: seagreen ; + color:white; +} +.curr_btn li:hover{ + color: #000000; +} + +.curr_div{ + display: block !important; +} + +.date{ + box-sizing: border-box; + text-align:center; + font-size:3em; + height:2.7em; + border-radius:4px; + border:1px solid #c8cccf; + color:#6a6f77; + -web-kit-appearance:none; + -moz-appearance: none; + display:block; + outline:0; + padding:0 1em; + text-decoration:none; + width:100%; + border: 0; + +} + +div.search {padding: 30px 0;} +.bar1 {background: #A3D0C3;} + .search-in { + border: 2px solid #7BA7AB; + border-radius: 5px; + background: white; + color: #9E9C9C; + border: none; + outline: none; + height: 42px; + padding-left: 13px; + } + .bar1 select { + top: 0; + position: relative; + right: 10px; + background: #7BA7AB; + border-radius: 0 5px 5px 0; + height: 42px; + border: none; + outline: none; + color: white; + cursor:pointer + } +.search-bt{ + border: none; + outline: none; + height: 42px; + width: 42px; +} +.search-bt:hover{ + background: white; + cursor:pointer +} + +td{ + word-break:break-all; +} + +.add-bt{ + border: none; + outline: none; + position: relative; + top: 1px; + height: 42px; + width: 52px; + background: whitesmoke; +} +.add-bt:hover{ + background: white; + cursor:pointer +} \ No newline at end of file diff --git a/WebContent/back/css/company-popup.css b/WebContent/back/css/company-popup.css new file mode 100644 index 0000000..6a2008e --- /dev/null +++ b/WebContent/back/css/company-popup.css @@ -0,0 +1,163 @@ +.popup { + position: fixed; + top: 0; + left: 0; + background: rgba(0, 0, 0, 0.3); + width: 100%; + height: 100vh; + +} +#sitePopup{ + z-index: 999999; +} +.popup .window { + min-height: 294px; + background: #ffffff; + border-radius: 6px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} +.popup .window .p-title { + height: 47px; + line-height: 47px; + position: relative; + font-size: 12px; + color: #333333; + text-align: center; + padding: 0 0; +} +.popup .window .p-title .close { + position: absolute; + top: 16px; + right: 16px; + width: 14px; + height: 14px; + background: url(../images/close-icon.png) no-repeat; + cursor: pointer; +} +.popup .window .search { + border: 1px solid #f1f1f1; + border-radius: 4px; + width: 452px; + height: 24px; + background: #f8f8fa; + overflow: hidden; + margin: 0 auto 10px; +} +.popup .window .search input { + display: block; + float: left; + height: 24px; + width: 412px; + outline: none; + padding: 0 8px 0 24px; + background: url(../images/searchIcon.png) no-repeat 4px center; + border-radius: 4px 0 0 4px; + border: 1px solid #bcbcc5; + border-right: none; + background-size: 16px 16px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} +.popup .window .search input::placeholder { + color: #bbb; +} +.popup .window .search span { + display: block; + float: left; + width: 40px; + height: 24px; + background: #ffffff; + border-radius: 0px 4px 4px 0px; + border: 1px solid #4a68d1; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + color: #4a68d1; + text-align: center; + line-height: 20px; +} +.popup .window .search img { + vertical-align: middle; +} +.popup .window .company { + overflow: hidden; + height: 360px; + overflow-y: auto; + box-sizing: border-box; + position: relative; + margin-bottom: 24px; +} +.popup .window .company:before { + content: ""; + position: absolute; + left: 15px; + top: 0; + width: 452px; + height: 1px; + background: #eaeaee; + z-index: 99; +} +.popup .window .company:after { + content: ""; + position: absolute; + left: 14px; + bottom: 0; + width: 452px; + height: 1px; + background: #eaeaee; +} +.popup .window .company ul { + overflow: hidden; + overflow-y: auto; + box-sizing: border-box; + width: 452px; + border: 1px solid #eaeaee; + margin: 0 14px; +} +.popup .window .company ul li { + display: block; + overflow: hidden; + line-height: 38px; + border-bottom: 1px solid #eaeaee; + color: #bcbcc5; + box-sizing: border-box; + cursor: pointer; +} +.popup .window .company ul li h3 { + float: left; + width: 370px; + color: #6f6f74; + font-size: 14px; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + margin-left: 8px; +} +.popup .window .company ul li .unit-select { + float: right; + width: 16px; + height: 16px; + background: url(../images/correct.png) no-repeat center; + background-size: 14px 14px; + margin-right: 20px; + margin-top: 10px; + display: none; +} +.popup .window .company ul li.active h3 { + color: #ff8562; +} +.popup .window .company ul li.active .unit-select { + display: block; +} +.popup .window .company .com-loading { + overflow: hidden; + display: none; +} +.popup .window .company .com-loading img { + display: block; + margin: 8px auto; +} diff --git a/WebContent/back/css/global.css b/WebContent/back/css/global.css new file mode 100644 index 0000000..a82fb08 --- /dev/null +++ b/WebContent/back/css/global.css @@ -0,0 +1,36 @@ +/* CSS Document */ +body, form, body,form,textarea,select,option,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dt,dd,menu,blockquote,fieldset,label,i,em,header,footer,section, +legend,button,input,hr,pre,div,input,span,p,a{margin: 0;padding: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);} +h1,h2,h3,h4,h5,h6{ font-weight:normal; font-size:100%;} +html{font-size: 62.5%;} +body{font:12px/1 '微软雅黑',"Hiragino Sans GB","Helvetica Neue",Helvetica,STHeiTi,"Microsoft Yahei",sans-serif;color:#333;} +li{list-style-type:none;} +input,select,textarea{vertical-align:middle; color:#333; outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} +a{text-decoration:none;color:#333;} +img{border:0;} +i,em{font-style:normal;} +b{ font-weight:normal;} +table{border-spacing:0; border-collapse:collapse;width:100%; border:0;} +.clearfix{overflow:hidden;} +.clear{clear:both; height:0; font-size:0; line-height:0; overflow:hidden;} +ul, ol, img { border: 0px; } +li { list-style-type: none; } +input, +select, +textarea { vertical-align: middle; outline: none; } +textarea { resize: none; } +a { text-decoration: none; -webkit-tap-highlight-color: transparent; -webkit-appearance: none; } +input[type="button"]:hover { cursor: pointer; } +div:focus { outline: none; } +.clear { clear: both; font-size: 0; height: 0; line-height: 0; } +.clearfix:after { content: ""; display: block; clear: both; } +.fl{ + float: left; +} +.fr{ + float: right; +} +.mCSB_outside + .mCSB_scrollTools { + right: -4px!important; +} + diff --git a/WebContent/back/css/iconStyle.css b/WebContent/back/css/iconStyle.css new file mode 100644 index 0000000..123c38c --- /dev/null +++ b/WebContent/back/css/iconStyle.css @@ -0,0 +1,299 @@ +@font-face { + font-family: 'icomoon'; + src: url('../fonts/icomoon.eot?qn11n'); + src: url('../fonts/icomoon.eot?qn11n#iefix') format('embedded-opentype'), + url('../fonts/icomoon.ttf?qn11n') format('truetype'), + url('../fonts/icomoon.woff?qn11n') format('woff'), + url('../fonts/icomoon.svg?qn11n#icomoon') format('svg'); + font-weight: normal; + font-style: normal; + font-display: block; +} + +[class^="icon-"], [class*=" icon-"] { + /* use !important to prevent issues with browser extensions that change fonts */ + font-family: 'icomoon' !important; + speak: never; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-icon-bj:before { + content: "\e91f"; +} +.icon-icon-bd:before { + content: "\e920"; +} +.icon-icon-cj:before { + content: "\e921"; +} +.icon-icon-zt:before { + content: "\e922"; +} +.icon-icon-jn:before { + content: "\e923"; +} +.icon-icon-wk:before { + content: "\e924"; +} +.icon-icon-more:before { + content: "\e925"; +} +.icon-icon-hd:before { + content: "\e926"; +} +.icon-icon-kc:before { + content: "\e927"; +} +.icon-icon-llq:before { + content: "\e928"; +} +.icon-icon-msjt:before { + content: "\e929"; +} +.icon-icon-qj:before { + content: "\e92a"; +} +.icon-icon-sz:before { + content: "\e92b"; +} +.icon-icon-sc:before { + content: "\e92c"; +} +.icon-icon-sy:before { + content: "\e92d"; +} +.icon-icon-txl:before { + content: "\e92e"; +} +.icon-icon-tongz:before { + content: "\e92f"; +} +.icon-icon-tk:before { + content: "\e930"; +} +.icon-icon-live:before { + content: "\e931"; +} +.icon-icon-kq:before { + content: "\e932"; +} +.icon-icon-xx:before { + content: "\e937"; +} +.icon-icon-xz:before { + content: "\e938"; +} +.icon-icon-xw:before { + content: "\e939"; +} +.icon-icon-office:before { + content: "\e93a"; +} +.icon-icon-yy:before { + content: "\e93b"; +} +.icon-icon-yj:before { + content: "\e93c"; +} +.icon-icon-yp:before { + content: "\e93d"; +} +.icon-icon-sp:before { + content: "\e93e"; +} +.icon-icon-zy:before { + content: "\e93f"; +} +.icon-bj-s:before { + content: "\e901"; +} +.icon-bd-s:before { + content: "\e902"; +} +.icon-cj-s:before { + content: "\e903"; +} +.icon-zt-s:before { + content: "\e904"; +} +.icon-jn-s:before { + content: "\e905"; +} +.icon-wk-s:before { + content: "\e906"; +} +.icon-more-s:before { + content: "\e907"; +} +.icon-hd-s:before { + content: "\e908"; +} +.icon-kc-s:before { + content: "\e909"; +} +.icon-llq-s:before { + content: "\e90a"; +} +.icon-msjt-s:before { + content: "\e90b"; +} +.icon-qj-s:before { + content: "\e90c"; +} +.icon-sz-s:before { + content: "\e90d"; +} +.icon-sc-s:before { + content: "\e90e"; +} +.icon-sy-s:before { + content: "\e90f"; +} +.icon-txl-s:before { + content: "\e910"; +} +.icon-tongz-s:before { + content: "\e911"; +} +.icon-tk-s:before { + content: "\e912"; +} +.icon-live-s:before { + content: "\e913"; +} +.icon-kq-s:before { + content: "\e914"; +} +.icon-xx-s:before { + content: "\e916"; +} +.icon-xz-s:before { + content: "\e917"; +} +.icon-xw-s:before { + content: "\e918"; +} +.icon-office-s:before { + content: "\e919"; +} +.icon-yy-s:before { + content: "\e91a"; +} +.icon-yj-s:before { + content: "\e91b"; +} +.icon-yp-s:before { + content: "\e91c"; +} +.icon-sp-s:before { + content: "\e91d"; +} +.icon-zy-s:before { + content: "\e91e"; +} +.icon-bj:before { + content: "\e936"; +} +.icon-bd:before { + content: "\e953"; +} +.icon-cj:before { + content: "\e954"; +} +.icon-zt:before { + content: "\e955"; +} +.icon-jn:before { + content: "\e956"; +} +.icon-wk:before { + content: "\e960"; +} +.icon-more:before { + content: "\e961"; +} +.icon-hd:before { + content: "\e962"; +} +.icon-kc:before { + content: "\e963"; +} +.icon-llq:before { + content: "\e964"; +} +.icon-msjt:before { + content: "\e965"; +} +.icon-qj:before { + content: "\e966"; +} +.icon-sz:before { + content: "\e967"; +} +.icon-sc:before { + content: "\e968"; +} +.icon-sy:before { + content: "\e969"; +} +.icon-txl:before { + content: "\e96a"; +} +.icon-tongz:before { + content: "\e96b"; +} +.icon-tk:before { + content: "\e96c"; +} +.icon-live:before { + content: "\e96d"; +} +.icon-kq:before { + content: "\e96e"; +} +.icon-xx:before { + content: "\e96f"; +} +.icon-xz:before { + content: "\e970"; +} +.icon-xw:before { + content: "\e971"; +} +.icon-office:before { + content: "\e972"; +} +.icon-yy:before { + content: "\e973"; +} +.icon-yj:before { + content: "\e974"; +} +.icon-yp:before { + content: "\e975"; +} +.icon-sp:before { + content: "\e976"; +} +.icon-zy:before { + content: "\e977"; +} +.icon-back:before { + content: "\e95f"; +} +.icon-down:before { +} +.icon-uniE900:before { + content: "\e900"; +} +.icon-h-arrow-l:before { + content: "\e98a"; +} diff --git a/WebContent/back/css/index.css b/WebContent/back/css/index.css new file mode 100644 index 0000000..0d888b9 --- /dev/null +++ b/WebContent/back/css/index.css @@ -0,0 +1,185 @@ +html{ + width: 1200px; +} +#login { + min-height: 500px; + width: 100%; +} +#header { + height: 87px; + width: 100%; +} +#logo { + height: 87px; + width: 1200px; + margin-right: auto; + margin-left: auto; +} +#logo a:hover{ + opacity: 0.5; +} +#footer { +} +#logo_img { + float: left; + margin-left:20px; +} +#login_logo_right { + float: left; + position: relative; + top: 20px; + color: #666; + font-size: 18px; +} +span{ + margin:0 10px; + } +span a { + color: #666; + text-decoration: none; + transition:margin-right 1s; +} +span a:hover{ + margin-right:20px; + } + + +#content_bg { + width:100%; + min-height: 444px; +} +#content { + min-height: 444px; + text-align:center; + position:relative; + +} + +#login_content { + background-color: #FFF; + height: 360px; + width: 300px; + position: absolute; + bottom: 45px; + left: 1050px; + padding:20px 0px; +} +.span_register { + font-size: 20px; + color: #000; + transition:margin-right 1s; +} +.span_register:hover{ + border-bottom:2px solid #900; + color:#900; + margin-right:-20px; + } +.span_login { + font-size: 20px; + + margin-right: 35px; + + transition:margin-left 1s; +} +.span_login:hover{ + margin-left:-20px; + border-bottom:2px solid #900; + } +#interactarea { + margin-top: 20px; +} +#img_login_wx { + + +} +#id{ + width:250px; + height:35px; + line-height:35px; + border:1px solid #900; + color:#666; + padding-left:10px; + } +#id:hover{ + border:1px solid #bfa9e7; + } +#pwd { + height: 35px; + width: 250px; + margin-top: 20px; + padding-left: 10px; + line-height:35px; + border:1px solid #900; + color:#666; +} +#pwd:hover{ + border:1px solid #bfa9e7; + } +p { + font-size: 13px; + font-weight: bold; + text-align:left; + margin:20px; + +} +p .forgetpwd a { + font-size:12px; + color: #900; + margin-left: 89px; +} +#login_btn { + font-size: 18px; + line-height: 18px; + color: #FFF; + background-color: #900; + height: 35px; + width: 250px; + border-radius:8px; + transition:background 1s; +} +#login_btn:hover{ + background:#FFF; + color:#900; + } +h5 { + font-weight: normal; + margin-top: 20px; +} +#footer { + background-color: #f4f4f4; + height: 150px; + width: 1500px; + position: relative; + top: 20px; +} +#copyright { + height: 150px; + width: 1500px; + margin-right: auto; + margin-left: auto; + padding-top:25px; + +} +.bqxx{ + text-align:center; + font-size:14px; + color:#666; +} + +.tab_btn{ + border-bottom-color: white; + color: #333333; +} +.tab_div{ + display: none; +} +.curr_btn{ + border-bottom:2px solid #900 !important; + color:#900; +} +.curr_div{ + display: block !important; +} +.error{ + color: red; +} \ No newline at end of file diff --git a/WebContent/back/css/jquery.mCustomScrollbar.css b/WebContent/back/css/jquery.mCustomScrollbar.css new file mode 100644 index 0000000..14727b7 --- /dev/null +++ b/WebContent/back/css/jquery.mCustomScrollbar.css @@ -0,0 +1,1267 @@ +/* +== malihu jquery custom scrollbar plugin == +Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller +*/ + + + +/* +CONTENTS: + 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). + 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. + 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. + 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. + 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. + 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS + 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. +*/ + + + +/* +------------------------------------------------------------------------------------------------------------------------ +1. BASIC STYLE +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } + .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } + + .mCustomScrollBox{ /* contains plugin's markup */ + position: relative; + overflow: hidden; + height: 100%; + max-width: 100%; + outline: none; + direction: ltr; + } + + .mCSB_container{ /* contains the original content */ + overflow: hidden; + width: auto; + height: auto; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +2. VERTICAL SCROLLBAR +y-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_inside > .mCSB_container{ /*margin-right: 30px; */} + + .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ + + .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ + position: absolute; + width: 4px; + height: auto; + left: auto; + top: 0; + right: 0; + bottom: 0; + } + + .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ + + .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ + right: auto; + left: 0; + } + + .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ + + .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + height: auto; + } + + .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } + + .mCSB_scrollTools .mCSB_draggerRail{ + width: 2px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + } + + .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ + cursor: pointer; + width: 100%; + height: 30px; /* minimum dragger height */ + z-index: 1; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ + position: relative; + width: 4px; + height: 100%; + margin: 0 auto; + -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; + text-align: center; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown{ + display: block; + position: absolute; + height: 20px; + width: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +3. HORIZONTAL SCROLLBAR +x-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_horizontal.mCSB_inside > .mCSB_container{ + margin-right: 0; + margin-bottom: 30px; + } + + .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } + + .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + width: auto; + height: 16px; + top: auto; + right: 0; + bottom: 0; + left: 0; + } + + .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ + + .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 2px; + margin: 7px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ + width: 30px; /* minimum dragger width */ + height: 100%; + left: 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; /* auto-expanded scrollbar */ + margin: 2px auto; + } + + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 8px; /* auto-expanded scrollbar */ + margin: 4px 0; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ + display: block; + position: absolute; + width: 20px; + height: 100%; + overflow: hidden; + margin: 0 auto; + cursor: pointer; + } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } + + .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +4. VERTICAL AND HORIZONTAL SCROLLBARS +yx-axis +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_container_wrapper{ + position: absolute; + height: auto; + width: auto; + overflow: hidden; + top: 0; + left: 0; + right: 0; + bottom: 0; + margin-right: 30px; + margin-bottom: 30px; + } + + .mCSB_container_wrapper > .mCSB_container{ + padding-right: 30px; + padding-bottom: 30px; + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } + + .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } + + /* non-visible horizontal scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } + + /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } + + /* non-visible scrollbar/RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } + + .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ + margin-right: 0; + margin-left: 30px; + } + + .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } + + .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } + + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ + margin-right: 0; /* non-visible scrollbar */ + margin-left: 0; + } + + /* non-visible horizontal scrollbar */ + .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +5. TRANSITIONS +------------------------------------------------------------------------------------------------------------------------ +*/ + + .mCSB_scrollTools, + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ + .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, + .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ + -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + transition: width .2s ease-out .2s, height .2s ease-out .2s, + margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, + margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, + opacity .2s ease-in-out, background-color .2s ease-in-out; + } + + + +/* +------------------------------------------------------------------------------------------------------------------------ +6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS +------------------------------------------------------------------------------------------------------------------------ +*/ + + /* + ---------------------------------------- + 6.1 THEMES + ---------------------------------------- + */ + + /* default theme ("light") */ + + .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } + + .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, + .mCustomScrollBox:hover > .mCSB_scrollTools, + .mCustomScrollBox:hover ~ .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, + .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } + + .mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: transparent; + filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: #D9DDE1; + filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; + } + + .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.85); + filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; + } + .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.9); + filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; + } + + .mCSB_scrollTools .mCSB_buttonUp, + .mCSB_scrollTools .mCSB_buttonDown, + .mCSB_scrollTools .mCSB_buttonLeft, + .mCSB_scrollTools .mCSB_buttonRight{ + background-image: url(mCSB_buttons.png); /* css sprites */ + background-repeat: no-repeat; + opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; + } + + .mCSB_scrollTools .mCSB_buttonUp{ + background-position: 0 0; + /* + sprites locations + light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px + dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px + */ + } + + .mCSB_scrollTools .mCSB_buttonDown{ + background-position: 0 -20px; + /* + sprites locations + light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px + dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px + */ + } + + .mCSB_scrollTools .mCSB_buttonLeft{ + background-position: 0 -40px; + /* + sprites locations + light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px + dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px + */ + } + + .mCSB_scrollTools .mCSB_buttonRight{ + background-position: 0 -56px; + /* + sprites locations + light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px + dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px + */ + } + + .mCSB_scrollTools .mCSB_buttonUp:hover, + .mCSB_scrollTools .mCSB_buttonDown:hover, + .mCSB_scrollTools .mCSB_buttonLeft:hover, + .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } + + .mCSB_scrollTools .mCSB_buttonUp:active, + .mCSB_scrollTools .mCSB_buttonDown:active, + .mCSB_scrollTools .mCSB_buttonLeft:active, + .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } + + + /* theme: "dark" */ + + .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } + + .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-2", "dark-2" */ + + .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 4px; + margin: 6px auto; + } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } + + .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } + + + /* theme: "dark-2" */ + + .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; + } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } + + .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thick", "dark-thick" */ + + .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #fff; background-color: rgba(255,255,255,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + background-color: #fff; background-color: rgba(255,255,255,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 4px; + margin: 6px 0; + } + + .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 6px; + margin: 5px auto; + } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } + + .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } + + + /* theme: "dark-thick" */ + + .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.75); + -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; + } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } + + .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } + + /* ---------------------------------------- */ + + + + /* theme: "light-thin", "dark-thin" */ + + .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } + + .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } + + .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 2px; + margin: 7px auto; + } + + + /* theme "dark-thin" */ + + .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } + + .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } + + /* ---------------------------------------- */ + + + + /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 14px; + margin: 0 1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } + + .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 14px; + margin: 1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + width: 16px; /* auto-expanded scrollbar */ + height: 16px; + margin: -1px 0; + } + + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ + height: 16px; /* auto-expanded scrollbar */ + width: 16px; + margin: 0 -1px; + } + + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 4px; /* auto-expanded scrollbar */ + margin: 6px 0; + } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } + + .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } + + + /* theme "rounded-dark", "rounded-dots-dark" */ + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } + + .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } + + + /* theme "rounded-dots", "rounded-dots-dark" */ + + .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + background-color: transparent; + background-position: center; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); + background-repeat: repeat-y; + opacity: 0.3; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + height: 4px; + margin: 6px 0; + background-repeat: repeat-x; + } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } + + .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } + + + /* theme "rounded-dots-dark" */ + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); + } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } + + .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-y; + background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + background-repeat: repeat-x; + background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); + background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); + } + + + /* theme "3d", "3d-dark" */ + + .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } + + .mCS-3d.mCSB_scrollTools, + .mCS-3d-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } + + .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 8px; + background-color: #000; background-color: rgba(0,0,0,0.2); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 8px; + margin: 4px 0; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); + } + + .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + width: 100%; + height: 8px; + margin: 4px auto; + } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "3d-dark" */ + + .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: #000; background-color: rgba(0,0,0,0.1); + box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); + } + + .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "3d-thick", "3d-thick-dark" */ + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools{ + opacity: 1; + filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; + } + + .mCS-3d-thick.mCSB_scrollTools, + .mCS-3d-thick-dark.mCSB_scrollTools, + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } + + .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } + + .mCS-3d-thick.mCSB_scrollTools_vertical, + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } + + .mCS-3d-thick.mCSB_scrollTools_horizontal, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ + bottom: 1px; + box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); + width: 12px; + margin: 2px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } + + .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 12px; + width: auto; + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #000; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme: "3d-thick-dark" */ + + .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ + background-color: #fff; background-color: rgba(0,0,0,0.05); + box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); + } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme: "minimal", "minimal-dark" */ + + .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + right: 0; + margin: 12px 0; + } + + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, + .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ + bottom: 0; + margin: 0 12px; + } + + /* RTL direction/left-side scrollbar */ + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, + .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ + left: 0; + right: auto; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } + + .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } + + .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, + .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #fff; background-color: rgba(255,255,255,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + + /* theme: "minimal-dark" */ + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.2); + filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; + } + + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ + background-color: #000; background-color: rgba(0,0,0,0.5); + filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; + } + + /* ---------------------------------------- */ + + + + /* theme "light-3", "dark-3" */ + + .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ + width: 4px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; } + + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 6px; + margin: 5px 0; + } + + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + width: 12px; + } + + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, + .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ + height: 12px; + margin: 2px 0; + } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "dark-3" */ + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + /* ---------------------------------------- */ + + + + /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ + + .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ + width: 12px; + background-color: #000; background-color: rgba(0,0,0,0.2); + } + + .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ + width: 6px; + margin: 3px 5px; + position: absolute; + height: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ + height: 6px; + margin: 5px 3px; + position: absolute; + width: auto; + top: 0; + bottom: 0; + left: 0; + right: 0; + } + + .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ + width: 100%; + height: 12px; + margin: 2px 0; + } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } + + .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } + + + /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } + + .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } + + + /* theme "inset-2", "inset-2-dark" */ + + .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ + background-color: transparent; + border-width: 1px; + border-style: solid; + border-color: #fff; + border-color: rgba(255,255,255,0.2); + -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; + } + + .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } + + + /* theme "inset-3", "inset-3-dark" */ + + .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } + + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } + + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, + .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } + + /* ---------------------------------------- */ diff --git a/WebContent/back/css/layui.css b/WebContent/back/css/layui.css new file mode 100644 index 0000000..f2394a7 --- /dev/null +++ b/WebContent/back/css/layui.css @@ -0,0 +1,489 @@ +/** layui-v2.5.4 MIT License By https://www.layui.com */ + .layui-inline,img{display:inline-block;vertical-align:middle} + h1,h2,h3,h4,h5,h6{font-weight:400} + .layui-edge,.layui-header,.layui-inline,.layui-main{position:relative} + .layui-body,.layui-edge,.layui-elip{overflow:hidden} + .layui-btn,.layui-edge,.layui-inline,img{vertical-align:middle} + .layui-btn,.layui-disabled,.layui-icon,.layui-unselect{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none} + .layui-elip,.layui-form-checkbox span,.layui-form-pane .layui-form-label{text-overflow:ellipsis;white-space:nowrap} + .layui-breadcrumb,.layui-tree-btnGroup{visibility:hidden} + blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)} + a:active,a:hover{outline:0} + img{border:none} + li{list-style:none} + table{border-collapse:collapse;border-spacing:0} + h4,h5,h6{font-size:100%} + button,input,optgroup,option,select,textarea{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:0} + pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word} + body{line-height:24px;font:14px Helvetica Neue,Helvetica,PingFang SC,Tahoma,Arial,sans-serif} + hr{height:1px;margin:10px 0;border:0;clear:both} + a{color:#333;text-decoration:none} + a:hover{color:#777} + a cite{font-style:normal;*cursor:pointer} + .layui-border-box,.layui-border-box *{box-sizing:border-box} + .layui-box,.layui-box *{box-sizing:content-box} + .layui-clear{clear:both;*zoom:1} + .layui-clear:after{content:'\20';clear:both;*zoom:1;display:block;height:0} + .layui-inline{*display:inline;*zoom:1} + .layui-edge{display:inline-block;width:0;height:0;border-width:6px;border-style:dashed;border-color:transparent} + .layui-edge-top{top:-4px;border-bottom-color:#999;border-bottom-style:solid} + .layui-edge-right{border-left-color:#999;border-left-style:solid} + .layui-edge-bottom{top:2px;border-top-color:#999;border-top-style:solid} + .layui-edge-left{border-right-color:#999;border-right-style:solid} + .layui-disabled,.layui-disabled:hover{color:#d2d2d2!important;cursor:not-allowed!important} + .layui-circle{border-radius:100%} + .layui-show{display:block!important} + .layui-hide{display:none!important} + @font-face{font-family:layui-icon;src:url(../font/iconfont.eot?v=250); + src:url(../font/iconfont.eot?v=250#iefix) format('embedded-opentype'), + url(../font/iconfont.woff2?v=250) format('woff2'), + url(../font/iconfont.woff?v=250) format('woff'), + url(../font/iconfont.ttf?v=250) format('truetype'), + url(../font/iconfont.svg?v=250#layui-icon) format('svg')} + .layui-icon{font-family:layui-icon!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} + .layui-icon-reply-fill:before{content:"\e611"} + .layui-icon-set-fill:before{content:"\e614"} + .layui-icon-menu-fill:before{content:"\e60f"} + .layui-icon-search:before{content:"\e615"} + .layui-icon-share:before{content:"\e641"} + .layui-icon-set-sm:before{content:"\e620"} + .layui-icon-engine:before{content:"\e628"} + .layui-icon-close:before{content:"\1006"} + .layui-icon-close-fill:before{content:"\1007"} + .layui-icon-chart-screen:before{content:"\e629"} + .layui-icon-star:before{content:"\e600"} + .layui-icon-circle-dot:before{content:"\e617"} + .layui-icon-chat:before{content:"\e606"} + .layui-icon-release:before{content:"\e609"} + .layui-icon-list:before{content:"\e60a"} + .layui-icon-chart:before{content:"\e62c"} + .layui-icon-ok-circle:before{content:"\1005"} + .layui-icon-layim-theme:before{content:"\e61b"} + .layui-icon-table:before{content:"\e62d"} + .layui-icon-right:before{content:"\e602"} + .layui-icon-left:before{content:"\e603"} + .layui-icon-cart-simple:before{content:"\e698"} + .layui-icon-face-cry:before{content:"\e69c"} + .layui-icon-face-smile:before{content:"\e6af"} + .layui-icon-survey:before{content:"\e6b2"} + .layui-icon-tree:before{content:"\e62e"} + .layui-icon-upload-circle:before{content:"\e62f"} + .layui-icon-add-circle:before{content:"\e61f"} + .layui-icon-download-circle:before{content:"\e601"} + .layui-icon-templeate-1:before{content:"\e630"} + .layui-icon-util:before{content:"\e631"} + .layui-icon-face-surprised:before{content:"\e664"} + .layui-icon-edit:before{content:"\e642"} + .layui-icon-speaker:before{content:"\e645"} + .layui-icon-down:before{content:"\e61a"} + .layui-icon-file:before{content:"\e621"} + .layui-icon-layouts:before{content:"\e632"} + .layui-icon-rate-half:before{content:"\e6c9"} + .layui-icon-add-circle-fine:before{content:"\e608"} + .layui-icon-prev-circle:before{content:"\e633"} + .layui-icon-read:before{content:"\e705"} + .layui-icon-404:before{content:"\e61c"} + .layui-icon-carousel:before{content:"\e634"} + .layui-icon-help:before{content:"\e607"} + .layui-icon-code-circle:before{content:"\e635"} + .layui-icon-water:before{content:"\e636"} + .layui-icon-username:before{content:"\e66f"} + .layui-icon-find-fill:before{content:"\e670"} + .layui-icon-about:before{content:"\e60b"} + .layui-icon-location:before{content:"\e715"} + .layui-icon-up:before{content:"\e619"} + .layui-icon-pause:before{content:"\e651"} + .layui-icon-date:before{content:"\e637"} + .layui-icon-layim-uploadfile:before{content:"\e61d"} + .layui-icon-delete:before{content:"\e640"} + .layui-icon-play:before{content:"\e652"} + .layui-icon-top:before{content:"\e604"} + .layui-icon-friends:before{content:"\e612"} + .layui-icon-refresh-3:before{content:"\e9aa"} + .layui-icon-ok:before{content:"\e605"} + .layui-icon-layer:before{content:"\e638"} + .layui-icon-face-smile-fine:before{content:"\e60c"} + .layui-icon-dollar:before{content:"\e659"} + .layui-icon-group:before{content:"\e613"} + .layui-icon-layim-download:before{content:"\e61e"} + .layui-icon-picture-fine:before{content:"\e60d"} + .layui-icon-link:before{content:"\e64c"} + .layui-icon-diamond:before{content:"\e735"} + .layui-icon-log:before{content:"\e60e"} + .layui-icon-rate-solid:before{content:"\e67a"} + .layui-icon-fonts-del:before{content:"\e64f"} + .layui-icon-unlink:before{content:"\e64d"} + .layui-icon-fonts-clear:before{content:"\e639"} + .layui-icon-triangle-r:before{content:"\e623"} + .layui-icon-circle:before{content:"\e63f"} + .layui-icon-radio:before{content:"\e643"} + .layui-icon-align-center:before{content:"\e647"} + .layui-icon-align-right:before{content:"\e648"} + .layui-icon-align-left:before{content:"\e649"} + .layui-icon-loading-1:before{content:"\e63e"} + .layui-icon-return:before{content:"\e65c"} + .layui-icon-fonts-strong:before{content:"\e62b"} + .layui-icon-upload:before{content:"\e67c"} + .layui-icon-dialogue:before{content:"\e63a"} + .layui-icon-video:before{content:"\e6ed"} + .layui-icon-headset:before{content:"\e6fc"} + .layui-icon-cellphone-fine:before{content:"\e63b"} + .layui-icon-add-1:before{content:"\e654"} + .layui-icon-face-smile-b:before{content:"\e650"} + .layui-icon-fonts-html:before{content:"\e64b"} + .layui-icon-form:before{content:"\e63c"} + .layui-icon-cart:before{content:"\e657"} + .layui-icon-camera-fill:before{content:"\e65d"} + .layui-icon-tabs:before{content:"\e62a"} + .layui-icon-fonts-code:before{content:"\e64e"}. + layui-icon-fire:before{content:"\e756"} + .layui-icon-set:before{content:"\e716"} + .layui-icon-fonts-u:before{content:"\e646"} + .layui-icon-triangle-d:before{content:"\e625"} + .layui-icon-tips:before{content:"\e702"} + .layui-icon-picture:before{content:"\e64a"} + .layui-icon-more-vertical:before{content:"\e671"} + .layui-icon-flag:before{content:"\e66c"} + .layui-icon-loading:before{content:"\e63d"} + .layui-icon-fonts-i:before{content:"\e644"} + .layui-icon-refresh-1:before{content:"\e666"} + .layui-icon-rmb:before{content:"\e65e"} + .layui-icon-home:before{content:"\e68e"} + .layui-icon-user:before{content:"\e770"} + .layui-icon-notice:before{content:"\e667"} + .layui-icon-login-weibo:before{content:"\e675"} + .layui-icon-voice:before{content:"\e688"} + .layui-icon-upload-drag:before{content:"\e681"} + .layui-icon-login-qq:before{content:"\e676"} + .layui-icon-snowflake:before{content:"\e6b1"} + .layui-icon-file-b:before{content:"\e655"} + .layui-icon-template:before{content:"\e663"} + .layui-icon-auz:before{content:"\e672"} + .layui-icon-console:before{content:"\e665"} + .layui-icon-app:before{content:"\e653"} + .layui-icon-prev:before{content:"\e65a"} + .layui-icon-website:before{content:"\e7ae"} + .layui-icon-next:before{content:"\e65b"} + .layui-icon-component:before{content:"\e857"} + .layui-icon-more:before{content:"\e65f"} + .layui-icon-login-wechat:before{content:"\e677"} + .layui-icon-shrink-right:before{content:"\e668"} + .layui-icon-spread-left:before{content:"\e66b"} + .layui-icon-camera:before{content:"\e660"} + .layui-icon-note:before{content:"\e66e"} + .layui-icon-refresh:before{content:"\e669"} + .layui-icon-female:before{content:"\e661"} + .layui-icon-male:before{content:"\e662"} + .layui-icon-password:before{content:"\e673"} + .layui-icon-senior:before{content:"\e674"} + .layui-icon-theme:before{content:"\e66a"} + .layui-icon-tread:before{content:"\e6c5"} + .layui-icon-praise:before{content:"\e6c6"} + .layui-icon-star-fill:before{content:"\e658"} + .layui-icon-rate:before{content:"\e67b"} + .layui-icon-template-1:before{content:"\e656"} + .layui-icon-vercode:before{content:"\e679"} + .layui-icon-cellphone:before{content:"\e678"} + .layui-icon-screen-full:before{content:"\e622"} + .layui-icon-screen-restore:before{content:"\e758"} + .layui-icon-cols:before{content:"\e610"} + .layui-icon-export:before{content:"\e67d"} + .layui-icon-print:before{content:"\e66d"} + .layui-icon-slider:before{content:"\e714"} + .layui-icon-addition:before{content:"\e624"} + .layui-icon-subtraction:before{content:"\e67e"} + .layui-icon-service:before{content:"\e626"} + .layui-icon-transfer:before{content:"\e691"} + .layui-main{width:1140px;margin:0 auto} + .layui-header{z-index:1000;height:60px} + .layui-header a:hover{transition:all .5s;-webkit-transition:all .5s} + .layui-side{position:fixed;left:0;top:0;bottom:0;z-index:999;width:200px;overflow-x:hidden} + .layui-side-scroll{position:relative;width:220px;height:100%;overflow-x:hidden} + .layui-body{position:absolute;left:200px;right:0;top:0;bottom:0;z-index:998;width:auto;overflow-y:auto;box-sizing:border-box} + .layui-layout-body{overflow:hidden}.layui-layout-admin .layui-header{background-color:#23262E} + .layui-layout-admin .layui-side{top:60px;width:200px;overflow-x:hidden} + .layui-layout-admin .layui-body{position:fixed;top:60px;bottom:44px} + .layui-layout-admin .layui-main{width:auto;margin:0 15px} + .layui-layout-admin .layui-footer{position:fixed;left:200px;right:0;bottom:0;height:44px;line-height:44px;padding:0 15px;background-color:#eee} + .layui-layout-admin .layui-logo{position:absolute;left:0;top:0;width:200px;height:100%;line-height:60px;text-align:center;color:#009688;font-size:16px} + .layui-layout-admin .layui-header .layui-nav{background:0 0} + .layui-layout-left{position:absolute!important;left:200px;top:0} + .layui-layout-right{position:absolute!important;right:0;top:0} + .layui-container{position:relative;margin:0 auto;padding:0 15px;box-sizing:border-box} + .layui-fluid{position:relative;margin:0 auto;padding:0 15px} + .layui-row:after,.layui-row:before{content:'';display:block;clear:both} + .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9,.layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9,.layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9,.layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{position:relative;display:block;box-sizing:border-box} + .layui-col-xs1,.layui-col-xs10,.layui-col-xs11,.layui-col-xs12,.layui-col-xs2,.layui-col-xs3,.layui-col-xs4,.layui-col-xs5,.layui-col-xs6,.layui-col-xs7,.layui-col-xs8,.layui-col-xs9{float:left} + .layui-col-xs1{width:8.33333333%} + .layui-col-xs2{width:16.66666667%} + .layui-col-xs3{width:25%} + .layui-col-xs4{width:33.33333333%} + .layui-col-xs5{width:41.66666667%} + .layui-col-xs6{width:50%} + .layui-col-xs7{width:58.33333333%} + .layui-col-xs8{width:66.66666667%} + .layui-col-xs9{width:75%} + .layui-col-xs10{width:83.33333333%} + .layui-col-xs11{width:91.66666667%} + .layui-col-xs12{width:100%} + .layui-col-xs-offset1{margin-left:8.33333333%} + .layui-col-xs-offset2{margin-left:16.66666667%} + .layui-col-xs-offset3{margin-left:25%} + .layui-col-xs-offset4{margin-left:33.33333333%} + .layui-col-xs-offset5{margin-left:41.66666667%} + .layui-col-xs-offset6{margin-left:50%} + .layui-col-xs-offset7{margin-left:58.33333333%} + .layui-col-xs-offset8{margin-left:66.66666667%} + .layui-col-xs-offset9{margin-left:75%} + .layui-col-xs-offset10{margin-left:83.33333333%} + .layui-col-xs-offset11{margin-left:91.66666667%} + .layui-col-xs-offset12{margin-left:100%} + @media screen and (max-width:768px){.layui-hide-xs{display:none!important} + .layui-show-xs-block{display:block!important} + .layui-show-xs-inline{display:inline!important} + .layui-show-xs-inline-block{display:inline-block!important}} + @media screen and (min-width:768px){.layui-container{width:750px} + .layui-hide-sm{display:none!important}.layui-show-sm-block{display:block!important} + .layui-show-sm-inline{display:inline!important} + .layui-show-sm-inline-block{display:inline-block!important} + .layui-col-sm1,.layui-col-sm10,.layui-col-sm11,.layui-col-sm12,.layui-col-sm2,.layui-col-sm3,.layui-col-sm4,.layui-col-sm5,.layui-col-sm6,.layui-col-sm7,.layui-col-sm8,.layui-col-sm9{float:left} + .layui-col-sm1{width:8.33333333%} + .layui-col-sm2{width:16.66666667%} + .layui-col-sm3{width:25%} + .layui-col-sm4{width:33.33333333%} + .layui-col-sm5{width:41.66666667%} + .layui-col-sm6{width:50%} + .layui-col-sm7{width:58.33333333%} + .layui-col-sm8{width:66.66666667%} + .layui-col-sm9{width:75%} + .layui-col-sm10{width:83.33333333%} + .layui-col-sm11{width:91.66666667%} + .layui-col-sm12{width:100%} + .layui-col-sm-offset1{margin-left:8.33333333%} + .layui-col-sm-offset2{margin-left:16.66666667%} + .layui-col-sm-offset3{margin-left:25%} + .layui-col-sm-offset4{margin-left:33.33333333%} + .layui-col-sm-offset5{margin-left:41.66666667%} + .layui-col-sm-offset6{margin-left:50%} + .layui-col-sm-offset7{margin-left:58.33333333%} + .layui-col-sm-offset8{margin-left:66.66666667%} + .layui-col-sm-offset9{margin-left:75%} + .layui-col-sm-offset10{margin-left:83.33333333%} + .layui-col-sm-offset11{margin-left:91.66666667%} + .layui-col-sm-offset12{margin-left:100%}} + @media screen and (min-width:992px){.layui-container{width:970px} + .layui-hide-md{display:none!important} + .layui-show-md-block{display:block!important} + .layui-show-md-inline{display:inline!important} + .layui-show-md-inline-block{display:inline-block!important} + .layui-col-md1,.layui-col-md10,.layui-col-md11,.layui-col-md12,.layui-col-md2,.layui-col-md3,.layui-col-md4,.layui-col-md5,.layui-col-md6,.layui-col-md7,.layui-col-md8,.layui-col-md9{float:left} + .layui-col-md1{width:8.33333333%} + .layui-col-md2{width:16.66666667%} + .layui-col-md3{width:25%} + .layui-col-md4{width:33.33333333%} + .layui-col-md5{width:41.66666667%} + .layui-col-md6{width:50%} + .layui-col-md7{width:58.33333333%} + .layui-col-md8{width:66.66666667%} + .layui-col-md9{width:75%} + .layui-col-md10{width:83.33333333%} + .layui-col-md11{width:91.66666667%} + .layui-col-md12{width:100%} + .layui-col-md-offset1{margin-left:8.33333333%} + .layui-col-md-offset2{margin-left:16.66666667%} + .layui-col-md-offset3{margin-left:25%} + .layui-col-md-offset4{margin-left:33.33333333%} + .layui-col-md-offset5{margin-left:41.66666667%} + .layui-col-md-offset6{margin-left:50%} + .layui-col-md-offset7{margin-left:58.33333333%} + .layui-col-md-offset8{margin-left:66.66666667%} + .layui-col-md-offset9{margin-left:75%} + .layui-col-md-offset10{margin-left:83.33333333%} + .layui-col-md-offset11{margin-left:91.66666667%} + .layui-col-md-offset12{margin-left:100%}} + @media screen and (min-width:1200px){.layui-container{width:1170px} + .layui-hide-lg{display:none!important} + .layui-show-lg-block{display:block!important} + .layui-show-lg-inline{display:inline!important} + .layui-show-lg-inline-block{display:inline-block!important} + .layui-col-lg1,.layui-col-lg10,.layui-col-lg11,.layui-col-lg12,.layui-col-lg2,.layui-col-lg3,.layui-col-lg4,.layui-col-lg5,.layui-col-lg6,.layui-col-lg7,.layui-col-lg8,.layui-col-lg9{float:left} + .layui-col-lg1{width:8.33333333%} + .layui-col-lg2{width:16.66666667%} + .layui-col-lg3{width:25%} + .layui-col-lg4{width:33.33333333%} + .layui-col-lg5{width:41.66666667%} + .layui-col-lg6{width:50%} + .layui-col-lg7{width:58.33333333%} + .layui-col-lg8{width:66.66666667%} + .layui-col-lg9{width:75%} + .layui-col-lg10{width:83.33333333%} + .layui-col-lg11{width:91.66666667%} + .layui-col-lg12{width:100%} + .layui-col-lg-offset1{margin-left:8.33333333%} + .layui-col-lg-offset2{margin-left:16.66666667%} + .layui-col-lg-offset3{margin-left:25%} + .layui-col-lg-offset4{margin-left:33.33333333%} + .layui-col-lg-offset5{margin-left:41.66666667%} + .layui-col-lg-offset6{margin-left:50%} + .layui-col-lg-offset7{margin-left:58.33333333%} + .layui-col-lg-offset8{margin-left:66.66666667%} + .layui-col-lg-offset9{margin-left:75%} + .layui-col-lg-offset10{margin-left:83.33333333%} + .layui-col-lg-offset11{margin-left:91.66666667%} + .layui-col-lg-offset12{margin-left:100%}} + .layui-col-space1{margin:-.5px} + .layui-col-space1>*{padding:.5px} + .layui-col-space3{margin:-1.5px} + .layui-col-space3>*{padding:1.5px} + .layui-col-space5{margin:-2.5px} + .layui-col-space5>*{padding:2.5px} + .layui-col-space8{margin:-3.5px} + .layui-col-space8>*{padding:3.5px} + .layui-col-space10{margin:-5px} + .layui-col-space10>*{padding:5px} + .layui-col-space12{margin:-6px} + .layui-col-space12>*{padding:6px} + .layui-col-space15{margin:-7.5px} + .layui-col-space15>*{padding:7.5px} + .layui-col-space18{margin:-9px} + .layui-col-space18>*{padding:9px} + .layui-col-space20{margin:-10px} + .layui-col-space20>*{padding:10px} + .layui-col-space22{margin:-11px} + .layui-col-space22>*{padding:11px} + .layui-col-space25{margin:-12.5px} + .layui-col-space25>*{padding:12.5px} + .layui-col-space30{margin:-15px} + .layui-col-space30>*{padding:15px} + .layui-btn,.layui-input,.layui-select,.layui-textarea,.layui-upload-button{outline:0;-webkit-appearance:none;transition:all .3s;-webkit-transition:all .3s;box-sizing:border-box} + .layui-elem-quote{margin-bottom:10px;padding:15px;line-height:22px;border-left:5px solid #009688;border-radius:0 2px 2px 0;background-color:#f2f2f2} + .layui-quote-nm{border-style:solid;border-width:1px 1px 1px 5px;background:0 0} + .layui-elem-field{margin-bottom:10px;padding:0;border-width:1px;border-style:solid} + .layui-elem-field legend{margin-left:20px;padding:0 10px;font-size:20px;font-weight:300} + .layui-field-title{margin:10px 0 20px;border-width:1px 0 0} + .layui-field-box{padding:10px 15px} + .layui-field-title .layui-field-box{padding:10px 0} + .layui-progress{position:relative;height:6px;border-radius:20px;background-color:#e2e2e2} + .layui-progress-bar{position:absolute;left:0;top:0;width:0;max-width:100%;height:6px;border-radius:20px;text-align:right;background-color:#5FB878;transition:all .3s;-webkit-transition:all .3s} + .layui-progress-big,.layui-progress-big .layui-progress-bar{height:18px;line-height:18px} + .layui-progress-text{position:relative;top:-20px;line-height:18px;font-size:12px;color:#666} + .layui-progress-big .layui-progress-text{position:static;padding:0 10px;color:#fff} + .layui-collapse{border-width:1px;border-style:solid;border-radius:2px} + .layui-colla-content,.layui-colla-item{border-top-width:1px;border-top-style:solid} + .layui-colla-item:first-child{border-top:none} + .layui-colla-title{position:relative;height:42px;line-height:42px;padding:0 15px 0 35px;color:#333;background-color:#f2f2f2;cursor:pointer;font-size:14px;overflow:hidden} + .layui-colla-content{display:none;padding:10px 15px;line-height:22px;color:#666} + .layui-colla-icon{position:absolute;left:15px;top:0;font-size:14px} + .layui-card{margin-bottom:15px;border-radius:2px;background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)} + .layui-card:last-child{margin-bottom:0} + .layui-card-header{position:relative;height:42px;line-height:42px;padding:0 15px;border-bottom:1px solid #f6f6f6;color:#333;border-radius:2px 2px 0 0;font-size:14px} + .layui-bg-black,.layui-bg-blue,.layui-bg-cyan,.layui-bg-green,.layui-bg-orange,.layui-bg-red{color:#fff!important} + .layui-card-body{position:relative;padding:10px 15px;line-height:24px} + .layui-card-body[pad15]{padding:15px}.layui-card-body[pad20]{padding:20px} + .layui-card-body .layui-table{margin:5px 0} + .layui-card .layui-tab{margin:0} + .layui-panel-window{position:relative;padding:15px;border-radius:0;border-top:5px solid #E6E6E6;background-color:#fff} + .layui-auxiliar-moving{position:fixed;left:0;right:0;top:0;bottom:0;width:100%;height:100%;background:0 0;z-index:9999999999} + .layui-form-label,.layui-form-mid,.layui-form-select,.layui-input-block,.layui-input-inline,.layui-textarea{position:relative} + .layui-bg-red{background-color:#FF5722!important} + .layui-bg-orange{background-color:#FFB800!important} + .layui-bg-green{background-color:#009688!important} + .layui-bg-cyan{background-color:#2F4056!important} + .layui-bg-blue{background-color:#1E9FFF!important} + .layui-bg-black{background-color:#393D49!important} + .layui-bg-gray{background-color:#eee!important;color:#666!important} + .layui-badge-rim,.layui-colla-content,.layui-colla-item,.layui-collapse,.layui-elem-field,.layui-form-pane .layui-form-item[pane],.layui-form-pane .layui-form-label,.layui-input,.layui-layedit,.layui-layedit-tool,.layui-quote-nm,.layui-select,.layui-tab-bar,.layui-tab-card,.layui-tab-title,.layui-tab-title .layui-this:after,.layui-textarea{border-color:#e6e6e6} + .layui-timeline-item:before,hr{background-color:#e6e6e6} + .layui-text{line-height:22px;font-size:14px;color:#666} + .layui-text h1,.layui-text h2,.layui-text h3{font-weight:500;color:#333} + .layui-text h1{font-size:30px} + .layui-text h2{font-size:24px} + .layui-text h3{font-size:18px} + .layui-text a:not(.layui-btn){color:#01AAED} + .layui-text a:not(.layui-btn):hover{text-decoration:underline} + .layui-text ul{padding:5px 0 5px 15px} + .layui-text ul li{margin-top:5px;list-style-type:disc} + .layui-text em,.layui-word-aux{color:#999!important;padding:0 5px!important} + .layui-btn{display:inline-block;height:38px;line-height:38px;padding:0 18px;background-color:#009688;color:#fff;white-space:nowrap;text-align:center;font-size:14px;border:none;border-radius:2px;cursor:pointer} + .layui-btn:hover{opacity:.8;filter:alpha(opacity=80);color:#fff} + .layui-btn:active{opacity:1;filter:alpha(opacity=100)} + .layui-btn+.layui-btn{margin-left:10px} + .layui-btn-container{font-size:0} + .layui-btn-container .layui-btn{margin-right:10px;margin-bottom:10px} + .layui-btn-container .layui-btn+.layui-btn{margin-left:0} + .layui-table .layui-btn-container .layui-btn{margin-bottom:9px} + .layui-btn-radius{border-radius:100px} + .layui-btn .layui-icon{margin-right:3px;font-size:18px;vertical-align:bottom;vertical-align:middle\9} + .layui-btn-primary{border:1px solid #C9C9C9;background-color:#fff;color:#555} + .layui-btn-primary:hover{border-color:#009688;color:#333} + .layui-btn-normal{background-color:#1E9FFF} + .layui-btn-warm{background-color:#FFB800} + .layui-btn-danger{background-color:#FF5722} + .layui-btn-checked{background-color:#5FB878} + .layui-btn-disabled,.layui-btn-disabled:active,.layui-btn-disabled:hover{border:1px solid #e6e6e6;background-color:#FBFBFB;color:#C9C9C9;cursor:not-allowed;opacity:1} + .layui-btn-lg{height:44px;line-height:44px;padding:0 25px;font-size:16px} + .layui-btn-sm{height:30px;line-height:30px;padding:0 10px;font-size:12px} + .layui-btn-sm i{font-size:16px!important} + .layui-btn-xs{height:22px;line-height:22px;padding:0 5px;font-size:12px} + .layui-btn-xs i{font-size:14px!important} + .layui-btn-group{display:inline-block;vertical-align:middle;font-size:0} + .layui-btn-group .layui-btn{margin-left:0!important;margin-right:0!important;border-left:1px solid rgba(255,255,255,.5);border-radius:0} + .layui-btn-group .layui-btn-primary{border-left:none} + .layui-btn-group .layui-btn-primary:hover{border-color:#C9C9C9;color:#009688} + .layui-btn-group .layui-btn:first-child{border-left:none;border-radius:2px 0 0 2px} + .layui-btn-group .layui-btn-primary:first-child{border-left:1px solid #c9c9c9} + .layui-btn-group .layui-btn:last-child{border-radius:0 2px 2px 0} + .layui-btn-group .layui-btn+.layui-btn{margin-left:0} + .layui-btn-group+.layui-btn-group{margin-left:10px} + .layui-btn-fluid{width:100%} + .layui-input,.layui-select,.layui-textarea{height:38px;line-height:1.3;line-height:38px\9;border-width:1px;border-style:solid;background-color:#fff;border-radius:2px} + .layui-input::-webkit-input-placeholder,.layui-select::-webkit-input-placeholder,.layui-textarea::-webkit-input-placeholder{line-height:1.3} + .layui-input,.layui-textarea{display:block;width:100%;padding-left:10px} + .layui-input:hover,.layui-textarea:hover{border-color:#D2D2D2!important} + .layui-input:focus,.layui-textarea:focus{border-color:#C9C9C9!important} + .layui-textarea{min-height:100px;height:auto;line-height:20px;padding:6px 10px;resize:vertical} + .layui-select{padding:0 10px} + .layui-form input[type=checkbox],.layui-form input[type=radio],.layui-form select{display:none} + .layui-form [lay-ignore]{display:initial} + .layui-form-item{margin-bottom:15px;clear:both;*zoom:1} + .layui-form-item:after{content:'\20';clear:both;*zoom:1;display:block;height:0} + .layui-form-label{float:left;display:block;padding:9px 15px;width:80px;font-weight:400;line-height:20px;text-align:right} + .layui-form-label-col{display:block;float:none;padding:9px 0;line-height:20px;text-align:left} + .layui-form-item .layui-inline{margin-bottom:5px;margin-right:10px} + .layui-input-block{margin-left:110px;min-height:36px} + .layui-input-inline{display:inline-block;vertical-align:middle} + .layui-form-item .layui-input-inline{float:left;width:190px;margin-right:10px} + .layui-form-text .layui-input-inline{width:auto} + .layui-form-mid{float:left;display:block;padding:9px 0!important;line-height:20px;margin-right:10px} + .layui-form-danger+.layui-form-select .layui-input,.layui-form-danger:focus{border-color:#FF5722!important} + .layui-form-select .layui-input{padding-right:30px;cursor:pointer} + .layui-form-select .layui-edge{position:absolute;right:10px;top:50%;margin-top:-3px;cursor:pointer;border-width:6px;border-top-color:#c2c2c2;border-top-style:solid;transition:all .3s;-webkit-transition:all .3s} + .layui-form-select dl{display:none;position:absolute;left:0;top:42px;padding:5px 0;z-index:899;min-width:100%;border:1px solid #d2d2d2;max-height:300px;overflow-y:auto;background-color:#fff;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12);box-sizing:border-box} + .layui-form-select dl dd,.layui-form-select dl dt{padding:0 10px;line-height:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} + .layui-form-select dl dt{font-size:12px;color:#999} + .layui-form-select dl dd{cursor:pointer} + .layui-form-select dl dd:hover{background-color:#f2f2f2;-webkit-transition:.5s all;transition:.5s all} + .layui-form-select .layui-select-group dd{padding-left:20px} + .layui-form-select dl dd.layui-select-tips{padding-left:10px!important;color:#999} + .layui-form-select dl dd.layui-this{background-color:#5FB878;color:#fff} + .layui-form-checkbox,.layui-form-select dl dd.layui-disabled{background-color:#fff} + .layui-form-selected dl{display:block} + .layui-form-checkbox,.layui-form-checkbox *,.layui-form-switch{display:inline-block;vertical-align:middle} + .layui-form-selected .layui-edge{margin-top:-9px;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-top:-3px\9} + :root .layui-form-selected .layui-edge{margin-top:-9px\0/IE9} + .layui-form-selectup dl{top:auto;bottom:42px} + .layui-select-none{margin:5px 0;text-align:center;color:#999} + .layui-select-disabled .layui-disabled{border-color:#eee!important} + .layui-select-disabled .layui-edge{border-top-color:#d2d2d2} + .layui-form-checkbox{position:relative;height:30px;line-height:30px;margin-right:10px;padding-right:30px;cursor:pointer;font-size:0;-webkit-transition:.1s linear;transition:.1s linear;box-sizing:border-box} + .layui-form-checkbox span{padding:0 10px;height:100%;font-size:14px;border-radius:2px 0 0 2px;background-color:#d2d2d2;color:#fff;overflow:hidden} + .layui-form-checkbox:hover span{background-color:#c2c2c2} + .layui-form-checkbox i{position:absolute;right:0;top:0;width:30px;height:28px;border:1px solid #d2d2d2;border-left:none;border-radius:0 2px 2px 0;color:#fff;font-size:20px;text-align:center} + .layui-form-checkbox:hover i{border-color:#c2c2c2;color:#c2c2c2} + .layui-form-checked,.layui-form-checked:hover{border-color:#5FB878} + .layui-form-checked span,.layui-form-checked:hover span{background-color:#5FB878} + .layui-form-checked i,.layui-form-checked:hover i{color:#5FB878}.layui-form-item .layui-form-checkbox{margin-top:4px}.layui-form-checkbox[lay-skin=primary]{height:auto!important;line-height:normal!important;min-width:18px;min-height:18px;border:none!important;margin-right:0;padding-left:28px;padding-right:0;background:0 0}.layui-form-checkbox[lay-skin=primary] span{padding-left:0;padding-right:15px;line-height:18px;background:0 0;color:#666}.layui-form-checkbox[lay-skin=primary] i{right:auto;left:0;width:16px;height:16px;line-height:16px;border:1px solid #d2d2d2;font-size:12px;border-radius:2px;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-checkbox[lay-skin=primary]:hover i{border-color:#5FB878;color:#fff}.layui-form-checked[lay-skin=primary] i{border-color:#5FB878!important;background-color:#5FB878;color:#fff}.layui-checkbox-disbaled[lay-skin=primary] span{background:0 0!important;color:#c2c2c2}.layui-checkbox-disbaled[lay-skin=primary]:hover i{border-color:#d2d2d2}.layui-form-item .layui-form-checkbox[lay-skin=primary]{margin-top:10px}.layui-form-switch{position:relative;height:22px;line-height:22px;min-width:35px;padding:0 5px;margin-top:8px;border:1px solid #d2d2d2;border-radius:20px;cursor:pointer;background-color:#fff;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch i{position:absolute;left:5px;top:3px;width:16px;height:16px;border-radius:20px;background-color:#d2d2d2;-webkit-transition:.1s linear;transition:.1s linear}.layui-form-switch em{position:relative;top:0;width:25px;margin-left:21px;padding:0!important;text-align:center!important;color:#999!important;font-style:normal!important;font-size:12px}.layui-form-onswitch{border-color:#5FB878;background-color:#5FB878}.layui-checkbox-disbaled,.layui-checkbox-disbaled i{border-color:#e2e2e2!important}.layui-form-onswitch i{left:100%;margin-left:-21px;background-color:#fff}.layui-form-onswitch em{margin-left:5px;margin-right:21px;color:#fff!important}.layui-checkbox-disbaled span{background-color:#e2e2e2!important}.layui-checkbox-disbaled:hover i{color:#fff!important}[lay-radio]{display:none}.layui-form-radio,.layui-form-radio *{display:inline-block;vertical-align:middle}.layui-form-radio{line-height:28px;margin:6px 10px 0 0;padding-right:10px;cursor:pointer;font-size:0}.layui-form-radio *{font-size:14px}.layui-form-radio>i{margin-right:8px;font-size:22px;color:#c2c2c2}.layui-form-radio>i:hover,.layui-form-radioed>i{color:#5FB878}.layui-radio-disbaled>i{color:#e2e2e2!important}.layui-form-pane .layui-form-label{width:110px;padding:8px 15px;height:38px;line-height:20px;border-width:1px;border-style:solid;border-radius:2px 0 0 2px;text-align:center;background-color:#FBFBFB;overflow:hidden;box-sizing:border-box}.layui-form-pane .layui-input-inline{margin-left:-1px}.layui-form-pane .layui-input-block{margin-left:110px;left:-1px}.layui-form-pane .layui-input{border-radius:0 2px 2px 0}.layui-form-pane .layui-form-text .layui-form-label{float:none;width:100%;border-radius:2px;box-sizing:border-box;text-align:left}.layui-form-pane .layui-form-text .layui-input-inline{display:block;margin:0;top:-1px;clear:both}.layui-form-pane .layui-form-text .layui-input-block{margin:0;left:0;top:-1px}.layui-form-pane .layui-form-text .layui-textarea{min-height:100px;border-radius:0 0 2px 2px}.layui-form-pane .layui-form-checkbox{margin:4px 0 4px 10px}.layui-form-pane .layui-form-radio,.layui-form-pane .layui-form-switch{margin-top:6px;margin-left:10px}.layui-form-pane .layui-form-item[pane]{position:relative;border-width:1px;border-style:solid}.layui-form-pane .layui-form-item[pane] .layui-form-label{position:absolute;left:0;top:0;height:100%;border-width:0 1px 0 0}.layui-form-pane .layui-form-item[pane] .layui-input-inline{margin-left:110px}@media screen and (max-width:450px){.layui-form-item .layui-form-label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-form-item .layui-inline{display:block;margin-right:0;margin-bottom:20px;clear:both}.layui-form-item .layui-inline:after{content:'\20';clear:both;display:block;height:0}.layui-form-item .layui-input-inline{display:block;float:none;left:-3px;width:auto;margin:0 0 10px 112px}.layui-form-item .layui-input-inline+.layui-form-mid{margin-left:110px;top:-5px;padding:0}.layui-form-item .layui-form-checkbox{margin-right:5px;margin-bottom:5px}}.layui-layedit{border-width:1px;border-style:solid;border-radius:2px}.layui-layedit-tool{padding:3px 5px;border-bottom-width:1px;border-bottom-style:solid;font-size:0}.layedit-tool-fixed{position:fixed;top:0;border-top:1px solid #e2e2e2}.layui-layedit-tool .layedit-tool-mid,.layui-layedit-tool .layui-icon{display:inline-block;vertical-align:middle;text-align:center;font-size:14px}.layui-layedit-tool .layui-icon{position:relative;width:32px;height:30px;line-height:30px;margin:3px 5px;color:#777;cursor:pointer;border-radius:2px}.layui-layedit-tool .layui-icon:hover{color:#393D49}.layui-layedit-tool .layui-icon:active{color:#000}.layui-layedit-tool .layedit-tool-active{background-color:#e2e2e2;color:#000}.layui-layedit-tool .layui-disabled,.layui-layedit-tool .layui-disabled:hover{color:#d2d2d2;cursor:not-allowed}.layui-layedit-tool .layedit-tool-mid{width:1px;height:18px;margin:0 10px;background-color:#d2d2d2}.layedit-tool-html{width:50px!important;font-size:30px!important}.layedit-tool-b,.layedit-tool-code,.layedit-tool-help{font-size:16px!important}.layedit-tool-d,.layedit-tool-face,.layedit-tool-image,.layedit-tool-unlink{font-size:18px!important}.layedit-tool-image input{position:absolute;font-size:0;left:0;top:0;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-layedit-iframe iframe{display:block;width:100%}#LAY_layedit_code{overflow:hidden}.layui-laypage{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;margin:10px 0;font-size:0}.layui-laypage>a:first-child,.layui-laypage>a:first-child em{border-radius:2px 0 0 2px}.layui-laypage>a:last-child,.layui-laypage>a:last-child em{border-radius:0 2px 2px 0}.layui-laypage>:first-child{margin-left:0!important}.layui-laypage>:last-child{margin-right:0!important}.layui-laypage a,.layui-laypage button,.layui-laypage input,.layui-laypage select,.layui-laypage span{border:1px solid #e2e2e2}.layui-laypage a,.layui-laypage span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding:0 15px;height:28px;line-height:28px;margin:0 -1px 5px 0;background-color:#fff;color:#333;font-size:12px}.layui-flow-more a *,.layui-laypage input,.layui-table-view select[lay-ignore]{display:inline-block}.layui-laypage a:hover{color:#009688}.layui-laypage em{font-style:normal}.layui-laypage .layui-laypage-spr{color:#999;font-weight:700}.layui-laypage a{text-decoration:none}.layui-laypage .layui-laypage-curr{position:relative}.layui-laypage .layui-laypage-curr em{position:relative;color:#fff}.layui-laypage .layui-laypage-curr .layui-laypage-em{position:absolute;left:-1px;top:-1px;padding:1px;width:100%;height:100%;background-color:#009688}.layui-laypage-em{border-radius:2px}.layui-laypage-next em,.layui-laypage-prev em{font-family:Sim sun;font-size:16px}.layui-laypage .layui-laypage-count,.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh,.layui-laypage .layui-laypage-skip{margin-left:10px;margin-right:10px;padding:0;border:none}.layui-laypage .layui-laypage-limits,.layui-laypage .layui-laypage-refresh{vertical-align:top}.layui-laypage .layui-laypage-refresh i{font-size:18px;cursor:pointer}.layui-laypage select{height:22px;padding:3px;border-radius:2px;cursor:pointer}.layui-laypage .layui-laypage-skip{height:30px;line-height:30px;color:#999}.layui-laypage button,.layui-laypage input{height:30px;line-height:30px;border-radius:2px;vertical-align:top;background-color:#fff;box-sizing:border-box}.layui-laypage input{width:40px;margin:0 10px;padding:0 3px;text-align:center}.layui-laypage input:focus,.layui-laypage select:focus{border-color:#009688!important}.layui-laypage button{margin-left:10px;padding:0 10px;cursor:pointer}.layui-table,.layui-table-view{margin:10px 0}.layui-flow-more{margin:10px 0;text-align:center;color:#999;font-size:14px}.layui-flow-more a{height:32px;line-height:32px}.layui-flow-more a *{vertical-align:top}.layui-flow-more a cite{padding:0 20px;border-radius:3px;background-color:#eee;color:#333;font-style:normal}.layui-flow-more a cite:hover{opacity:.8}.layui-flow-more a i{font-size:30px;color:#737383}.layui-table{width:100%;background-color:#fff;color:#666}.layui-table tr{transition:all .3s;-webkit-transition:all .3s}.layui-table th{text-align:left;font-weight:400}.layui-table tbody tr:hover,.layui-table thead tr,.layui-table-click,.layui-table-header,.layui-table-hover,.layui-table-mend,.layui-table-patch,.layui-table-tool,.layui-table-total,.layui-table-total tr,.layui-table[lay-even] tr:nth-child(even){background-color:#f2f2f2}.layui-table td,.layui-table th,.layui-table-col-set,.layui-table-fixed-r,.layui-table-grid-down,.layui-table-header,.layui-table-page,.layui-table-tips-main,.layui-table-tool,.layui-table-total,.layui-table-view,.layui-table[lay-skin=line],.layui-table[lay-skin=row]{border-width:1px;border-style:solid;border-color:#e6e6e6}.layui-table td,.layui-table th{position:relative;padding:9px 15px;min-height:20px;line-height:20px;font-size:14px}.layui-table[lay-skin=line] td,.layui-table[lay-skin=line] th{border-width:0 0 1px}.layui-table[lay-skin=row] td,.layui-table[lay-skin=row] th{border-width:0 1px 0 0}.layui-table[lay-skin=nob] td,.layui-table[lay-skin=nob] th{border:none}.layui-table img{max-width:100px}.layui-table[lay-size=lg] td,.layui-table[lay-size=lg] th{padding:15px 30px}.layui-table-view .layui-table[lay-size=lg] .layui-table-cell{height:40px;line-height:40px}.layui-table[lay-size=sm] td,.layui-table[lay-size=sm] th{font-size:12px;padding:5px 10px}.layui-table-view .layui-table[lay-size=sm] .layui-table-cell{height:20px;line-height:20px}.layui-table[lay-data]{display:none}.layui-table-box{position:relative;overflow:hidden}.layui-table-view .layui-table{position:relative;width:auto;margin:0}.layui-table-view .layui-table[lay-skin=line]{border-width:0 1px 0 0}.layui-table-view .layui-table[lay-skin=row]{border-width:0 0 1px}.layui-table-view .layui-table td,.layui-table-view .layui-table th{padding:5px 0;border-top:none;border-left:none}.layui-table-view .layui-table th.layui-unselect .layui-table-cell span{cursor:pointer}.layui-table-view .layui-table td{cursor:default}.layui-table-view .layui-table td[data-edit=text]{cursor:text}.layui-table-view .layui-form-checkbox[lay-skin=primary] i{width:18px;height:18px}.layui-table-view .layui-form-radio{line-height:0;padding:0}.layui-table-view .layui-form-radio>i{margin:0;font-size:20px}.layui-table-init{position:absolute;left:0;top:0;width:100%;height:100%;text-align:center;z-index:110}.layui-table-init .layui-icon{position:absolute;left:50%;top:50%;margin:-15px 0 0 -15px;font-size:30px;color:#c2c2c2}.layui-table-header{border-width:0 0 1px;overflow:hidden}.layui-table-header .layui-table{margin-bottom:-1px}.layui-table-tool .layui-inline[lay-event]{position:relative;width:26px;height:26px;padding:5px;line-height:16px;margin-right:10px;text-align:center;color:#333;border:1px solid #ccc;cursor:pointer;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool .layui-inline[lay-event]:hover{border:1px solid #999}.layui-table-tool-temp{padding-right:120px}.layui-table-tool-self{position:absolute;right:17px;top:10px}.layui-table-tool .layui-table-tool-self .layui-inline[lay-event]{margin:0 0 0 10px}.layui-table-tool-panel{position:absolute;top:29px;left:-1px;padding:5px 0;min-width:150px;min-height:40px;border:1px solid #d2d2d2;text-align:left;overflow-y:auto;background-color:#fff;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-table-cell,.layui-table-tool-panel li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layui-table-tool-panel li{padding:0 10px;line-height:30px;-webkit-transition:.5s all;transition:.5s all}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary]{width:100%;padding-left:28px}.layui-table-tool-panel li:hover{background-color:#f2f2f2}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] i{position:absolute;left:0;top:0}.layui-table-tool-panel li .layui-form-checkbox[lay-skin=primary] span{padding:0}.layui-table-tool .layui-table-tool-self .layui-table-tool-panel{left:auto;right:-1px}.layui-table-col-set{position:absolute;right:0;top:0;width:20px;height:100%;border-width:0 0 0 1px;background-color:#fff}.layui-table-sort{width:10px;height:20px;margin-left:5px;cursor:pointer!important}.layui-table-sort .layui-edge{position:absolute;left:5px;border-width:5px}.layui-table-sort .layui-table-sort-asc{top:3px;border-top:none;border-bottom-style:solid;border-bottom-color:#b2b2b2}.layui-table-sort .layui-table-sort-asc:hover{border-bottom-color:#666}.layui-table-sort .layui-table-sort-desc{bottom:5px;border-bottom:none;border-top-style:solid;border-top-color:#b2b2b2}.layui-table-sort .layui-table-sort-desc:hover{border-top-color:#666}.layui-table-sort[lay-sort=asc] .layui-table-sort-asc{border-bottom-color:#000}.layui-table-sort[lay-sort=desc] .layui-table-sort-desc{border-top-color:#000}.layui-table-cell{height:28px;line-height:28px;padding:0 15px;position:relative;box-sizing:border-box}.layui-table-cell .layui-form-checkbox[lay-skin=primary]{top:-1px;padding:0}.layui-table-cell .layui-table-link{color:#01AAED}.laytable-cell-checkbox,.laytable-cell-numbers,.laytable-cell-radio,.laytable-cell-space{padding:0;text-align:center}.layui-table-body{position:relative;overflow:auto;margin-right:-1px;margin-bottom:-1px}.layui-table-body .layui-none{line-height:26px;padding:15px;text-align:center;color:#999}.layui-table-fixed{position:absolute;left:0;top:0;z-index:101}.layui-table-fixed .layui-table-body{overflow:hidden}.layui-table-fixed-l{box-shadow:0 -1px 8px rgba(0,0,0,.08)}.layui-table-fixed-r{left:auto;right:-1px;border-width:0 0 0 1px;box-shadow:-1px 0 8px rgba(0,0,0,.08)}.layui-table-fixed-r .layui-table-header{position:relative;overflow:visible}.layui-table-mend{position:absolute;right:-49px;top:0;height:100%;width:50px}.layui-table-tool{position:relative;z-index:890;width:100%;min-height:50px;line-height:30px;padding:10px 15px;border-width:0 0 1px}.layui-table-tool .layui-btn-container{margin-bottom:-10px}.layui-table-page,.layui-table-total{border-width:1px 0 0;margin-bottom:-1px;overflow:hidden}.layui-table-page{position:relative;width:100%;padding:7px 7px 0;height:41px;font-size:12px;white-space:nowrap}.layui-table-page>div{height:26px}.layui-table-page .layui-laypage{margin:0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span{height:26px;line-height:26px;margin-bottom:10px;border:none;background:0 0}.layui-table-page .layui-laypage a,.layui-table-page .layui-laypage span.layui-laypage-curr{padding:0 12px}.layui-table-page .layui-laypage span{margin-left:0;padding:0}.layui-table-page .layui-laypage .layui-laypage-prev{margin-left:-7px!important}.layui-table-page .layui-laypage .layui-laypage-curr .layui-laypage-em{left:0;top:0;padding:0}.layui-table-page .layui-laypage button,.layui-table-page .layui-laypage input{height:26px;line-height:26px}.layui-table-page .layui-laypage input{width:40px}.layui-table-page .layui-laypage button{padding:0 10px}.layui-table-page select{height:18px}.layui-table-patch .layui-table-cell{padding:0;width:30px}.layui-table-edit{position:absolute;left:0;top:0;width:100%;height:100%;padding:0 14px 1px;border-radius:0;box-shadow:1px 1px 20px rgba(0,0,0,.15)}.layui-table-edit:focus{border-color:#5FB878!important}select.layui-table-edit{padding:0 0 0 10px;border-color:#C9C9C9}.layui-table-view .layui-form-checkbox,.layui-table-view .layui-form-radio,.layui-table-view .layui-form-switch{top:0;margin:0;box-sizing:content-box}.layui-table-view .layui-form-checkbox{top:-1px;height:26px;line-height:26px}.layui-table-view .layui-form-checkbox i{height:26px}.layui-table-grid .layui-table-cell{overflow:visible}.layui-table-grid-down{position:absolute;top:0;right:0;width:26px;height:100%;padding:5px 0;border-width:0 0 0 1px;text-align:center;background-color:#fff;color:#999;cursor:pointer}.layui-table-grid-down .layui-icon{position:absolute;top:50%;left:50%;margin:-8px 0 0 -8px}.layui-table-grid-down:hover{background-color:#fbfbfb}body .layui-table-tips .layui-layer-content{background:0 0;padding:0;box-shadow:0 1px 6px rgba(0,0,0,.12)}.layui-table-tips-main{margin:-44px 0 0 -1px;max-height:150px;padding:8px 15px;font-size:14px;overflow-y:scroll;background-color:#fff;color:#666}.layui-table-tips-c{position:absolute;right:-3px;top:-13px;width:20px;height:20px;padding:3px;cursor:pointer;background-color:#666;border-radius:50%;color:#fff}.layui-table-tips-c:hover{background-color:#777}.layui-table-tips-c:before{position:relative;right:-2px}.layui-upload-file{display:none!important;opacity:.01;filter:Alpha(opacity=1)}.layui-upload-drag,.layui-upload-form,.layui-upload-wrap{display:inline-block}.layui-upload-list{margin:10px 0}.layui-upload-choose{padding:0 10px;color:#999}.layui-upload-drag{position:relative;padding:30px;border:1px dashed #e2e2e2;background-color:#fff;text-align:center;cursor:pointer;color:#999}.layui-upload-drag .layui-icon{font-size:50px;color:#009688}.layui-upload-drag[lay-over]{border-color:#009688}.layui-upload-iframe{position:absolute;width:0;height:0;border:0;visibility:hidden}.layui-upload-wrap{position:relative;vertical-align:middle}.layui-upload-wrap .layui-upload-file{display:block!important;position:absolute;left:0;top:0;z-index:10;font-size:100px;width:100%;height:100%;opacity:.01;filter:Alpha(opacity=1);cursor:pointer}.layui-transfer-active,.layui-transfer-box{display:inline-block;vertical-align:middle}.layui-transfer-box,.layui-transfer-header,.layui-transfer-search{border-width:0;border-style:solid;border-color:#e6e6e6}.layui-transfer-box{position:relative;border-width:1px;width:200px;height:360px;border-radius:2px;background-color:#fff}.layui-transfer-box .layui-form-checkbox{width:100%;margin:0!important}.layui-transfer-header{height:38px;line-height:38px;padding:0 10px;border-bottom-width:1px}.layui-transfer-search{position:relative;padding:10px;border-bottom-width:1px}.layui-transfer-search .layui-input{height:32px;padding-left:30px;font-size:12px}.layui-transfer-search .layui-icon-search{position:absolute;left:20px;top:50%;margin-top:-8px;color:#666}.layui-transfer-active{margin:0 15px}.layui-transfer-active .layui-btn{display:block;margin:0;padding:0 15px;background-color:#5FB878;border-color:#5FB878;color:#fff}.layui-transfer-active .layui-btn-disabled{background-color:#FBFBFB;border-color:#e6e6e6;color:#C9C9C9}.layui-transfer-active .layui-btn:first-child{margin-bottom:15px}.layui-transfer-active .layui-btn .layui-icon{margin:0;font-size:14px!important}.layui-transfer-data{padding:5px 0;overflow:auto}.layui-transfer-data li{height:32px;line-height:32px;padding:0 10px}.layui-transfer-data li:hover{background-color:#f2f2f2;transition:.5s all}.layui-transfer-data .layui-none{padding:15px 10px;text-align:center;color:#999}.layui-nav{position:relative;padding:0 20px;background-color:#393D49;color:#fff;border-radius:2px;font-size:0;box-sizing:border-box}.layui-nav *{font-size:14px}.layui-nav .layui-nav-item{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle;line-height:60px}.layui-nav .layui-nav-item a{display:block;padding:0 20px;color:#fff;color:rgba(255,255,255,.7);transition:all .3s;-webkit-transition:all .3s}.layui-nav .layui-this:after,.layui-nav-bar,.layui-nav-tree .layui-nav-itemed:after{position:absolute;left:0;top:0;width:0;height:5px;background-color:#5FB878;transition:all .2s;-webkit-transition:all .2s}.layui-nav-bar{z-index:1000}.layui-nav .layui-nav-item a:hover,.layui-nav .layui-this a{color:#fff}.layui-nav .layui-this:after{content:'';top:auto;bottom:0;width:100%}.layui-nav-img{width:30px;height:30px;margin-right:10px;border-radius:50%}.layui-nav .layui-nav-more{content:'';width:0;height:0;border-style:solid dashed dashed;border-color:#fff transparent transparent;overflow:hidden;cursor:pointer;transition:all .2s;-webkit-transition:all .2s;position:absolute;top:50%;right:3px;margin-top:-3px;border-width:6px;border-top-color:rgba(255,255,255,.7)}.layui-nav .layui-nav-mored,.layui-nav-itemed>a .layui-nav-more{margin-top:-9px;border-style:dashed dashed solid;border-color:transparent transparent #fff}.layui-nav-child{display:none;position:absolute;left:0;top:65px;min-width:100%;line-height:36px;padding:5px 0;box-shadow:0 2px 4px rgba(0,0,0,.12);border:1px solid #d2d2d2;background-color:#fff;z-index:100;border-radius:2px;white-space:nowrap}.layui-nav .layui-nav-child a{color:#333}.layui-nav .layui-nav-child a:hover{background-color:#f2f2f2;color:#000}.layui-nav-child dd{position:relative}.layui-nav .layui-nav-child dd.layui-this a,.layui-nav-child dd.layui-this{background-color:#5FB878;color:#fff}.layui-nav-child dd.layui-this:after{display:none}.layui-nav-tree{width:200px;padding:0}.layui-nav-tree .layui-nav-item{display:block;width:100%;line-height:45px}.layui-nav-tree .layui-nav-item a{position:relative;height:45px;line-height:45px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.layui-nav-tree .layui-nav-item a:hover{background-color:#4E5465}.layui-nav-tree .layui-nav-bar{width:5px;height:0;background-color:#009688}.layui-nav-tree .layui-nav-child dd.layui-this,.layui-nav-tree .layui-nav-child dd.layui-this a,.layui-nav-tree .layui-this,.layui-nav-tree .layui-this>a,.layui-nav-tree .layui-this>a:hover{background-color:#009688;color:#fff}.layui-nav-tree .layui-this:after{display:none}.layui-nav-itemed>a,.layui-nav-tree .layui-nav-title a,.layui-nav-tree .layui-nav-title a:hover{color:#fff!important}.layui-nav-tree .layui-nav-child{position:relative;z-index:0;top:0;border:none;box-shadow:none}.layui-nav-tree .layui-nav-child a{height:40px;line-height:40px;color:#fff;color:rgba(255,255,255,.7)}.layui-nav-tree .layui-nav-child,.layui-nav-tree .layui-nav-child a:hover{background:0 0;color:#fff}.layui-nav-tree .layui-nav-more{right:10px}.layui-nav-itemed>.layui-nav-child{display:block;padding:0;background-color:rgba(0,0,0,.3)!important}.layui-nav-itemed>.layui-nav-child>.layui-this>.layui-nav-child{display:block}.layui-nav-side{position:fixed;top:0;bottom:0;left:0;overflow-x:hidden;z-index:999}.layui-bg-blue .layui-nav-bar,.layui-bg-blue .layui-nav-itemed:after,.layui-bg-blue .layui-this:after{background-color:#93D1FF}.layui-bg-blue .layui-nav-child dd.layui-this{background-color:#1E9FFF}.layui-bg-blue .layui-nav-itemed>a,.layui-nav-tree.layui-bg-blue .layui-nav-title a,.layui-nav-tree.layui-bg-blue .layui-nav-title a:hover{background-color:#007DDB!important}.layui-breadcrumb{font-size:0}.layui-breadcrumb>*{font-size:14px}.layui-breadcrumb a{color:#999!important}.layui-breadcrumb a:hover{color:#5FB878!important}.layui-breadcrumb a cite{color:#666;font-style:normal}.layui-breadcrumb span[lay-separator]{margin:0 10px;color:#999}.layui-tab{margin:10px 0;text-align:left!important}.layui-tab[overflow]>.layui-tab-title{overflow:hidden}.layui-tab-title{position:relative;left:0;height:40px;white-space:nowrap;font-size:0;border-bottom-width:1px;border-bottom-style:solid;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:40px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer}.layui-tab-title li a{display:block}.layui-tab-title .layui-this{color:#000}.layui-tab-title .layui-this:after{position:absolute;left:0;top:0;content:'';width:100%;height:41px;border-width:1px;border-style:solid;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}.layui-tab-bar{position:absolute;right:0;top:0;z-index:10;width:30px;height:39px;line-height:39px;border-width:1px;border-style:solid;border-radius:2px;text-align:center;background-color:#fff;cursor:pointer}.layui-tab-bar .layui-icon{position:relative;display:inline-block;top:3px;transition:all .3s;-webkit-transition:all .3s}.layui-tab-item{display:none}.layui-tab-more{padding-right:30px;height:auto!important;white-space:normal!important}.layui-tab-more li.layui-this:after{border-bottom-color:#e2e2e2;border-radius:2px}.layui-tab-more .layui-tab-bar .layui-icon{top:-2px;top:3px\9;-webkit-transform:rotate(180deg);transform:rotate(180deg)}:root .layui-tab-more .layui-tab-bar .layui-icon{top:-2px\0/IE9}.layui-tab-content{padding:10px}.layui-tab-title li .layui-tab-close{position:relative;display:inline-block;width:18px;height:18px;line-height:20px;margin-left:8px;top:1px;text-align:center;font-size:14px;color:#c2c2c2;transition:all .2s;-webkit-transition:all .2s}.layui-tab-title li .layui-tab-close:hover{border-radius:2px;background-color:#FF5722;color:#fff}.layui-tab-brief>.layui-tab-title .layui-this{color:#009688}.layui-tab-brief>.layui-tab-more li.layui-this:after,.layui-tab-brief>.layui-tab-title .layui-this:after{border:none;border-radius:0;border-bottom:2px solid #5FB878}.layui-tab-brief[overflow]>.layui-tab-title .layui-this:after{top:-1px}.layui-tab-card{border-width:1px;border-style:solid;border-radius:2px;box-shadow:0 2px 5px 0 rgba(0,0,0,.1)}.layui-tab-card>.layui-tab-title{background-color:#f2f2f2}.layui-tab-card>.layui-tab-title li{margin-right:-1px;margin-left:-1px}.layui-tab-card>.layui-tab-title .layui-this{background-color:#fff}.layui-tab-card>.layui-tab-title .layui-this:after{border-top:none;border-width:1px;border-bottom-color:#fff}.layui-tab-card>.layui-tab-title .layui-tab-bar{height:40px;line-height:40px;border-radius:0;border-top:none;border-right:none}.layui-tab-card>.layui-tab-more .layui-this{background:0 0;color:#5FB878}.layui-tab-card>.layui-tab-more .layui-this:after{border:none}.layui-timeline{padding-left:5px}.layui-timeline-item{position:relative;padding-bottom:20px}.layui-timeline-axis{position:absolute;left:-5px;top:0;z-index:10;width:20px;height:20px;line-height:20px;background-color:#fff;color:#5FB878;border-radius:50%;text-align:center;cursor:pointer}.layui-timeline-axis:hover{color:#FF5722}.layui-timeline-item:before{content:'';position:absolute;left:5px;top:0;z-index:0;width:1px;height:100%}.layui-timeline-item:last-child:before{display:none}.layui-timeline-item:first-child:before{display:block}.layui-timeline-content{padding-left:25px}.layui-timeline-title{position:relative;margin-bottom:10px}.layui-badge,.layui-badge-dot,.layui-badge-rim{position:relative;display:inline-block;padding:0 6px;font-size:12px;text-align:center;background-color:#FF5722;color:#fff;border-radius:2px}.layui-badge{height:18px;line-height:18px}.layui-badge-dot{width:8px;height:8px;padding:0;border-radius:50%}.layui-badge-rim{height:18px;line-height:18px;border-width:1px;border-style:solid;background-color:#fff;color:#666}.layui-btn .layui-badge,.layui-btn .layui-badge-dot{margin-left:5px}.layui-nav .layui-badge,.layui-nav .layui-badge-dot{position:absolute;top:50%;margin:-8px 6px 0}.layui-tab-title .layui-badge,.layui-tab-title .layui-badge-dot{left:5px;top:-2px}.layui-carousel{position:relative;left:0;top:0;background-color:#f8f8f8}.layui-carousel>[carousel-item]{position:relative;width:100%;height:100%;overflow:hidden}.layui-carousel>[carousel-item]:before{position:absolute;content:'\e63d';left:50%;top:50%;width:100px;line-height:20px;margin:-10px 0 0 -50px;text-align:center;color:#c2c2c2;font-family:layui-icon!important;font-size:30px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layui-carousel>[carousel-item]>*{display:none;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#f8f8f8;transition-duration:.3s;-webkit-transition-duration:.3s}.layui-carousel-updown>*{-webkit-transition:.3s ease-in-out up;transition:.3s ease-in-out up}.layui-carousel-arrow{display:none\9;opacity:0;position:absolute;left:10px;top:50%;margin-top:-18px;width:36px;height:36px;line-height:36px;text-align:center;font-size:20px;border:0;border-radius:50%;background-color:rgba(0,0,0,.2);color:#fff;-webkit-transition-duration:.3s;transition-duration:.3s;cursor:pointer}.layui-carousel-arrow[lay-type=add]{left:auto!important;right:10px}.layui-carousel:hover .layui-carousel-arrow[lay-type=add],.layui-carousel[lay-arrow=always] .layui-carousel-arrow[lay-type=add]{right:20px}.layui-carousel[lay-arrow=always] .layui-carousel-arrow{opacity:1;left:20px}.layui-carousel[lay-arrow=none] .layui-carousel-arrow{display:none}.layui-carousel-arrow:hover,.layui-carousel-ind ul:hover{background-color:rgba(0,0,0,.35)}.layui-carousel:hover .layui-carousel-arrow{display:block\9;opacity:1;left:20px}.layui-carousel-ind{position:relative;top:-35px;width:100%;line-height:0!important;text-align:center;font-size:0}.layui-carousel[lay-indicator=outside]{margin-bottom:30px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind{top:10px}.layui-carousel[lay-indicator=outside] .layui-carousel-ind ul{background-color:rgba(0,0,0,.5)}.layui-carousel[lay-indicator=none] .layui-carousel-ind{display:none}.layui-carousel-ind ul{display:inline-block;padding:5px;background-color:rgba(0,0,0,.2);border-radius:10px;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li{display:inline-block;width:10px;height:10px;margin:0 3px;font-size:14px;background-color:#e2e2e2;background-color:rgba(255,255,255,.5);border-radius:50%;cursor:pointer;-webkit-transition-duration:.3s;transition-duration:.3s}.layui-carousel-ind li:hover{background-color:rgba(255,255,255,.7)}.layui-carousel-ind li.layui-this{background-color:#fff}.layui-carousel>[carousel-item]>.layui-carousel-next,.layui-carousel>[carousel-item]>.layui-carousel-prev,.layui-carousel>[carousel-item]>.layui-this{display:block}.layui-carousel>[carousel-item]>.layui-this{left:0}.layui-carousel>[carousel-item]>.layui-carousel-prev{left:-100%}.layui-carousel>[carousel-item]>.layui-carousel-next{left:100%}.layui-carousel>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel>[carousel-item]>.layui-carousel-prev.layui-carousel-right{left:0}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-left{left:-100%}.layui-carousel>[carousel-item]>.layui-this.layui-carousel-right{left:100%}.layui-carousel[lay-anim=updown] .layui-carousel-arrow{left:50%!important;top:20px;margin:0 0 0 -18px}.layui-carousel[lay-anim=updown]>[carousel-item]>*,.layui-carousel[lay-anim=fade]>[carousel-item]>*{left:0!important}.layui-carousel[lay-anim=updown] .layui-carousel-arrow[lay-type=add]{top:auto!important;bottom:20px}.layui-carousel[lay-anim=updown] .layui-carousel-ind{position:absolute;top:50%;right:20px;width:auto;height:auto}.layui-carousel[lay-anim=updown] .layui-carousel-ind ul{padding:3px 5px}.layui-carousel[lay-anim=updown] .layui-carousel-ind li{display:block;margin:6px 0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next{top:100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{top:0}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-left{top:-100%}.layui-carousel[lay-anim=updown]>[carousel-item]>.layui-this.layui-carousel-right{top:100%}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev{opacity:0}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-next.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-carousel-prev.layui-carousel-right{opacity:1}.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-left,.layui-carousel[lay-anim=fade]>[carousel-item]>.layui-this.layui-carousel-right{opacity:0}.layui-fixbar{position:fixed;right:15px;bottom:15px;z-index:999999}.layui-fixbar li{width:50px;height:50px;line-height:50px;margin-bottom:1px;text-align:center;cursor:pointer;font-size:30px;background-color:#9F9F9F;color:#fff;border-radius:2px;opacity:.95}.layui-fixbar li:hover{opacity:.85}.layui-fixbar li:active{opacity:1}.layui-fixbar .layui-fixbar-top{display:none;font-size:40px}body .layui-util-face{border:none;background:0 0}body .layui-util-face .layui-layer-content{padding:0;background-color:#fff;color:#666;box-shadow:none}.layui-util-face .layui-layer-TipsG{display:none}.layui-util-face ul{position:relative;width:372px;padding:10px;border:1px solid #D9D9D9;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,.2)}.layui-util-face ul li{cursor:pointer;float:left;border:1px solid #e8e8e8;height:22px;width:26px;overflow:hidden;margin:-1px 0 0 -1px;padding:4px 2px;text-align:center}.layui-util-face ul li:hover{position:relative;z-index:2;border:1px solid #eb7350;background:#fff9ec}.layui-code{position:relative;margin:10px 0;padding:15px;line-height:20px;border:1px solid #ddd;border-left-width:6px;background-color:#F2F2F2;color:#333;font-family:Courier New;font-size:12px}.layui-rate,.layui-rate *{display:inline-block;vertical-align:middle}.layui-rate{padding:10px 5px 10px 0;font-size:0}.layui-rate li i.layui-icon{font-size:20px;color:#FFB800;margin-right:5px;transition:all .3s;-webkit-transition:all .3s}.layui-rate li i:hover{cursor:pointer;transform:scale(1.12);-webkit-transform:scale(1.12)}.layui-rate[readonly] li i:hover{cursor:default;transform:scale(1)}.layui-colorpicker{width:26px;height:26px;border:1px solid #e6e6e6;padding:5px;border-radius:2px;line-height:24px;display:inline-block;cursor:pointer;transition:all .3s;-webkit-transition:all .3s}.layui-colorpicker:hover{border-color:#d2d2d2}.layui-colorpicker.layui-colorpicker-lg{width:34px;height:34px;line-height:32px}.layui-colorpicker.layui-colorpicker-sm{width:24px;height:24px;line-height:22px}.layui-colorpicker.layui-colorpicker-xs{width:22px;height:22px;line-height:20px}.layui-colorpicker-trigger-bgcolor{display:block;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);border-radius:2px}.layui-colorpicker-trigger-span{display:block;height:100%;box-sizing:border-box;border:1px solid rgba(0,0,0,.15);border-radius:2px;text-align:center}.layui-colorpicker-trigger-i{display:inline-block;color:#FFF;font-size:12px}.layui-colorpicker-trigger-i.layui-icon-close{color:#999}.layui-colorpicker-main{position:absolute;z-index:66666666;width:280px;padding:7px;background:#FFF;border:1px solid #d2d2d2;border-radius:2px;box-shadow:0 2px 4px rgba(0,0,0,.12)}.layui-colorpicker-main-wrapper{height:180px;position:relative}.layui-colorpicker-basis{width:260px;height:100%;position:relative}.layui-colorpicker-basis-white{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(90deg,#FFF,hsla(0,0%,100%,0))}.layui-colorpicker-basis-black{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(0deg,#000,transparent)}.layui-colorpicker-basis-cursor{width:10px;height:10px;border:1px solid #FFF;border-radius:50%;position:absolute;top:-3px;right:-3px;cursor:pointer}.layui-colorpicker-side{position:absolute;top:0;right:0;width:12px;height:100%;background:linear-gradient(red,#FF0,#0F0,#0FF,#00F,#F0F,red)}.layui-colorpicker-side-slider{width:100%;height:5px;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;left:0}.layui-colorpicker-main-alpha{display:none;height:12px;margin-top:7px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-alpha-bgcolor{height:100%;position:relative}.layui-colorpicker-alpha-slider{width:5px;height:100%;box-shadow:0 0 1px #888;box-sizing:border-box;background:#FFF;border-radius:1px;border:1px solid #f0f0f0;cursor:pointer;position:absolute;top:0}.layui-colorpicker-main-pre{padding-top:7px;font-size:0}.layui-colorpicker-pre{width:20px;height:20px;border-radius:2px;display:inline-block;margin-left:6px;margin-bottom:7px;cursor:pointer}.layui-colorpicker-pre:nth-child(11n+1){margin-left:0}.layui-colorpicker-pre-isalpha{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==)}.layui-colorpicker-pre.layui-this{box-shadow:0 0 3px 2px rgba(0,0,0,.15)}.layui-colorpicker-pre>div{height:100%;border-radius:2px}.layui-colorpicker-main-input{text-align:right;padding-top:7px}.layui-colorpicker-main-input .layui-btn-container .layui-btn{margin:0 0 0 10px}.layui-colorpicker-main-input div.layui-inline{float:left;margin-right:10px;font-size:14px}.layui-colorpicker-main-input input.layui-input{width:150px;height:30px;color:#666}.layui-slider{height:4px;background:#e2e2e2;border-radius:3px;position:relative;cursor:pointer}.layui-slider-bar{border-radius:3px;position:absolute;height:100%}.layui-slider-step{position:absolute;top:0;width:4px;height:4px;border-radius:50%;background:#FFF;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layui-slider-wrap{width:36px;height:36px;position:absolute;top:-16px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;text-align:center}.layui-slider-wrap-btn{width:12px;height:12px;border-radius:50%;background:#FFF;display:inline-block;vertical-align:middle;cursor:pointer;transition:.3s}.layui-slider-wrap:after{content:"";height:100%;display:inline-block;vertical-align:middle}.layui-slider-wrap-btn.layui-slider-hover,.layui-slider-wrap-btn:hover{transform:scale(1.2)}.layui-slider-wrap-btn.layui-disabled:hover{transform:scale(1)!important}.layui-slider-tips{position:absolute;top:-42px;z-index:66666666;white-space:nowrap;display:none;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#FFF;background:#000;border-radius:3px;height:25px;line-height:25px;padding:0 10px}.layui-slider-tips:after{content:'';position:absolute;bottom:-12px;left:50%;margin-left:-6px;width:0;height:0;border-width:6px;border-style:solid;border-color:#000 transparent transparent}.layui-slider-input{width:70px;height:32px;border:1px solid #e6e6e6;border-radius:3px;font-size:16px;line-height:32px;position:absolute;right:0;top:-15px}.layui-slider-input-btn{display:none;position:absolute;top:0;right:0;width:20px;height:100%;border-left:1px solid #d2d2d2}.layui-slider-input-btn i{cursor:pointer;position:absolute;right:0;bottom:0;width:20px;height:50%;font-size:12px;line-height:16px;text-align:center;color:#999}.layui-slider-input-btn i:first-child{top:0;border-bottom:1px solid #d2d2d2}.layui-slider-input-txt{height:100%;font-size:14px}.layui-slider-input-txt input{height:100%;border:none}.layui-slider-input-btn i:hover{color:#009688}.layui-slider-vertical{width:4px;margin-left:34px}.layui-slider-vertical .layui-slider-bar{width:4px}.layui-slider-vertical .layui-slider-step{top:auto;left:0;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-wrap{top:auto;left:-16px;-webkit-transform:translateY(50%);transform:translateY(50%)}.layui-slider-vertical .layui-slider-tips{top:auto;left:2px}@media \0screen{.layui-slider-wrap-btn{margin-left:-20px}.layui-slider-vertical .layui-slider-wrap-btn{margin-left:0;margin-bottom:-20px}.layui-slider-vertical .layui-slider-tips{margin-left:-8px}.layui-slider>span{margin-left:8px}}.layui-tree{line-height:22px}.layui-tree .layui-form-checkbox{margin:0!important}.layui-tree-set{width:100%;position:relative}.layui-tree-pack{display:none;padding-left:20px;position:relative}.layui-tree-iconClick,.layui-tree-main{display:inline-block;vertical-align:middle}.layui-tree-line .layui-tree-pack{padding-left:27px}.layui-tree-line .layui-tree-set .layui-tree-set:after{content:'';position:absolute;top:14px;left:-9px;width:17px;height:0;border-top:1px dotted #c0c4cc}.layui-tree-entry{position:relative;padding:3px 0;height:20px;white-space:nowrap}.layui-tree-entry:hover{background-color:#eee}.layui-tree-line .layui-tree-entry:hover{background-color:rgba(0,0,0,0)}.layui-tree-line .layui-tree-entry:hover .layui-tree-txt{color:#999;text-decoration:underline;transition:.3s}.layui-tree-main{cursor:pointer;padding-right:10px}.layui-tree-line .layui-tree-set:before{content:'';position:absolute;top:0;left:-9px;width:0;height:100%;border-left:1px dotted #c0c4cc}.layui-tree-line .layui-tree-set.layui-tree-setLineShort:before{height:13px}.layui-tree-line .layui-tree-set.layui-tree-setHide:before{height:0}.layui-tree-iconClick{position:relative;height:20px;line-height:20px;margin:0 10px;color:#c0c4cc}.layui-tree-icon{height:12px;line-height:12px;width:12px;text-align:center;border:1px solid #c0c4cc}.layui-tree-iconClick .layui-icon{font-size:18px}.layui-tree-icon .layui-icon{font-size:12px;color:#666}.layui-tree-iconArrow{padding:0 5px}.layui-tree-iconArrow:after{content:'';position:absolute;left:4px;top:3px;z-index:100;width:0;height:0;border-width:5px;border-style:solid;border-color:transparent transparent transparent #c0c4cc;transition:.5s}.layui-tree-btnGroup,.layui-tree-editInput{position:relative;vertical-align:middle;display:inline-block}.layui-tree-spread>.layui-tree-entry>.layui-tree-iconClick>.layui-tree-iconArrow:after{transform:rotate(90deg) translate(3px,4px)}.layui-tree-txt{display:inline-block;vertical-align:middle;color:#555}.layui-tree-search{margin-bottom:15px;color:#666}.layui-tree-btnGroup .layui-icon{display:inline-block;vertical-align:middle;padding:0 2px;cursor:pointer}.layui-tree-btnGroup .layui-icon:hover{color:#999;transition:.3s}.layui-tree-entry:hover .layui-tree-btnGroup{visibility:visible}.layui-tree-editInput{height:20px;line-height:20px;padding:0 3px;border:none;background-color:rgba(0,0,0,.05)}.layui-tree-emptyText{text-align:center;color:#999}.layui-anim{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.layui-anim.layui-icon{display:inline-block}.layui-anim-loop{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.layui-trans,.layui-trans a{transition:all .3s;-webkit-transition:all .3s}@-webkit-keyframes layui-rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@keyframes layui-rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.layui-anim-rotate{-webkit-animation-name:layui-rotate;animation-name:layui-rotate;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-timing-function:linear;animation-timing-function:linear}@-webkit-keyframes layui-up{from{-webkit-transform:translate3d(0,100%,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-up{from{transform:translate3d(0,100%,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-up{-webkit-animation-name:layui-up;animation-name:layui-up}@-webkit-keyframes layui-upbit{from{-webkit-transform:translate3d(0,30px,0);opacity:.3}to{-webkit-transform:translate3d(0,0,0);opacity:1}}@keyframes layui-upbit{from{transform:translate3d(0,30px,0);opacity:.3}to{transform:translate3d(0,0,0);opacity:1}}.layui-anim-upbit{-webkit-animation-name:layui-upbit;animation-name:layui-upbit}@-webkit-keyframes layui-scale{0%{opacity:.3;-webkit-transform:scale(.5)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale{0%{opacity:.3;-ms-transform:scale(.5);transform:scale(.5)}100%{opacity:1;-ms-transform:scale(1);transform:scale(1)}}.layui-anim-scale{-webkit-animation-name:layui-scale;animation-name:layui-scale}@-webkit-keyframes layui-scale-spring{0%{opacity:.5;-webkit-transform:scale(.5)}80%{opacity:.8;-webkit-transform:scale(1.1)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes layui-scale-spring{0%{opacity:.5;transform:scale(.5)}80%{opacity:.8;transform:scale(1.1)}100%{opacity:1;transform:scale(1)}}.layui-anim-scaleSpring{-webkit-animation-name:layui-scale-spring;animation-name:layui-scale-spring}@-webkit-keyframes layui-fadein{0%{opacity:0}100%{opacity:1}}@keyframes layui-fadein{0%{opacity:0}100%{opacity:1}} + .layui-anim-fadein{-webkit-animation-name:layui-fadein;animation-name:layui-fadein} + @-webkit-keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}} + @keyframes layui-fadeout{0%{opacity:1}100%{opacity:0}} + .layui-anim-fadeout{-webkit-animation-name:layui-fadeout;animation-name:layui-fadeout} \ No newline at end of file diff --git a/WebContent/back/css/login.css b/WebContent/back/css/login.css new file mode 100644 index 0000000..73a4752 --- /dev/null +++ b/WebContent/back/css/login.css @@ -0,0 +1,185 @@ +html{ + width: 1200px; +} +#login { + min-height: 500px; + width: 100%; +} +#header { + height: 87px; + width: 100%; +} +#logo { + height: 87px; + width: 1200px; + margin-right: auto; + margin-left: auto; +} +#logo a:hover{ + opacity: 0.5; +} +#footer { +} +#logo_img { + float: left; + margin-left:20px; +} +#login_logo_right { + float: left; + position: relative; + top: 20px; + color: #666; + font-size: 18px; +} +span{ + margin:0 10px; + } +span a { + color: #666; + text-decoration: none; + transition:margin-right 1s; +} +span a:hover{ + margin-right:20px; + } + + +#content_bg { + width:100%; + min-height: 444px; +} +#content { + min-height: 444px; + text-align:center; + position:relative; + +} + +#login_content { + background-color: #FFF; + height: 360px; + width: 300px; + position: absolute; + bottom: 45px; + left: 1050px; + padding:20px 0px; +} +.span_register { + font-size: 20px; + color: #000; + transition:margin-right 1s; +} +.span_register:hover{ + border-bottom:2px solid #900; + color:#900; + margin-right:-20px; + } +.span_login { + font-size: 20px; + + margin-right: 35px; + + transition:margin-left 1s; +} +.span_login:hover{ + margin-left:-20px; + border-bottom:2px solid #900; + } +#interactarea { + margin-top: 20px; +} +#img_login_wx { + + +} +#id{ + width:250px; + height:35px; + line-height:35px; + border:1px solid #900; + color:#666; + padding-left:10px; + } +#id:hover{ + border:1px solid #bfa9e7; + } +#pwd { + height: 35px; + width: 250px; + margin-top: 20px; + padding-left: 10px; + line-height:35px; + border:1px solid #900; + color:#666; +} +#pwd:hover{ + border:1px solid #bfa9e7; + } +p { + font-size: 13px; + font-weight: bold; + text-align:left; + margin:20px; + +} +p .forgetpwd a { + font-size:12px; + color: #900; + margin-left: 89px; +} +#login_btn { + font-size: 18px; + line-height: 18px; + color: #FFF; + background-color: #900; + height: 35px; + width: 250px; + border-radius:8px; + transition:background 1s; +} +#login_btn:hover{ + background:#FFF; + color:#900; + } +h5 { + font-weight: normal; + margin-top: 20px; +} +#footer { + background-color: #f4f4f4; + height: 150px; + width: 1500px; + position: relative; + top: 20px; +} +#copyright { + height: 150px; + width: 1500px; + margin-right: auto; + margin-left: auto; + padding-top:25px; + +} +.bqxx{ + text-align:center; + font-size:14px; + color:#666; +} + +.tab_btn{ + border-bottom-color: white; + color: #333333; +} +.tab_div{ + display: none; +} +.curr_btn{ + border-bottom:2px solid #900; !important; + color:#900; +} +.curr_div{ + display: block !important; +} +.error{ + color: red; +} diff --git a/WebContent/back/css/login_s.css b/WebContent/back/css/login_s.css new file mode 100644 index 0000000..fd2048d --- /dev/null +++ b/WebContent/back/css/login_s.css @@ -0,0 +1,15 @@ +body{ + background: url(../img/login/paper.jpg); +} +.top,.bottom{ + width: 100%; + height: 125px; +} +.middle{ + text-align: center; +} + +td{ + text-align: center; + +} diff --git a/WebContent/back/css/moockTj.css b/WebContent/back/css/moockTj.css new file mode 100644 index 0000000..5c7945a --- /dev/null +++ b/WebContent/back/css/moockTj.css @@ -0,0 +1,242 @@ +@charset "utf-8"; +/* CSS Document */ + +/*格式化样式*/ +*{margin:0;padding:0} +body{font:12px/1.5 Microsoft YaHei,Arial, Helvetica, sans-serif;color:#333;} +table{width:100%; border-collapse:collapse;border:none;border-spacing:0} +a{text-decoration:none;} +img{border:none} +input{vertical-align:middle;outline:none} +textarea{outline:none;} +ul,ol,dl{list-style:none;} +b,em,i,u,strong{font-weight:normal;font-style:normal;text-decoration:none;} +h1,h2,h3,h4,h5,h6{font-size:14px;font-weight:normal;} + +/*公共样式*/ +.fl{float:left;} +.fr{float:right;} +.clearfix{overflow:hidden;zoom:1} +.clear{clear:both} +.red{color:#d10000;} +.font14{font-size:14px;} +.blue{color:#5699cc;} +.col9{color:#999;} + +.wrap1100{width:1100px;margin:0 auto;} +.tjHeader{height:143px;background:#FFF;margin-top:12px;} +.tjTitle{width:770px;padding:0 50px;line-height:36px;padding-top:40px;} +.tjTitle h3{font-size:24px;} +.tjTitle02{padding-bottom:20px; margin-bottom:10px;} +.tjTitle02 h3{font-size:24px;padding-top:33px;line-height:30px;padding-bottom:10px;} + +.marTop20 {margin-top:20px;} +.tjMain {background: #FFFFFF;padding: 12px 50px 30px;} +.tjCourse{font-size:16px;color:#363636;height:54px;line-height:54px;} +.tjTable01 tr th{height:43px;line-height:43px;border:solid 1px #d9d9d9;border-bottom:solid 1px #f0f0f0;background:#f4f4f4;padding:0 5px;color:#898989;font-size:14px;} +.tjTable01 tr th .top{display:inline-block;width:11px;height:13px;background:url(../images/kjIcon.png) no-repeat left top;} +.tjTable01 tr th .bottom{display:inline-block;width:11px;height:13px;background:url(../images/kjIcon.png) no-repeat right top;} +.tjTable01 tr td{padding:10px 5px;color:#555;border-bottom:dotted 1px #cbcbcb;} +.tjTable01 tr td i.red{float:left;margin-left:156px;} +.tjTable01 tr a.xq{} +.tjTable01 tr.Bg{background:#f8f8f8;} +.tjTable01 tr.show a.xq{display:block;} +.tjTableCon{overflow:hidden;} +.tjMore{height:30px;line-height:30px;width:80px;margin:20px auto;font-size:14px;} +.tjMore i{width:11px;height:6px;background:url(../images/kjIcon.png) no-repeat left -18px;display:inline-block;margin-left:10px;} +.tjMore a.hid i{width:11px;height:6px;background:url(../images/kjIcon.png) no-repeat right -18px;display:inline-block;margin-left:10px;} +.tjMore02 a.hid02 {display:none} +.tjMore02 a.hid{display:block;} + +.Axzzjbtn{display:block;background:#7b9e31;padding:0 10px;font-size:14px;height:28px;line-height:28px;border-radius:3px;margin-bottom:15px;color:#fff;} +.Axzzjbtn:hover{color:#fff;} +.Zytbicon{display:inline-block;width:15px;height:16px;background:url(../images/tjIcons.png) no-repeat left -25px;margin-right:5px;vertical-align: middle;} +.Zytbicon2{display:inline-block;width:18px;height:18px;background:url(../images/tabSpan.gif) no-repeat;margin-right:5px;vertical-align: middle;} + +.het{height:auto;} +.DTList{/*border:solid 1px #dfdfdf;*/padding:20px;} +.tjCon{background:url(../images/kjSHu.gif) repeat-y 121px ;} +.DTList .DTListDaYi{margin-left:108px;} +.DTList .DTListDaYi span.dy{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -310px -176px;margin-top:3px;} +.DTList .DTListDaYi span.tl{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -350px -176px;margin-top:3px;} +.DTList .DTListDaYi span.zl{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -390px -176px;margin-top:3px;} +.DTList .DTListDaYi span.yz{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -430px -176px;margin-top:3px;} +.DTList .DTListDaYi span.cy{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -470px -176px;margin-top:3px;} +.DTList .DTListDaYi span.video{float:left;width:30px;height:34px;background:url(../images/kjicons.png) no-repeat -312px -668px;margin-top:3px;} +.DTList .DTListDaYi .DTListDYRIght{position:relative;line-height:24px;margin-top:5px;border:solid 1px #dcdcdc;border-radius:5px;padding:5px;margin-left:10px;background:#fbfbfb;-webkit-box-shadow: -1px -1px 5px #CCC;-moz-box-shadow: -1px -1px 5px #CCC ;box-shadow: -1px -1px 5px #CCC;} +.DTList .DTListDaYi .DTListDYRIght p{line-height:20px;} +.DTList .DTListDaYi .DTListDYRIght a.photo{width:25px;height:25px;margin-right:10px;} +.clock{background:url(../images/kjicons.png) no-repeat -306px -285px;padding-left:20px;color:#999;} +.DTList .DTListDaYi .DTListDYRIght a.blue02{color:#2070bf;} +.DTList .DTListDaYi .DTListDYRIght a.blue02:hover{color:#003366;} +.LeftDian{position:absolute;width:7px;height:10px;background:url(../images/kjicons.png) no-repeat -464px -244px;left:-6px;top:7px;} +.LeftDian:hover{background:url(../images/kjicons.png) no-repeat -480px -244px;} +.DTList .DTListDaYi.Hover .DTListDYRIght{background:#f5f9fc;border-color:#cddce8;} + +.DAte{padding:10px 20px;overflow:hidden;zoom:1;} +.DAte span{float:left;width:79px;height:26px;background:url(../images/kjicons.png) no-repeat -303px -215px;font-size:14px;text-align:left;line-height:26px;padding-left:6px;margin-right:12px;} +.DAte b{float:left;width:12px;height:15px;background:url(../images/kjicons.png) no-repeat -442px -244px;} +.pad110{padding-left:110px;} + +.wid480{width:655px;} +.wid480 .wid02{width:600px} +.wid410{width:545px;} +.wid410 .wid02{width:500px;} +.wid350{width:405px;} +.wid350 .wid02{width:360px;} +/*返回*/ +/*.Reback{height:46px;line-height:46px;padding-top:5px;} +.Reback a{font-size:14px; color:#0099cc;} +.Reback i{ width:13px; height:15px; background:url(../images/kjicons.png) -40px -116px no-repeat; float:left; margin-right:5px; margin-top:16px;} +.Reback a:hover{color:#003366}*/ + +.jd{padding-top:10px;} +.jdLeft{width:310px;float:left;height:20px;background:#eaeaea;border-radius:5px;} +.jdLeft span{display:block;height:20px;background:#5ccd59;border-radius:5px;} +.tjUnit{border:solid 1px #d7d7d7;border-left:none;border-right:none;overflow:hidden;} + +.tjUnit table.tab01 tr td,.tjUnit table tr th{padding:0 10px;} +.tjUnit table.tab01 tr td{height:45px;border-bottom:dotted 1px #cfcfcf} +.tjUnit table.tab01 tr th{height:45px;background:#efefef;border-left:solid 1px #d7d7d7;color:#666;} +.tjUnit table.tab01 tr td.tdBg{background:#f2f2f2;} +.tjUnit table.tab01 tr td.tdbg02{background:#EAF6F2;padding:0} +.tjUnit table.tab02 tr td{height:45px;border-bottom:dotted 1px #cfcfcf} +.tjUnit table.tab02 tr th{height:40px;background:#efefef;border-left:solid 1px #eee;border-bottom:solid 1px #eee;padding:0;color:#666;font-weight:100;padding-top:5px;word-wrap:break-word;word-break:break-all;} +.tjUnit table.tab02 tr th.box_r{height:45px;padding-top:0;} +.tjUnit table.tab02 tr th.box_l{height:45px;padding-top:0;} +.tjUnit table.tab02 tr td.tdBg{background:#eff5f9;} +.tjUnit table.tab02 tr.HoverBg{background:#f8f8f8;} +.tjUnit table.tab02 tr th span.tabSpan{/*background:url(../images/tabSpan.gif) no-repeat left center;*/padding-left:5px;padding-right:5px;} +.tjUnit table.tab02 tr th a.tabA{/*background:url(../images/tabA.gif) no-repeat left center;*/padding-left:5px;padding-top:5px;color:#666;} +.tjUnit table.tab01 tr.HoverBg{background:#f8f8f8;} + +/*.Btn_blue_1{display:inline-block; height:28px;padding:0 10px;background:#0099cc; border:1px solid #0081ac; border-bottom:1px solid #006789; font-size:14px; color:#FFF; line-height:25px; cursor:pointer; border-radius:2px;} +.Btn_blue_1:hover{ background:#0089b7; border:1px solid #0079a1; border-bottom:1px solid #005672; color:#FFF;}*/ + +.leftBtnNone{display:block; width:37px;height:44px; background:url(../images/leftBtnNone.gif) no-repeat;} +a.leftBtn{display:block; width:37px;height:44px; background:url(../images/leftBtn.gif) no-repeat;} +a.leftBtn:hover{ background:url(../images/leftBtnHover.gif) no-repeat;} + +.rightBtnNone{display:block; width:37px;height:44px; background:url(../images/rightBtnNone.gif) no-repeat;} +a.rightBtn{display:block; width:37px;height:44px; background:url(../images/rightBtn.gif) no-repeat;} +a.rightBtn:hover{ background:url(../images/rightBtnHover.gif) no-repeat;} + +.PY{background:#43bdb7;display:inline-block;height:21px;line-height:21px;border-radius:5px;color:#FFF;padding:0 10px;} +.PY:hover{color:#FFF;background:#238f8a} +.smlPer{width:84px;height:16px;background:#bfdbd0;border-radius:3px;text-align:left;position:relative;} +.smlPer span{display:block;height:16px;background:#5ccd59;border-radius:3px;} +.smlPer b{position:absolute;width:84px;height:16px;line-height:16px;color:#FFF;top:0;left:0;text-align:center;} + +.studentMain{border-bottom:solid 0px #d9d9d9;} +.studentTitle{font-size:18px;height:30px;line-height:30px;border-bottom:solid 2px #d9d9d9;padding-bottom:15px;} +.studenCon{overflow:hidden;} +.studenCon h3{padding:10px 0;font-size:14px;color:#555;} +.studenCon p{padding:15px 0;width:385px;} + +.tjUnit02 table.tab03 tr td{height:45px;border-top:solid 1px #CCC;border-right:dotted 1px #CCC} +.tjUnit02 table.tab03 tr th{height:44px;background:#fafafa;border-left:solid 1px #ccc;padding:0;color:#666;overflow:hidden;} +.tjUnit02 table.tab03 tr th span.tabSpan{background:url(../images/tabSpan.gif) no-repeat left center;padding-left:20px;display:inline-block} +.tjUnit02 table.tab03 tr th a.tabA{background:url(../images/tabA.gif) no-repeat left center;padding-left:20px;padding-top:2px;color:#666;display:inline-block;} +.tjUnit02 table.tab03 tr td .smallTable tr th,.tjUnit02 table.tab03 tr td .smallTable tr td{border:none} +.tjUnit02 table.tab03 tr th .smallTable tr td{border-right:none;border-top:none} + +.tjUnit02{border:solid 1px #cbd0d8;} +.tjTime01 {line-height:45px;width:80px;text-align:left;color:#555;} +.tjTime01 i{float:left;width:16px;height:16px;background:url(../images/TjTime.png) no-repeat left top;margin-right:3px;margin-top:13px;} +.tjTime02 {line-height:45px;width:80px;text-align:left;color:#ef921a;} +.tjTime02 i{float:left;width:16px;height:11px;background:url(../images/TjTime.png) no-repeat right top;margin-right:3px;margin-top:18px;} +.tjTime02 i.already{background:url(../images/alreday.png) no-repeat;} + +.tjTime03 {line-height:45px;width:80px;text-align:left;color:#ef921a;} +.tjTime03 i{width:16px;height:11px;margin-right:3px;margin-top:18px;} +.tjTime03 i.already{background:url(../images/alreday.png) no-repeat;} + +.needShow{} +.hide{display:none} +.newTjBottom{border:solid 1px #CBD0D8;padding:1px} +.newTjBottom table tr td{padding:10px;border-left:solid 1px #D7D7D7} +.newTjBottom table tr th{padding:10px;border-left:solid 1px #D7D7D7;background:#EFEFEF} +.newTjBottom table tr th,.newTjBottom table tr td{font-size:14px;font-weight:100px;color:#777;} + +/*2014-03-24*/ +.tjDetail{font-size:24px;margin-bottom:10px;} +.tjDetailTitle{height:48px;line-height:48px;border-bottom:solid 2px #dbdbdb;font-size:14px;} +.tjDetailTitle a{color:#0099cc;} +.tjDetailBottom{padding-top:34px;} +.tjDetailBottom table{margin-top:-1px;} +.tjDetailBottom table tr td{border:solid 1px #cfd4dc;padding:10px;height:20px;} +.tjDetailBottom table tr td.tjTdBg{background:#f1f3f4;font-size:14px;} +/*.tjDetailBottom table tr td p{display:inline}*/ +/*.tjDetailBottom table tr td span{padding:0 10px;float:left;}*/ +.tjLrBtn{height:21px;line-height:21px;padding:0 7px;border-radius:5px;background:#00beb8;color:#FFF;} +.tjLrBtn:hover{background:#019f9a;color:#FFF;} +.tjDetailBtn{height:21px;line-height:21px;padding:0 7px;border-radius:5px;background:#0099cc;color:#FFF;} +.tjDetailBtn:hover{background:#017da6;color:#FFF;} +/** +* 章节目录的下拉菜单样式 +**/ +/*添加*/ +.xuanxiang{margin-top:10px;height:26px;} +.choicemenu{position:relative;float:left;} +.choicelist{position:absolute;width:380px;border:1px solid #e2e2e2;background:#fff;left:10px;top:27px;height:300px;overflow-y:scroll;display:none} +.alreadychoice{width:85px;height:25px;line-height:25px;text-align:center;background:#fcfcfc;border:1px solid #ccc;border-radius:3px;cursor:pointer;} +.alreadychoice em{width:7px;height:4px;display:inline-block;font-size:0px;line-height:0px;overflow:hidden;background:url(../images/bg.png) -49px -178px;margin:10px 10px 0px 0px;float:right;} +.alreadychoice em.xiangxi{background-position: -58px -178px} +.defaults{height:36px;line-height:36px;font-size:14px;padding-left:10px;} +.listcontent h2{padding-left:10px;background:#fafafa} +.listcontent h2,.listcontent h3,.listcontent h4{font-size:12px;font-weight:normal;height:22px;line-height:22px;border-top:1px solid #e2e2e2} +.listcontent h3{padding-left:30px;cursor:pointer} +.listcontent h2:hover,.listcontent h3:hover,.listcontent h4:hover{background:#ccc;cursor: pointer} +.listcontent h4{padding-left:40px;cursor:pointer} + +.highcharts span{float:left;height:31px;line-height:31px;background:#f2f2f2;margin-left:3px;font-size:14px;width:81px;text-align:center} +.highcharts span.currents{background:#7a9e30;color:#FFF;} +/*2014-07-08*/ +/*公共table样式表*/ +.discusTitle{height:50px;line-height:50px;font-size:18px;} +.commonTable tr th{border:solid 1px #e1e1e1;padding:10px 5px;text-align:center;font-size:14px;color:#555;background:#fafafa;} +.commonTable tr th.borLeftNone,.commonTable tr td.borLeftNone{border-left:none;} +.commonTable tr th.borRightNone,.commonTable tr td.borRightNone{border-right:none;} +.commonTable tr td.bgColor,.commonTable tr.bgColor{background:#fafafa;} +.commonTable tr td{border-bottom:solid 1px #e1e1e1;padding:10px 5px;text-align:center;font-size:12px;border-right:dashed 1px #e1e1e1;border-left:dashed 1px #e1e1e1;color:#666;} +.commonTable tr th em{display:inline-block;width:10px;height:10px;background:url(../images/topdownicons.gif) no-repeat} +.commonTable tr th em.top{background-position:left bottom} +.commonTable tr th em.bottom{background-position:left top;padding-bottom:0} +.commonTable tr th.gren{background:#7a9e30;color:#FFF;} +.commonTable tr th.gren a{color:#FFF;} +.commonTable tr th.gren em.top{background-position:right bottom} +.commonTable tr th.gren em.bottom{background-position:right top} +.commonTable tr th.gren a{color:#FFF;} +.commonTable tr th.gren em.top{background-position:right bottom} +.commonTable tr th.gren em.bottom{background-position:right top;padding-bottom:0;} +.commonTable tr th.thbg02{background:#7a9e30} +.commonTable tr th.thbg02 a{color:#FFF;} +.commonTable tr th.thbg02 em.top{background-position:right bottom} +.commonTable tr th.thbg02 em.bottom{background-position:right top} +.commonTable tr th.thbg02 a{color:#FFF;} +.commonTable tr th.thbg02 em.top{background-position:right bottom} +.commonTable tr th.thbg02 em.bottom{background-position:right top} +/*2014-07-07*/ +.tjStuRight{width:117px;padding-top:25px;position:relative;} +.tjStuRight ul{background:#95b948;display:none;position:absolute;left:0;top:58px;width:117px;z-index:999} +.tjStuRight ul li{height:25px;border-top:solid 1px #afd362;line-height:25px;color:#FFF;} +.width52{width:52px;padding-left:10px;padding-right:15px;text-align:right;} +.tjStuTitle{height:49px;line-height:49px;font-size:16px;} +.tjStuBottom li{height:24px;line-height:24px;margin-bottom:10px;} +.wid40{width:62px;font-size:14px;color:#000} +.tjStuPer{width:232px;margin-top:4px;background:#bfdbd0;height:16px;border-radius:3px;position:relative} +.tjStuPer span{display:inline-block;height:16px;background:#5ccd59;border-radius:3px} +.tjStuPer b{position:absolute;height:16px;line-height:16px;color:#FFF;left:49%;top:0} + +.wrap1000{width:1000px;margin:0 auto} +.tjStu0707{width:655px;} +.tjStuLeftTop{height:54px;border:solid 1px #f4e6e5;border-left:none;border-right:none;background:#fbf5f4;margin-top:15px;line-height:54px;padding:0 20px;font-size:14px;color:#666;} +.tjStuLeftTop span i{font-size:22px;color:#d21313} +.tjStuLeftTop span em{color:#000;} + +.Zytbicon1{display:inline-block;width:15px;height:16px;background:url(../images/tjIcons.png) no-repeat left -51px;vertical-align: middle;} +.Zytbicon4{display:block;margin-right:2px;width:17px;height:16px;background:url(../images/tabSpan.gif) no-repeat;position:absolute;left:5px;top:0} + +/* 返回按钮样式 */ +.backBtn{padding-left:20px;font-size:14px;color:#7a9e30;background:url(/images/group/fh.png) no-repeat left center;} +.backBtn:hover{color:#7a9e30;} \ No newline at end of file diff --git a/WebContent/back/images/back_index/border.jpg b/WebContent/back/images/back_index/border.jpg new file mode 100644 index 0000000..49eb9c6 Binary files /dev/null and b/WebContent/back/images/back_index/border.jpg differ diff --git a/WebContent/back/images/back_index/paper.jpg b/WebContent/back/images/back_index/paper.jpg new file mode 100644 index 0000000..9cb3ea6 Binary files /dev/null and b/WebContent/back/images/back_index/paper.jpg differ diff --git a/WebContent/back/images/doctor_index/doctor.png b/WebContent/back/images/doctor_index/doctor.png new file mode 100644 index 0000000..5907f85 Binary files /dev/null and b/WebContent/back/images/doctor_index/doctor.png differ diff --git a/WebContent/back/images/doctor_index/logbg.jpg b/WebContent/back/images/doctor_index/logbg.jpg new file mode 100644 index 0000000..53cd3b1 Binary files /dev/null and b/WebContent/back/images/doctor_index/logbg.jpg differ diff --git a/WebContent/back/images/doctor_index/logoName_green.png b/WebContent/back/images/doctor_index/logoName_green.png new file mode 100644 index 0000000..f19ded2 Binary files /dev/null and b/WebContent/back/images/doctor_index/logoName_green.png differ diff --git a/WebContent/back/images/icon/back.png b/WebContent/back/images/icon/back.png new file mode 100644 index 0000000..4f1834b Binary files /dev/null and b/WebContent/back/images/icon/back.png differ diff --git a/WebContent/back/images/icon/back_bt.png b/WebContent/back/images/icon/back_bt.png new file mode 100644 index 0000000..14254bb Binary files /dev/null and b/WebContent/back/images/icon/back_bt.png differ diff --git a/WebContent/back/images/icon/back_page.png b/WebContent/back/images/icon/back_page.png new file mode 100644 index 0000000..6294ae5 Binary files /dev/null and b/WebContent/back/images/icon/back_page.png differ diff --git a/WebContent/back/images/icon/change_pwd_bt.png b/WebContent/back/images/icon/change_pwd_bt.png new file mode 100644 index 0000000..cd17b27 Binary files /dev/null and b/WebContent/back/images/icon/change_pwd_bt.png differ diff --git a/WebContent/back/images/icon/end_page.png b/WebContent/back/images/icon/end_page.png new file mode 100644 index 0000000..f3b2781 Binary files /dev/null and b/WebContent/back/images/icon/end_page.png differ diff --git a/WebContent/back/images/icon/go.png b/WebContent/back/images/icon/go.png new file mode 100644 index 0000000..37f3e17 Binary files /dev/null and b/WebContent/back/images/icon/go.png differ diff --git a/WebContent/back/images/icon/help.png b/WebContent/back/images/icon/help.png new file mode 100644 index 0000000..8115976 Binary files /dev/null and b/WebContent/back/images/icon/help.png differ diff --git a/WebContent/back/images/icon/index_bt.png b/WebContent/back/images/icon/index_bt.png new file mode 100644 index 0000000..19480ce Binary files /dev/null and b/WebContent/back/images/icon/index_bt.png differ diff --git a/WebContent/back/images/icon/index_icon.png b/WebContent/back/images/icon/index_icon.png new file mode 100644 index 0000000..19d8fd1 Binary files /dev/null and b/WebContent/back/images/icon/index_icon.png differ diff --git a/WebContent/back/images/icon/next_page.png b/WebContent/back/images/icon/next_page.png new file mode 100644 index 0000000..4d01d1b Binary files /dev/null and b/WebContent/back/images/icon/next_page.png differ diff --git a/WebContent/back/images/icon/refresh.png b/WebContent/back/images/icon/refresh.png new file mode 100644 index 0000000..4667a34 Binary files /dev/null and b/WebContent/back/images/icon/refresh.png differ diff --git a/WebContent/back/images/icon/turn.png b/WebContent/back/images/icon/turn.png new file mode 100644 index 0000000..4be3c31 Binary files /dev/null and b/WebContent/back/images/icon/turn.png differ diff --git a/WebContent/back/images/icon/user_bt.png b/WebContent/back/images/icon/user_bt.png new file mode 100644 index 0000000..3db8803 Binary files /dev/null and b/WebContent/back/images/icon/user_bt.png differ diff --git a/WebContent/back/images/login/hospital.png b/WebContent/back/images/login/hospital.png new file mode 100644 index 0000000..8feaf1e Binary files /dev/null and b/WebContent/back/images/login/hospital.png differ diff --git a/WebContent/back/images/login/login_wx.png b/WebContent/back/images/login/login_wx.png new file mode 100644 index 0000000..2348ebf Binary files /dev/null and b/WebContent/back/images/login/login_wx.png differ diff --git a/WebContent/back/images/login/loginbg.jpg b/WebContent/back/images/login/loginbg.jpg new file mode 100644 index 0000000..c805127 Binary files /dev/null and b/WebContent/back/images/login/loginbg.jpg differ diff --git a/WebContent/back/images/login/loginbg2.jpg b/WebContent/back/images/login/loginbg2.jpg new file mode 100644 index 0000000..5831160 Binary files /dev/null and b/WebContent/back/images/login/loginbg2.jpg differ diff --git a/WebContent/back/images/login/logo.png b/WebContent/back/images/login/logo.png new file mode 100644 index 0000000..97a90a8 Binary files /dev/null and b/WebContent/back/images/login/logo.png differ diff --git a/WebContent/back/images/login/logoName.png b/WebContent/back/images/login/logoName.png new file mode 100644 index 0000000..1e41196 Binary files /dev/null and b/WebContent/back/images/login/logoName.png differ diff --git a/WebContent/back/images/login/paper.jpg b/WebContent/back/images/login/paper.jpg new file mode 100644 index 0000000..9cb3ea6 Binary files /dev/null and b/WebContent/back/images/login/paper.jpg differ diff --git a/WebContent/back/images/login/user-photo.png b/WebContent/back/images/login/user-photo.png new file mode 100644 index 0000000..051b92e Binary files /dev/null and b/WebContent/back/images/login/user-photo.png differ diff --git a/WebContent/back/message.jsp b/WebContent/back/message.jsp new file mode 100644 index 0000000..3d00873 --- /dev/null +++ b/WebContent/back/message.jsp @@ -0,0 +1,15 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + +反馈页面 + + +
+

${message}

+
+ + \ No newline at end of file diff --git a/WebContent/back/selectResult.jsp b/WebContent/back/selectResult.jsp new file mode 100644 index 0000000..9413257 --- /dev/null +++ b/WebContent/back/selectResult.jsp @@ -0,0 +1,51 @@ +<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ page import="java.util.*,com.model.Member"%> + + + + + 后台管理 + + + +
+ + + + + + + + + + +<%-- <%String result = (String)request.getAttribute("result"); --%> +<%-- if(result.equals("")){}else{out.write(result);}%> --%> + <%ArrayList memberList = (ArrayList)request.getAttribute("memberList"); %> + <% if(memberList!=null && memberList.size()!=0){ %> + <% for(int i=0;i + + + + + + + + + + + + <%} + }%> +
账号真实姓名身份证号会员等级账户余额冻结状态操作
<%=member.getTruename()%><%=member.getCardno()%><%=member.getGrade()%><%=member.getAmount()%> + +   +
+ + <%String massage = (String)session.getAttribute("massage");%> + <%if(massage != null) { + out.println(massage); + session.removeAttribute("massage"); }%> + + diff --git a/WebContent/back/selectResult_order.jsp b/WebContent/back/selectResult_order.jsp new file mode 100644 index 0000000..310a2c4 --- /dev/null +++ b/WebContent/back/selectResult_order.jsp @@ -0,0 +1,45 @@ +<%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> +<%@ page import="java.util.*,com.model.order"%> + + + + + 后台管理 + + + +
+ + + + + + + + + +<%-- <%String result = (String)request.getAttribute("result"); --%> +<%-- if(result.equals("")){}else{out.write(result);}%> --%> + <%ArrayList orderList = (ArrayList)request.getAttribute("orderList"); %> + <% if(orderList!=null && orderList.size()!=0){ %> + <% for(int i=0;i + + + + + + + + + + + <%} + }%> +
用户名订单号商品号商品名数量操作
<%=order.getOrderID()%><%=order.getGoodsID()%><%=order.getGoodsName()%><%=order.getNumber()%> + +   +
+ + + \ No newline at end of file diff --git a/WebContent/front/agreement.html b/WebContent/front/agreement.html new file mode 100644 index 0000000..7bda039 --- /dev/null +++ b/WebContent/front/agreement.html @@ -0,0 +1,139 @@ + + + + + 魔法集市注册协议 + + +魔法集市注册协议 +
+尊敬的用户,欢迎您注册成为本网站用户。在注册前请您仔细阅读如下服务条款:
+本服务协议双方为本网站与本网站用户,本服务协议具有合同效力。
+您确认本服务协议后,本服务协议即在您和本网站之间产生法律效力。请您务必在注册之前认真阅读全部服务协议内容,如有任何疑问,可向本网站咨询。
+无论您事实上是否在注册之前认真阅读了本服务协议,只要您点击协议正本下方的"注册"按钮并按照本网站注册程序成功注册为用户,您的行为仍然表示您同意并签署了本服务协议。
+
+1.本网站服务条款的确认和接纳
+本网站各项服务的所有权和运作权归本网站拥有。
+2.用户必须:
+(1)自行配备上网的所需设备, 包括个人电脑、调制解调器或其他必备上网装置。
+(2)自行负担个人上网所支付的与此服务有关的电话费用、 网络费用。
+3.用户在本网站上交易平台上不得发布下列违法信息:
+(1)反对宪法所确定的基本原则的;
+(2).危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的;
+(3).损害国家荣誉和利益的;
+(4).煽动民族仇恨、民族歧视,破坏民族团结的;
+(5).破坏国家宗教政策,宣扬邪教和封建迷信的;
+(6).散布谣言,扰乱社会秩序,破坏社会稳定的;
+(7).散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
+(8).侮辱或者诽谤他人,侵害他人合法权益的;
+(9).含有法律、行政法规禁止的其他内容的。
+4. 有关个人资料
+用户同意:
+(1) 提供及时、详尽及准确的个人资料。
+(2).同意接收来自本网站的信息。
+(3) 不断更新注册资料,符合及时、详尽准确的要求。所有原始键入的资料将引用为注册资料。
+(4)本网站不公开用户的姓名、地址、电子邮箱和笔名,以下情况除外:
+(a)用户授权本网站透露这些信息。
+(b)相应的法律及程序要求本网站提供用户的个人资料。如果用户提供的资料包含有不正确的信息,本网站保留结束用户使用本网站信息服务资格的权利。
+5. 服务条款的修改
+本网站有权在必要时修改服务条款,本网站服务条款一旦发生变动,将会在重要页面上提示修改内容。如果不同意所改动的内容,用户可以主动取消获得的本网站信息服务。如果用户继续享用本网站信息服务,则视为接受服务条款的变动。本网站保留随时修改或中断服务而不需通知用户的权利。本网站行使修改或中断服务的权利,不需对用户或第三方负责。
+6. 用户隐私制度
+尊重用户个人隐私是本网站的一项基本政策。所以,本网站一定不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本网站中的非公开内容,除非有法律许可要求或本网站在诚信的基础上认为透露这些信息在以下四种情况是必要的:
+(1) 遵守有关法律规定,遵从本网站合法服务程序。
+(2) 保持维护本网站的商标所有权。
+(3) 在紧急情况下竭力维护用户个人和社会大众的隐私安全。
+(4)符合其他相关的要求。
+本网站保留发布会员人口分析资询的权利。
+7.用户的帐号、密码和安全性
+你一旦注册成功成为用户,你将得到一个密码和帐号。如果你不保管好自己的帐号和密码安全,将负全部责任。另外,每个用户都要对其帐户中的所有活动和事件负全责。你可随时根据指示改变你的密码,也可以结束旧的帐户重开一个新帐户。用户同意若发现任何非法使用用户帐号或安全漏洞的情况,请立即通告本网站。
+8. 拒绝提供担保
+用户明确同意信息服务的使用由用户个人承担风险。 本网站不担保服务不会受中断,对服务的及时性,安全性,出错发生都不作担保,但会在能力范围内,避免出错。
+9.有限责任
+本网站对任何直接、间接、偶然、特殊及继起的损害不负责任,这些损害来自:不正当使用本网站服务,或用户传送的信息不符合规定等。这些行为都有可能导致本网站形象受损,所以本网站事先提出这种损害的可能性,同时会尽量避免这种损害的发生。
+10.信息的储存及限制
+本网站有判定用户的行为是否符合本网站服务条款的要求和精神的权利,如果用户违背本网站服务条款的规定,本网站有权中断其服务的帐号。
+11.用户管理
+用户必须遵循:
+(1) 使用信息服务不作非法用途。
+(2) 不干扰或混乱网络服务。
+(3) 遵守所有使用服务的网络协议、规定、程序和惯例。用户的行为准则是以因特网法规,政策、程序和惯例为根据的。
+12.保障
+用户同意保障和维护本网站全体成员的利益,负责支付由用户使用超出服务范围引起的律师费用,违反服务条款的损害补偿费用,其他人使用用户的电脑、帐号和其他知识产权的追索费。
+13.结束服务
+用户或本网站可随时根据实际情况中断一项或多项服务。本网站不需对任何个人或第三方负责而随时中断服务。用户若反对任何服务条款的建议或对后来的条款修改有异议,或对本网站服务不满,用户可以行使如下权利:
+(1) 不再使用本网站信息服务。
+(2) 通知本网站停止对该用户的服务。
+结束用户服务后,用户使用本网站服务的权利马上中止。从那时起,用户没有权利,本网站也没有义务传送任何未处理的信息或未完成的服务给用户或第三方。
+15.通告
+所有发给用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。服务条款的修改、服务变更、或其他重要事件的通告都会以此形式进行。
+16.信息内容的所有权
+本网站定义的信息内容包括:文字、软件、声音、相片、录象、图表;在广告中全部内容;本网站为用户提供的其他信息。所有这些内容受版权、商标、标签和其他财产所有权法律的保护。所以,用户只能在本网站和广告商授权下才能使用这些内容,而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。
+17.法律
+本网站信息服务条款要与中华人民共和国的法律解释一致。用户和本网站一致同意服从本网站所在地有管辖权的法院管辖。如发生本网站服务条款与中华人民共和国法律相抵触时,则这些条款将完全按法律规定重新解释,而其他条款则依旧保持对用户的约束力。
+魔法集市注册协议
+尊敬的用户,欢迎您注册成为本网站用户。在注册前请您仔细阅读如下服务条款:
+本服务协议双方为本网站与本网站用户,本服务协议具有合同效力。
+您确认本服务协议后,本服务协议即在您和本网站之间产生法律效力。请您务必在注册之前认真阅读全部服务协议内容,如有任何疑问,可向本网站咨询。
+无论您事实上是否在注册之前认真阅读了本服务协议,只要您点击协议正本下方的"注册"按钮并按照本网站注册程序成功注册为用户,您的行为仍然表示您同意并签署了本服务协议。
+
+1.本网站服务条款的确认和接纳
+本网站各项服务的所有权和运作权归本网站拥有。
+2.用户必须:
+(1)自行配备上网的所需设备, 包括个人电脑、调制解调器或其他必备上网装置。
+(2)自行负担个人上网所支付的与此服务有关的电话费用、 网络费用。
+3.用户在本网站上交易平台上不得发布下列违法信息:
+(1)反对宪法所确定的基本原则的;
+(2).危害国家安全,泄露国家秘密,颠覆国家政权,破坏国家统一的;
+(3).损害国家荣誉和利益的;
+(4).煽动民族仇恨、民族歧视,破坏民族团结的;
+(5).破坏国家宗教政策,宣扬邪教和封建迷信的;
+(6).散布谣言,扰乱社会秩序,破坏社会稳定的;
+(7).散布淫秽、色情、赌博、暴力、凶杀、恐怖或者教唆犯罪的;
+(8).侮辱或者诽谤他人,侵害他人合法权益的;
+(9).含有法律、行政法规禁止的其他内容的。
+4. 有关个人资料
+用户同意:
+(1) 提供及时、详尽及准确的个人资料。
+(2).同意接收来自本网站的信息。
+(3) 不断更新注册资料,符合及时、详尽准确的要求。所有原始键入的资料将引用为注册资料。
+(4)本网站不公开用户的姓名、地址、电子邮箱和笔名,以下情况除外:
+(a)用户授权本网站透露这些信息。
+(b)相应的法律及程序要求本网站提供用户的个人资料。如果用户提供的资料包含有不正确的信息,本网站保留结束用户使用本网站信息服务资格的权利。
+5. 服务条款的修改
+本网站有权在必要时修改服务条款,本网站服务条款一旦发生变动,将会在重要页面上提示修改内容。如果不同意所改动的内容,用户可以主动取消获得的本网站信息服务。如果用户继续享用本网站信息服务,则视为接受服务条款的变动。本网站保留随时修改或中断服务而不需通知用户的权利。本网站行使修改或中断服务的权利,不需对用户或第三方负责。
+6. 用户隐私制度
+尊重用户个人隐私是本网站的一项基本政策。所以,本网站一定不会在未经合法用户授权时公开、编辑或透露其注册资料及保存在本网站中的非公开内容,除非有法律许可要求或本网站在诚信的基础上认为透露这些信息在以下四种情况是必要的:
+(1) 遵守有关法律规定,遵从本网站合法服务程序。
+(2) 保持维护本网站的商标所有权。
+(3) 在紧急情况下竭力维护用户个人和社会大众的隐私安全。
+(4)符合其他相关的要求。
+本网站保留发布会员人口分析资询的权利。
+7.用户的帐号、密码和安全性
+你一旦注册成功成为用户,你将得到一个密码和帐号。如果你不保管好自己的帐号和密码安全,将负全部责任。另外,每个用户都要对其帐户中的所有活动和事件负全责。你可随时根据指示改变你的密码,也可以结束旧的帐户重开一个新帐户。用户同意若发现任何非法使用用户帐号或安全漏洞的情况,请立即通告本网站。
+8. 拒绝提供担保
+用户明确同意信息服务的使用由用户个人承担风险。 本网站不担保服务不会受中断,对服务的及时性,安全性,出错发生都不作担保,但会在能力范围内,避免出错。
+9.有限责任
+本网站对任何直接、间接、偶然、特殊及继起的损害不负责任,这些损害来自:不正当使用本网站服务,或用户传送的信息不符合规定等。这些行为都有可能导致本网站形象受损,所以本网站事先提出这种损害的可能性,同时会尽量避免这种损害的发生。
+10.信息的储存及限制
+本网站有判定用户的行为是否符合本网站服务条款的要求和精神的权利,如果用户违背本网站服务条款的规定,本网站有权中断其服务的帐号。
+11.用户管理
+用户必须遵循:
+(1) 使用信息服务不作非法用途。
+(2) 不干扰或混乱网络服务。
+(3) 遵守所有使用服务的网络协议、规定、程序和惯例。用户的行为准则是以因特网法规,政策、程序和惯例为根据的。
+12.保障
+用户同意保障和维护本网站全体成员的利益,负责支付由用户使用超出服务范围引起的律师费用,违反服务条款的损害补偿费用,其他人使用用户的电脑、帐号和其他知识产权的追索费。
+13.结束服务
+用户或本网站可随时根据实际情况中断一项或多项服务。本网站不需对任何个人或第三方负责而随时中断服务。用户若反对任何服务条款的建议或对后来的条款修改有异议,或对本网站服务不满,用户可以行使如下权利:
+(1) 不再使用本网站信息服务。
+(2) 通知本网站停止对该用户的服务。
+结束用户服务后,用户使用本网站服务的权利马上中止。从那时起,用户没有权利,本网站也没有义务传送任何未处理的信息或未完成的服务给用户或第三方。
+15.通告
+所有发给用户的通告都可通过重要页面的公告或电子邮件或常规的信件传送。服务条款的修改、服务变更、或其他重要事件的通告都会以此形式进行。
+16.信息内容的所有权
+本网站定义的信息内容包括:文字、软件、声音、相片、录象、图表;在广告中全部内容;本网站为用户提供的其他信息。所有这些内容受版权、商标、标签和其他财产所有权法律的保护。所以,用户只能在本网站和广告商授权下才能使用这些内容,而不能擅自复制、再造这些内容、或创造与内容有关的派生产品。
+17.法律
+本网站信息服务条款要与中华人民共和国的法律解释一致。用户和本网站一致同意服从本网站所在地有管辖权的法院管辖。如发生本网站服务条款与中华人民共和国法律相抵触时,则这些条款将完全按法律规定重新解释,而其他条款则依旧保持对用户的约束力。
+
+ + \ No newline at end of file diff --git a/WebContent/front/cart_add.jsp b/WebContent/front/cart_add.jsp new file mode 100644 index 0000000..b0867be --- /dev/null +++ b/WebContent/front/cart_add.jsp @@ -0,0 +1,57 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%@ page import="java.util.Vector" %> +<%@ page import="com.model.Goodselement" %> + + + + + +Insert title here + + + <% + String username=(String)session.getAttribute("username"); //获取会员账号 + String num=(String)request.getParameter("num"); //获取商品数目 + //未登录,调整至登录界面 + if(username==null||username==""){ + response.sendRedirect("login.jsp"); //重定向页面到会员登录页面 + return;//返回 + } + int ID = Integer.parseInt(request.getParameter("goodsID"));//获取商品ID + String sql = "select * from tb_goods where ID=" + ID;//定义根据商品ID查询商品信息的SQL语句 + ResultSet rs = conn.executeQuery(sql); //根据商品ID查询商品 + float nowprice = 0; //定义保存商品价格的变量 + if (rs.next()) { //如果查询到指定商品 + nowprice = rs.getFloat("nowprice"); //获取该商品的价格 + } + //创建保存购物车内商品信息的模型类对象mygoodselement + Goodselement mygoodselement =new Goodselement(); + mygoodselement.ID=ID; + mygoodselement.nowprice=nowprice; + mygoodselement.number=Integer.parseInt(num); + boolean Flag=true; //记录购物车内是否已经存在所要添加的商品 + Vector cart=(Vector)session.getAttribute("cart"); //获取购物车对象 + if(cart==null){ + cart=new Vector(); //如果购物车对象为空则创建一个购物车 + }else{ + //判断购物车内是否已经存在所购买的商品 + for (int i = 0; i < cart.size(); i++) { + Goodselement goodsitem = (Goodselement) cart.elementAt(i);//获取购物车内的一个商品 + if (goodsitem.ID == mygoodselement.ID) { //如果当前要添加的商品已经在购物车中 + //直接改变购物数量 + goodsitem.number = goodsitem.number + mygoodselement.number; + cart.setElementAt(goodsitem, i); //重新保存到购物车中 + Flag = false; //设置标记变量Flag为false,代表购物车中存在该商品 + } + } + } + if(Flag) //购物车不存在该商品,则直接添加 + cart.addElement(mygoodselement); + session.setAttribute("cart", cart); //将购物车对象添加到Session中 + conn.close(); //关闭数据库连接 + response.sendRedirect("cart_see.jsp");//重定向页面到查看购物车页面 + %> + + \ No newline at end of file diff --git a/WebContent/front/cart_clear.jsp b/WebContent/front/cart_clear.jsp new file mode 100644 index 0000000..85948ed --- /dev/null +++ b/WebContent/front/cart_clear.jsp @@ -0,0 +1,33 @@ +<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%> +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%@ page import="java.util.Vector" %> +<%@ page import="com.model.Goodselement" %> +<%@ page import="java.text.DecimalFormat" %> + + + + + + +我的购物车-51商城 + + + + + + + + + + + <%@ include file="common-header.jsp"%> + + <% + Vector cart = (Vector) session.getAttribute("cart");//获取购物车对象 + session.removeAttribute("cart"); //清空购物车 + out.println(""); + %> + + \ No newline at end of file diff --git a/WebContent/front/cart_null.jsp b/WebContent/front/cart_null.jsp new file mode 100644 index 0000000..6cbdb75 --- /dev/null +++ b/WebContent/front/cart_null.jsp @@ -0,0 +1,57 @@ +<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%> +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> + + + + + + +我的购物车-51商城 + + + + + + +<% + String username=(String)session.getAttribute("username"); //获取会员账号 + //未登录,调整至登录界面 + if(username==null||username==""){ + response.sendRedirect("login.jsp"); //重定向页面到会员登录页面 + return;//返回 + } +%> + + + + <%@ include file="common-header.jsp"%> + +
+
+ +
+
+
+
+
+

我的购物车

+
+

购物车内还没有商品哦

+
+ 去购物 +
+
+
+
+
+
+ +
+
+ + <%@ include file="common-footer.jsp"%> + + + \ No newline at end of file diff --git a/WebContent/front/cart_order.jsp b/WebContent/front/cart_order.jsp new file mode 100644 index 0000000..4473ec6 --- /dev/null +++ b/WebContent/front/cart_order.jsp @@ -0,0 +1,100 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet"%> <%-- 导入java.sql.ResultSet类 --%> +<%@ page import="java.util.Vector"%> <%-- 导入Java的向量类 --%> +<%@ page import="com.model.Goodselement"%> <%-- 导入购物车商品模型类 --%> +<%-- 创建ChStr类的对象 --%> +<%-- 创建ConnDB类的对象 --%> + + + + +Insert title here + + +<% + if (session.getAttribute("cart") == "") { //判断购物车对象是否为空 + out.println( + ""); + } + String Username = (String) session.getAttribute("username"); //获取输入的账户名称 + if (Username != "") { + try { //捕捉异常 + ResultSet rs_user = conn.executeQuery("select * from tb_Member where username='" + + Username + "'"); + if (!rs_user.next()) { //如果获取的账户名称在会员信息表中不存在(表示非法会员) + session.invalidate();//销毁Session + out.println( + ""); + return; //返回 + } else { //如果合法会员,则保存订单 + //获取输入的收货人姓名 + String receiveName = chStr.chStr(request.getParameter("receiveName")); + //获取输入的收货人地址 + String address = chStr.chStr(request.getParameter("address")); + String tel = request.getParameter("tel"); //获取输入的电话号码 + String bz = chStr.chStr(request.getParameter("bz"));//获取输入的备注 + int orderID = 0; //定义保存订单ID的变量 + Vector cart = (Vector) session.getAttribute("cart");//获取购物车对象 + int number = 0; //定义保存商品数量的变量 + float nowprice = (float) 0.0; //定义保存商品价格的变量 + float sum = (float) 0; //定义商品金额的变量 + float Totalsum = (float) 0; //定义商品件数的变量 + boolean flag = true; //标记订单是否有效,为true表示有效 + int temp = 0; //保存返回自动生成的订单号的变量 + int ID = -1; + //插入订单主表数据 + float bnumber = cart.size(); + String sql = "insert into tb_Order(bnumber,username, receiveName,address, " + +"tel,bz) values("+ bnumber + ",'" + Username + "','" + receiveName + + "','" + address + "','" + tel+ "','" + bz + "')"; + temp = conn.executeUpdate_id(sql); //保存订单主表数据 + if (temp == 0) { //如果返回的订单号为0,表示不合法 + flag = false; + } else { + orderID = temp; //把生成的订单号赋值给订单ID变量 + } + String str = ""; //保存插入订单详细信息的SQL语句 + //插入订单明细表数据 + for (int i = 0; i < cart.size(); i++) { + //获取购物车中的一个商品 + Goodselement mygoodselement = (Goodselement) cart.elementAt(i); + ID = mygoodselement.ID; //获取商品ID + nowprice = mygoodselement.nowprice; //获取商品价格 + number = mygoodselement.number; //获取商品数量 + sum = nowprice * number; //计算商品金额 + str = "insert into tb_order_Detail (orderID,goodsID,price,number)" + +" values(" + orderID + ","+ ID + "," + nowprice + "," + + number + ")"; //插入订单明细的SQL语句 + temp = conn.executeUpdate(str); //保存订单明细 + Totalsum = Totalsum + sum; //累加合计金额 + if (temp == 0) { //如果返回值为0,表示不合法 + flag = false; + } + } + if (!flag) { //如果订单无效 + out.println(""); + } else { + session.removeAttribute("cart"); //清空购物车 + out.println("");//显示生成的订单号 + } + conn.close(); //关闭数据库连接 + } + } catch (Exception e) { //处理异常 + out.println(e.toString()); //输出异常信息 + } + } else { + session.invalidate(); //销毁Session + out.println( + ""); + } +%> + + + \ No newline at end of file diff --git a/WebContent/front/cart_see.jsp b/WebContent/front/cart_see.jsp new file mode 100644 index 0000000..74d6f01 --- /dev/null +++ b/WebContent/front/cart_see.jsp @@ -0,0 +1,280 @@ +<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%> +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%@ page import="java.util.Vector" %> +<%@ page import="com.model.Goodselement" %> +<%@ page import="java.text.DecimalFormat" %> + + + + + + +我的购物车-魔法集市 + + + + + + +<% + String username=(String)session.getAttribute("username"); //获取会员账号 + //未登录,调整至登录界面 + if(username==null||username==""){ + response.sendRedirect("login.jsp"); //重定向页面到会员登录页面 + return;//返回 + }else{ + Vector cart=(Vector)session.getAttribute("cart"); //获取session中的购物车类 + if (cart == null || cart.size() == 0) { //如果购物车为空 + response.sendRedirect("cart_null.jsp"); //重定向页面到购物车为空页面 + } else { +%> + + + + <%@ include file="common-header.jsp"%> + +
+
+ +
+
+
+
+
+

我的购物车

+ +
+ + + + + + + + + + + + + <% + float sum=0; + DecimalFormat fnum=new DecimalFormat("#,##0.0"); //定义显示金额的格式 + int ID=-1; + String goodsname = ""; //保存商品名称的变量 + String picture = ""; //保存商品图片的变量 + for(int i=0;i 0) { + ResultSet rs_goods = conn.executeQuery("select * from tb_goods where ID=" + ID); + if (rs_goods.next()) { + goodsname = rs_goods.getString("goodsname"); //获取商品名称 + picture = rs_goods.getString("picture"); //获取商品图片 + } + conn.close(); //关闭数据库的连接 + } + %> + + + + + + + + + + <% + } + String sumString=fnum.format(sum); //格式化总价 + %> + + +
商品图片商品名称数量单价总计
+ <%=goodsname %> + <%=goodsitem.number %>件<%=goodsitem.nowprice %>元<%=goodsitem.nowprice*goodsitem.number %>元 +
+
+ + +
+
+ + + + + 总计: +

<%=sumString %>元

+
+ + +
+
+
+ +
+
+ + +
+
+

物流信息

+ +
+
+ + + + + + + + + + + + + + + + + + + +
收货人姓名: +
+ +
+
收货人手机: +
+ +
+
收货人地址: +
+ +
+
备注: +
+ +
+
+
+
+ +
+
+ +
+ +
+
+

支付方式

+
+
+ + + + + + + + + + + + +
+
+
+

+
+ +   + +
+ 结账 +
+
+
+
+ +
+
+
+ +
+
+ + <%@ include file="common-footer.jsp"%> + + + + + + + + + <% + } + } + %> + + diff --git a/WebContent/front/common-footer.jsp b/WebContent/front/common-footer.jsp new file mode 100644 index 0000000..2edbc97 --- /dev/null +++ b/WebContent/front/common-footer.jsp @@ -0,0 +1,19 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +
+ +
+ \ No newline at end of file diff --git a/WebContent/front/common-header.jsp b/WebContent/front/common-header.jsp new file mode 100644 index 0000000..c51c299 --- /dev/null +++ b/WebContent/front/common-header.jsp @@ -0,0 +1,75 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +
+
+
+ + + + +
+
+
+ \ No newline at end of file diff --git a/WebContent/front/css/mr-01.css b/WebContent/front/css/mr-01.css new file mode 100644 index 0000000..da80f99 --- /dev/null +++ b/WebContent/front/css/mr-01.css @@ -0,0 +1,2215 @@ +html { + font-family: sans-serif; + -ms-text-size-adjust: 100%; + -webkit-text-size-adjust: 100% +} + +body { + margin: 0 +} + +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { + display: block +} + +audio, canvas, progress, video { + display: inline-block; + vertical-align: baseline +} +[hidden], template { + display: none +} + +a { + background-color: transparent +} +a:active, a:hover { + outline: 0 +} + +abbr[title] { + border-bottom: 1px dotted +} + +b, strong { + font-weight: bold +} +dfn { + font-style: italic +} + +h1 { + font-size: 2em; + margin: 0 +} +mark { + background: #ff0; + color: #000 +} + +small { + font-size: 80% +} + +sub, sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline +} + +sup { + top: -0.5em +} +sub { + bottom: -0.25em +} +img { + border: 0 +} + +svg:not(:root) { + overflow: hidden +} + +figure { + margin: 1em 40px +} + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0 +} +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0 +} + +pre { + overflow: auto +} + +code, kbd, pre, samp { + font-family: monospace, monospace; + font-size: 1em +} + +button, input, optgroup, select, textarea { + color: inherit; + font: inherit; + margin: 0 +} + +button { + overflow: visible +} + +button, select { + text-transform: none +} +button, html input[type="button"], input[type="reset"], input[type="submit"] { + -webkit-appearance: button; + cursor: pointer +} + +button[disabled], html input[disabled] { + cursor: default +} + +button::-moz-focus-inner, input::-moz-focus-inner { + border: 0; + padding: 0 +} + +input { + line-height: normal +} +input[type="search"] { + -webkit-appearance: textfield; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; + box-sizing: content-box +} +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em +} +legend { + border: 0; + padding: 0 +} + +textarea { + overflow: auto +} +optgroup { + font-weight: bold +} + +table { + border-collapse: collapse; + border-spacing: 0 +} +td, th { + padding: 0 +} + +@media print { + *, *:before, *:after { + background: transparent !important; + color: #000 !important; + box-shadow: none !important; + text-shadow: none !important + } + + a, a:visited { + text-decoration: underline + } + + a[href]:after { + content: " (" attr(href) ")" + } + + abbr[title]:after { + content: " (" attr(title) ")" + } + + a[href^="#"]:after, a[href^="javascript:"]:after { + content: "" + } + + pre, blockquote { + border: 1px solid #999; + page-break-inside: avoid + } + + thead { + display: table-header-group + } + + tr, img { + page-break-inside: avoid + } + + img { + max-width: 100% !important + } + + p, h2, h3 { + orphans: 3; + widows: 3 + } + + h2, h3 { + page-break-after: avoid + } + + select { + background: #fff !important + } + + .navbar { + display: none + } +} + +* { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} +*:before, *:after { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} + +html { + font-size: 10px; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0) +} +body { + font-family: 'Roboto', sans-serif; + font-size: 12px; + line-height: 1.666667; + color: #333333; + background-color: #ffffff +} + +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit +} +a { + color: #f0141e; + text-decoration: none +} +a:hover, a:focus { + color: #ac0b12; + text-decoration: underline +} + +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} + +figure { + margin: 0 +} +img { + vertical-align: middle +} + +.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { + display: block; + max-width: 100%; + height: auto +} +hr { + margin-top: 20px; + margin-bottom: 20px; + border: 0; + border-top: 1px solid #eeeeee +} +code, kbd, pre, samp { + font-family: Monaco, Menlo, Consolas, "Courier New", monospace +} +code { + padding: 2px 4px; + font-size: 90%; + color: #c7254e; + background-color: #f9f2f4; + border-radius: 0 +} + +kbd { + padding: 2px 4px; + font-size: 90%; + color: #ffffff; + background-color: #333333; + border-radius: 3px; + box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25) +} +pre { + display: block; + padding: 9.5px; + margin: 0 0 10px; + font-size: 11px; + line-height: 1.666667; + word-break: break-all; + word-wrap: break-word; + color: #333333; + background-color: #f5f5f5; + border: 1px solid #cccccc; + border-radius: 0 +} +.container { + margin-right: auto; + margin-left: auto; + padding-left: 15px; + padding-right: 15px +} +@media (min-width: 768px) { + .container { + width: 750px + } +} + +@media (min-width: 920px) { + .container { + width: 970px + } +} + +@media (min-width: 1180px) { + .container { + width: 1180px + } +} +.row { + margin-left: -15px; + margin-right: -15px; +} +.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { + position: relative; + min-height: 1px; +} + +.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { + float: left +} +.col-xs-12 { + width: 100% +} +@media (min-width: 768px) { + .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { + float: left + } + + .col-sm-12 { + width: 100%; + } + .col-sm-8 { + width: 66.66666667% + } + .col-sm-6 { + width: 50% + } + .col-sm-4 { + width: 33.33333333% + } + .col-sm-3 { + width: 25% + } + .col-sm-pull-8 { + right: 66.66666667% + } + .col-sm-offset-8 { + margin-left: 66.66666667% + } + .col-sm-offset-3 { + margin-left: 25% + } + +} + +@media (min-width: 920px) { + .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { + float: left + } + .col-md-12 { + width: 100% + } + .col-md-9 { + width: 75% + } + .col-md-8 { + width: 66.66666667% + } + .col-md-6 { + width: 75% + } + .col-md-4 { + width: 33.33333333% + } + .col-md-3 { + width: 25% + } + .col-md-pull-9 { + right: 75% + } + .col-md-push-3 { + left: 25% + } +} + +@media (min-width: 1180px) { + .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { + float: left + } + .col-lg-9 { + width: 75% + } + .col-lg-3 { + width: 25% + } + .col-lg-2 { + width: 16.66666667% + } +} + +table { + background-color: transparent +} +caption { + padding-top: 8px; + padding-bottom: 8px; + color: #999999; + text-align: left +} +th { + text-align: left +} +fieldset { + padding: 0; + margin: 0; + border: 0; + min-width: 0 +} +legend { + display: block; + width: 100%; + padding: 0; + margin-bottom: 20px; + font-size: 18px; + line-height: inherit; + color: #333333; + border: 0; + border-bottom: 1px solid #e5e5e5 +} +label { + display: inline-block; + max-width: 100%; + margin-bottom: 5px; + font-weight: bold +} +input[type="search"] { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box +} +output { + display: block; + padding-top: 7px; + font-size: 12px; + line-height: 1.666667; + color: #555555 +} + +.form-control { + display: block; + width: 100%; + height: 34px; + padding: 6px 12px; + font-size: 12px; + line-height: 1.666667; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s +} +.form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) +} + +.form-control::-moz-placeholder { + color: #999999; + opacity: 1 +} +input[type="search"] { + -webkit-appearance: none +} + +.btn { + display: inline-block; + margin-bottom: 0; + font-weight: normal; + text-align: center; + vertical-align: middle; + touch-action: manipulation; + cursor: pointer; + background-image: none; + border: 1px solid transparent; + white-space: nowrap; + padding: 6px 12px; + font-size: 12px; + line-height: 1.666667; + border-radius: 0; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none +} +.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px +} + +.btn:hover, .btn:focus, .btn.focus { + color: #333333; + text-decoration: none +} +.btn:active, .btn.active { + outline: 0; + background-image: none; + -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) +} + +.btn-default { + color: #333333; + background-color: #ffffff; + border-color: #cccccc +} + +.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { + color: #333333; + background-color: #e6e6e6; + border-color: #adadad +} + +.btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { + background-image: none +} +.btn-primary { + color: #ffffff; + background-color: #E33737; + border-color: #a30a11 +} +.page-header { +padding-bottom: 9px; +padding-top:-9px; +margin: 0 0 20px; +border-bottom: 0px solid #0885B1; +text-align: center; +} +/*****¼ҳĵ¼ťʽ*******/ +.login{ + max-width: 540px; margin: 0 auto;padding:0px; border: 1px solid #eeeeee; +} +.btn-primary.login { + width: 261px; + font-size:16pt; + text-decoration: 120%; + margin-left:190px; + min-height:43px; + +} +.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { + color: #ffffff; + background-color: #c40d15; + border-color: #a30a11 +} + +.btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary { + background-image: none +} +select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox { + display: block; + width: 100%; + height: 43px; + padding: 6px 12px; + font-size: 12px; + line-height: 1.666667; + color: #555555; + background-color: #ffffff; + background-image: none; + border: 1px solid #cccccc; + border-radius: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); + -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; + transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s +} + +select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) +} + +select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .inputbox::-moz-placeholder { + color: #999999; + opacity: 1 +} +select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .inputbox:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) +} + +select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .inputbox::-moz-placeholder { + color: #999999; + opacity: 1 +} +textareaselect, textareatextarea, textareainput[type="text"], textareainput[type="password"], textareainput[type="datetime"], textareainput[type="datetime-local"], textareainput[type="date"], textareainput[type="month"], textareainput[type="time"], textareainput[type="week"], textareainput[type="number"], textareainput[type="email"], textareainput[type="url"], textareainput[type="search"], textareainput[type="tel"], textareainput[type="color"], textarea.inputbox { + height: auto +} + +@media screen and (min-width: 768px) { + select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox { + width: auto + } +} +select, select.form-control, select.inputbox, select.input { + padding-right: 5px +} +@media (min-width: 768px) { + .form-inline .inputbox, .form-inline select, .form-inline textarea, .form-inline input { + display: inline-block + } +} +.collapse { + display: none +} +.dropdown-toggle:focus { + outline: 0 +} +.btn-group, .btn-group-vertical { + position: relative; + display: inline-block; + vertical-align: middle +} +.btn-group > .btn, .btn-group-vertical > .btn { + position: relative; + float: left +} + +.btn-group > .btn:hover, .btn-group-vertical > .btn:hover, .btn-group > .btn:focus, .btn-group-vertical > .btn:focus, .btn-group > .btn:active, .btn-group-vertical > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn.active { + z-index: 2 +} + +.btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { + margin-left: -1px +} +.btn-group > .btn:first-child { + margin-left: 0 +} + +.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { + border-bottom-right-radius: 0; + border-top-right-radius: 0 +} + +.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { + border-bottom-left-radius: 0; + border-top-left-radius: 0 +} +.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { + outline: 0 +} + +.btn-group > .btn + .dropdown-toggle { + padding-left: 8px; + padding-right: 8px +} +.nav { + margin-bottom: 0; + padding-left: 0; + list-style: none +} +.nav > li { + position: relative; + display: block +} + +.nav > li > a { + position: relative; + display: block; + padding: 10px 15px +} +.nav > li > a:hover, .nav > li > a:focus { + text-decoration: none; + background-color: #eeeeee +} +.nav-tabs { + border-bottom: 1px solid #dddddd +} + +.nav-tabs > li { + float: left; + margin-bottom: -1px +} + +.nav-tabs > li > a { + margin-right: 2px; + line-height: 1.666667; + border: 1px solid transparent; + border-radius: 0 0 0 0 +} +.nav-tabs > li > a:hover { + border-color: #eeeeee #eeeeee #dddddd +} + +.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { + color: #555555; + background-color: #ffffff; + border: 1px solid #dddddd; + /*border-bottom-color: transparent;*/ + cursor: default +} +.tab-content > .tab-pane { + display: none; + padding: 15px; +} + +.tab-content > .active { + display: block +} +.navbar { + position: relative; + min-height: 50px; + margin-bottom: 20px; + border: 1px solid transparent +} + +@media (min-width: 919px) { + .navbar { + border-radius: 0 + } +} +.navbar-collapse { + overflow-x: visible; + padding-right: 15px; + padding-left: 15px; + border-top: 1px solid transparent; + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); + -webkit-overflow-scrolling: touch +} +@media (min-width: 919px) { + .navbar-collapse { + width: auto; + border-top: 0; + box-shadow: none + } + + .navbar-collapse.collapse { + display: block !important; + height: auto !important; + padding-bottom: 0; + overflow: visible !important + } +} +.navbar-nav { + margin: 7.5px -15px +} + +.navbar-nav > li > a { + padding-top: 10px; + padding-bottom: 10px; + line-height: 20px +} +@media (min-width: 919px) { + .navbar-nav { + float: left; + margin: 0 + } + + .navbar-nav > li { + float: left + } + + .navbar-nav > li > a { + padding-top: 15px; + padding-bottom: 15px + } +} +.navbar-default { + background-color: #f8f8f8; + border-color: #e7e7e7 +} +.navbar-default .navbar-nav > li > a { + color: #777777 +} + +.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #333333; + background-color: transparent +} +.navbar-default .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7 +} + +.pagination { + display: inline-block; + padding-left: 0; + margin: 20px 0; + border-radius: 0 +} +.thumbnail { + display: block; + padding: 4px; + margin-bottom: 20px; + line-height: 1.666667; + background-color: #ffffff; + border: 1px solid #dddddd; + border-radius: 0; + -webkit-transition: border 0.2s ease-in-out; + -o-transition: border 0.2s ease-in-out; + transition: border 0.2s ease-in-out +} + +.thumbnail > img, .thumbnail a > img { + margin-left: auto; + margin-right: auto +} + +a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { + border-color: #f0141e +} +.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after { + content: " "; + display: table +} + +.clearfix:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after { + clear: both +} +.pull-right { + float: right !important +} +@media (max-width: 767px) { + .hidden-xs { + display: none !important + } +} + +@media (min-width: 768px) and (max-width: 919px) { + .hidden-sm { + display: none !important + } +} + +@media (min-width: 920px) and (max-width: 1179px) { + .hidden-md { + display: none !important + } +} +/****************************************************************************************/ +/***ֲӦõCSS ʼ*****/ +.slideshow .nivoSlider .nivo-directionNav a { + width: 40px; + height: 76px; + background: url(../images/arrow-prev.png) no-repeat center center #030303; + top: 50%; + margin-top: -38px; + opacity: 0.5; + filter: alpha(opacity=50) +} + +.slideshow .nivoSlider .nivo-directionNav a.nivo-nextNav { + background-image: url(../images/arrow-next.png) +} +.slideshow .nivo-directionNav a:hover { + background-color: #0885B1; + opacity: 5; + filter: alpha(opacity=100) +} + +.nivo-controlNav { + display: none +} +.nivoSlider { + position: relative +} + +.nivoSlider img { + left: 0; + position: absolute; + top: 0 +} + +.nivoSlider a.nivo-imageLink { + border: 0 none; + display: none; + height: 100%; + left: 0; + margin: 0; + padding: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 6 +} + +.nivo-slice { + display: block; + height: 100%; + position: absolute; + z-index: 5 +} + +.nivo-box { + display: block; + position: absolute; + z-index: 5 +} + +.nivo-caption { + background: none repeat scroll 0 0 #000; + bottom: 0; + color: #fff; + left: 0; + opacity: 0.8; + position: absolute; + width: 100%; + z-index: 8 +} + +.nivo-caption p { + margin: 0; + padding: 5px +} + +.nivo-caption a { + display: inline !important +} + +.nivo-html-caption { + display: none +} + +.nivo-directionNav a { + cursor: pointer; + position: absolute; + top: 45%; + z-index: 9 +} + +.nivo-prevNav { + left: 0 +} + +.nivo-nextNav { + right: 0 +} + +.nivo-controlNav a { + cursor: pointer; + position: relative; + z-index: 9 +} + +.nivo-controlNav a.active { + font-weight: bold +} + +.slideshow .nivoSlider { + + margin-bottom: 20px; + position: relative +} + + +.slideshow .nivoSlider img { + display: none; + left: 0; + position: absolute; + top: 0 + display: block; + width: 100%; + left: 1px !important; + top: 1px !important +} +.slideshow .nivoSlider a { + border: 0 none; + display: block +} + +.slideshow .nivo-controlNav { + bottom: 5px; + height: 22px; + position: absolute; + right: 10px; + text-align: center; + z-index: 99 +} + +.slideshow .nivo-controlNav a { + + border: 0 none; + display: block; + float: left; + height: 22px; + margin-right: 3px; + text-indent: -9999px; + vertical-align: top; + width: 22px +} + +.slideshow .nivo-controlNav a.active { + background-position: 0 -22px +} + +.slideshow .nivo-directionNav a { + border: 0 none; + display: block; + height: 30px; + text-indent: -9999px; + width: 30px +} + +.slideshow a.nivo-nextNav { + background-position: -30px 0; + right: 15px +} + +.slideshow a.nivo-prevNav { + left: 15px +} + +.slideshow .nivo-caption { + font-family: Helvetica, Arial, sans-serif; + text-shadow: none +} + +.slideshow .nivo-caption a { + color: #efe9d1; + text-decoration: underline +} +.slideshow > div { + height: 345px !important; + width: 850px +} +/***ֲӦõCSS *****/ +/********Ǽ ʼ**************************/ +.rating .fa-stack { + height: 12px; + color: #F9AC20; + width: 12px +} +#tab-review .fa-stack { + color: #F9AC20; + font-size: 7px +} +.rating .fa-stack .fa-stack-2x { + font-size: 11px +} +.product-grid .rating .fa-stack-2x, .product-list .rating .fa-stack-2x { + font-size: 12px +} + +.product-grid .rating .fa-stack, .product-list .rating .fa-stack { + width: 14px; + height: 14px; + line-height: 14px +} +.view-product .rating .fa-stack + a { + margin-left: 5px +} +/********Ǽ **************************/ +/********Ʒ۸ ʼ**************************/ +.price-new { + color: #f0141e; + font-size: 14px; + font-family: 'Roboto Slab', Georgia, Times, serif; + font-weight: normal +} +/********Ʒ۸ **************************/ +/********ͼƬ ʼ**************************/ +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .image img { + width: 90px +} +/***************************************************/ +/**Ʒ**/ +.mr-module.highlight .module-ct { + padding: 10px +} + +.module-title { + background: transparent; + color: #ffffff; + line-height: 20px; + font-size: 15px; + font-weight: 700; + font-family: 'Roboto', sans-serif; + text-transform: uppercase +} +.mr-module.highlight .module-title { + background: #F2F2F2; + color: #333333; + margin: 0px; + width:100%; + padding: 10px 21px; + display: inline-block; + border-bottom: 0 +} +/** ɫ**/ +.mr-module.highlight { + padding: 0; + border: 1px solid #D9D9D9; +} +/*****************ҳϼܼƷʽ ʼ**********************/ +.product-grid .actions, .ja-product-grid .actions { + display: block; + position: relative +} + +.product-grid .image, .ja-product-grid .image { + margin-bottom: 10px +} + +.product-grid .image > a, .ja-product-grid .image > a { + border: 1px solid #fff; + display: block; + padding: 0; + position: relative; + outline: none; + transition: border-color 0.25s ease-in-out 0s +} + +.product-grid > div:hover .image > a, .ja-product-grid > div:hover .image > a { + border: 1px solid #D9D9D9; + padding: 5px 0px 5px -5px; + margin: 0px; + border-radius: 3px; + box-shadow: 0 0 3px #e0e0e0 +} + +.product-grid .image img, .ja-product-grid .image img { + border: 0; + padding: 0; + max-width: 100% +} + +.product-grid .product-thumb .caption { + padding: 0 !important +} + +.product-grid .name a, .ja-product-grid .name a { + color: #000; + display: block; + font-family: 'Roboto Slab', Georgia, Times, serif; + padding: 0; + font-weight: normal; + font-size: 14px +} +/***********ҳŹָϡɨά벿ֵʽ*******************************/ +.foot a{ + color: #484848; +} +.foot a:HOVER{ + color: #c8161d; +} +dt{ + font-size: 16px; + padding-top: 6px; + padding-bottom: 6px; + +} +dd{ + width:190px; + height:120px; + padding:0px; + margin: 0px; + text-align: left; + font-size: 14px; +} +dl dd img{ + width: 100px; + height: 100px; + display: block; +} +.foot{ + float: left; + color: #666; + width: 190px; + margin:0px; + padding:0px; +} +/******************************************/ +.product-grid > div:hover .name a, .product-grid .name a:hover, .product-grid .name a:focus, .product-grid .name a:active, .ja-product-grid > div:hover .name a, .ja-product-grid .name a:hover, .ja-product-grid .name a:focus, .ja-product-grid .name a:active { + color: #f0141e +} + +.product-grid .cart, .product-grid .wishlist, .product-grid .compare, .ja-product-grid .cart, .ja-product-grid .wishlist, .ja-product-grid .compare, .product-list .cart, .product-list .wishlist, .product-list .compare { + margin-bottom: 0; + display: none \9; + height: 40px; + overflow: hidden; + opacity: 0; + position: absolute; + bottom: 6px +} + +.product-grid .wishlist button, .product-grid .compare button, .ja-product-grid .wishlist button, .ja-product-grid .compare button, .product-list .wishlist button, .product-list .compare button { + background: #000; + color: #fff; + width: 40px !important; + height: 40px; + line-height: 40px; + text-align: center; + padding: 0; + display: block +} + +.ja-product-grid .wishlist button, .product-grid .wishlist button, .product-list .wishlist button { + background: #333 +} + +.product-grid .cart, .ja-product-grid .cart, .product-list .cart { + right: 1px +} + +.product-grid .cart .btn, .ja-product-grid .cart .btn, .product-list .cart .btn { + height: 40px; + width: 40px !important +} +.product-grid .compare, .ja-product-grid .compare { + right: 41px +} +.product-grid .compare, .ja-product-grid .compare { + right: 41px +} + +.product-grid > div:hover .cart, .product-grid > div:hover .compare, .product-grid > div:hover .wishlist, .ja-product-grid > div:hover .cart, .ja-product-grid > div:hover .compare, .ja-product-grid > div:hover .wishlist, .product-list > div:hover .cart, .product-list > div:hover .compare, .product-list > div:hover .wishlist { + display: inline-block \9; + opacity: 1 +} + +.mostviewed.product-grid .wishlist, .betseller.product-grid .compare, .betseller.product-grid .wishlist, .mostviewed.product-grid .compare { + display: none !important +} + +.product-grid .rating, .product-list .rating { + font-size: 12px; + margin-top: 5px; + margin-bottom: 5px +} + +.product-grid .rating .fa-stack-2x, .product-list .rating .fa-stack-2x { + font-size: 12px +} + +.product-grid .rating .fa-stack, .product-list .rating .fa-stack { + width: 14px; + height: 14px; + line-height: 14px +} +.product-grid .cart, .product-list .cart { + width: auto !important +} +.box-product .price, .box-product .price-new, .product-grid .price, .product-grid .price-new, .product-info .price, .product-info .price-new, .ja-product-grid .price, .ja-product-grid .price-new { + color: #FF2222; + font-size: 14px; + font-family: 'Roboto Slab', Georgia, Times, serif; + font-weight: normal +} +.product-grid .oldprice{ + color: #AAAAAA; + font-size: 12px; + font-family: 'Roboto Slab', Georgia, Times, serif; + text-decoration:line-through; +} +/*****************ҳϼܼƷʽ **********************/ +/**************************Ȩʽ ʼ************************/ +.mr-footer { + background: #4D4D4D; + color: #eeeeee; + margin-top: 10px; +} +.mr-footer a { + color: #FFFFFF +} + +.mr-footer a:hover, .mr-footer a:active, .mr-footer a:focus { + color: #d5d5d5; +} +.mr-copyright { + font-size: 12px; + padding: 20px 0 20px; + text-align:center; + +} +/**********************************鿴ﳵҳʽʼ****************************/ +.mrshop .table-bordered td { + vertical-align: middle !important +} + +.mrshop .table-bordered thead td { + background-color: #f7f7f7; + padding: 10px 20px +} + +.mrshop .table-bordered tbody td { + padding: 10px 20px +} +#content_oc > h1 { + border-bottom: 1px solid #000; + font-weight: bold; + font-size: 15px; + text-transform: uppercase; + margin: 0 0 20px 0; + padding-bottom: 20px +} +.cart-total { + margin-left: 0; + margin-right: 0 +} + +.cart-total > div { + padding: 0 +} + +.cart-total .table, .cart-total tbody tr td { + border-top: 0; + border-left: 0; + border-right: 0 +} + +.cart-total tbody tr td { + border-bottom: 1px solid #eee +} + +.cart-total tbody tr td.text-right { + color: #f0141e +} + +.cart-total tbody tr:last-child td { + border-bottom-color: transparent; + font-weight: bold; + text-transform: uppercase +} +.cart-total { + border: 1px solid #eee; + overflow: auto; + padding: 0px 20px; + margin-bottom: 20px; +} + +/********************ƷбҳӦʽ**********************************/ +.mrshop_heading_h1 { + font-family: 'Roboto', sans-serif !important; + font-size: 15px !important; + color: #000 !important; + text-transform: uppercase !important; + line-height: 20px !important; + font-weight: 700; + margin: 0 !important; + padding: 0 !important +} +.product-grid .cart .btn, .ja-product-grid .cart .btn, .product-list .cart .btn { +height: 40px; +width: 40px !important; +} +.cart button { +display: inline-block !important; +} +.product-grid .wishlist, .ja-product-grid .wishlist, .product-list .wishlist { + right: 40px; + margin-right:13px; +} +.box-content .cart{ + margin-right:13px; +} +.box-content1 .wishlist{ + margin-right:-5px; +} +/***************************************************/ +.pull-right { + float: right +} +input, button, select, textarea { + font-family: inherit; + font-size: inherit; + line-height: inherit +} +a { + color: #ac0b12; + text-decoration: none +} +a:hover, a:focus { + color: #0885B1; + text-decoration: none; + outline: none +} + +a:focus { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + outline: none +} +img { + vertical-align: middle +} + +table { + background-color: transparent; + border-collapse: collapse; + border-spacing: 0 +} +th, td { + line-height: 20px; + padding: 8px 10px; + text-align: left; + vertical-align: top +} +td { + border-top: 1px solid #dddddd +} +th { + background: #333333; + color: #eeeeee; + font-weight: bold +} +.wrap { + width: auto; + clear: both +} +p { + margin: 0 0 10px +} +small { +font-size: 85%; + margin:auto; + width:auto; +} +cite { + font-style: normal +} +.highlight { + background-color: #FFC; + font-weight: bold; + padding: 1px 4px +} +h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { + color: #000000; + font-family: 'Roboto', sans-serif; + font-weight: 700; + line-height: 1.1 +} +h1, h2, h3 { + margin-bottom: 10px +} +h4, h5, h6 { + margin-top: 10px; + margin-bottom: 10px +} + +h1, .h1 { + font-size: 31px +} + +h2, .h2 { + font-size: 25px +} + +h3, .h3 { + font-size: 21px +} + +h4, .h4 { + font-size: 15px +} + +h5, .h5 { + font-size: 12px +} + +h6, .h6 { + font-size: 11px +} +ul, ol { + margin-top: 0; + margin-bottom: 10px +} +dl { + margin-bottom: 20px +} + +dt, dd { + line-height: 1.666667 +} + +dt { + font-weight: bold +} +dd { + margin-left: 0 +} +blockquote { + padding: 10px 20px; + margin: 0 0 20px; + border-left: 5px solid #eeeeee +} +q:before, q:after, blockquote:before, blockquote:after { + content: "" +} +address { + display: block; + margin-bottom: 20px; + font-style: normal; + line-height: 1.666667 +} + +code, kbd, pre, samp { + font-family: Monaco, Menlo, Consolas, "Courier New", monospace +} +select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .form-control { + box-shadow: none +} + +select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus { + border-color: #66afe9; + outline: 0; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6) +} + +select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .form-control::-moz-placeholder { + color: #999999; + opacity: 1 +} +textareaselect, textareatextarea, textareainput[type="text"], textareainput[type="password"], textareainput[type="datetime"], textareainput[type="datetime-local"], textareainput[type="date"], textareainput[type="month"], textareainput[type="time"], textareainput[type="week"], textareainput[type="number"], textareainput[type="email"], textareainput[type="url"], textareainput[type="search"], textareainput[type="tel"], textareainput[type="color"], textarea.form-control { + height: auto +} + +select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .form-control:focus { + box-shadow: none; + border-color: #f0141e; + outline: 0 +} +.btn { + text-transform: uppercase +} +select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .inputbox::-moz-placeholder { + color: #999999; + opacity: 1 +} +textareaselect, textareatextarea, textareainput[type="text"], textareainput[type="password"], textareainput[type="datetime"], textareainput[type="datetime-local"], textareainput[type="date"], textareainput[type="month"], textareainput[type="time"], textareainput[type="week"], textareainput[type="number"], textareainput[type="email"], textareainput[type="url"], textareainput[type="search"], textareainput[type="tel"], textareainput[type="color"], textarea.inputbox { + height: auto +} + +@media screen and (min-width: 768px) { + select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .inputbox { + width: auto + } +} +select, select.form-control, select.inputbox, select.input { + padding-right: 5px +} + + +@media (min-width: 919px) { + .navbar-nav { + margin: 0 + } +} + +.navbar-default { + background-color: transparent; + border-color: transparent; + padding: 0; + margin-top: -21px; + margin-bottom: -21px +} +.navbar-default .navbar-nav > li > a { + color: #ffffff; + font-size: 16px; + text-transform: uppercase; + font-weight: 700 +} + +.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { + color: #ffffff; + background-color: #6CA4B7 +} +.navbar-default .navbar-collapse, .navbar-default .navbar-form { + border-color: #e7e7e7 +} +.mr-mainnav { + border-left: 0; + border-right: 0; + border-radius: 0 +} + +.mr-mainnav .mr-navbar { + padding-left: 0; + padding-right: 0 +} + +.mr-module { + background: transparent; + color: inherit; + margin-bottom: 30px +} +.module-ct { + background: transparent; + color: inherit; + padding: 0 +} +.module-ct:before, .module-ct:after { + content: " "; + display: table +} + +.module-ct:after { + clear: both +} +.mr-spotlight-1 .mr-module { + margin-bottom: 0 +} + +.mr-spotlight-1 .mr-module.highlight .box-product { + margin: 0 -5px; + width: auto +} +.mr-spotlight-1 .mr-module.highlight .box-product > div { + margin: 0; + float: left; + width: 33.3%; + padding: 0 5px +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div .name, .mr-spotlight-1 .mr-module.highlight .box-product > div .price, .mr-spotlight-1 .mr-module.highlight .box-product > div .cart, .mr-spotlight-1 .mr-module.highlight .box-product > div .rating { + display: none +} +.mr-spotlight-1 .mr-module.highlight .box-product > div .image img { + padding: 0; + border: 0; + max-width: 100% +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child { + float: none; + width: 100%; + padding-bottom: 20px; + margin-bottom: 20px; +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child:before, .mr-spotlight-1 .mr-module.highlight .box-product > div:first-child:after { + content: " "; + display: table +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child:after { + clear: both +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .name a { + color: #000000; + font-family: 'Roboto Slab', Georgia, Times, serif +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .name a:hover, .mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .name a:focus, .mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .name a:active { + color: #f0141e +} + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .image { + float: left; + margin-right: 20px +} + + + +.mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .name, .mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .price, .mr-spotlight-1 .mr-module.highlight .box-product > div:first-child .rating { + display: block +} + +a[href]:after { + display: none +} +img { + max-width: 100% +} +#toolbar { + background: #F8F8F8; + color: #8F8F8F; + font-family: 'Roboto Slab', Georgia, Times, serif; + padding: 0; + position: relative; + z-index: 101 +} + +#toolbar p { + margin: 0; + padding: 0 +} + +#toolbar .toolbar-ct-right { + margin: -10px 0 +} +#toolbar a{ + color: #808080; +} +#toolbar a:HOVER{ + color: #0885B1; +} +#toolbar .toolbar-ct-1 { + float:left; + text-align: left; + margin: 10px 0 +} + +#toolbar .toolbar-ct-1 .module, #toolbar .toolbar-ct-1 .mr-module { + margin-bottom: 0; + display: inline-block !important; + padding: 10px 20px 10px 0; + margin-right: 20px; + border-right: 1px solid #303030 +} + +@media (max-width: 768px) { + #toolbar .toolbar-ct-1 .module, #toolbar .toolbar-ct-1 .mr-module { + padding-right: 0; + border: 0 + } +} + +#toolbar .toolbar-ct-1 .module i, #toolbar .toolbar-ct-1 .mr-module i { + margin-right: 5px; + display: inline-block +} + +#toolbar .toolbar-ct-1 .module:last-child, #toolbar .toolbar-ct-1 .mr-module:last-child { + margin-right: 0; + padding-right: 0; + border-right: 0 +} + +#toolbar .toolbar-ct-2 { + float: right; + margin-top: 10px; + margin-right:10px; +} + +#toolbar .toolbar-ct-2 .module, #toolbar .toolbar-ct-2 .mr-module { + margin-bottom: 0; + display: inline-block; + padding: 0 20px; + border-right: 1px solid #555555 +} + +#toolbar .toolbar-ct-2 .module:last-child, #toolbar .toolbar-ct-2 .mr-module:last-child { + border: 0 +} +#toolbar .toolbar-ct-3 { + float: right; + border-left: 1px solid #303030; + padding-left: 20px; + left: auto; + right: 0 +} + +#toolbar .toolbar-ct-3 .btn { + padding: 10px 0; + text-transform: none; + background: none; + border: 0; + color: #0885B1; + font-family: 'Roboto Slab', Georgia, Times, serif +} +.mr-header { + padding-top: 20px; + padding-bottom: 20px; + background: #E33737; + position: relative +} + +.logo { + float: left; + padding: 0 +} + +.logo a { + display: inline-block; + line-height: 1; + margin: 0 +} + +.logo-image { + overflow: hidden; + margin: 5px 40px 5px 20px; + text-align: left +} + +.logo-image span, .logo-image small { + display: none +} + +@media (min-width: 920px) and (max-width: 1245px) { + .logo-image { + margin-left: 50px + } +} + +@media (max-width: 919px) { + .logo-image { + margin: 10px 40px 10px 60px + } +} +.head-search { + margin: 0 +} +.head-search form { + margin: 0 +} +.mr-sl { + padding-bottom: 60px; + padding-top: 60px +} + +.mr-sl-1 { + padding-top: 30px; + padding-bottom: 0; + position: relative; + z-index: 1 +} + +.mr-masstop { + padding-top: 10px; + position: relative; + z-index: 1 +} +.mr-footer:before, .mr-footer:after { + content: " "; + display: table +} + +.mr-footer:after { + clear: both +} + +.mr-footer small { + display: block; + font-size: 100% +} +.mr-copyright:before, .mr-copyright:after { + content: " "; + display: table +} + +.mr-copyright:after { + clear: both +} + +.mr-copyright small { + margin-bottom: 5px +} + +.copyright { + float: left; +} +@media (max-width: 767px) { + .logo { + float: none; + text-align: center + } + + .logo-image { + overflow: inherit + } + + #header_oc #cart .heading h4 { + display: none + } + + .head-search { + float: left !important; + margin: 20px 0 !important; + width: 100% !important + } + + .head-search form { + float: none + } + .mr-masstop { + padding-top: 0 + } + .mr-sl { + padding-bottom: 20px; + padding-top: 20px + } + .mr-copyright { + padding: 20px 20px 40px + } + + .mr-copyright:before, .mr-copyright:after { + content: " "; + display: table + } + + .mr-copyright:after { + clear: both + } + + .copyright, .poweredby { + float: none; + display: inline-block; + text-align: center + } +} +@media (max-width: 767px) and (max-width: 768px) { + .mr-copyright { + text-align: center + } +} +@media (max-width: 1180px) { + .navbar-default .navbar-nav > li > a { + font-size: 12px; + padding: 30px 13px + } +} +@media screen and (max-width: 919px) { + .navbar-default .navbar-collapse { + border: 0; + margin-top: 20px + } +} +html, body { + height: 100% +} +.fa { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: inherit; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale +} +.pull-right { + float: right +} +.fa-stack { + position: relative; + display: inline-block; + width: 2em; + height: 2em; + line-height: 2em; + vertical-align: middle +} + +.fa-stack-1x, .fa-stack-2x { + position: absolute; + left: 0; + width: 100%; + text-align: center +} +.fa-stack-2x { + font-size: 2em +} +.fa-star:before { + content: "\f005" +} +.fa-star-o:before { + content: "\f006" +} +.fa-shopping-cart:before { + content: "\f07a" +} + .fa-phone:before { + content: "\f095" +} + .fa-cart1:before { + content: "\f07a" +} + @font-face { + font-family: 'FontAwesome'; + src: url('../fonts/fontawesome-webfont.eot?v=4.2.0'); + src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') + format('embedded-opentype'), + url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), + url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), + url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') + format('svg'); + font-weight: normal; + font-style: normal +} +.fa-heart:before { + content: "\f004" +} +/********tooltip***********/ + .tooltip-inner { + max-width: 200px; + padding: 3px 8px; + color: #ffffff; + text-align: center; + text-decoration: none; + background-color: #AA561B; + border-radius: 0 +} + +.tooltip-arrow { + position: absolute; + width: 0; + height: 0; + border-color: transparent; + border-style: solid +} +.tooltip.top .tooltip-arrow { + bottom: 0; + left: 50%; + margin-left: -5px; + border-width: 5px 5px 0; + border-top-color: #000000 +} + +.tooltip.left { + margin-left: -3px; + padding: 0 5px +} +.tooltip { + position: absolute; + z-index: 1030; + display: block; + font-family: 'Roboto', sans-serif; + font-size: 11px; + font-weight: normal; + line-height: 1.4; + opacity: 0; + filter: alpha(opacity=0) +} + +.tooltip.in { + opacity: 0.9; + filter: alpha(opacity=90) +} + +.tooltip.top { + margin-top: -3px; + padding: 5px 0 +} + +.tooltip.right { + margin-left: 3px; + padding: 0 5px +} +/**********************Ʒ*************************/ +.mr-mainbody { + padding-bottom: 40px; + padding-top: 40px; + position: relative; + z-index: 1; + margin-left: auto; + margin-right: auto; + float: none !important +} +.navbar-default .mr-megamenu .module .module-ct ul, .navbar-default .mr-megamenu .mr-module .module-ct ul { + margin: 0; + text-align: left; + border: 0 +} +.mr-sidebar-left.mr-sidebar .mr-module { + margin-right: 15px; + border: 2px solid #E1DDDD; +} +.mr-sidebar-1 .mr-module .box-product > div:before, .mr-sidebar .mr-module .box-product > div:before, .mr-sidebar-1 .mr-module .box-product > div:after, .mr-sidebar .mr-module .box-product > div:after { + content: " "; + display: table +} +.mr-sidebar-1 .mr-module .box-product > div:after, .mr-sidebar .mr-module .box-product > div:after { + clear: both +} +.mr-sidebar-1 .mr-module .box-product > div .image, .mr-sidebar .mr-module .box-product > div .image { + float: left; + margin-right: 20px +} +.mr-sidebar-1 .mr-module .box-product > div, .mr-sidebar .mr-module .box-product > div { + width: 100%; + margin-right: 0; + margin-bottom: 20px +} +.mr-content { + padding-left: 30px; + padding-right: 15px +} +/****************************************/ +.table-responsive { + overflow-x: auto; + min-height: 0.01%; +} +.table-bordered th, .table-bordered td { + border: 1px solid #ddd !important +} +.table { + width: 100%; + max-width: 100%; + margin-bottom: 20px; +} +.cart-total span{ float:right; height:50px; line-height:50px;float:right; overflow:hidden;} +.cart-total p{ color:#f00; margin-left:40px; float:left; font-weight:bold;} +.cart-total strong{ float:left;} +.cart-total { + margin-left: 0; + margin-right: 0 +} + +.cart-total > div { + padding: 0 +} + +.cart-total .table, .cart-total tbody tr td { + border-top: 0px none; + border-left: 0px none; + border-right: 0px none; +} +.cart-info table, .cart-total .table { + margin-bottom: 0px; +} +.input-group .form-control { + position: relative; + z-index: 2; + float: left; + width: 100%; + margin-bottom: 0 +} +.pull-left { + float: left !important +} +/**************************************/ +#product #button-wishlist, #product #button-compare { + background-color: transparent; + border: 1px solid #eee; + color: #aaa; + margin-left: 10px +} +/***************¼ҳʽ*****************/ +.form-group { +margin-bottom: 20px; +font-size: 18px; +} +.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { + margin-top: 0; + margin-bottom: 0; + padding-top: 7px +} +.form-horizontal .form-control-static { + padding-top: 7px +} + +.form-horizontal .form-group { +margin-left: -15px; +margin-right: -15px; +} +@media (min-width: 768px) { + .form-horizontal .control-label { + text-align: right; + margin-bottom: 0; + padding-top: 7px + } +} +.login_h1{ + color: #333333;marging:0px;background-color: #F2F2F2;padding:15px;font-size:20px;font-weight: bold; +} +/**************עҳʽ*************************************/ +input.required{ + float: left; +} +.star{ + color: +} +/******************õʽ************************/ +.search_box{width:438px;height:48px;line-height:48px;border:1px solid #F19F9F; float:right;margin-top:22px; margin-right:80px;position:relative;} +.search_box_img{width:auto; position:absolute; right:0px; top:0px; background-color:#fff; border-left:1px solid #F19F9F;} +.search_box_img:hover{ background-color:#f2f2f2;} +.search_box_img a:active{background:#f2f2f2;} +.top-nav-search-input{line-height:18px; margin-left:10px; float:left; border:0px; overflow:hidden; outline:none; font-family:""; margin-top:1px;width:235px; height:43px; + +padding:0px; } +/***************************************************/ +.index_title{ + color: #E33737; + border-bottom: 3px solid #E33737; + padding: 8px 0px; + font-size:15px; +} +.index_h3{ + border-bottom: 1px solid #B3B3B3; + padding-bottom:9px; +} +.img_checkcode{ + border-top: 1px solid #B3B3B3; + border-right: 1px solid #B3B3B3; + border-bottom: 1px solid #B3B3B3; + float: left; +} \ No newline at end of file diff --git a/WebContent/front/fonts/FontAwesome.otf b/WebContent/front/fonts/FontAwesome.otf new file mode 100644 index 0000000..d4de13e Binary files /dev/null and b/WebContent/front/fonts/FontAwesome.otf differ diff --git a/WebContent/front/fonts/fontawesome-webfont.eot b/WebContent/front/fonts/fontawesome-webfont.eot new file mode 100644 index 0000000..c7b00d2 Binary files /dev/null and b/WebContent/front/fonts/fontawesome-webfont.eot differ diff --git a/WebContent/front/fonts/fontawesome-webfont.svg b/WebContent/front/fonts/fontawesome-webfont.svg new file mode 100644 index 0000000..8b66187 --- /dev/null +++ b/WebContent/front/fonts/fontawesome-webfont.svg @@ -0,0 +1,685 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/WebContent/front/fonts/fontawesome-webfont.ttf b/WebContent/front/fonts/fontawesome-webfont.ttf new file mode 100644 index 0000000..f221e50 Binary files /dev/null and b/WebContent/front/fonts/fontawesome-webfont.ttf differ diff --git a/WebContent/front/fonts/fontawesome-webfont.woff b/WebContent/front/fonts/fontawesome-webfont.woff new file mode 100644 index 0000000..6e7483c Binary files /dev/null and b/WebContent/front/fonts/fontawesome-webfont.woff differ diff --git a/WebContent/front/fonts/fontawesome-webfont.woff2 b/WebContent/front/fonts/fontawesome-webfont.woff2 new file mode 100644 index 0000000..7eb74fd Binary files /dev/null and b/WebContent/front/fonts/fontawesome-webfont.woff2 differ diff --git a/WebContent/front/goodsDetail.jsp b/WebContent/front/goodsDetail.jsp new file mode 100644 index 0000000..dbcb11b --- /dev/null +++ b/WebContent/front/goodsDetail.jsp @@ -0,0 +1,145 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%--创建com.tools.ConnDB类的对象 --%> + + + + + +魔法集市 + + + + + + + + + + + + <%@ include file="common-header.jsp"%> + +
+
+ +
+
+
+
+
+ + <% + int typeSystem=0; + int ID=Integer.parseInt(request.getParameter("ID")); //获取商品ID + if(ID>0){ + ResultSet rs=conn.executeQuery("select ID,GoodsName,Introduce,nowprice,picture, " + + " price,typeID from tb_goods where ID=" + ID); //根据ID查询商品信息 + String goodsName = ""; //保存商品名称的变量 + float nowprice = (float) 0.0; //保存商品现价的变量 + float price = (float) 0.0; //保存商品原价的变量 + String picture = ""; //保存商品图片的变量 + String introduce = ""; //保存商品描述的变量 + if(rs.next()){ + goodsName=rs.getString(2); + introduce=rs.getString(3); + nowprice=rs.getFloat(4); + picture=rs.getString(5); + price=rs.getFloat(6); + typeSystem=rs.getInt(7); + } + conn.close(); + %> + +
+
+
    +
  • +
+
+
+
+

<%=goodsName %>

+
  • <%=nowprice %>元

+
  • 原价: <%=price %>元
+

商城活动:全场满99包邮

+

+
+ +
+
+ + +
+
+
+
+
+
+ +
+
+ <%=introduce %> +
+
+
+
+ <%}else{//获取到的ID不合法 + out.println(""); + } + %> + + + + + +
+
+
+ +
+
+ + + + + + + +
+
+ + <%@ include file="common-footer.jsp"%> + + + + + diff --git a/WebContent/front/goodsList.jsp b/WebContent/front/goodsList.jsp new file mode 100644 index 0000000..dc3c1bb --- /dev/null +++ b/WebContent/front/goodsList.jsp @@ -0,0 +1,98 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%--创建com.tools.ConnDB类的对象 --%> +<% + /* 商品信息 */ + int Type=Integer.parseInt(request.getParameter("type")); + ResultSet rs_new = conn.executeQuery( + "select top 12 t1.ID, t1.GoodsName,t1.price,t1.picture,t2.TypeName " + +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and " + +"t2.superType="+ Type + "order by t1.INTime desc"); //查询商品信息 + int new_ID=0; //保存商品的id变量 + String new_goodsname=""; //保存商品名称的变量 + float new_nowprice=0; //保存商品的价格变量 + String new_picture=""; //保存商品的图片变量 + String typeName=""; //保存商品的分类变量 +%> + + + + +分类 + + + + + + + + + <%@ include file="common-header.jsp"%> + + <%@ include file="common-footer.jsp"%> + + \ No newline at end of file diff --git a/WebContent/front/images/arrow-next.png b/WebContent/front/images/arrow-next.png new file mode 100644 index 0000000..a5e8fb4 Binary files /dev/null and b/WebContent/front/images/arrow-next.png differ diff --git a/WebContent/front/images/arrow-prev.png b/WebContent/front/images/arrow-prev.png new file mode 100644 index 0000000..be392a7 Binary files /dev/null and b/WebContent/front/images/arrow-prev.png differ diff --git a/WebContent/front/images/default.jpg b/WebContent/front/images/default.jpg new file mode 100644 index 0000000..97fe6fb Binary files /dev/null and b/WebContent/front/images/default.jpg differ diff --git a/WebContent/front/images/event.jpg b/WebContent/front/images/event.jpg new file mode 100644 index 0000000..de5a520 Binary files /dev/null and b/WebContent/front/images/event.jpg differ diff --git a/WebContent/front/images/goods/1.jpg b/WebContent/front/images/goods/1.jpg new file mode 100644 index 0000000..2eff13c Binary files /dev/null and b/WebContent/front/images/goods/1.jpg differ diff --git a/WebContent/front/images/goods/10.jpg b/WebContent/front/images/goods/10.jpg new file mode 100644 index 0000000..e857eab Binary files /dev/null and b/WebContent/front/images/goods/10.jpg differ diff --git a/WebContent/front/images/goods/11.jpg b/WebContent/front/images/goods/11.jpg new file mode 100644 index 0000000..47aed8f Binary files /dev/null and b/WebContent/front/images/goods/11.jpg differ diff --git a/WebContent/front/images/goods/12.jpg b/WebContent/front/images/goods/12.jpg new file mode 100644 index 0000000..8f8f691 Binary files /dev/null and b/WebContent/front/images/goods/12.jpg differ diff --git a/WebContent/front/images/goods/13.jpg b/WebContent/front/images/goods/13.jpg new file mode 100644 index 0000000..b59f1c7 Binary files /dev/null and b/WebContent/front/images/goods/13.jpg differ diff --git a/WebContent/front/images/goods/14.jpg b/WebContent/front/images/goods/14.jpg new file mode 100644 index 0000000..4544d0b Binary files /dev/null and b/WebContent/front/images/goods/14.jpg differ diff --git a/WebContent/front/images/goods/15.jpg b/WebContent/front/images/goods/15.jpg new file mode 100644 index 0000000..bb819cd Binary files /dev/null and b/WebContent/front/images/goods/15.jpg differ diff --git a/WebContent/front/images/goods/16.jpg b/WebContent/front/images/goods/16.jpg new file mode 100644 index 0000000..a3f2444 Binary files /dev/null and b/WebContent/front/images/goods/16.jpg differ diff --git a/WebContent/front/images/goods/17.jpg b/WebContent/front/images/goods/17.jpg new file mode 100644 index 0000000..67d6524 Binary files /dev/null and b/WebContent/front/images/goods/17.jpg differ diff --git a/WebContent/front/images/goods/18.jpg b/WebContent/front/images/goods/18.jpg new file mode 100644 index 0000000..c5b5074 Binary files /dev/null and b/WebContent/front/images/goods/18.jpg differ diff --git a/WebContent/front/images/goods/18a.png b/WebContent/front/images/goods/18a.png new file mode 100644 index 0000000..0da64bd Binary files /dev/null and b/WebContent/front/images/goods/18a.png differ diff --git a/WebContent/front/images/goods/19.jpg b/WebContent/front/images/goods/19.jpg new file mode 100644 index 0000000..b9eeeaf Binary files /dev/null and b/WebContent/front/images/goods/19.jpg differ diff --git a/WebContent/front/images/goods/2.jpg b/WebContent/front/images/goods/2.jpg new file mode 100644 index 0000000..09fe3e3 Binary files /dev/null and b/WebContent/front/images/goods/2.jpg differ diff --git a/WebContent/front/images/goods/20.jpg b/WebContent/front/images/goods/20.jpg new file mode 100644 index 0000000..1e89400 Binary files /dev/null and b/WebContent/front/images/goods/20.jpg differ diff --git a/WebContent/front/images/goods/21.jpg b/WebContent/front/images/goods/21.jpg new file mode 100644 index 0000000..37c34e4 Binary files /dev/null and b/WebContent/front/images/goods/21.jpg differ diff --git a/WebContent/front/images/goods/22.jpg b/WebContent/front/images/goods/22.jpg new file mode 100644 index 0000000..a2a3c6f Binary files /dev/null and b/WebContent/front/images/goods/22.jpg differ diff --git a/WebContent/front/images/goods/23.jpg b/WebContent/front/images/goods/23.jpg new file mode 100644 index 0000000..3ac3aa9 Binary files /dev/null and b/WebContent/front/images/goods/23.jpg differ diff --git a/WebContent/front/images/goods/24.jpg b/WebContent/front/images/goods/24.jpg new file mode 100644 index 0000000..d61bcfa Binary files /dev/null and b/WebContent/front/images/goods/24.jpg differ diff --git a/WebContent/front/images/goods/25.jpg b/WebContent/front/images/goods/25.jpg new file mode 100644 index 0000000..67f3894 Binary files /dev/null and b/WebContent/front/images/goods/25.jpg differ diff --git a/WebContent/front/images/goods/26.jpg b/WebContent/front/images/goods/26.jpg new file mode 100644 index 0000000..694df79 Binary files /dev/null and b/WebContent/front/images/goods/26.jpg differ diff --git a/WebContent/front/images/goods/27.jpg b/WebContent/front/images/goods/27.jpg new file mode 100644 index 0000000..d51c9a0 Binary files /dev/null and b/WebContent/front/images/goods/27.jpg differ diff --git a/WebContent/front/images/goods/28.jpg b/WebContent/front/images/goods/28.jpg new file mode 100644 index 0000000..64715d1 Binary files /dev/null and b/WebContent/front/images/goods/28.jpg differ diff --git a/WebContent/front/images/goods/29.jpg b/WebContent/front/images/goods/29.jpg new file mode 100644 index 0000000..bb8d35c Binary files /dev/null and b/WebContent/front/images/goods/29.jpg differ diff --git a/WebContent/front/images/goods/3.jpg b/WebContent/front/images/goods/3.jpg new file mode 100644 index 0000000..e6971c8 Binary files /dev/null and b/WebContent/front/images/goods/3.jpg differ diff --git a/WebContent/front/images/goods/30.jpg b/WebContent/front/images/goods/30.jpg new file mode 100644 index 0000000..bb964a6 Binary files /dev/null and b/WebContent/front/images/goods/30.jpg differ diff --git a/WebContent/front/images/goods/31.jpg b/WebContent/front/images/goods/31.jpg new file mode 100644 index 0000000..e966d5c Binary files /dev/null and b/WebContent/front/images/goods/31.jpg differ diff --git a/WebContent/front/images/goods/32.jpg b/WebContent/front/images/goods/32.jpg new file mode 100644 index 0000000..faaa40d Binary files /dev/null and b/WebContent/front/images/goods/32.jpg differ diff --git a/WebContent/front/images/goods/33.jpg b/WebContent/front/images/goods/33.jpg new file mode 100644 index 0000000..886a083 Binary files /dev/null and b/WebContent/front/images/goods/33.jpg differ diff --git a/WebContent/front/images/goods/34.jpg b/WebContent/front/images/goods/34.jpg new file mode 100644 index 0000000..ff4245f Binary files /dev/null and b/WebContent/front/images/goods/34.jpg differ diff --git a/WebContent/front/images/goods/35.jpg b/WebContent/front/images/goods/35.jpg new file mode 100644 index 0000000..f5c8000 Binary files /dev/null and b/WebContent/front/images/goods/35.jpg differ diff --git a/WebContent/front/images/goods/36.jpg b/WebContent/front/images/goods/36.jpg new file mode 100644 index 0000000..d3782ec Binary files /dev/null and b/WebContent/front/images/goods/36.jpg differ diff --git a/WebContent/front/images/goods/37.jpg b/WebContent/front/images/goods/37.jpg new file mode 100644 index 0000000..c2ea171 Binary files /dev/null and b/WebContent/front/images/goods/37.jpg differ diff --git a/WebContent/front/images/goods/38.jpg b/WebContent/front/images/goods/38.jpg new file mode 100644 index 0000000..1a4e769 Binary files /dev/null and b/WebContent/front/images/goods/38.jpg differ diff --git a/WebContent/front/images/goods/39.jpg b/WebContent/front/images/goods/39.jpg new file mode 100644 index 0000000..772f488 Binary files /dev/null and b/WebContent/front/images/goods/39.jpg differ diff --git a/WebContent/front/images/goods/4.jpg b/WebContent/front/images/goods/4.jpg new file mode 100644 index 0000000..6bc720d Binary files /dev/null and b/WebContent/front/images/goods/4.jpg differ diff --git a/WebContent/front/images/goods/40.jpg b/WebContent/front/images/goods/40.jpg new file mode 100644 index 0000000..933dd1e Binary files /dev/null and b/WebContent/front/images/goods/40.jpg differ diff --git a/WebContent/front/images/goods/41.jpg b/WebContent/front/images/goods/41.jpg new file mode 100644 index 0000000..1b97fb4 Binary files /dev/null and b/WebContent/front/images/goods/41.jpg differ diff --git a/WebContent/front/images/goods/42.jpg b/WebContent/front/images/goods/42.jpg new file mode 100644 index 0000000..75b237e Binary files /dev/null and b/WebContent/front/images/goods/42.jpg differ diff --git a/WebContent/front/images/goods/43.jpg b/WebContent/front/images/goods/43.jpg new file mode 100644 index 0000000..9062759 Binary files /dev/null and b/WebContent/front/images/goods/43.jpg differ diff --git a/WebContent/front/images/goods/44.jpg b/WebContent/front/images/goods/44.jpg new file mode 100644 index 0000000..9767e8e Binary files /dev/null and b/WebContent/front/images/goods/44.jpg differ diff --git a/WebContent/front/images/goods/45.jpg b/WebContent/front/images/goods/45.jpg new file mode 100644 index 0000000..164f6df Binary files /dev/null and b/WebContent/front/images/goods/45.jpg differ diff --git a/WebContent/front/images/goods/46.jpg b/WebContent/front/images/goods/46.jpg new file mode 100644 index 0000000..fc55cf8 Binary files /dev/null and b/WebContent/front/images/goods/46.jpg differ diff --git a/WebContent/front/images/goods/47.jpg b/WebContent/front/images/goods/47.jpg new file mode 100644 index 0000000..cc8da21 Binary files /dev/null and b/WebContent/front/images/goods/47.jpg differ diff --git a/WebContent/front/images/goods/48.jpg b/WebContent/front/images/goods/48.jpg new file mode 100644 index 0000000..326dc57 Binary files /dev/null and b/WebContent/front/images/goods/48.jpg differ diff --git a/WebContent/front/images/goods/49.jpg b/WebContent/front/images/goods/49.jpg new file mode 100644 index 0000000..86db65f Binary files /dev/null and b/WebContent/front/images/goods/49.jpg differ diff --git a/WebContent/front/images/goods/5.jpg b/WebContent/front/images/goods/5.jpg new file mode 100644 index 0000000..b372698 Binary files /dev/null and b/WebContent/front/images/goods/5.jpg differ diff --git a/WebContent/front/images/goods/50.jpg b/WebContent/front/images/goods/50.jpg new file mode 100644 index 0000000..47ab435 Binary files /dev/null and b/WebContent/front/images/goods/50.jpg differ diff --git a/WebContent/front/images/goods/51.jpg b/WebContent/front/images/goods/51.jpg new file mode 100644 index 0000000..e1aa346 Binary files /dev/null and b/WebContent/front/images/goods/51.jpg differ diff --git a/WebContent/front/images/goods/52.jpg b/WebContent/front/images/goods/52.jpg new file mode 100644 index 0000000..d7f0dd4 Binary files /dev/null and b/WebContent/front/images/goods/52.jpg differ diff --git a/WebContent/front/images/goods/53.jpg b/WebContent/front/images/goods/53.jpg new file mode 100644 index 0000000..363552b Binary files /dev/null and b/WebContent/front/images/goods/53.jpg differ diff --git a/WebContent/front/images/goods/54.jpg b/WebContent/front/images/goods/54.jpg new file mode 100644 index 0000000..ea16c23 Binary files /dev/null and b/WebContent/front/images/goods/54.jpg differ diff --git a/WebContent/front/images/goods/55.jpg b/WebContent/front/images/goods/55.jpg new file mode 100644 index 0000000..afc115a Binary files /dev/null and b/WebContent/front/images/goods/55.jpg differ diff --git a/WebContent/front/images/goods/56.jpg b/WebContent/front/images/goods/56.jpg new file mode 100644 index 0000000..515fd54 Binary files /dev/null and b/WebContent/front/images/goods/56.jpg differ diff --git a/WebContent/front/images/goods/57.jpg b/WebContent/front/images/goods/57.jpg new file mode 100644 index 0000000..9541efa Binary files /dev/null and b/WebContent/front/images/goods/57.jpg differ diff --git a/WebContent/front/images/goods/58.jpg b/WebContent/front/images/goods/58.jpg new file mode 100644 index 0000000..f600767 Binary files /dev/null and b/WebContent/front/images/goods/58.jpg differ diff --git a/WebContent/front/images/goods/59.jpg b/WebContent/front/images/goods/59.jpg new file mode 100644 index 0000000..3a0a7b8 Binary files /dev/null and b/WebContent/front/images/goods/59.jpg differ diff --git a/WebContent/front/images/goods/6.jpg b/WebContent/front/images/goods/6.jpg new file mode 100644 index 0000000..8713052 Binary files /dev/null and b/WebContent/front/images/goods/6.jpg differ diff --git a/WebContent/front/images/goods/60.jpg b/WebContent/front/images/goods/60.jpg new file mode 100644 index 0000000..31d46e2 Binary files /dev/null and b/WebContent/front/images/goods/60.jpg differ diff --git a/WebContent/front/images/goods/7.jpg b/WebContent/front/images/goods/7.jpg new file mode 100644 index 0000000..67af5a1 Binary files /dev/null and b/WebContent/front/images/goods/7.jpg differ diff --git a/WebContent/front/images/goods/8.jpg b/WebContent/front/images/goods/8.jpg new file mode 100644 index 0000000..08f3f90 Binary files /dev/null and b/WebContent/front/images/goods/8.jpg differ diff --git a/WebContent/front/images/goods/9.jpg b/WebContent/front/images/goods/9.jpg new file mode 100644 index 0000000..7204b66 Binary files /dev/null and b/WebContent/front/images/goods/9.jpg differ diff --git a/WebContent/front/images/goods/fufu.jpg b/WebContent/front/images/goods/fufu.jpg new file mode 100644 index 0000000..c35b7c6 Binary files /dev/null and b/WebContent/front/images/goods/fufu.jpg differ diff --git a/WebContent/front/images/goods/klee.jpg b/WebContent/front/images/goods/klee.jpg new file mode 100644 index 0000000..98f2527 Binary files /dev/null and b/WebContent/front/images/goods/klee.jpg differ diff --git a/WebContent/front/images/goods/lisa.jpg b/WebContent/front/images/goods/lisa.jpg new file mode 100644 index 0000000..6017834 Binary files /dev/null and b/WebContent/front/images/goods/lisa.jpg differ diff --git a/WebContent/front/images/goods/五条悟Q版.jpg b/WebContent/front/images/goods/五条悟Q版.jpg new file mode 100644 index 0000000..68bef98 Binary files /dev/null and b/WebContent/front/images/goods/五条悟Q版.jpg differ diff --git a/WebContent/front/images/goods/从零开始的异世界生活.jpg b/WebContent/front/images/goods/从零开始的异世界生活.jpg new file mode 100644 index 0000000..d7cd5b6 Binary files /dev/null and b/WebContent/front/images/goods/从零开始的异世界生活.jpg differ diff --git a/WebContent/front/images/goods/佩可莉姆可动.jpg b/WebContent/front/images/goods/佩可莉姆可动.jpg new file mode 100644 index 0000000..58cba5f Binary files /dev/null and b/WebContent/front/images/goods/佩可莉姆可动.jpg differ diff --git a/WebContent/front/images/goods/刀剑神域.jpg b/WebContent/front/images/goods/刀剑神域.jpg new file mode 100644 index 0000000..3758f2e Binary files /dev/null and b/WebContent/front/images/goods/刀剑神域.jpg differ diff --git a/WebContent/front/images/goods/初音未来Q版.jpg b/WebContent/front/images/goods/初音未来Q版.jpg new file mode 100644 index 0000000..7a46f43 Binary files /dev/null and b/WebContent/front/images/goods/初音未来Q版.jpg differ diff --git a/WebContent/front/images/goods/卫视的粉丝的.jpg b/WebContent/front/images/goods/卫视的粉丝的.jpg new file mode 100644 index 0000000..996c6a4 Binary files /dev/null and b/WebContent/front/images/goods/卫视的粉丝的.jpg differ diff --git a/WebContent/front/images/goods/咒术回战.jpg b/WebContent/front/images/goods/咒术回战.jpg new file mode 100644 index 0000000..cc87778 Binary files /dev/null and b/WebContent/front/images/goods/咒术回战.jpg differ diff --git a/WebContent/front/images/goods/岸边露伴一动不动.jpg b/WebContent/front/images/goods/岸边露伴一动不动.jpg new file mode 100644 index 0000000..378bb0f Binary files /dev/null and b/WebContent/front/images/goods/岸边露伴一动不动.jpg differ diff --git a/WebContent/front/images/goods/杀手皇后可动.jpg b/WebContent/front/images/goods/杀手皇后可动.jpg new file mode 100644 index 0000000..d1c51a8 Binary files /dev/null and b/WebContent/front/images/goods/杀手皇后可动.jpg differ diff --git a/WebContent/front/images/goods/欢迎来到实力至上主义的教室.jpg b/WebContent/front/images/goods/欢迎来到实力至上主义的教室.jpg new file mode 100644 index 0000000..40e5487 Binary files /dev/null and b/WebContent/front/images/goods/欢迎来到实力至上主义的教室.jpg differ diff --git a/WebContent/front/images/goods/火影忍者.jpg b/WebContent/front/images/goods/火影忍者.jpg new file mode 100644 index 0000000..a07d861 Binary files /dev/null and b/WebContent/front/images/goods/火影忍者.jpg differ diff --git a/WebContent/front/images/goods/猫娘.jpg b/WebContent/front/images/goods/猫娘.jpg new file mode 100644 index 0000000..796b098 Binary files /dev/null and b/WebContent/front/images/goods/猫娘.jpg differ diff --git a/WebContent/front/images/goods/电锯人.jpg b/WebContent/front/images/goods/电锯人.jpg new file mode 100644 index 0000000..1d7b9f5 Binary files /dev/null and b/WebContent/front/images/goods/电锯人.jpg differ diff --git a/WebContent/front/images/goods/石之海.jpg b/WebContent/front/images/goods/石之海.jpg new file mode 100644 index 0000000..5e80eec Binary files /dev/null and b/WebContent/front/images/goods/石之海.jpg differ diff --git a/WebContent/front/images/goods/航海王.jpg b/WebContent/front/images/goods/航海王.jpg new file mode 100644 index 0000000..27e9a5b Binary files /dev/null and b/WebContent/front/images/goods/航海王.jpg differ diff --git a/WebContent/front/images/goods/莱莎.jpg b/WebContent/front/images/goods/莱莎.jpg new file mode 100644 index 0000000..6ed5710 Binary files /dev/null and b/WebContent/front/images/goods/莱莎.jpg differ diff --git a/WebContent/front/images/goods/藤原千花Q版.jpg b/WebContent/front/images/goods/藤原千花Q版.jpg new file mode 100644 index 0000000..af8a222 Binary files /dev/null and b/WebContent/front/images/goods/藤原千花Q版.jpg differ diff --git a/WebContent/front/images/goods/贞德可动.jpg b/WebContent/front/images/goods/贞德可动.jpg new file mode 100644 index 0000000..a2cd366 Binary files /dev/null and b/WebContent/front/images/goods/贞德可动.jpg differ diff --git a/WebContent/front/images/goods/阿米娅Q版.jpg b/WebContent/front/images/goods/阿米娅Q版.jpg new file mode 100644 index 0000000..7c47486 Binary files /dev/null and b/WebContent/front/images/goods/阿米娅Q版.jpg differ diff --git a/WebContent/front/images/goods/青春猪头少年不会梦到兔女郎学姐.jpg b/WebContent/front/images/goods/青春猪头少年不会梦到兔女郎学姐.jpg new file mode 100644 index 0000000..0c57422 Binary files /dev/null and b/WebContent/front/images/goods/青春猪头少年不会梦到兔女郎学姐.jpg differ diff --git a/WebContent/front/images/goods/鬼灭之刃.jpg b/WebContent/front/images/goods/鬼灭之刃.jpg new file mode 100644 index 0000000..9fa4395 Binary files /dev/null and b/WebContent/front/images/goods/鬼灭之刃.jpg differ diff --git a/WebContent/front/images/goods/黑豹.png b/WebContent/front/images/goods/黑豹.png new file mode 100644 index 0000000..6ea6966 Binary files /dev/null and b/WebContent/front/images/goods/黑豹.png differ diff --git a/WebContent/front/images/img1.jpg b/WebContent/front/images/img1.jpg new file mode 100644 index 0000000..7b80a56 Binary files /dev/null and b/WebContent/front/images/img1.jpg differ diff --git a/WebContent/front/images/img2.png b/WebContent/front/images/img2.png new file mode 100644 index 0000000..f350041 Binary files /dev/null and b/WebContent/front/images/img2.png differ diff --git a/WebContent/front/images/img3.png b/WebContent/front/images/img3.png new file mode 100644 index 0000000..71394d0 Binary files /dev/null and b/WebContent/front/images/img3.png differ diff --git a/WebContent/front/images/img4.png b/WebContent/front/images/img4.png new file mode 100644 index 0000000..dddb35e Binary files /dev/null and b/WebContent/front/images/img4.png differ diff --git a/WebContent/front/images/logo.png b/WebContent/front/images/logo.png new file mode 100644 index 0000000..f6fbd6c Binary files /dev/null and b/WebContent/front/images/logo.png differ diff --git a/WebContent/front/images/mfjslogo.png b/WebContent/front/images/mfjslogo.png new file mode 100644 index 0000000..3a75a21 Binary files /dev/null and b/WebContent/front/images/mfjslogo.png differ diff --git a/WebContent/front/images/other.png b/WebContent/front/images/other.png new file mode 100644 index 0000000..7652250 Binary files /dev/null and b/WebContent/front/images/other.png differ diff --git a/WebContent/front/images/paypal.png b/WebContent/front/images/paypal.png new file mode 100644 index 0000000..063778e Binary files /dev/null and b/WebContent/front/images/paypal.png differ diff --git a/WebContent/front/images/qr.png b/WebContent/front/images/qr.png new file mode 100644 index 0000000..26576b6 Binary files /dev/null and b/WebContent/front/images/qr.png differ diff --git a/WebContent/front/images/qrcode.png b/WebContent/front/images/qrcode.png new file mode 100644 index 0000000..38cce96 Binary files /dev/null and b/WebContent/front/images/qrcode.png differ diff --git a/WebContent/front/images/search.png b/WebContent/front/images/search.png new file mode 100644 index 0000000..6ab1134 Binary files /dev/null and b/WebContent/front/images/search.png differ diff --git a/WebContent/front/images/search_a.png b/WebContent/front/images/search_a.png new file mode 100644 index 0000000..1e66dc2 Binary files /dev/null and b/WebContent/front/images/search_a.png differ diff --git a/WebContent/front/images/weichat.png b/WebContent/front/images/weichat.png new file mode 100644 index 0000000..4efe65b Binary files /dev/null and b/WebContent/front/images/weichat.png differ diff --git a/WebContent/front/images/zhifubao.png b/WebContent/front/images/zhifubao.png new file mode 100644 index 0000000..f36f885 Binary files /dev/null and b/WebContent/front/images/zhifubao.png differ diff --git a/WebContent/front/index-loginCon.jsp b/WebContent/front/index-loginCon.jsp new file mode 100644 index 0000000..46d7785 --- /dev/null +++ b/WebContent/front/index-loginCon.jsp @@ -0,0 +1,127 @@ +<%@ page contentType="text/html; charset=UTF-8"%> + +<% + String username = (String) session.getAttribute("username"); + + if (username == null || username == "") { +%> +
+
+
+
+

+ 电话:4008-517-517登录  |  注册 +

+
+
+ 我的订单   |    我的收藏 +
+
+
+
+
+
+ + +
+ + + +
+
+
+
+
+<% + } else { +%> +
+
+
+
+

+ 电话:4008-517-517您好,<%=username%> +    修改   + |  退出 +

+
+
+ 我的订单   |    我的收藏 +
+
+
+
+
+
+ + +
+ + + +
+
+
+
+
+<% + } +%> \ No newline at end of file diff --git a/WebContent/front/index.jsp b/WebContent/front/index.jsp new file mode 100644 index 0000000..3f19199 --- /dev/null +++ b/WebContent/front/index.jsp @@ -0,0 +1,296 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="com.tools.ChStr" %> +<%@ page import="java.lang.*" %> +<%@ page import="java.sql.ResultSet" %> <%--导入java.sql.ResultSet类 --%> +<%--创建com.tools.ConnDB类的对象 --%> + +<% + /* 最新上架商品信息 */ + ResultSet rs_new = conn.executeQuery( + "select top 12 t1.ID, t1.GoodsName,t1.price,t1.picture,t2.TypeName " + +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and " + +"t1.newGoods=1 order by t1.INTime desc"); //查询最新上架商品信息 + int new_ID=0; //保存最新上架商品的id变量 + String new_goodsname=""; //保存最新上架商品名称的变量 + float new_nowprice=0; //保存最新上架商品的价格变量 + String new_picture=""; //保存最新上架商品的图片变量 + String typeName=""; //保存最新上架商品的分类变量 + + ResultSet rs_sale = conn.executeQuery( + "select top 12 t1.ID, t1.GoodsName,t1.price,t1.nowPrice,t1.picture,t2.TypeName " + +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and t1.sale=1 " + +"order by t1.INTime desc"); //查询打折商品信息 + + int sale_ID=0; //保存打折商品的id变量 + String s_goodsname=""; //保存打折商品名称的变量 + float s_nowprice=0; //保存打折商品现在的价格变量 + float s_price=0; //保存打折商品的原价格变量 + String s_picture=""; //保存打折商品的图片变量 + String s_introduce=""; //保存打折商品简介 + + ResultSet rs_hot =conn + .executeQuery("select top 2 ID,GoodsName,nowprice,picture " + +"from tb_goods order by hit desc"); //查询热门商品信息 + int hot_ID = 0; //保存热门商品ID的变量 + String hot_goodsName = ""; //保存热门商品名称的变量 + float hot_nowprice = 0; //保存热门商品价格的变量 + String hot_picture = ""; //保存热门商品图片的变量 +%> + + + + +首页-魔法集市 + + + + + + + + + + + + <%@ include file="common-header.jsp"%> + + +
+
+ + + + + +
+
+ + + + + + <%@ include file="common-footer.jsp"%> + + + \ No newline at end of file diff --git a/WebContent/front/js/bootstrap-datetimepicker.min.js b/WebContent/front/js/bootstrap-datetimepicker.min.js new file mode 100644 index 0000000..5ecb56e --- /dev/null +++ b/WebContent/front/js/bootstrap-datetimepicker.min.js @@ -0,0 +1 @@ +(function(e,t){"use strict";if(typeof define==="function"&&define.amd){define(["jquery","moment"],t)}else if(typeof exports==="object"){t(require("jquery"),require("moment"))}else{if(!jQuery){throw new Error("bootstrap-datetimepicker requires jQuery to be loaded first")}if(!moment){throw new Error("bootstrap-datetimepicker requires moment.js to be loaded first")}t(e.jQuery,moment)}})(this,function(e,t){"use strict";if(typeof t==="undefined"){throw new Error("momentjs is required")}var n=0,r=function(r,i){var s=e.fn.datetimepicker.defaults,o={time:"fa fa-clock-o",date:"fa fa-calendar",up:"fa fa-chevron-up",down:"fa fa-chevron-down"},u=this,a=false,f,l=function(){var a=false,f,l;u.options=e.extend({},s,i);u.options.icons=e.extend({},o,u.options.icons);u.element=e(r);h();if(!(u.options.pickTime||u.options.pickDate)){throw new Error("Must choose at least one picker")}u.id=n++;t.locale(u.options.language);u.date=t();u.unset=false;u.isInput=u.element.is("input");u.component=false;if(u.element.hasClass("input-group")){if(u.element.find(".datepickerbutton").size()===0){u.component=u.element.find('[class^="input-group-"]')}else{u.component=u.element.find(".datepickerbutton")}}u.format=u.options.format;f=t().localeData();if(!u.format){u.format=u.options.pickDate?f.longDateFormat("L"):"";if(u.options.pickDate&&u.options.pickTime){u.format+=" "}u.format+=u.options.pickTime?f.longDateFormat("LT"):"";if(u.options.useSeconds){if(f.longDateFormat("LT").indexOf(" A")!==-1){u.format=u.format.split(" A")[0]+":ss A"}else{u.format+=":ss"}}}u.use24hours=u.format.toLowerCase().indexOf("a")<0&&u.format.indexOf("h")<0;if(u.component){a=u.component.find("span")}if(u.options.pickTime){if(a){a.addClass(u.options.icons.time)}}if(u.options.pickDate){if(a){a.removeClass(u.options.icons.time);a.addClass(u.options.icons.date)}}u.options.widgetParent=typeof u.options.widgetParent==="string"&&u.options.widgetParent||u.element.parents().filter(function(){return"scroll"===e(this).css("overflow-y")}).get(0)||"body";u.widget=e(U()).appendTo(u.options.widgetParent);u.minViewMode=u.options.minViewMode||0;if(typeof u.minViewMode==="string"){switch(u.minViewMode){case"months":u.minViewMode=1;break;case"years":u.minViewMode=2;break;default:u.minViewMode=0;break}}u.viewMode=u.options.viewMode||0;if(typeof u.viewMode==="string"){switch(u.viewMode){case"months":u.viewMode=1;break;case"years":u.viewMode=2;break;default:u.viewMode=0;break}}u.viewMode=Math.max(u.viewMode,u.minViewMode);u.options.disabledDates=q(u.options.disabledDates);u.options.enabledDates=q(u.options.enabledDates);u.startViewMode=u.viewMode;u.setMinDate(u.options.minDate);u.setMaxDate(u.options.maxDate);g();y();w();E();S();m();O();if(!c().prop("disabled")){M()}if(u.options.defaultDate!==""&&c().val()===""){u.setValue(u.options.defaultDate)}if(u.options.minuteStepping!==1){l=u.options.minuteStepping;u.date.minutes(Math.round(u.date.minutes()/l)*l%60).seconds(0)}},c=function(){var e;if(u.isInput){return u.element}e=u.element.find(".datepickerinput");if(e.size()===0){e=u.element.find("input")}else if(!e.is("input")){throw new Error('CSS class "datepickerinput" cannot be applied to non input element')}return e},h=function(){var e;if(u.element.is("input")){e=u.element.data()}else{e=u.element.find("input").data()}if(e===undefined){return}if(e.dateFormat!==undefined){u.options.format=e.dateFormat}if(e.datePickdate!==undefined){u.options.pickDate=e.datePickdate}if(e.datePicktime!==undefined){u.options.pickTime=e.datePicktime}if(e.dateUseminutes!==undefined){u.options.useMinutes=e.dateUseminutes}if(e.dateUseseconds!==undefined){u.options.useSeconds=e.dateUseseconds}if(e.dateUsecurrent!==undefined){u.options.useCurrent=e.dateUsecurrent}if(e.calendarWeeks!==undefined){u.options.calendarWeeks=e.calendarWeeks}if(e.dateMinutestepping!==undefined){u.options.minuteStepping=e.dateMinutestepping}if(e.dateMindate!==undefined){u.options.minDate=e.dateMindate}if(e.dateMaxdate!==undefined){u.options.maxDate=e.dateMaxdate}if(e.dateShowtoday!==undefined){u.options.showToday=e.dateShowtoday}if(e.dateCollapse!==undefined){u.options.collapse=e.dateCollapse}if(e.dateLanguage!==undefined){u.options.language=e.dateLanguage}if(e.dateDefaultdate!==undefined){u.options.defaultDate=e.dateDefaultdate}if(e.dateDisableddates!==undefined){u.options.disabledDates=e.dateDisableddates}if(e.dateEnableddates!==undefined){u.options.enabledDates=e.dateEnableddates}if(e.dateIcons!==undefined){u.options.icons=e.dateIcons}if(e.dateUsestrict!==undefined){u.options.useStrict=e.dateUsestrict}if(e.dateDirection!==undefined){u.options.direction=e.dateDirection}if(e.dateSidebyside!==undefined){u.options.sideBySide=e.dateSidebyside}if(e.dateDaysofweekdisabled!==undefined){u.options.daysOfWeekDisabled=e.dateDaysofweekdisabled}},p=function(){var t="absolute",n=u.component?u.component.offset():u.element.offset(),r=e(window),i;u.width=u.component?u.component.outerWidth():u.element.outerWidth();n.top=n.top+u.element.outerHeight();if(u.options.direction==="up"){i="top"}else if(u.options.direction==="bottom"){i="bottom"}else if(u.options.direction==="auto"){if(n.top+u.widget.height()>r.height()+r.scrollTop()&&u.widget.height()+u.element.outerHeight()"),r=t.weekdaysMin(),i;if(u.options.calendarWeeks===true){n.append('#')}if(t().localeData()._week.dow===0){for(i=0;i<7;i++){n.append(''+r[i]+"")}}else{for(i=1;i<8;i++){if(i===7){n.append(''+r[0]+"")}else{n.append(''+r[i]+"")}}}u.widget.find(".datepicker-days thead").append(n)},y=function(){t.locale(u.options.language);var e="",n,r=t.monthsShort();for(n=0;n<12;n++){e+=''+r[n]+""}u.widget.find(".datepicker-months td").append(e)},b=function(){if(!u.options.pickDate){return}t.locale(u.options.language);var n=u.viewDate.year(),r=u.viewDate.month(),i=u.options.minDate.year(),s=u.options.minDate.month(),o=u.options.maxDate.year(),a=u.options.maxDate.month(),f,l,c,h=[],p,d,v,m,g,y,b=t.months();u.widget.find(".datepicker-days").find(".disabled").removeClass("disabled");u.widget.find(".datepicker-months").find(".disabled").removeClass("disabled");u.widget.find(".datepicker-years").find(".disabled").removeClass("disabled");u.widget.find(".datepicker-days th:eq(1)").text(b[r]+" "+n);l=t(u.viewDate,u.format,u.options.useStrict).subtract(1,"months");m=l.daysInMonth();l.date(m).startOf("week");if(n===i&&r<=s||n=a||n>o){u.widget.find(".datepicker-days th:eq(2)").addClass("disabled")}c=t(l).add(42,"d");while(l.isBefore(c)){if(l.weekday()===t().startOf("week").weekday()){p=e("");h.push(p);if(u.options.calendarWeeks===true){p.append(''+l.week()+"")}}d="";if(l.year()n||l.year()===n&&l.month()>r){d+=" new"}if(l.isSame(t({y:u.date.year(),M:u.date.month(),d:u.date.date()}))){d+=" active"}if(F(l,"day")||!I(l)){d+=" disabled"}if(u.options.showToday===true){if(l.isSame(t(),"day")){d+=" today"}}if(u.options.daysOfWeekDisabled){for(v=0;v'+l.date()+"");f=l.date();l.add(1,"d");if(f===l.date()){l.add(1,"d")}}u.widget.find(".datepicker-days tbody").empty().append(h);y=u.date.year();b=u.widget.find(".datepicker-months").find("th:eq(1)").text(n).end().find("span").removeClass("active");if(y===n){b.eq(u.date.month()).addClass("active")}if(n-1o){u.widget.find(".datepicker-months th:eq(2)").addClass("disabled")}for(v=0;v<12;v++){if(n===i&&s>v||no){e(b[v]).addClass("disabled")}}h="";n=parseInt(n/10,10)*10;g=u.widget.find(".datepicker-years").find("th:eq(1)").text(n+"-"+(n+9)).parents("table").find("td");u.widget.find(".datepicker-years").find("th").removeClass("disabled");if(i>n){u.widget.find(".datepicker-years").find("th:eq(0)").addClass("disabled")}if(oo?" disabled":"")+'">'+n+"";n+=1}g.html(h)},w=function(){t.locale(u.options.language);var e=u.widget.find(".timepicker .timepicker-hours table"),n="",r,i,s;e.parent().hide();if(u.use24hours){r=0;for(i=0;i<6;i+=1){n+="";for(s=0;s<4;s+=1){n+=''+R(r.toString())+"";r++}n+=""}}else{r=1;for(i=0;i<3;i+=1){n+="";for(s=0;s<4;s+=1){n+=''+R(r.toString())+"";r++}n+=""}}e.html(n)},E=function(){var e=u.widget.find(".timepicker .timepicker-minutes table"),t="",n=0,r,i,s=u.options.minuteStepping;e.parent().hide();if(s===1){s=5}for(r=0;r'+R(n.toString())+"";n+=s}else{t+=""}}t+=""}e.html(t)},S=function(){var e=u.widget.find(".timepicker .timepicker-seconds table"),t="",n=0,r,i;e.parent().hide();for(r=0;r<3;r++){t+="";for(i=0;i<4;i+=1){t+=''+R(n.toString())+"";n+=5}t+=""}e.html(t)},x=function(){if(!u.date){return}var e=u.widget.find(".timepicker span[data-time-component]"),t=u.date.hours(),n=u.date.format("A");if(!u.use24hours){if(t===0){t=12}else if(t!==12){t=t%12}u.widget.find(".timepicker [data-action=togglePeriod]").text(n)}e.filter("[data-time-component=hours]").text(R(t));e.filter("[data-time-component=minutes]").text(R(u.date.minutes()));e.filter("[data-time-component=seconds]").text(R(u.date.second()))},T=function(n){n.stopPropagation();n.preventDefault();u.unset=false;var r=e(n.target).closest("span, td, th"),i,s,o,a,f=t(u.date);if(r.length===1){if(!r.is(".disabled")){switch(r[0].nodeName.toLowerCase()){case"th":switch(r[0].className){case"picker-switch":O(1);break;case"prev":case"next":o=z.modes[u.viewMode].navStep;if(r[0].className==="prev"){o=o*-1}u.viewDate.add(o,z.modes[u.viewMode].navFnc);b();break}break;case"span":if(r.is(".month")){i=r.parent().find("span").index(r);u.viewDate.month(i)}else{s=parseInt(r.text(),10)||0;u.viewDate.year(s)}if(u.viewMode===u.minViewMode){u.date=t({y:u.viewDate.year(),M:u.viewDate.month(),d:u.viewDate.date(),h:u.date.hours(),m:u.date.minutes(),s:u.date.seconds()});B();d(f,n.type)}O(-1);b();break;case"td":if(r.is(".day")){a=parseInt(r.text(),10)||1;i=u.viewDate.month();s=u.viewDate.year();if(r.is(".old")){if(i===0){i=11;s-=1}else{i-=1}}else if(r.is(".new")){if(i===11){i=0;s+=1}else{i+=1}}u.date=t({y:s,M:i,d:a,h:u.date.hours(),m:u.date.minutes(),s:u.date.seconds()});u.viewDate=t({y:s,M:i,d:Math.min(28,a)});b();B();d(f,n.type)}break}}}},N={incrementHours:function(){j("add","hours",1)},incrementMinutes:function(){j("add","minutes",u.options.minuteStepping)},incrementSeconds:function(){j("add","seconds",1)},decrementHours:function(){j("subtract","hours",1)},decrementMinutes:function(){j("subtract","minutes",u.options.minuteStepping)},decrementSeconds:function(){j("subtract","seconds",1)},togglePeriod:function(){var e=u.date.hours();if(e>=12){e-=12}else{e+=12}u.date.hours(e)},showPicker:function(){u.widget.find(".timepicker > div:not(.timepicker-picker)").hide();u.widget.find(".timepicker .timepicker-picker").show()},showHours:function(){u.widget.find(".timepicker .timepicker-picker").hide();u.widget.find(".timepicker .timepicker-hours").show()},showMinutes:function(){u.widget.find(".timepicker .timepicker-picker").hide();u.widget.find(".timepicker .timepicker-minutes").show()},showSeconds:function(){u.widget.find(".timepicker .timepicker-picker").hide();u.widget.find(".timepicker .timepicker-seconds").show()},selectHour:function(t){var n=parseInt(e(t.target).text(),10);if(!u.use24hours){if(u.date.hours()>=12){if(n!==12){n+=12}}else{if(n===12){n=0}}}u.date.hours(n);N.showPicker.call(u)},selectMinute:function(t){u.date.minutes(parseInt(e(t.target).text(),10));N.showPicker.call(u)},selectSecond:function(t){u.date.seconds(parseInt(e(t.target).text(),10));N.showPicker.call(u)}},C=function(n){var r=t(u.date),i=e(n.currentTarget).data("action"),s=N[i].apply(u,arguments);k(n);if(!u.date){u.date=t({y:1970})}B();x();d(r,n.type);return s},k=function(e){e.stopPropagation();e.preventDefault()},L=function(e){if(e.keyCode===27){u.hide()}},A=function(n){t.locale(u.options.language);var r=e(n.target),i=t(u.date),s=t(r.val(),u.format,u.options.useStrict);if(s.isValid()&&!F(s)&&I(s)){m();u.setValue(s);d(i,n.type);B()}else{u.viewDate=i;u.unset=true;d(i,n.type);v(s)}},O=function(e){if(e){u.viewMode=Math.max(u.minViewMode,Math.min(2,u.viewMode+e))}u.widget.find(".datepicker > div").hide().filter(".datepicker-"+z.modes[u.viewMode].clsName).show()},M=function(){var t,n,r,i,s;u.widget.on("click",".datepicker *",e.proxy(T,this));u.widget.on("click","[data-action]",e.proxy(C,this));u.widget.on("mousedown",e.proxy(k,this));u.element.on("keydown",e.proxy(L,this));if(u.options.pickDate&&u.options.pickTime){u.widget.on("click.togglePicker",".accordion-toggle",function(o){o.stopPropagation();t=e(this);n=t.closest("ul");r=n.find(".in");i=n.find(".collapse:not(.in)");if(r&&r.length){s=r.data("collapse");if(s&&s.transitioning){return}r.collapse("hide");i.collapse("show");t.find("span").toggleClass(u.options.icons.time+" "+u.options.icons.date);if(u.component){u.component.find("span").toggleClass(u.options.icons.time+" "+u.options.icons.date)}}})}if(u.isInput){u.element.on({click:e.proxy(u.show,this),focus:e.proxy(u.show,this),change:e.proxy(A,this),blur:e.proxy(u.hide,this)})}else{u.element.on({change:e.proxy(A,this)},"input");if(u.component){u.component.on("click",e.proxy(u.show,this));u.component.on("mousedown",e.proxy(k,this))}else{u.element.on("click",e.proxy(u.show,this))}}},_=function(){e(window).on("resize.datetimepicker"+u.id,e.proxy(p,this));if(!u.isInput){e(document).on("mousedown.datetimepicker"+u.id,e.proxy(u.hide,this))}},D=function(){u.widget.off("click",".datepicker *",u.click);u.widget.off("click","[data-action]");u.widget.off("mousedown",u.stopEvent);if(u.options.pickDate&&u.options.pickTime){u.widget.off("click.togglePicker")}if(u.isInput){u.element.off({focus:u.show,change:A,click:u.show,blur:u.hide})}else{u.element.off({change:A},"input");if(u.component){u.component.off("click",u.show);u.component.off("mousedown",u.stopEvent)}else{u.element.off("click",u.show)}}},P=function(){e(window).off("resize.datetimepicker"+u.id);if(!u.isInput){e(document).off("mousedown.datetimepicker"+u.id)}},H=function(){if(u.element){var t=u.element.parents(),n=false,r;for(r=0;r0){return n}return false},R=function(e){e=e.toString();if(e.length>=2){return e}return"0"+e},U=function(){var e=""+""+'‹›'+""+"",t='',n='
'+''+e+"
"+"
"+'
'+''+e+t+"
"+"
"+'
'+''+e+t+"
"+"
",r="";if(u.options.pickDate&&u.options.pickTime){r='
';if(u.options.sideBySide){r+='
'+'
'+n+"
"+'
'+W.getTemplate()+"
"+"
"}else{r+='
    '+""+'
    '+n+"
    "+""+'
  • '+""+'
    '+W.getTemplate()+"
    "+""+"
"}r+="
";return r}if(u.options.pickTime){return'"}return'"},z={modes:[{clsName:"days",navFnc:"month",navStep:1},{clsName:"months",navFnc:"year",navStep:1},{clsName:"years",navFnc:"year",navStep:10}]},W={hourTemplate:'',minuteTemplate:'',secondTemplate:''};W.getTemplate=function(){return'
'+''+""+''+''+""+(u.options.useSeconds?'':"")+(u.use24hours?"":'')+""+""+" "+''+" "+(u.options.useSeconds?'":"")+(u.use24hours?"":''+'')+""+""+''+''+""+(u.options.useSeconds?'':"")+(u.use24hours?"":'')+""+"
"+(u.options.useMinutes?'':"")+"
"+W.hourTemplate+":"+(u.options.useMinutes?W.minuteTemplate:'00')+":'+W.secondTemplate+"
"+(u.options.useMinutes?'':"")+"
"+"
"+'
'+'
'+"
"+'
'+'
'+"
"+(u.options.useSeconds?'
':"")};u.destroy=function(){D();P();u.widget.remove();u.element.removeData("DateTimePicker");if(u.component){u.component.removeData("DateTimePicker")}};u.show=function(e){if(c().prop("disabled")){return}if(u.options.useCurrent){if(c().val()===""){if(u.options.minuteStepping!==1){var n=t(),r=u.options.minuteStepping;n.minutes(Math.round(n.minutes()/r)*r%60).seconds(0);u.setValue(n.format(u.format))}else{u.setValue(t().format(u.format))}d("",e.type)}}if(e&&e.type==="click"&&u.isInput&&u.widget.hasClass("picker-open")){return}if(u.widget.hasClass("picker-open")){u.widget.hide();u.widget.removeClass("picker-open")}else{u.widget.show();u.widget.addClass("picker-open")}u.height=u.component?u.component.outerHeight():u.element.outerHeight();p();u.element.trigger({type:"dp.show",date:t(u.date)});_();if(e){k(e)}};u.disable=function(){var e=c();if(e.prop("disabled")){return}e.prop("disabled",true);D()};u.enable=function(){var e=c();if(!e.prop("disabled")){return}e.prop("disabled",false);M()};u.hide=function(){var e=u.widget.find(".collapse"),n,r;for(n=0;nthis.$items.length-1||0>b?void 0:this.sliding?this.$element.one("slid.bs.carousel",function(){c.to(b)}):d==b?this.pause().cycle():this.slide(b>d?"next":"prev",a(this.$items[b]))},c.prototype.pause=function(b){return b||(this.paused=!0),this.$element.find(".next, .prev").length&&a.support.transition&&(this.$element.trigger(a.support.transition.end),this.cycle(!0)),this.interval=clearInterval(this.interval),this},c.prototype.next=function(){return this.sliding?void 0:this.slide("next")},c.prototype.prev=function(){return this.sliding?void 0:this.slide("prev")},c.prototype.slide=function(b,c){var d=this.$element.find(".item.active"),e=c||d[b](),f=this.interval,g="next"==b?"left":"right",h="next"==b?"first":"last",i=this;if(!e.length){if(!this.options.wrap)return;e=this.$element.find(".item")[h]()}if(e.hasClass("active"))return this.sliding=!1;var j=e[0],k=a.Event("slide.bs.carousel",{relatedTarget:j,direction:g});if(this.$element.trigger(k),!k.isDefaultPrevented()){if(this.sliding=!0,f&&this.pause(),this.$indicators.length){this.$indicators.find(".active").removeClass("active");var l=a(this.$indicators.children()[this.getItemIndex(e)]);l&&l.addClass("active")}var m=a.Event("slid.bs.carousel",{relatedTarget:j,direction:g});return a.support.transition&&this.$element.hasClass("slide")?(e.addClass(b),e[0].offsetWidth,d.addClass(g),e.addClass(g),d.one("bsTransitionEnd",function(){e.removeClass([b,g].join(" ")).addClass("active"),d.removeClass(["active",g].join(" ")),i.sliding=!1,setTimeout(function(){i.$element.trigger(m)},0)}).emulateTransitionEnd(1e3*d.css("transition-duration").slice(0,-1))):(d.removeClass("active"),e.addClass("active"),this.sliding=!1,this.$element.trigger(m)),f&&this.cycle(),this}};var d=a.fn.carousel;a.fn.carousel=b,a.fn.carousel.Constructor=c,a.fn.carousel.noConflict=function(){return a.fn.carousel=d,this},a(document).on("click.bs.carousel.data-api","[data-slide], [data-slide-to]",function(c){var d,e=a(this),f=a(e.attr("data-target")||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""));if(f.hasClass("carousel")){var g=a.extend({},f.data(),e.data()),h=e.attr("data-slide-to");h&&(g.interval=!1),b.call(f,g),h&&f.data("bs.carousel").to(h),c.preventDefault()}}),a(window).on("load",function(){a('[data-ride="carousel"]').each(function(){var c=a(this);b.call(c,c.data())})})}(jQuery),+function(a){"use strict";function b(b){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},c.DEFAULTS,d.data(),"object"==typeof b&&b);!e&&f.toggle&&"show"==b&&(b=!b),e||d.data("bs.collapse",e=new c(this,f)),"string"==typeof b&&e[b]()})}var c=function(b,d){this.$element=a(b),this.options=a.extend({},c.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};c.VERSION="3.2.0",c.DEFAULTS={toggle:!0},c.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},c.prototype.show=function(){if(!this.transitioning&&!this.$element.hasClass("in")){var c=a.Event("show.bs.collapse");if(this.$element.trigger(c),!c.isDefaultPrevented()){var d=this.$parent&&this.$parent.find("> .panel > .in");if(d&&d.length){var e=d.data("bs.collapse");if(e&&e.transitioning)return;b.call(d,"hide"),e||d.data("bs.collapse",null)}var f=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[f](0),this.transitioning=1;var g=function(){this.$element.removeClass("collapsing").addClass("collapse in")[f](""),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return g.call(this);var h=a.camelCase(["scroll",f].join("-"));this.$element.one("bsTransitionEnd",a.proxy(g,this)).emulateTransitionEnd(350)[f](this.$element[0][h])}}},c.prototype.hide=function(){if(!this.transitioning&&this.$element.hasClass("in")){var b=a.Event("hide.bs.collapse");if(this.$element.trigger(b),!b.isDefaultPrevented()){var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};return a.support.transition?void this.$element[c](0).one("bsTransitionEnd",a.proxy(d,this)).emulateTransitionEnd(350):d.call(this)}}},c.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var d=a.fn.collapse;a.fn.collapse=b,a.fn.collapse.Constructor=c,a.fn.collapse.noConflict=function(){return a.fn.collapse=d,this},a(document).on("click.bs.collapse.data-api",'[data-toggle="collapse"]',function(c){var d,e=a(this),f=e.attr("data-target")||c.preventDefault()||(d=e.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),g=a(f),h=g.data("bs.collapse"),i=h?"toggle":e.data(),j=e.attr("data-parent"),k=j&&a(j);h&&h.transitioning||(k&&k.find('[data-toggle="collapse"][data-parent="'+j+'"]').not(e).addClass("collapsed"),e[g.hasClass("in")?"addClass":"removeClass"]("collapsed")),b.call(g,i)})}(jQuery),+function(a){"use strict";function b(b){b&&3===b.which||(a(e).remove(),a(f).each(function(){var d=c(a(this)),e={relatedTarget:this};d.hasClass("open")&&(d.trigger(b=a.Event("hide.bs.dropdown",e)),b.isDefaultPrevented()||d.removeClass("open").trigger("hidden.bs.dropdown",e))}))}function c(b){var c=b.attr("data-target");c||(c=b.attr("href"),c=c&&/#[A-Za-z]/.test(c)&&c.replace(/.*(?=#[^\s]*$)/,""));var d=c&&a(c);return d&&d.length?d:b.parent()}function d(b){return this.each(function(){var c=a(this),d=c.data("bs.dropdown");d||c.data("bs.dropdown",d=new g(this)),"string"==typeof b&&d[b].call(c)})}var e=".dropdown-backdrop",f='[data-toggle="dropdown"]',g=function(b){a(b).on("click.bs.dropdown",this.toggle)};g.VERSION="3.2.0",g.prototype.toggle=function(d){var e=a(this);if(!e.is(".disabled, :disabled")){var f=c(e),g=f.hasClass("open");if(b(),!g){"ontouchstart"in document.documentElement&&!f.closest(".navbar-nav").length&&a(' + + + + + + + + + + + + <%@ include file="common-footer.jsp"%> + + +<%-- ID号<%=odList_orderID%> --%> +<%-- 商品号<%=odList_goodsID%> --%> +<%-- 购买数量 <%=odList_number %> --%> +<%-- 收件人 <%=odList_receiveName %> --%> + + + + + + \ No newline at end of file diff --git a/WebContent/front/register.jsp b/WebContent/front/register.jsp new file mode 100644 index 0000000..d283e74 --- /dev/null +++ b/WebContent/front/register.jsp @@ -0,0 +1,149 @@ +<%@ page contentType="text/html; charset=UTF-8"%> + + + + +注册-魔法集市 + + + + + +
+
+
+ +
+
+
+ + + + + + + \ No newline at end of file diff --git a/WebContent/front/register_deal.jsp b/WebContent/front/register_deal.jsp new file mode 100644 index 0000000..669eaef --- /dev/null +++ b/WebContent/front/register_deal.jsp @@ -0,0 +1,39 @@ +<%@page import="java.sql.ResultSet"%> +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%--创建ConnDB类的对象 --%> + +<%-- 创建MemberDaoImpl类的对象 --%> + +<%-- 创建Member类的对象,并对Member类的所有属性进行赋值 --%> + + + + + + + +Insert title here + + + <% + request.setCharacterEncoding("UTF-8"); + String username=member.getUsername(); //获取会员名称 + ResultSet rs=conn.executeQuery("select * from tb_Member where username='" + username + "'"); + if(rs.next()) //用户名已存在 + { + out.println(""); + }else{ + int ret=0; + ret=ins_member.insert(member); //向数据库中插入用户 + if(ret!=0){ + session.setAttribute("username", username); + out.println(""); + }else{ + out.println(""); + } + } + %> + + \ No newline at end of file diff --git a/WebContent/front/relatedGoods.jsp b/WebContent/front/relatedGoods.jsp new file mode 100644 index 0000000..bc9c5d6 --- /dev/null +++ b/WebContent/front/relatedGoods.jsp @@ -0,0 +1,70 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet"%> + +<% + int typeSystem = Integer.parseInt(request.getParameter("typeSystem")); + + int hot_ID = 0; + String hot_goodsName = ""; + float hot_nowprice = 0; + String hot_picture = ""; +%> +
+ + <% + ResultSet rs_relate = conn.executeQuery( + "select top 6 ID,GoodsName,nowprice,picture from tb_goods where typeID=" + typeSystem + " "); + + int relate_ID = 0; + String relate_goodsName = ""; + float relate_nowprice = 0; + String relate_picture = ""; + + int s3 = 0; + while (rs_relate.next()) { + relate_ID = rs_relate.getInt(1); + relate_goodsName = rs_relate.getString(2); + relate_nowprice = rs_relate.getFloat(3); + relate_picture = rs_relate.getString(4); + %> + +
+
+
+
+ +
+
+
+ +
+ +
+
+
+ + + +

+ 价格:<%=relate_nowprice%> 元 + +

+
+
+
+ <% + s3++; + } + %> + +
\ No newline at end of file diff --git a/WebContent/front/search_result.jsp b/WebContent/front/search_result.jsp new file mode 100644 index 0000000..54aca2f --- /dev/null +++ b/WebContent/front/search_result.jsp @@ -0,0 +1,102 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> +<%@ page import="java.sql.ResultSet" %> +<%@ page import="com.tools.ChStr" %> + +<% +String searchword=request.getParameter("searchword"); +searchword = new String(searchword.getBytes("ISO8859-1"),"UTF-8"); + /* 最新上架商品信息 */ + ResultSet rs_new = conn.executeQuery( + "select top 12 t1.ID, t1.GoodsName,t1.price,t1.picture,t2.TypeName " + +"from tb_goods t1,tb_subType t2 where t1.typeID=t2.ID and " + +"t1.goodsname like '%"+searchword+"%'" +"order by t1.INTime desc"); //查询最新上架商品信息 + int new_ID=0; //保存最新上架商品的id变量 + String new_goodsname=""; //保存最新上架商品名称的变量 + float new_nowprice=0; //保存最新上架商品的价格变量 + String new_picture=""; //保存最新上架商品的图片变量 + String typeName=""; //保存最新上架商品的分类变量 +%> + + + + +搜索 + + + + + + <%@ include file="common-header.jsp"%> + + + <%@ include file="common-footer.jsp"%> + + \ No newline at end of file diff --git a/WebContent/images/building.png b/WebContent/images/building.png new file mode 100644 index 0000000..54e33ea Binary files /dev/null and b/WebContent/images/building.png differ diff --git a/WebContent/index.jsp b/WebContent/index.jsp new file mode 100644 index 0000000..91ef5ce --- /dev/null +++ b/WebContent/index.jsp @@ -0,0 +1,23 @@ +<%@ page language="java" contentType="text/html; charset=UTF-8" + pageEncoding="UTF-8"%> + + + + + +欢迎访问魔法集市 + + + +欢迎访问魔法集市 +
+网站正在建设中...... + + \ No newline at end of file diff --git a/src/com/dao/MemberDao.java b/src/com/dao/MemberDao.java new file mode 100644 index 0000000..5362d6e --- /dev/null +++ b/src/com/dao/MemberDao.java @@ -0,0 +1,11 @@ +package com.dao; + +import java.util.List; + +import com.model.Member; + +public interface MemberDao { + public int insert(Member m); // 保存会员信息 + + public List select(); // 查询会员信息 +} diff --git a/src/com/dao/MemberDaoImpl.java b/src/com/dao/MemberDaoImpl.java new file mode 100644 index 0000000..6fd0a52 --- /dev/null +++ b/src/com/dao/MemberDaoImpl.java @@ -0,0 +1,62 @@ +package com.dao; + +import java.sql.ResultSet; +import java.sql.SQLException; +import java.util.ArrayList; +import java.util.List; + +import org.junit.Test; + +import com.model.Member; +import com.tools.ChStr; +import com.tools.ConnDB; + +public class MemberDaoImpl implements MemberDao { + private ConnDB conn = new ConnDB(); + private ChStr chStr = new ChStr(); + + @Override + public int insert(Member m) { + int ret = -1; // 用于记录更新记录的条数 + try { // 捕捉异常 + String sql = "Insert into tb_Member (UserName,TrueName,PassWord,City,address, " + + " postcode,CardNO,CardType,Tel,Email) values('" + chStr.chStr(m.getUsername()) + "','" + + chStr.chStr(m.getTruename()) + "','" + chStr.chStr(m.getPwd()) + "','" + chStr.chStr(m.getCity()) + + "','" + chStr.chStr(m.getAddress()) + "','" + chStr.chStr(m.getPostcode()) + "','" + + chStr.chStr(m.getCardno()) + "','" + chStr.chStr(m.getCardtype()) + "','" + + chStr.chStr(m.getTel()) + "','" + chStr.chStr(m.getEmail()) + "')"; // 用于实现保存会员信息的SQL语句 + ret = conn.executeUpdate(sql); // 执行SQL语句实现保存会员信息到数据库 + } catch (Exception e) { // 处理异常 + e.printStackTrace(); // 输出异常信息 + ret = 0; // 设置变量的值为0,表示保存会员信息失败 + } + conn.close(); // 关闭数据库的连接 + return ret; // 返回更新记录的条数 + } + + @Override + public List select() { + Member form = null; // 声明会员对象 + List list = new ArrayList(); // 创建一个List集合对象,用于保存会员信息 + String sql = "select * from tb_member"; // 查询全部会员信息的SQL语句 + ResultSet rs = conn.executeQuery(sql); // 执行查询操作 + try { // 捕捉异常 + while (rs.next()) { + form = new Member(); // 实例化一个会员对象 + form.setID(Integer.valueOf(rs.getString(1))); // 获取会员ID + list.add(form); // 把会员信息添加到List集合对象中 + } + } catch (SQLException ex) { // 处理异常 + } + conn.close(); // 关闭数据库的连接 + return list; + } + + @Test + public void testSelect() { + List listMem = select(); + for (Member member : listMem) { + System.out.println(member.getID()); + } + } +} diff --git a/src/com/demo/delete_member.java b/src/com/demo/delete_member.java new file mode 100644 index 0000000..568a3ed --- /dev/null +++ b/src/com/demo/delete_member.java @@ -0,0 +1,55 @@ +package com.demo; + +import java.io.IOException; +import java.sql.Connection; +import java.sql.PreparedStatement; + +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; + +import com.tools.ConnDB; + +/** + * Servlet implementation class delete_member + */ +@WebServlet("/delete_member") +public class delete_member extends HttpServlet { + private static final long serialVersionUID = 1L; + + /** + * @see HttpServlet#HttpServlet() + */ + public delete_member() { + super(); + // TODO Auto-generated constructor stub + } + + /** + * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) + */ + protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { + // TODO Auto-generated method stub + response.getWriter().append("Served at: ").append(request.getContextPath()); + } + + /** + * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) + throws ServletException, IOException { + ConnDB cDB = new ConnDB(); + String username = request.getParameter("username"); + try(Connection conn = cDB.getConnection(); + PreparedStatement pstmt=conn.prepareStatement("delete from tb_Member where username=?");){ + pstmt.setString(1,username); + pstmt.executeQuery(); + }catch(Exception e){ + e.printStackTrace(); + } + } + +} diff --git a/src/com/demo/freeze_member.java b/src/com/demo/freeze_member.java new file mode 100644 index 0000000..f1d3482 --- /dev/null +++ b/src/com/demo/freeze_member.java @@ -0,0 +1,66 @@ +package com.demo; + +import java.io.IOException; +import java.sql.Connection; +import java.sql.PreparedStatement; + +import javax.servlet.RequestDispatcher; +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; +import javax.servlet.http.HttpSession; + +import com.tools.ConnDB; + +/** + * Servlet implementation class freeze_member + */ +@WebServlet("/freeze_member") +public class freeze_member extends HttpServlet { + private static final long serialVersionUID = 1L; + + /** + * @see HttpServlet#HttpServlet() + */ + public freeze_member() { + super(); + // TODO Auto-generated constructor stub + } + + /** + * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) + */ + protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { + // TODO Auto-generated method stub + response.getWriter().append("Served at: ").append(request.getContextPath()); + } + + /** + * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) + throws ServletException, IOException { + ConnDB cDB = new ConnDB(); + String username = request.getParameter("username"); + String freeze = request.getParameter("freeze"); + String a = null;//判断是否冻结 + String b = null; + if(freeze.equals("0")){//冻结账号 + a="1";b="冻结"; + }else{//解除冻结 + a="0";b="解冻"; + } + try(Connection conn = cDB.getConnection(); + PreparedStatement pstmt=conn.prepareStatement("update tb_Member set freeze="+a+" where username=?");){ + pstmt.setString(1,username); + pstmt.executeQuery(); + System.out.println(""); + }catch(Exception e){ + e.printStackTrace(); + } + System.out.println("yonghu"); + } +} diff --git a/src/com/demo/insert_goods.java b/src/com/demo/insert_goods.java new file mode 100644 index 0000000..e280f39 --- /dev/null +++ b/src/com/demo/insert_goods.java @@ -0,0 +1,64 @@ +package com.demo; + +import java.io.IOException; +import java.sql.Connection; +import java.sql.PreparedStatement; + +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; + +import com.tools.ConnDB; + +/** + * Servlet implementation class insert_goods + */ +@WebServlet("/insert_goods") +public class insert_goods extends HttpServlet { + private static final long serialVersionUID = 1L; + + /** + * @see HttpServlet#HttpServlet() + */ + public insert_goods() { + super(); + // TODO Auto-generated constructor stub + } + + /** + * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) + */ + protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { + // TODO Auto-generated method stub + response.getWriter().append("Served at: ").append(request.getContextPath()); + } + + /** + * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) + throws ServletException, IOException { + request.setCharacterEncoding("UTF-8"); + ConnDB cDB = new ConnDB(); + String sql = "insert into tb_goods(typeID,goodsName,introduce,price,nowPrice,picture,newGoods,sale,hit) values (?,?,?,?,?,?,?,?,?)"; + try ( Connection conn = cDB.getConnection(); + PreparedStatement pstmt = conn.prepareStatement(sql);){ + pstmt.setString(1,request.getParameter("goodsType")); + pstmt.setString(2,request.getParameter("goodsName")); + pstmt.setString(3,request.getParameter("introduce")); + pstmt.setString(4,request.getParameter("price")); + pstmt.setString(5,request.getParameter("nowPrice")); + pstmt.setString(6,request.getParameter("picture")); + pstmt.setString(7,request.getParameter("newGoods")); + pstmt.setString(8,request.getParameter("sale")); + pstmt.setString(9,request.getParameter("hit")); + pstmt.executeUpdate(); + }catch(Exception e) { + System.out.println(e); + } + } + +} diff --git a/src/com/demo/select_member.java b/src/com/demo/select_member.java new file mode 100644 index 0000000..9442f5d --- /dev/null +++ b/src/com/demo/select_member.java @@ -0,0 +1,95 @@ +package com.demo; + +import java.io.IOException; +import java.sql.Connection; +import java.sql.PreparedStatement; +import java.sql.ResultSet; +import java.util.ArrayList; + +import javax.servlet.RequestDispatcher; +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; +import com.model.Member; +import com.tools.ConnDB; + +/** + * Servlet implementation class select_member + */ +@WebServlet("/select_member") +public class select_member extends HttpServlet { + private static final long serialVersionUID = 1L; + + /** + * @see HttpServlet#HttpServlet() + */ + public select_member() { + super(); + // TODO Auto-generated constructor stub + } + + /** + * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) + */ + protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { + // TODO Auto-generated method stub + response.getWriter().append("Served at: ").append(request.getContextPath()); + } + + /** + * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) + throws ServletException, IOException { + String queryInfo=request.getParameter("queryInfo"); + queryInfo = new String(queryInfo.getBytes("ISO8859-1"), "UTF-8"); + String queryType=request.getParameter("queryType"); + String select=""; + ConnDB cDB = new ConnDB(); + switch(queryType){ + case "0"://按会员账号查询 + select="username = ?"; + break; + case "1"://按真实姓名查询 + select="trueName = ?"; + break; + case "2"://按联系电话查询 + select="tel = ?"; + break; + case "3"://按电子邮箱查询 + select="email = ?"; + break; + default: + break; + } + String sql="select * from tb_Member where "+ select; + try( Connection conn = cDB.getConnection(); + PreparedStatement pstmt = conn.prepareStatement(sql);){ + ArrayList memberList = null; + memberList = new ArrayList(); + pstmt.setString(1, queryInfo); + ResultSet rs = pstmt.executeQuery(); + while (rs.next()) { + Member member = new Member(); + member.setUsername(rs.getString("userName")); + member.setTruename(rs.getString("trueName")); + member.setCardno(rs.getString("cardNO")); + member.setGrade(rs.getString("grade")); + member.setAmount(rs.getString("Amount")); + member.setFreeze(rs.getString("freeze")); + memberList.add(member); + } + request.setAttribute("memberList", memberList); + RequestDispatcher rd = + getServletContext().getRequestDispatcher("/back/selectResult.jsp"); + rd.forward(request, response); + conn.close(); + }catch (Exception e) {//处理异常 + e.printStackTrace(); + } + } + +} diff --git a/src/com/demo/select_order.java b/src/com/demo/select_order.java new file mode 100644 index 0000000..dfd10c8 --- /dev/null +++ b/src/com/demo/select_order.java @@ -0,0 +1,93 @@ +package com.demo; + +import java.io.IOException; +import java.sql.Connection; +import java.sql.PreparedStatement; +import java.sql.ResultSet; +import java.util.ArrayList; + +import javax.servlet.RequestDispatcher; +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; + +import com.model.order; +import com.tools.ConnDB; + +/** + * Servlet implementation class select_order + */ +@WebServlet("/select_order") +public class select_order extends HttpServlet { + private static final long serialVersionUID = 1L; + + /** + * @see HttpServlet#HttpServlet() + */ + public select_order() { + super(); + // TODO Auto-generated constructor stub + } + + /** + * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) + */ + protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { + // TODO Auto-generated method stub + response.getWriter().append("Served at: ").append(request.getContextPath()); + } + + /** + * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) + throws ServletException, IOException { + String queryInfo=request.getParameter("queryInfo"); + queryInfo = new String(queryInfo.getBytes("ISO8859-1"), "UTF-8"); + String queryType=request.getParameter("queryType"); + String select=""; + ConnDB cDB = new ConnDB(); + switch(queryType){ + case "0"://按用户名查询 + select="username = ?"; + break; + case "1"://按订单号查询 + select="o.orderID = ?"; + break; + case "2"://按商品名查询 + select="goodsName = ?"; + break; + default: + break; + } + String sql="select username,o.orderID,goodsID,goodsName,number "+ + "from tb_order o,tb_order_detail od,tb_goods g where o.orderID=od.orderID and od.goodsID=g.ID and "+ select; + try( Connection conn = cDB.getConnection(); + PreparedStatement pstmt = conn.prepareStatement(sql);){ + ArrayList orderList = null; + orderList = new ArrayList(); + pstmt.setString(1, queryInfo); + ResultSet rs = pstmt.executeQuery(); + while (rs.next()) { + order order = new order(); + order.setUserName(rs.getString("userName")); + order.setOrderID(rs.getString("orderID")); + order.setGoodsID(rs.getString("goodsID")); + order.setGoodsName(rs.getString("goodsName")); + order.setNumber(rs.getString("number")); + orderList.add(order); + } + request.setAttribute("orderList", orderList); + RequestDispatcher rd = + getServletContext().getRequestDispatcher("/back/selectResult_order.jsp"); + rd.forward(request, response); + conn.close(); + }catch (Exception e) {//处理异常 + e.printStackTrace(); + } + } + +} diff --git a/src/com/demo/upload.java b/src/com/demo/upload.java new file mode 100644 index 0000000..a743b39 --- /dev/null +++ b/src/com/demo/upload.java @@ -0,0 +1,109 @@ +package com.demo; + +import java.io.File; +import java.io.IOException; +import java.io.PrintWriter; +import java.util.List; + +import javax.servlet.ServletException; +import javax.servlet.annotation.WebServlet; +import javax.servlet.http.HttpServlet; +import javax.servlet.http.HttpServletRequest; +import javax.servlet.http.HttpServletResponse; + +import org.apache.commons.fileupload.FileItem; +import org.apache.commons.fileupload.disk.DiskFileItemFactory; +import org.apache.commons.fileupload.servlet.ServletFileUpload; + + +/** + * Servlet implementation class UploadServlet + */ + +// 如果不配置 web.xml ,可以使用下面的代码 + @WebServlet("/upload") +public class upload extends HttpServlet { + private static final long serialVersionUID = 1L; + + // 上传文件存储目录 + private static final String UPLOAD_DIRECTORY = "D:\\eclipse\\workspace\\ABRACADABURA\\WebContent\\front\\images\\goods"; + + // 上传配置 + private static final int MEMORY_THRESHOLD = 1024 * 1024 * 3; // 3MB + private static final int MAX_FILE_SIZE = 1024 * 1024 * 40; // 40MB + private static final int MAX_REQUEST_SIZE = 1024 * 1024 * 50; // 50MB + + /** + * 上传数据及保存文件 + */ + protected void doPost(HttpServletRequest request, + HttpServletResponse response) throws ServletException, IOException { + // 检测是否为多媒体上传 + if (!ServletFileUpload.isMultipartContent(request)) { + // 如果不是则停止 + PrintWriter writer = response.getWriter(); + writer.println("Error: 表单必须包含 enctype=multipart/form-data"); + writer.flush(); + return; + } + + // 配置上传参数 + DiskFileItemFactory factory = new DiskFileItemFactory(); + // 设置内存临界值 - 超过后将产生临时文件并存储于临时目录中 + factory.setSizeThreshold(MEMORY_THRESHOLD); + // 设置临时存储目录 + factory.setRepository(new File(System.getProperty("java.io.tmpdir"))); + + ServletFileUpload upload = new ServletFileUpload(factory); + + // 设置最大文件上传值 + upload.setFileSizeMax(MAX_FILE_SIZE); + + // 设置最大请求值 (包含文件和表单数据) + upload.setSizeMax(MAX_REQUEST_SIZE); + + // 中文处理 + upload.setHeaderEncoding("UTF-8"); + + // 构造临时路径来存储上传的文件 + // 这个路径相对当前应用的目录 +// String uploadPath = getServletContext().getRealPath("/") + File.separator + UPLOAD_DIRECTORY; + String uploadPath =UPLOAD_DIRECTORY; + + // 如果目录不存在则创建 + File uploadDir = new File(uploadPath); + if (!uploadDir.exists()) { + uploadDir.mkdir(); + } + + try { + // 解析请求的内容提取文件数据 + @SuppressWarnings("unchecked") + List formItems = upload.parseRequest(request); + + if (formItems != null && formItems.size() > 0) { + // 迭代表单数据 + for (FileItem item : formItems) { + // 处理不在表单中的字段 + if (!item.isFormField()) { + String fileName = new File(item.getName()).getName(); + String filePath = uploadPath + File.separator + fileName; + File storeFile = new File(filePath); + // 在控制台输出文件的上传路径 + System.out.println(filePath); + // 保存文件到硬盘 + item.write(storeFile); + request.setAttribute("message", + "文件上传成功!"); + } + } + } + } catch (Exception ex) { + request.setAttribute("message", + "错误信息: " + ex.getMessage()); + } + // 跳转到 message.jsp + getServletContext().getRequestDispatcher("/back/message.jsp").forward( + request, response); + } +} \ No newline at end of file diff --git a/src/com/model/Goodselement.java b/src/com/model/Goodselement.java new file mode 100644 index 0000000..3a9d09b --- /dev/null +++ b/src/com/model/Goodselement.java @@ -0,0 +1,8 @@ +package com.model; + +public class Goodselement { + public int ID; // 商品ID + public float nowprice; // 现价 + public int number; // 数量 + +} diff --git a/src/com/model/Member.java b/src/com/model/Member.java new file mode 100644 index 0000000..294cd2f --- /dev/null +++ b/src/com/model/Member.java @@ -0,0 +1,133 @@ +package com.model; + +/*会员类*/ +public class Member { + private Integer ID = Integer.valueOf("-1"); // 会员ID属性 + private String username = ""; // 账户属性 + private String truename = ""; // 真实姓名属性 + private String pwd = ""; // 密码属性 + private String city = ""; // 所在城市属性 + private String address = ""; // 地址属性 + private String postcode = ""; // 邮编属性 + private String cardno = ""; // 证件号码属性 + private String cardtype = ""; // 证件类型属性 + private String grade = ""; // 会员等级属性 + private String amount = ""; // 账户余额属性 + private String tel = ""; // 联系电话属性 + private String email = ""; // 邮箱属性 + private String freeze = ""; // 冻结属性 + + public Member() {} + + public Integer getID() { + return ID; + } + + public void setID(Integer iD) { + ID = iD; + } + + public String getUsername() { + return username; + } + + public void setUsername(String username) { + this.username = username; + } + + public String getTruename() { + return truename; + } + + public void setTruename(String truename) { + this.truename = truename; + } + + public String getPwd() { + return pwd; + } + + public void setPwd(String pwd) { + this.pwd = pwd; + } + + public String getCity() { + return city; + } + + public void setCity(String city) { + this.city = city; + } + + public String getAddress() { + return address; + } + + public void setAddress(String address) { + this.address = address; + } + + public String getPostcode() { + return postcode; + } + + public void setPostcode(String postcode) { + this.postcode = postcode; + } + + public String getCardno() { + return cardno; + } + + public void setCardno(String cardno) { + this.cardno = cardno; + } + + public String getCardtype() { + return cardtype; + } + + public void setCardtype(String cardtype) { + this.cardtype = cardtype; + } + + public String getGrade() { + return grade; + } + + public void setGrade(String grade) { + this.grade = grade; + } + + public String getAmount() { + return amount; + } + + public void setAmount(String amount) { + this.amount = amount; + } + + public String getTel() { + return tel; + } + + public void setTel(String tel) { + this.tel = tel; + } + + public String getEmail() { + return email; + } + + public void setEmail(String email) { + this.email = email; + } + + public String getFreeze() { + return freeze; + } + + public void setFreeze(String freeze) { + this.freeze = freeze; + } +} diff --git a/src/com/model/goods.java b/src/com/model/goods.java new file mode 100644 index 0000000..5ee76a2 --- /dev/null +++ b/src/com/model/goods.java @@ -0,0 +1,87 @@ +package com.model; + +public class goods { + private String typeID = "";//商品类型ID + private String goodsName = "";//商品名 + private String introduce = "";//商品介绍 + private String price = "";//商品原价 + private String nowPrice = "";//商品现价 + private String picture = "";//商品图片 + private String newGoods = "";//是否为新商品 + private String sale = "";//是否在售 + private String hit = "";//热度值 + + public goods() {} + + public String getTypeID() { + return typeID; + } + + public void setTypeID(String typeID) { + this.typeID = typeID; + } + + public String getGoodsName() { + return goodsName; + } + + public void setGoodsName(String goodsName) { + this.goodsName = goodsName; + } + + public String getIntroduce() { + return introduce; + } + + public void setIntroduce(String introduce) { + this.introduce = introduce; + } + + public String getPrice() { + return price; + } + + public void setPrice(String price) { + this.price = price; + } + + public String getNowPrice() { + return nowPrice; + } + + public void setNowPrice(String nowPrice) { + this.nowPrice = nowPrice; + } + + public String getPicture() { + return picture; + } + + public void setPicture(String picture) { + this.picture = picture; + } + + public String getNewGoods() { + return newGoods; + } + + public void setNewGoods(String newGoods) { + this.newGoods = newGoods; + } + + public String getSale() { + return sale; + } + + public void setSale(String sale) { + this.sale = sale; + } + + public String getHit() { + return hit; + } + + public void setHit(String hit) { + this.hit = hit; + } +} diff --git a/src/com/model/order.java b/src/com/model/order.java new file mode 100644 index 0000000..31e03b2 --- /dev/null +++ b/src/com/model/order.java @@ -0,0 +1,51 @@ +package com.model; + +public class order { + private String userName = "";//用户名 + private String orderID = "";//订单号 + private String goodsID = "";//商品号 + private String goodsName = "";//商品名 + private String number = "";//商品数量 + + public order() {}; + + public String getUserName() { + return userName; + } + + public void setUserName(String userName) { + this.userName = userName; + } + + public String getOrderID() { + return orderID; + } + + public void setOrderID(String orderID) { + this.orderID = orderID; + } + + public String getGoodsID() { + return goodsID; + } + + public void setGoodsID(String goodsID) { + this.goodsID = goodsID; + } + + public String getGoodsName() { + return goodsName; + } + + public void setGoodsName(String goodsName) { + this.goodsName = goodsName; + } + + public String getNumber() { + return number; + } + + public void setNumber(String number) { + this.number = number; + } +} diff --git a/src/com/tools/ChStr.java b/src/com/tools/ChStr.java new file mode 100644 index 0000000..3dcebb4 --- /dev/null +++ b/src/com/tools/ChStr.java @@ -0,0 +1,23 @@ +package com.tools; + +public class ChStr { + /** + * 功能:解决中文乱码问题 + * + * @param str + * @return + */ + public String chStr(String str) { + if (str == null) { // 当变量str为null时 + str = ""; // 将变量str赋值为空 + } else { + try { // 捕捉异常 + // 将字符串转换为UTF-8编码 + str = (new String(str.getBytes("iso-8859-1"), "UTF-8")).trim(); + } catch (Exception e) { // 处理异常 + e.printStackTrace(System.err); // 输出异常信息 + } + } + return str; // 返回转换后的变量str + } +} diff --git a/src/com/tools/CheckCode.java b/src/com/tools/CheckCode.java new file mode 100644 index 0000000..64ccbcd --- /dev/null +++ b/src/com/tools/CheckCode.java @@ -0,0 +1,107 @@ +package com.tools; + +import java.awt.*; +import java.awt.geom.AffineTransform; +import java.awt.image.BufferedImage; +import java.io.IOException; +import java.util.Random; +import javax.imageio.ImageIO; +import javax.servlet.ServletException; +import javax.servlet.http.*; + +/** + * + * @author administrator + */ +public class CheckCode extends HttpServlet { + public CheckCode() { + super(); + } + + // 获取随机颜色 + public Color getRandColor(int s, int e) { + Random random = new Random(); + if (s > 255) s = 255; + if (e > 255) e = 255; + int r = s + random.nextInt(e - s); //随机生成RGB颜色中的r值 + int g = s + random.nextInt(e - s); //随机生成RGB颜色中的g值 + int b = s + random.nextInt(e - s); //随机生成RGB颜色中的b值 + return new Color(r, g, b); + } + + public void service(HttpServletRequest request, HttpServletResponse response) + throws ServletException, IOException { + response.setHeader("Pragma", "No-cache"); + response.setHeader("Cache-Control", "No-cache"); + response.setDateHeader("Expires", 0); + // 指定生成的响应是图片 + response.setContentType("image/jpeg"); + int width = 116; //指定验证码的宽度 + int height = 33; //指定验证码的高度 + BufferedImage image = new BufferedImage(width, height, + BufferedImage.TYPE_INT_RGB); + Graphics g = image.getGraphics(); //获取Graphics类的对象 + Random random = new Random(); //实例化一个Random对象 + Font mFont = new Font("宋体", Font.BOLD, 22); //通过Font构造字体 + g.fillRect(0, 0, width, height); //绘制验证码背景 + g.setFont(mFont); //设置字体 + g.setColor(getRandColor(180, 200)); //设置颜色 + // 画随机的线条 + for (int i = 0; i < 100; i++) { + int x = random.nextInt(width - 1); + int y = random.nextInt(height - 1); + int x1 = random.nextInt(3) + 1; + int y1 = random.nextInt(6) + 1; + g.drawLine(x, y, x + x1, y + y1); //绘制直线 + } + /**************************画一条折线********************************/ + BasicStroke bs=new BasicStroke(2f,BasicStroke.CAP_BUTT,BasicStroke.JOIN_BEVEL); //创建一个供画笔选择线条粗细的对象 + Graphics2D g2d = (Graphics2D) g; //通过Graphics类的对象创建一个Graphics2D类的对象 + g2d.setStroke(bs); //改变线条的粗细 + g.setColor(Color.GRAY); //设置当前颜色为预定义颜色中的灰色 + int lineNumber=4; //指定端点的个数 + int[] xPoints=new int[lineNumber]; //定义保存x轴坐标的数组 + int[] yPoints=new int[lineNumber]; //定义保存x轴坐标的数组 + //通过循环为x轴坐标和y轴坐标的数组赋值 + for(int j=0;j 1f) scaleSize = 1f; + trans.scale(scaleSize, scaleSize); //进行缩放 + g2d_word.setTransform(trans); + /** ********************* */ + g.drawString(String.valueOf(ctmp), width/6 * i+23, height/2); + + } + // 将生成的验证码保存到Session中 + HttpSession session = request.getSession(true); + session.setAttribute("randCheckCode", sRand); + g.dispose(); + ImageIO.write(image, "JPEG", response.getOutputStream()); + } + public void destroy() { + super.destroy(); + } + + public void init() throws ServletException { + super.init(); + } +} diff --git a/src/com/tools/ConnDB.java b/src/com/tools/ConnDB.java new file mode 100644 index 0000000..ebec65f --- /dev/null +++ b/src/com/tools/ConnDB.java @@ -0,0 +1,149 @@ +package com.tools; + +import java.sql.Connection; +import java.sql.DriverManager; +import java.sql.ResultSet; +import java.sql.SQLException; +import java.sql.Statement; +import java.sql.PreparedStatement; + +import org.junit.Test; + +public class ConnDB { + public Connection conn = null; // 数据库连接对象 + public Statement stmt = null; // statement对象,用于执行Sql语句 + public ResultSet rs = null; // 结果对象集 + public PreparedStatement pstmt = null;//updata表格信息使用 + // 驱动类的类名 + private static String dbClassName = "com.microsoft.sqlserver.jdbc.SQLServerDriver"; + private static String dbUrl = "jdbc:sqlserver://127.0.0.1:1433;DatabaseName=db_shop"; + private static String dbUser = "sa"; // 登录sql的用户名 + private static String dbPwd = "admin"; // 登录sql的密码 + + /* + * 创建与数据库的连接 + */ + + public ConnDB() {}; + + public static Connection getConnection() { + Connection conn = null; + try { + Class.forName(dbClassName).newInstance(); // 装在数据库驱动 + // 获取数据库连接对象 + conn = DriverManager.getConnection(dbUrl, dbUser, dbPwd); + } catch (Exception e) { + e.printStackTrace(); + } + if (conn == null) { + System.err.println("DbConnectionManger.getConnection():" + dbClassName + "\r\n" + dbUrl + "\r\n" + dbUser + + "/" + dbPwd); + } + return conn; + } + + /* + * 更新数据功能 + */ + public int executeUpdate(String sql) { + int result = 0; // 更新数据的记录条数 + try { + conn = getConnection(); // 获取数据库连接 + // 创建用于执行SQL语句的statement对象 + stmt = conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, ResultSet.CONCUR_READ_ONLY); + result = stmt.executeUpdate(sql); + } catch (SQLException e) { + // TODO: handle exception + result = 0; + e.printStackTrace(); // 输出异常信息 + } + try { + stmt.close(); + } catch (SQLException e) { + // TODO: handle exception + e.printStackTrace(); + } + return result; + } + + /* + * 根据指定的sql语句查询数据 + */ + public ResultSet executeQuery(String sql) { + try { + conn = getConnection(); // 获取数据库连接 + // 创建用于执行SQL语句的statement对象 + stmt = conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, ResultSet.CONCUR_READ_ONLY); + rs = stmt.executeQuery(sql); // 执行SQL语句 + } catch (SQLException e) { + // TODO: handle exception + e.printStackTrace(); + } + return rs; + } + + public PreparedStatement prepareStatement(String sql) { + try { + conn = getConnection(); // 获取数据库连接 + // 创建用于执行SQL语句的statement对象 + pstmt = conn.prepareStatement(sql); + pstmt.executeUpdate(); // 执行SQL语句 + } catch (SQLException e) { + // TODO: handle exception + e.printStackTrace(); + } + return pstmt; + } + + /** + * 功能:更新数据后获取生成的自动编号 + * + * @param sql + * @return + */ + public int executeUpdate_id(String sql) { + int result = 0; + try { // 捕捉异常 + conn = getConnection(); // 获取数据库连接 + // 创建用于执行SQL语句的Statement对象 + stmt = conn.createStatement(ResultSet.TYPE_SCROLL_INSENSITIVE, ResultSet.CONCUR_READ_ONLY); + result = stmt.executeUpdate(sql); // 执行SQL语句 + String ID = "select @@IDENTITY as id"; // 定义用于获取刚刚生成的自动编号的SQL语句 + rs = stmt.executeQuery(ID); // 获取刚刚生成的自动编号 + if (rs.next()) { // 如果存在数据 + int autoID = rs.getInt("id"); // 把获取到的自动编号保存到变量autoID中 + result = autoID; + } + } catch (SQLException ex) { // 处理异常 + result = 0; + } + return result; // 返回获取结果 + } + + /* + * 关闭数据库 + */ + public void close() { + try { + if (rs != null) { + rs.close(); + } + if (stmt != null) { + stmt.close(); + } + if (conn != null) { + conn.close(); + } + } catch (Exception e) { + // TODO: handle exception + e.printStackTrace(System.err); + } + } + + @Test + public void test() { + if (getConnection() != null) { + System.out.println("测试连接成功"); + } + } +} \ No newline at end of file diff --git a/src/com/tools/test.java b/src/com/tools/test.java new file mode 100644 index 0000000..f9eac63 --- /dev/null +++ b/src/com/tools/test.java @@ -0,0 +1,20 @@ +package com.tools; + +import java.io.UnsupportedEncodingException; + +public class test { + + public static void main(String[] args){ + String aka = "我错了"; + try { + aka = new String(aka.getBytes("ISO-8859-1"), "UTF-8"); + } catch (UnsupportedEncodingException e) { + // TODO Auto-generated catch block + e.printStackTrace(); + } + System.out.println("ggsimida"+aka); + + } + + +}