upp

hot/src/views/Home.vue

@@ -43,7 +43,7 @@
             </div>
             <!-- 视频页面 -->
             <div class="videoBox" v-else-if="myType === 'video'">
-              <video controls :src="item.url" v-if="index === myInd"></video>
+              <video id="videoID" controls :src="item.url" v-if="index === myInd"></video>
             </div>
             <!-- 图片页面 -->
             <div class="imgBox" v-else-if="myType === 'img'">
@@ -214,6 +214,14 @@ export default {
   },
   mounted() {
     this.getData();
+    // 监听视频观看完成时，记录积分
+    setTimeout(() => {
+      const videoIDDom = document.getElementById('videoID')
+      videoIDDom.addEventListener('ended', () => {
+        console.log('视频观看完成', window, window.parent, window.parent.window, window.parent.window.parent.window)
+        window.parent.window.parent.window.addScoreFu('观看视频')
+      })
+    },800)
   },
 };
 </script>
@@ -559,5 +567,6 @@ export default {
       }
     }
   }
-}</style>
+}
+</style>
 

houtai/src/pages/A1Rule/index.tsx

@@ -9,7 +9,7 @@ import styles from "./index.module.scss";
 import { Button, Form, Input, Modal, Popconfirm, Table } from "antd";
 import { useDispatch, useSelector } from "react-redux";
 import { RootState } from "@/store";
-import { RulesTableType, SaveScoreLimitType } from "@/types";
+import { RulesTableType } from "@/types";
 import {
   getOnlineRuleAPI,
   getRuleAPI,

houtai/src/pages/A4Prize/index.tsx

@@ -16,16 +16,15 @@ import {
   DatePicker,
   DatePickerProps,
   Select,
-  Upload,
-  message,
+
   FormInstance,
 } from "antd";
 import { useDispatch, useSelector } from "react-redux";
 import { RootState } from "@/store";
-import { AddPrizeType, PrizeTableType } from "@/types";
+import { PrizeTableType } from "@/types";
 import ImageLazy from "@/components/ImageLazy";
 import {
-  addPrizeByIdAPI,
+
   deletePrizeByIdAPI,
   editPrizeByIdAPI,
   getPrizeDetailAPI,
@@ -33,12 +32,9 @@ import {
 } from "@/store/action/A4Prise";
 import { MessageFu } from "@/utils/message";
 import { RangePickerProps } from "antd/es/date-picker";
-import { LoadingOutlined, PlusOutlined } from "@ant-design/icons";
 import {
   RcFile,
-  UploadChangeParam,
-  UploadFile,
-  UploadProps,
+
 } from "antd/es/upload";
 import RichText from "@/components/Z_RichText";
 import moment from "moment";

houtai/src/pages/A8Scene/index.module.scss

@@ -0,0 +1,48 @@
+.A8Scene {
+  width: 100%;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: rgb(239, 239, 239);
+
+  :global {
+    .ruleTop {
+      border-radius: 4px;
+      padding: 15px 20px 25px 20px;
+      background-color: #fff;
+      box-shadow: 3px 0px 10px 0px #d5d5d9;
+      position: relative;
+
+      .pageTitle {
+        .exportBtn {
+          width: 100px;
+          height: 40px;
+        }
+      }
+
+      .tableBox1 {
+        border-radius: 4px;
+        overflow: hidden;
+        margin-top: 3%;
+        // height: calc(100% - 80px);
+        // background-color: #fff;
+        padding: 0px;
+        // box-shadow: 3px 0px 10px 0px #d5d5d9;
+
+        .ant-table-body {
+          height: 600px;
+          overflow-y: auto !important;
+          overflow-y: overlay !important;
+
+          .ant-table-row {
+            .ant-table-cell {
+              padding: 10px;
+            }
+          }
+        }
+      }
+
+
+    }
+  }
+}

houtai/src/pages/A8Scene/index.tsx

@@ -0,0 +1,122 @@
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import styles from "./index.module.scss";
+import { getSceneListAPI, isTokenFlagAPI } from "@/store/action/A8Scene";
+import { useDispatch, useSelector } from "react-redux";
+import { RootState } from "@/store";
+import { Button, Table } from "antd";
+import { SceneListType } from "@/types";
+import history from "@/utils/history";
+import { removeTokenInfo } from "@/utils/storage";
+import { MessageFu } from "@/utils/message";
+import { baseURL } from "@/utils/http";
+function A8Scene() {
+  const dispatch = useDispatch();
+
+  // 筛选和分页
+  const [tableSelect, setTableSelect] = useState({
+    searchKey: "",
+    pageSize: 10000,
+    pageNum: 1,
+    startTime: "",
+    endTime: "",
+  });
+  const getList = useCallback(() => {
+    dispatch(getSceneListAPI(tableSelect));
+  }, [dispatch, tableSelect]);
+
+  const isTokenFlagFu = (val: boolean, url: string) => {
+    if (val) {
+      // token 有效
+      window.open(url);
+    } else {
+      // token 失效
+      MessageFu.warning("登录失效，请重新登录!");
+      removeTokenInfo();
+      history.push("/login");
+    }
+  };
+
+  const lookFu = useCallback(async (code: string) => {
+    const res = await isTokenFlagAPI();
+    if (res.code === 0) {
+      isTokenFlagFu(res.data, baseURL + `/scene/index.html?m=${code}`);
+    }
+  }, []);
+
+  const editFu = useCallback(async (code: string) => {
+    const res = await isTokenFlagAPI();
+    if (res.code === 0) {
+      isTokenFlagFu(res.data, baseURL + `/editScene/edit.html?m=${code}`);
+    }
+  }, []);
+
+  const tableInfo = useSelector((state: RootState) => state.A8Scene.tableInfo);
+
+  const columns = useMemo(() => {
+    return [
+      {
+        width: 100,
+        title: "序号",
+        render: (text: any, record: any, index: any) => index + 1,
+      },
+      {
+        title: "场景名称",
+        dataIndex: "name",
+      },
+      {
+        title: "操作",
+        render: (item: SceneListType) => {
+          return (
+            <>
+              <Button
+                size="small"
+                type="text"
+                onClick={() => editFu(item.sceneCode)}
+              >
+                编辑
+              </Button>
+              <Button
+                size="small"
+                type="text"
+                onClick={() => lookFu(item.sceneCode)}
+              >
+                查看
+              </Button>
+            </>
+          );
+        },
+      },
+    ];
+  }, [editFu, lookFu]);
+
+  useEffect(() => {
+    getList();
+  }, [getList]);
+  return (
+    <div className={styles.A8Scene}>
+      <div className="ruleTop">
+        <div className="pageTitle">场景管理</div>
+        {/* 表格主体 */}
+        <div className="tableBox1">
+          <Table
+            scroll={{ y: 500 }}
+            bordered={false}
+            dataSource={tableInfo.list}
+            columns={columns}
+            rowKey="id"
+            pagination={{
+              showQuickJumper: true,
+              position: ["bottomCenter"],
+              showSizeChanger: true,
+              total: tableInfo.total,
+            }}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+const MemoA8Scene = React.memo(A8Scene);
+
+export default MemoA8Scene;

houtai/src/pages/Layout/index.tsx

@@ -50,6 +50,14 @@ function Layout() {
         done: true,
       },
       {
+        id: 106,
+        name: "场景管理",
+        path: "/scene",
+        Com: React.lazy(() => import("../A8Scene")),
+        inco: inco1,
+        done: true,
+      },
+      {
         id: 100,
         name: "积分记录",
         path: "/integral",
@@ -66,6 +74,8 @@ function Layout() {
         inco: inco1,
         done: true,
       },
+
+      
       {
         id: 104,
         name: "用户管理",
@@ -75,7 +85,7 @@ function Layout() {
         done: true,
       },
       {
-        id: 104,
+        id: 105,
         name: "题目设置",
         path: "/topicSetting",
         Com: React.lazy(() => import("../TopicSetting")),

houtai/src/store/action/A8Scene.ts

@@ -0,0 +1,25 @@
+import http from "@/utils/http";
+import { AppDispatch } from "..";
+/**
+ * 获取场景列表
+ */
+export const getSceneListAPI = (data: any) => {
+  return async (dispatch: AppDispatch) => {
+    const res = await http.post("cms/scene/list", data);
+    if (res.code === 0) {
+      const obj = {
+        list: res.data.records,
+        total: res.data.total,
+      };
+      dispatch({ type: "scene/getList", payload: obj });
+    }
+  };
+};
+
+/**
+ * 检查登录状态
+ */
+export const isTokenFlagAPI = () => {
+  return http.get("/admin/checkLogin");
+};
+

houtai/src/store/reducer/A8Scene.ts

@@ -0,0 +1,27 @@
+import { SceneListType } from "@/types";
+
+// 初始化状态
+const initState = {
+  // 列表数据
+  tableInfo: {
+    list: [] as SceneListType[],
+    total: 0,
+  },
+};
+
+// 定义 action 类型
+type SceneActionType = {
+  type: "scene/getList";
+  payload: { list: SceneListType[]; total: number };
+};
+
+// 频道 reducer
+export default function SceneReducer(state = initState, action: SceneActionType) {
+  switch (action.type) {
+    // 获取列表数据
+    case "scene/getList":
+      return { ...state, tableInfo: action.payload };
+    default:
+      return state;
+  }
+}

houtai/src/store/reducer/index.ts

@@ -12,6 +12,8 @@ import A6IDUser from './A6IDUser'
 import A7Log from './A7Log'
 import A2Integral from './A2Integral'
 import A5Exchange from './A5Exchange'
+import A8Scene from './A8Scene'
+
 
 
 // 合并 reducer
@@ -24,7 +26,8 @@ const rootReducer = combineReducers({
   A2Integral,
   TopicSetting,
   A6IDUser,
-  A5Exchange
+  A5Exchange,
+  A8Scene
 })
 
 // 默认导出

houtai/src/types/api/A8Scene.ts

@@ -0,0 +1,13 @@
+export type SceneListType = {
+  createTime: string;
+  creatorId: number;
+  creatorName: string;
+  display: number;
+  id: number;
+  name: string;
+  path: string;
+  sceneCode: string;
+  star: number;
+  updateTime: string;
+  visit: number;
+};

houtai/src/types/index.d.ts

@@ -9,5 +9,6 @@ export * from './api/A5Exchange'
 export * from './api/A6IDUser'
 export * from './api/A7Log'
 export * from './api/A2Integral'
+export * from './api/A8Scene'
 
 

houtai/src/utils/http.ts

@@ -10,7 +10,7 @@ export const baseURL =
   // process.env.NODE_ENV === "development"
   //   ? "http://192.168.20.61:8063/api/"
   //   : "";
-  process.env.NODE_ENV === "development" ? "https://sit-cnzhengquan.4dage.com" : "https://sit-cnzhengquan.4dage.com";
+  process.env.NODE_ENV === "development" ? "https://sit-cnzhengquan.4dage.com" : "";
 
 // 处理  类型“AxiosResponse<any, any>”上不存在属性“code”
 declare module "axios" {

zhengquan/public/scene/hot/js/about.168b35c2.js

@@ -1,2 +0,0 @@
-(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["about"],{f820:function(t,e,n){"use strict";n.r(e);var a=function(){var t=this,e=t.$createElement;t._self._c;return t._m(0)},s=[function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"about"},[n("h1",[t._v("This is an about page")])])}],u=n("2877"),c={},i=Object(u["a"])(c,a,s,!1,null,null,null);e["default"]=i.exports}}]);
-//# sourceMappingURL=about.168b35c2.js.map

zhengquan/public/scene/static/css/cropper.min.css

@@ -1,252 +0,0 @@
-/*!
- * Cropper v3.1.3
- * https://github.com/fengyuanchen/cropper
- *
- * Copyright (c) 2014-2017 Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2017-10-21T10:03:37.133Z
- */.cropper-container {
- direction:ltr;
- font-size:0;
- line-height:0;
- position:relative;
- -ms-touch-action:none;
- touch-action:none;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
-}
-.cropper-container img {
- display:block;
- height:100%;
- image-orientation:0deg;
- max-height:none!important;
- max-width:none!important;
- min-height:0!important;
- min-width:0!important;
- width:100%
-}
-.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
- bottom:0;
- left:0;
- position:absolute;
- right:0;
- top:0
-}
-.cropper-canvas,.cropper-wrap-box {
- overflow:hidden
-}
-.cropper-drag-box {
- background-color:#fff;
- opacity:0
-}
-.cropper-modal {
- background-color:#000;
- opacity:.5
-}
-.cropper-view-box {
- display:block;
- height:100%;
- outline-color:rgba(51,153,255,.75);
- outline:1px solid #39f;
- overflow:hidden;
- width:100%
-}
-.cropper-dashed {
- border:0 dashed #eee;
- display:block;
- opacity:.5;
- position:absolute
-}
-.cropper-dashed.dashed-h {
- border-bottom-width:1px;
- border-top-width:1px;
- height:33.33333%;
- left:0;
- top:33.33333%;
- width:100%
-}
-.cropper-dashed.dashed-v {
- border-left-width:1px;
- border-right-width:1px;
- height:100%;
- left:33.33333%;
- top:0;
- width:33.33333%
-}
-.cropper-center {
- display:block;
- height:0;
- left:50%;
- opacity:.75;
- position:absolute;
- top:50%;
- width:0
-}
-.cropper-center:after,.cropper-center:before {
- background-color:#eee;
- content:" ";
- display:block;
- position:absolute
-}
-.cropper-center:before {
- height:1px;
- left:-3px;
- top:0;
- width:7px
-}
-.cropper-center:after {
- height:7px;
- left:0;
- top:-3px;
- width:1px
-}
-.cropper-face,.cropper-line,.cropper-point {
- display:block;
- height:100%;
- opacity:.1;
- position:absolute;
- width:100%
-}
-.cropper-face {
- background-color:#fff;
- left:0;
- top:0
-}
-.cropper-line {
- background-color:#39f
-}
-.cropper-line.line-e {
- cursor:e-resize;
- right:-3px;
- top:0;
- width:5px
-}
-.cropper-line.line-n {
- cursor:n-resize;
- height:5px;
- left:0;
- top:-3px
-}
-.cropper-line.line-w {
- cursor:w-resize;
- left:-3px;
- top:0;
- width:5px
-}
-.cropper-line.line-s {
- bottom:-3px;
- cursor:s-resize;
- height:5px;
- left:0
-}
-.cropper-point {
- background-color:#39f;
- height:5px;
- opacity:.75;
- width:5px
-}
-.cropper-point.point-e {
- cursor:e-resize;
- margin-top:-3px;
- right:-3px;
- top:50%
-}
-.cropper-point.point-n {
- cursor:n-resize;
- left:50%;
- margin-left:-3px;
- top:-3px
-}
-.cropper-point.point-w {
- cursor:w-resize;
- left:-3px;
- margin-top:-3px;
- top:50%
-}
-.cropper-point.point-s {
- bottom:-3px;
- cursor:s-resize;
- left:50%;
- margin-left:-3px
-}
-.cropper-point.point-ne {
- cursor:ne-resize;
- right:-3px;
- top:-3px
-}
-.cropper-point.point-nw {
- cursor:nw-resize;
- left:-3px;
- top:-3px
-}
-.cropper-point.point-sw {
- bottom:-3px;
- cursor:sw-resize;
- left:-3px
-}
-.cropper-point.point-se {
- bottom:-3px;
- cursor:se-resize;
- height:20px;
- opacity:1;
- right:-3px;
- width:20px
-}
-@media (min-width:768px) {
- .cropper-point.point-se {
-  height:15px;
-  width:15px
- }
-}
-@media (min-width:992px) {
- .cropper-point.point-se {
-  height:10px;
-  width:10px
- }
-}
-@media (min-width:1200px) {
- .cropper-point.point-se {
-  height:5px;
-  opacity:.75;
-  width:5px
- }
-}
-.cropper-point.point-se:before {
- background-color:#39f;
- bottom:-50%;
- content:" ";
- display:block;
- height:200%;
- opacity:0;
- position:absolute;
- right:-50%;
- width:200%
-}
-.cropper-invisible {
- opacity:0
-}
-.cropper-bg {
- background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
-}
-.cropper-hide {
- display:block;
- height:0;
- position:absolute;
- width:0
-}
-.cropper-hidden {
- display:none!important
-}
-.cropper-move {
- cursor:move
-}
-.cropper-crop {
- cursor:crosshair
-}
-.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
- cursor:not-allowed
-}
-/*# sourceMappingURL=cropper.min.css.map */

zhengquan/public/scene/static/css/css/cropper.min.css

@@ -1,252 +0,0 @@
-/*!
- * Cropper v3.1.3
- * https://github.com/fengyuanchen/cropper
- *
- * Copyright (c) 2014-2017 Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2017-10-21T10:03:37.133Z
- */.cropper-container {
- direction:ltr;
- font-size:0;
- line-height:0;
- position:relative;
- -ms-touch-action:none;
- touch-action:none;
- -webkit-user-select:none;
- -moz-user-select:none;
- -ms-user-select:none;
- user-select:none
-}
-.cropper-container img {
- display:block;
- height:100%;
- image-orientation:0deg;
- max-height:none!important;
- max-width:none!important;
- min-height:0!important;
- min-width:0!important;
- width:100%
-}
-.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box {
- bottom:0;
- left:0;
- position:absolute;
- right:0;
- top:0
-}
-.cropper-canvas,.cropper-wrap-box {
- overflow:hidden
-}
-.cropper-drag-box {
- background-color:#fff;
- opacity:0
-}
-.cropper-modal {
- background-color:#000;
- opacity:.5
-}
-.cropper-view-box {
- display:block;
- height:100%;
- outline-color:rgba(51,153,255,.75);
- outline:1px solid #39f;
- overflow:hidden;
- width:100%
-}
-.cropper-dashed {
- border:0 dashed #eee;
- display:block;
- opacity:.5;
- position:absolute
-}
-.cropper-dashed.dashed-h {
- border-bottom-width:1px;
- border-top-width:1px;
- height:33.33333%;
- left:0;
- top:33.33333%;
- width:100%
-}
-.cropper-dashed.dashed-v {
- border-left-width:1px;
- border-right-width:1px;
- height:100%;
- left:33.33333%;
- top:0;
- width:33.33333%
-}
-.cropper-center {
- display:block;
- height:0;
- left:50%;
- opacity:.75;
- position:absolute;
- top:50%;
- width:0
-}
-.cropper-center:after,.cropper-center:before {
- background-color:#eee;
- content:" ";
- display:block;
- position:absolute
-}
-.cropper-center:before {
- height:1px;
- left:-3px;
- top:0;
- width:7px
-}
-.cropper-center:after {
- height:7px;
- left:0;
- top:-3px;
- width:1px
-}
-.cropper-face,.cropper-line,.cropper-point {
- display:block;
- height:100%;
- opacity:.1;
- position:absolute;
- width:100%
-}
-.cropper-face {
- background-color:#fff;
- left:0;
- top:0
-}
-.cropper-line {
- background-color:#39f
-}
-.cropper-line.line-e {
- cursor:e-resize;
- right:-3px;
- top:0;
- width:5px
-}
-.cropper-line.line-n {
- cursor:n-resize;
- height:5px;
- left:0;
- top:-3px
-}
-.cropper-line.line-w {
- cursor:w-resize;
- left:-3px;
- top:0;
- width:5px
-}
-.cropper-line.line-s {
- bottom:-3px;
- cursor:s-resize;
- height:5px;
- left:0
-}
-.cropper-point {
- background-color:#39f;
- height:5px;
- opacity:.75;
- width:5px
-}
-.cropper-point.point-e {
- cursor:e-resize;
- margin-top:-3px;
- right:-3px;
- top:50%
-}
-.cropper-point.point-n {
- cursor:n-resize;
- left:50%;
- margin-left:-3px;
- top:-3px
-}
-.cropper-point.point-w {
- cursor:w-resize;
- left:-3px;
- margin-top:-3px;
- top:50%
-}
-.cropper-point.point-s {
- bottom:-3px;
- cursor:s-resize;
- left:50%;
- margin-left:-3px
-}
-.cropper-point.point-ne {
- cursor:ne-resize;
- right:-3px;
- top:-3px
-}
-.cropper-point.point-nw {
- cursor:nw-resize;
- left:-3px;
- top:-3px
-}
-.cropper-point.point-sw {
- bottom:-3px;
- cursor:sw-resize;
- left:-3px
-}
-.cropper-point.point-se {
- bottom:-3px;
- cursor:se-resize;
- height:20px;
- opacity:1;
- right:-3px;
- width:20px
-}
-@media (min-width:768px) {
- .cropper-point.point-se {
-  height:15px;
-  width:15px
- }
-}
-@media (min-width:992px) {
- .cropper-point.point-se {
-  height:10px;
-  width:10px
- }
-}
-@media (min-width:1200px) {
- .cropper-point.point-se {
-  height:5px;
-  opacity:.75;
-  width:5px
- }
-}
-.cropper-point.point-se:before {
- background-color:#39f;
- bottom:-50%;
- content:" ";
- display:block;
- height:200%;
- opacity:0;
- position:absolute;
- right:-50%;
- width:200%
-}
-.cropper-invisible {
- opacity:0
-}
-.cropper-bg {
- background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
-}
-.cropper-hide {
- display:block;
- height:0;
- position:absolute;
- width:0
-}
-.cropper-hidden {
- display:none!important
-}
-.cropper-move {
- cursor:move
-}
-.cropper-crop {
- cursor:crosshair
-}
-.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point {
- cursor:not-allowed
-}
-/*# sourceMappingURL=cropper.min.css.map */

zhengquan/public/scene/static/css/css/diyUpload.css

@@ -1,129 +0,0 @@
-@charset "utf-8";
-/* CSS Document*/
-.parentFileBox {
-	width:auto;
-	height:auto;
-	overflow:hidden;
-	position:relative;
-}
-.parentFileBox>.fileBoxUl {
-	position:relative;
-	width:100%;
-	height:auto;
-	overflow:hidden;
-	padding-bottom:5px;
-}
-.parentFileBox>.fileBoxUl>li {
-	float:left;
-	border:1px solid #09F;
-	border-radius:5px;
-	width:95px;
-	height:95px;
-	margin-top:5px;
-	margin-left:5px;
-	overflow:hidden;
-	position:relative;
-	background-color:#099;
-}
-.parentFileBox>.fileBoxUl>li>.viewThumb {
-	position:absolute;
-	top:0;
-	left:0;
-	width:95px;
-	height:95px;
-	overflow:hidden;
-}
-.parentFileBox>.fileBoxUl>li>.viewThumb>img {
-	width:100%;
-	height:100%;
-}
-.parentFileBox>.fileBoxUl>li>.diyCancel,.parentFileBox>.fileBoxUl>li>.diySuccess {
-	position:absolute;
-	width:20px;
-	height:20px;
-	top:2px;
-	right:2px;
-	cursor:pointer;
-	display:none;
-	background-size: 100% !important; 
-}
-.parentFileBox>.fileBoxUl>li>.diyCancel {
-	background:url(../images/edit/x_alt.png) left top no-repeat;
-}
-.parentFileBox>.fileBoxUl>li>.diySuccess {
-	background:url(../images/edit/check_alt.png)  left top  no-repeat;
-	cursor:default;
-}
-.parentFileBox>.fileBoxUl>li>.diyFileName {
-	position:absolute;
-	bottom:0px;
-	left:0px;
-	width:100%;
-	height:15px;
-	line-height:15px;
-	text-align:center;
-	color:#fff;
-	font-size:12px;
-	display:none;
-	background:url(../images/edit/bgblack.png);
-}
-.parentFileBox>.fileBoxUl>li>.diyBar {
-	top:0;
-	left:0;
-	position: absolute;
-	width: 95px;
-	height: 95px;
-	line-height:150px;
-	background:url(../images/edit/bgblack.png);
-	display:none;
-}
-.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgressText {
-	font-size:14px;
-	text-align:center;
-	color:#FFF;
-	position:relative;
-	z-index:99;
-}
-.parentFileBox>.fileBoxUl>li>.diyBar>.diyProgress {
-	position:absolute;
-	left:0;
-	top:42%;
-	height:24px;
-	width:100%;
-	background-color:#09F;
-	filter:alpha(opacity=70);
-	-moz-opacity:0.7;
-	opacity:0.7;
-	z-index:97;
-}
-.parentFileBox>.diyButton {
-	width:100%;
-	margin-top:5px;
-	margin-bottom:5px;
-	height:20px;
-	line-height:20px;
-	text-align:center;
-}
-.parentFileBox>.diyButton>a {
-	padding:5px 10px 5px 10px;
-	background-color:#09C;
-	color:#FFF;
-	font-size:12px;
-	text-decoration:none;
-	border-radius:3px;
-}
-.parentFileBox>.diyButton>a:hover {
-	background-color:#0CC;
-	color:#F30;
-}
-.parentFileBox>.fileBoxUl>li:hover {
-	-moz-box-shadow: 3px 3px 4px #ccc;
-	-webkit-box-shadow: 3px 3px 4px #ccc;
-	box-shadow: 3px 3px 4px #ccc;
-}
-.parentFileBox>.fileBoxUl>.diyUploadHover:hover .diyCancel {
-	display:block;
-}
-.parentFileBox>.fileBoxUl>li:hover .diyFileName {
-	display:block;
-}