wanghongjun
2 years ago
239 changed files with 52200 additions and 0 deletions
|
After Width: | Height: | Size: 8.7 KiB |
@ -0,0 +1,10 @@ |
|||
window.serverConfig = { |
|||
// 系统名称
|
|||
APP_NAME: '萤火商城系统2.0', |
|||
// 必填: api地址, 换成自己的域名即可
|
|||
// 例如: https://www.你的域名.com/index.php?s=/admin
|
|||
BASE_API: '../index.php?s=/admin', |
|||
// 必填: store模块的入口地址
|
|||
// 例如: https://www.你的域名.com/store
|
|||
STORE_URL: '../store' |
|||
} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
.ant-tag[data-v-b7200bca]{cursor:pointer}.ant-tag[data-v-b7200bca]:hover{border:1px solid #fb9a9a;color:#fb9a9a} |
|||
@ -0,0 +1 @@ |
|||
.ant-table-wrapper[data-v-4de45856] .normal .status-icon{color:#4db14d}.ant-table-wrapper[data-v-4de45856] .warning{background-color:#ffd!important}.ant-table-wrapper[data-v-4de45856] .danger{color:#dd514c;background-color:rgba(221,81,76,.115)}.ant-table-wrapper[data-v-4de45856] .danger .status-icon{color:red} |
|||
@ -0,0 +1 @@ |
|||
.header[data-v-ecb9b698]{height:44px;line-height:44px;margin-bottom:40px;text-align:center}.header .badge[data-v-ecb9b698]{position:absolute;display:inline-block;line-height:1;vertical-align:middle;margin-left:-12px;margin-top:-10px;opacity:.8}.header .logo[data-v-ecb9b698]{height:44px;vertical-align:top;margin-right:10px;margin-left:-12px;border-style:none}.header .title[data-v-ecb9b698]{font-size:30px;color:rgba(0,0,0,.85);font-family:Avenir,Helvetica Neue,Arial,Helvetica,sans-serif;font-weight:600;position:relative;top:2px}.user-layout-login label[data-v-ecb9b698]{font-size:14px}.user-layout-login button.login-button[data-v-ecb9b698]{padding:0 15px;font-size:16px;height:40px;width:100%} |
|||
@ -0,0 +1 @@ |
|||
<!DOCTYPE html><html lang="zh-cmn-Hans"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width,initial-scale=1"><title>超级管理后台</title><style>#loading-mask{position:fixed;left:0;top:0;height:100%;width:100%;background:#fff;user-select:none;z-index:9999;overflow:hidden}.loading-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.loading-dot{animation:antRotate 1.2s infinite linear;transform:rotate(45deg);position:relative;display:inline-block;font-size:64px;width:64px;height:64px;box-sizing:border-box}.loading-dot i{width:22px;height:22px;position:absolute;display:block;background-color:#1890ff;border-radius:100%;transform:scale(.75);transform-origin:50% 50%;opacity:.3;animation:antSpinMove 1s infinite linear alternate}.loading-dot i:nth-child(1){top:0;left:0}.loading-dot i:nth-child(2){top:0;right:0;-webkit-animation-delay:.4s;animation-delay:.4s}.loading-dot i:nth-child(3){right:0;bottom:0;-webkit-animation-delay:.8s;animation-delay:.8s}.loading-dot i:nth-child(4){bottom:0;left:0;-webkit-animation-delay:1.2s;animation-delay:1.2s}@keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@-webkit-keyframes antRotate{to{-webkit-transform:rotate(405deg);transform:rotate(405deg)}}@keyframes antSpinMove{to{opacity:1}}@-webkit-keyframes antSpinMove{to{opacity:1}}</style><link href="css/menu.e80f05a9.css" rel="prefetch"><link href="css/setting.d1166568.css" rel="prefetch"><link href="css/user.264af2fe.css" rel="prefetch"><link href="js/fail.510f7b9e.js" rel="prefetch"><link href="js/menu.bc43c592.js" rel="prefetch"><link href="js/setting.6a66fb87.js" rel="prefetch"><link href="js/store.e7286e80.js" rel="prefetch"><link href="js/user.1680abc8.js" rel="prefetch"><link href="css/app.785d4a41.css" rel="preload" as="style"><link href="css/chunk-vendors.00235f47.css" rel="preload" as="style"><link href="js/app.09e51e0e.js" rel="preload" as="script"><link href="js/chunk-vendors.24aef2d9.js" rel="preload" as="script"><link href="css/chunk-vendors.00235f47.css" rel="stylesheet"><link href="css/app.785d4a41.css" rel="stylesheet"></head><body><noscript><strong>We're sorry but vue-antd-pro doesn't work properly without JavaScript enabled. Please enable it to continue.</strong></noscript><div id="app"><div id="loading-mask"><div class="loading-wrapper"><span class="loading-dot loading-dot-spin"><i></i><i></i><i></i><i></i></span></div></div></div><script src="config.js"></script><script src="js/chunk-vendors.24aef2d9.js"></script><script src="js/app.09e51e0e.js"></script></body></html> |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["fail"],{cc89:function(e,n,t){"use strict";t.r(n);var c=function(){var e=this,n=e._self._c;return n("exception-page",{attrs:{type:"404"}})},a=[],o=t("2af9"),p={components:{ExceptionPage:o["c"]}},s=p,i=t("2877"),r=Object(i["a"])(s,c,a,!1,null,"1f038743",null);n["default"]=r.exports}}]); |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
(window["webpackJsonp"]=window["webpackJsonp"]||[]).push([["setting"],{"1cdf":function(e,t,a){},7334:function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e._self._c;return t("a-card",{attrs:{bordered:!1}},[t("content-header",{attrs:{title:"服务器信息"}}),t("a-table",{attrs:{rowKey:"key",size:"middle",columns:e.columns.server,"data-source":e.scienceInfo.server,loading:e.isLoading,rowClassName:e.rowClassName,pagination:!1},scopedSlots:e._u([{key:"remark",fn:function(a,n){return t("span",{},["normal"!==n.status?[e._v(e._s(a))]:e._e()],2)}}])}),t("content-header",{staticStyle:{"margin-top":"50px"},attrs:{title:"PHP环境要求"}}),t("a-table",{attrs:{rowKey:"key",size:"middle",columns:e.columns.phpinfo,"data-source":e.scienceInfo.phpinfo,loading:e.isLoading,rowClassName:e.rowClassName,pagination:!1},scopedSlots:e._u([{key:"status",fn:function(e){return t("span",{},[t("a-icon",{class:["icon","status-icon"],attrs:{type:"normal"===e?"check":"close"}})],1)}},{key:"remark",fn:function(a,n){return t("span",{},["normal"!==n.status?[e._v(e._s(a))]:e._e()],2)}}])}),t("content-header",{staticStyle:{"margin-top":"50px"},attrs:{title:"目录权限监测"}}),t("a-table",{attrs:{rowKey:"key",size:"middle",columns:e.columns.writeable,"data-source":e.scienceInfo.writeable,loading:e.isLoading,rowClassName:e.rowClassName,pagination:!1},scopedSlots:e._u([{key:"status",fn:function(e){return t("span",{},[t("a-icon",{class:["icon","status-icon"],attrs:{type:"normal"===e?"check":"close"}})],1)}}])})],1)},o=[],s=(a("d3b7"),a("f6ae")),r=a("b775");function i(){return Object(r["b"])({url:s["a"].store.setting.science,method:"get"})}var c=a("2af9"),l={name:"TableList",components:{ContentHeader:c["a"]},data:function(){return{isLoading:!1,scienceInfo:{server:[],phpinfo:[],writeable:[]},columns:{server:[{title:"参数",dataIndex:"name",width:"30%"},{title:"值",dataIndex:"value"},{title:"备注",dataIndex:"remark",scopedSlots:{customRender:"remark"}}],phpinfo:[{title:"选项",dataIndex:"name"},{title:"要求",dataIndex:"value"},{title:"状态",dataIndex:"status",scopedSlots:{customRender:"status"}},{title:"备注",dataIndex:"remark",scopedSlots:{customRender:"remark"}}],writeable:[{title:"名称",dataIndex:"name"},{title:"路径",dataIndex:"value"},{title:"状态",dataIndex:"status",scopedSlots:{customRender:"status"}}]}}},created:function(){var e=this;this.$nextTick((function(){e.getScienceInfo()}))},methods:{getScienceInfo:function(){var e=this;this.isLoading=!0,i().then((function(t){e.scienceInfo=t.data.scienceInfo})).finally((function(){e.isLoading=!1}))},rowClassName:function(e){return e.status}}},d=l,u=(a("9bc1"),a("2877")),m=Object(u["a"])(d,n,o,!1,null,"4de45856",null);t["default"]=m.exports},"9b7d":function(e,t,a){"use strict";a.r(t);var n=function(){var e=this,t=e._self._c;return t("a-card",{attrs:{bordered:!1}},[t("content-header",{attrs:{title:"清理缓存"}}),t("a-form",{attrs:{form:e.form}},[t("a-form-item",{attrs:{label:"缓存项目",labelCol:{span:6},wrapperCol:{span:13}}},[t("a-checkbox-group",{directives:[{name:"decorator",rawName:"v-decorator",value:["item",{initialValue:["data","temp"]}],expression:"['item', { initialValue: ['data', 'temp'] }]"}]},[t("a-checkbox",{attrs:{value:"data"}},[e._v("数据缓存")]),t("a-checkbox",{attrs:{value:"temp"}},[e._v("临时图片")])],1)],1),t("a-form-item",{attrs:{label:"强制模式",labelCol:{span:6},wrapperCol:{span:13},extra:"强制清空所有缓存文件，包含用户授权登录状态的数据，正式运营环境中请勿勾选"}},[t("a-switch",{directives:[{name:"decorator",rawName:"v-decorator",value:["isForce",{valuePropName:"checked"}],expression:"['isForce', { valuePropName: 'checked' }]"}]})],1),t("a-form-item",{attrs:{wrapperCol:{span:13,offset:6}}},[t("a-button",{attrs:{type:"primary",loading:e.isLoading,disabled:e.isLoading},on:{click:e.handleSubmit}},[e._v("提交")])],1)],1)],1)},o=[],s=(a("d3b7"),a("f6ae")),r=a("b775");function i(e){return Object(r["b"])({url:s["a"].store.setting.cache.clear,method:"post",data:e})}var c=a("2af9"),l=a("4360"),d={name:"TableList",components:{ContentHeader:c["a"],STable:c["d"]},data:function(){return{isLoading:!1,form:this.$form.createForm(this)}},created:function(){},methods:{handleSubmit:function(){var e=this,t=this.form.validateFields;t((function(t,a){t||(e.isLoading=!0,e.onFormSubmit(a).finally((function(){e.isLoading=!1})))}))},onFormSubmit:function(e){var t=this;return i({form:e}).then((function(a){t.$message.success(a.message),!0===e.isForce&&l["a"].dispatch("Logout").then((function(){setTimeout((function(){window.location.reload()}),1200)}))}))}}},u=d,m=a("2877"),f=Object(m["a"])(u,n,o,!1,null,null,null);t["default"]=f.exports},"9bc1":function(e,t,a){"use strict";a("1cdf")}}]); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1 @@ |
|||
#preloadingAnimation{position:fixed;left:0;top:0;height:100%;width:100%;background:#ffffff;user-select:none;z-index: 9999;overflow: hidden}.lds-roller{display:inline-block;position:relative;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;}.lds-roller div{animation:lds-roller 1.2s cubic-bezier(0.5,0,0.5,1) infinite;transform-origin:32px 32px;}.lds-roller div:after{content:" ";display:block;position:absolute;width:6px;height:6px;border-radius:50%;background:#13c2c2;margin:-3px 0 0 -3px;}.lds-roller div:nth-child(1){animation-delay:-0.036s;}.lds-roller div:nth-child(1):after{top:50px;left:50px;}.lds-roller div:nth-child(2){animation-delay:-0.072s;}.lds-roller div:nth-child(2):after{top:54px;left:45px;}.lds-roller div:nth-child(3){animation-delay:-0.108s;}.lds-roller div:nth-child(3):after{top:57px;left:39px;}.lds-roller div:nth-child(4){animation-delay:-0.144s;}.lds-roller div:nth-child(4):after{top:58px;left:32px;}.lds-roller div:nth-child(5){animation-delay:-0.18s;}.lds-roller div:nth-child(5):after{top:57px;left:25px;}.lds-roller div:nth-child(6){animation-delay:-0.216s;}.lds-roller div:nth-child(6):after{top:54px;left:19px;}.lds-roller div:nth-child(7){animation-delay:-0.252s;}.lds-roller div:nth-child(7):after{top:50px;left:14px;}.lds-roller div:nth-child(8){animation-delay:-0.288s;}.lds-roller div:nth-child(8):after{top:45px;left:10px;}#preloadingAnimation .load-tips{color: #13c2c2;font-size:2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);margin-top:80px;text-align:center;width:400px;height:64px;} @keyframes lds-roller{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}} |
|||
@ -0,0 +1 @@ |
|||
<div id="preloadingAnimation"><div class=lds-roller><div></div><div></div><div></div><div></div><div></div><div></div><div></div><div></div></div><div class=load-tips>Loading</div></div> |
|||
@ -0,0 +1,5 @@ |
|||
<div class="preloading-animate"> |
|||
<div class="preloading-wrapper"> |
|||
<svg class="preloading-balls" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid"><circle cx="67.802" cy="59.907" r="6" fill="#51CACC"><animate attributeName="cx" values="75;57.72542485937369" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="50;73.77641290737884" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#51CACC;#9DF871" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="46.079" cy="69.992" r="6" fill="#9DF871"><animate attributeName="cx" values="57.72542485937369;29.774575140626318" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="73.77641290737884;64.69463130731182" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#9DF871;#E0FF77" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="29.775" cy="52.449" r="6" fill="#E0FF77"><animate attributeName="cx" values="29.774575140626318;29.774575140626315" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="64.69463130731182;35.30536869268818" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#E0FF77;#DE9DD6" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="41.421" cy="31.521" r="6" fill="#DE9DD6"><animate attributeName="cx" values="29.774575140626315;57.72542485937368" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="35.30536869268818;26.22358709262116" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#DE9DD6;#FF708E" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle><circle cx="64.923" cy="36.13" r="6" fill="#FF708E"><animate attributeName="cx" values="57.72542485937368;75" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="cy" values="26.22358709262116;49.99999999999999" keyTimes="0;1" dur="1s" repeatCount="indefinite"/><animate attributeName="fill" values="#FF708E;#51CACC" keyTimes="0;1" dur="1s" repeatCount="indefinite"/></circle></svg> |
|||
</div> |
|||
</div> |
|||
@ -0,0 +1 @@ |
|||
.preloading-animate{background:#ffffff;width:100%;height:100%;position:fixed;left:0;top:0;z-index:299;}.preloading-animate .preloading-wrapper{position:absolute;width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%,-50%);}.preloading-animate .preloading-wrapper .preloading-balls{font-size:5rem;} |
|||
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 3.7 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 4.0 KiB |
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 4.9 KiB |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 4.3 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
@ -0,0 +1 @@ |
|||
APP_DEBUG = false
[APP]
DEFAULT_TIMEZONE = Asia/Shanghai
[DATABASE]
TYPE = mysql
HOSTNAME = ~db_host~
DATABASE = ~db_name~
USERNAME = ~db_user~
PASSWORD = ~db_pwd~
HOSTPORT = ~db_port~
CHARSET = ~db_charset~
DEBUG = false
[CACHE]
DRIVER = file
[REDIS]
HOSTNAME = 127.0.0.1
HOSTPORT = 6379
PASSWORD =
SELECT = 0
[LANG]
default_lang = zh-cn |
|||
File diff suppressed because it is too large
@ -0,0 +1,960 @@ |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_admin_user`; |
|||
CREATE TABLE `yoshop_admin_user` ( |
|||
`admin_user_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_name` varchar(255) NOT NULL DEFAULT '' COMMENT '用户名', |
|||
`password` varchar(255) NOT NULL DEFAULT '' COMMENT '登录密码', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) NOT NULL COMMENT '更新时间', |
|||
PRIMARY KEY (`admin_user_id`), |
|||
KEY `user_name` (`user_name`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='超管用户记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_article`; |
|||
CREATE TABLE `yoshop_article` ( |
|||
`article_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '文章ID', |
|||
`title` varchar(300) NOT NULL DEFAULT '' COMMENT '文章标题', |
|||
`show_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '列表显示方式(10小图展示 20大图展示)', |
|||
`category_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '文章分类ID', |
|||
`image_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '封面图ID', |
|||
`content` longtext NOT NULL COMMENT '文章内容', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '文章排序(数字越小越靠前)', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '文章状态(0隐藏 1显示)', |
|||
`virtual_views` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '虚拟阅读量(仅用作展示)', |
|||
`actual_views` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '实际阅读量', |
|||
`is_delete` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`article_id`), |
|||
KEY `category_id` (`category_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='文章记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_article_category`; |
|||
CREATE TABLE `yoshop_article_category` ( |
|||
`category_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '文章分类ID', |
|||
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '分类名称', |
|||
`status` tinyint(3) NOT NULL DEFAULT '1' COMMENT '状态(1显示 0隐藏)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序方式(数字越小越靠前)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`category_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='文章分类表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_cart`; |
|||
CREATE TABLE `yoshop_cart` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`goods_sku_id` varchar(255) NOT NULL COMMENT '商品sku唯一标识', |
|||
`goods_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品数量', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `goods_id_2` (`goods_id`,`goods_sku_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='购物车记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_category`; |
|||
CREATE TABLE `yoshop_category` ( |
|||
`category_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '商品分类ID', |
|||
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '分类名称', |
|||
`parent_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '上级分类ID', |
|||
`image_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '分类图片ID', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '状态(1显示 0隐藏)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序方式(数字越小越靠前)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`category_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品分类表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_comment`; |
|||
CREATE TABLE `yoshop_comment` ( |
|||
`comment_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '评价ID', |
|||
`score` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '评分 (10好评 20中评 30差评)', |
|||
`content` text NOT NULL COMMENT '评价内容', |
|||
`is_picture` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否为图片评价', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '状态(0隐藏 1显示)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '评价排序', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`order_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单ID', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`order_goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单商品ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`is_delete` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '软删除', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`comment_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `order_id` (`order_id`), |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品评价记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_comment_image`; |
|||
CREATE TABLE `yoshop_comment_image` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`comment_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '评价ID', |
|||
`image_id` int(11) NOT NULL DEFAULT '0' COMMENT '图片id(关联文件记录表)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `comment_id` (`comment_id`) USING BTREE, |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品评价图片记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_coupon`; |
|||
CREATE TABLE `yoshop_coupon` ( |
|||
`coupon_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '优惠券ID', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '优惠券名称', |
|||
`coupon_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '优惠券类型(10满减券 20折扣券)', |
|||
`reduce_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '满减券-减免金额', |
|||
`discount` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '折扣券-折扣率(0-100)', |
|||
`min_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '最低消费金额', |
|||
`expire_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '到期类型(10领取后生效 20固定时间)', |
|||
`expire_day` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '领取后生效-有效天数', |
|||
`start_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '固定时间-开始时间', |
|||
`end_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '固定时间-结束时间', |
|||
`apply_range` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '适用范围(10全部商品 20指定商品 30排除商品)', |
|||
`apply_range_config` text COMMENT '适用范围配置(json格式)', |
|||
`total_num` int(11) NOT NULL DEFAULT '0' COMMENT '发放总数量(-1为不限制)', |
|||
`receive_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '已领取数量', |
|||
`describe` varchar(500) NOT NULL DEFAULT '' COMMENT '优惠券描述', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '状态(1显示 0隐藏)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序方式(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '软删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`coupon_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='优惠券记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_delivery`; |
|||
CREATE TABLE `yoshop_delivery` ( |
|||
`delivery_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '模板ID', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '模板名称', |
|||
`method` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '计费方式(10按件数 20按重量)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序方式(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序d', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`delivery_id`,`is_delete`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='配送模板主表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_delivery_rule`; |
|||
CREATE TABLE `yoshop_delivery_rule` ( |
|||
`rule_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '规则ID', |
|||
`delivery_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '配送模板ID', |
|||
`region` text NOT NULL COMMENT '可配送区域(城市id集)', |
|||
`region_text` text NOT NULL COMMENT '可配送区域(文字展示)', |
|||
`first` double unsigned NOT NULL DEFAULT '0' COMMENT '首件(个)/首重(Kg)', |
|||
`first_fee` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '运费(元)', |
|||
`additional` double unsigned NOT NULL DEFAULT '0' COMMENT '续件/续重', |
|||
`additional_fee` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '续费(元)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL COMMENT '创建时间', |
|||
PRIMARY KEY (`rule_id`), |
|||
KEY `delivery_id` (`delivery_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='配送模板区域及运费表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_express`; |
|||
CREATE TABLE `yoshop_express` ( |
|||
`express_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '物流公司ID', |
|||
`express_name` varchar(255) NOT NULL DEFAULT '' COMMENT '物流公司名称', |
|||
`kuaidi100_code` varchar(30) NOT NULL DEFAULT '' COMMENT '物流公司编码 (快递100)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`express_id`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `kuaidi100_code` (`kuaidi100_code`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='物流公司记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods`; |
|||
CREATE TABLE `yoshop_goods` ( |
|||
`goods_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '商品ID', |
|||
`goods_name` varchar(255) NOT NULL DEFAULT '' COMMENT '商品名称', |
|||
`goods_no` varchar(50) NOT NULL DEFAULT '' COMMENT '商品编码', |
|||
`selling_point` varchar(500) NOT NULL DEFAULT '' COMMENT '商品卖点', |
|||
`spec_type` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '商品规格(10单规格 20多规格)', |
|||
`goods_price_min` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品价格(最低)', |
|||
`goods_price_max` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品价格(最高)', |
|||
`line_price_min` decimal(10,2) unsigned DEFAULT '0.00' COMMENT '划线价格(最低)', |
|||
`line_price_max` decimal(10,2) unsigned DEFAULT '0.00' COMMENT '划线价格(最高)', |
|||
`stock_total` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '库存总量(包含所有sku)', |
|||
`deduct_stock_type` tinyint(3) unsigned NOT NULL DEFAULT '20' COMMENT '库存计算方式(10下单减库存 20付款减库存)', |
|||
`content` longtext NOT NULL COMMENT '商品详情', |
|||
`sales_initial` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '初始销量', |
|||
`sales_actual` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '实际销量', |
|||
`delivery_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '配送模板ID', |
|||
`is_points_gift` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '是否开启积分赠送(1开启 0关闭)', |
|||
`is_points_discount` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '是否允许使用积分抵扣(1允许 0不允许)', |
|||
`is_alone_points_discount` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '积分抵扣设置(0默认抵扣 1单独设置抵扣)', |
|||
`points_discount_config` varchar(500) NOT NULL DEFAULT '' COMMENT '单独设置积分抵扣的配置', |
|||
`is_enable_grade` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '是否开启会员折扣(1开启 0关闭)', |
|||
`is_alone_grade` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '会员折扣设置(0默认等级折扣 1单独设置折扣)', |
|||
`alone_grade_equity` text COMMENT '单独设置折扣的配置', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '商品状态(10上架 20下架)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`goods_id`), |
|||
KEY `goods_no` (`goods_no`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_category_rel`; |
|||
CREATE TABLE `yoshop_goods_category_rel` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL COMMENT '商品ID', |
|||
`category_id` int(11) unsigned NOT NULL COMMENT '商品分类ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `category_id` (`category_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品与分类关系记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_image`; |
|||
CREATE TABLE `yoshop_goods_image` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`image_id` int(11) NOT NULL COMMENT '图片id(关联文件记录表)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品图片记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_service`; |
|||
CREATE TABLE `yoshop_goods_service` ( |
|||
`service_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '商品服务ID', |
|||
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '服务名称', |
|||
`summary` varchar(500) NOT NULL DEFAULT '' COMMENT '概述', |
|||
`is_default` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否默认(新增商品时)', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '状态(1显示 0隐藏)', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '100' COMMENT '排序方式(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除(1已删除)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`service_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品服务与承诺记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_service_rel`; |
|||
CREATE TABLE `yoshop_goods_service_rel` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL COMMENT '商品ID', |
|||
`service_id` int(11) unsigned NOT NULL COMMENT '服务承诺ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `service_id` (`service_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品与服务承诺关系记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_sku`; |
|||
CREATE TABLE `yoshop_goods_sku` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '记录ID', |
|||
`goods_sku_id` varchar(255) NOT NULL DEFAULT '0' COMMENT '商品sku唯一标识 (由规格id组成)', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`image_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '规格图片ID', |
|||
`goods_sku_no` varchar(100) NOT NULL DEFAULT '' COMMENT '商品sku编码', |
|||
`goods_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品价格', |
|||
`line_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品划线价', |
|||
`stock_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '当前库存数量', |
|||
`goods_weight` double unsigned NOT NULL DEFAULT '0' COMMENT '商品重量(Kg)', |
|||
`goods_props` varchar(255) NOT NULL DEFAULT '' COMMENT 'SKU的规格属性(json格式)', |
|||
`spec_value_ids` varchar(255) NOT NULL DEFAULT '' COMMENT '规格值ID集(json格式)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`id`), |
|||
UNIQUE KEY `sku_idx` (`goods_id`,`goods_sku_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品规格表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_goods_spec_rel`; |
|||
CREATE TABLE `yoshop_goods_spec_rel` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`spec_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '规格组ID', |
|||
`spec_value_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '规格值ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品与规格值关系记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_help`; |
|||
CREATE TABLE `yoshop_help` ( |
|||
`help_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`title` varchar(255) NOT NULL DEFAULT '' COMMENT '帮助标题', |
|||
`content` text NOT NULL COMMENT '帮助内容', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除(1已删除)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`help_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='帮助中心记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order`; |
|||
CREATE TABLE `yoshop_order` ( |
|||
`order_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '订单ID', |
|||
`order_no` varchar(20) NOT NULL DEFAULT '' COMMENT '订单号', |
|||
`total_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品总金额(不含优惠折扣)', |
|||
`order_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '订单金额(含优惠折扣)', |
|||
`coupon_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '优惠券ID', |
|||
`coupon_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '优惠券抵扣金额', |
|||
`points_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '积分抵扣金额', |
|||
`points_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '积分抵扣数量', |
|||
`pay_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '实际付款金额(包含运费)', |
|||
`update_price` decimal(10,2) NOT NULL DEFAULT '0.00' COMMENT '后台修改的订单金额（差价）', |
|||
`buyer_remark` varchar(255) NOT NULL DEFAULT '' COMMENT '买家留言', |
|||
`pay_type` tinyint(3) unsigned NOT NULL DEFAULT '20' COMMENT '支付方式(10余额支付 20微信支付)', |
|||
`pay_status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '付款状态(10未付款 20已付款)', |
|||
`pay_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '付款时间', |
|||
`delivery_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '配送方式(10快递配送)', |
|||
`express_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '运费金额', |
|||
`express_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '物流公司ID', |
|||
`express_company` varchar(50) NOT NULL DEFAULT '' COMMENT '物流公司', |
|||
`express_no` varchar(50) NOT NULL DEFAULT '' COMMENT '物流单号', |
|||
`delivery_status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '发货状态(10未发货 20已发货)', |
|||
`delivery_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '发货时间', |
|||
`receipt_status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '收货状态(10未收货 20已收货)', |
|||
`receipt_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '收货时间', |
|||
`order_status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '订单状态(10进行中 20取消 21待取消 30已完成)', |
|||
`points_bonus` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '赠送的积分数量', |
|||
`is_settled` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '订单是否已结算(0未结算 1已结算)', |
|||
`transaction_id` varchar(30) NOT NULL DEFAULT '' COMMENT '微信支付交易号', |
|||
`is_comment` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '是否已评价(0否 1是)', |
|||
`order_source` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '订单来源(10普通订单)', |
|||
`order_source_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '来源记录ID', |
|||
`platform` varchar(20) NOT NULL DEFAULT '' COMMENT '来源客户端 (APP、H5、小程序等)', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`order_id`), |
|||
UNIQUE KEY `order_no` (`order_no`) USING BTREE, |
|||
KEY `store_id` (`store_id`), |
|||
KEY `user_id` (`user_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='订单记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_address`; |
|||
CREATE TABLE `yoshop_order_address` ( |
|||
`order_address_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '地址ID', |
|||
`name` varchar(30) NOT NULL DEFAULT '' COMMENT '收货人姓名', |
|||
`phone` varchar(20) NOT NULL DEFAULT '' COMMENT '联系电话', |
|||
`province_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '省份ID', |
|||
`city_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '城市ID', |
|||
`region_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '区/县ID', |
|||
`detail` varchar(255) NOT NULL DEFAULT '' COMMENT '详细地址', |
|||
`order_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`order_address_id`) USING BTREE, |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='订单收货地址记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_goods`; |
|||
CREATE TABLE `yoshop_order_goods` ( |
|||
`order_goods_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品ID', |
|||
`goods_name` varchar(255) NOT NULL DEFAULT '' COMMENT '商品名称', |
|||
`image_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商品封面图ID', |
|||
`deduct_stock_type` tinyint(3) unsigned NOT NULL DEFAULT '20' COMMENT '库存计算方式(10下单减库存 20付款减库存)', |
|||
`spec_type` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '规格类型(10单规格 20多规格)', |
|||
`goods_sku_id` varchar(255) NOT NULL DEFAULT '' COMMENT '商品sku唯一标识', |
|||
`goods_props` varchar(255) NOT NULL DEFAULT '' COMMENT 'SKU的规格属性(json格式)', |
|||
`content` longtext NOT NULL COMMENT '商品详情', |
|||
`goods_no` varchar(100) NOT NULL DEFAULT '' COMMENT '商品编码', |
|||
`goods_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品价格(单价)', |
|||
`line_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品划线价', |
|||
`goods_weight` double unsigned NOT NULL DEFAULT '0' COMMENT '商品重量(Kg)', |
|||
`is_user_grade` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否存在会员等级折扣', |
|||
`grade_ratio` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '会员折扣比例(0-10)', |
|||
`grade_goods_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '会员折扣的商品单价', |
|||
`grade_total_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '会员折扣的总额差', |
|||
`coupon_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '优惠券折扣金额', |
|||
`points_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '积分金额', |
|||
`points_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '积分抵扣数量', |
|||
`points_bonus` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '赠送的积分数量', |
|||
`total_num` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '购买数量', |
|||
`total_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '商品总价(数量×单价)', |
|||
`total_pay_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '实际付款价(折扣和优惠后)', |
|||
`is_comment` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '是否已评价(0否 1是)', |
|||
`order_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`goods_source_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '来源记录ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`order_goods_id`) USING BTREE, |
|||
KEY `goods_id` (`goods_id`), |
|||
KEY `order_id` (`order_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='订单商品记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_refund`; |
|||
CREATE TABLE `yoshop_order_refund` ( |
|||
`order_refund_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '售后单ID', |
|||
`order_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单ID', |
|||
`order_goods_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单商品ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`type` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '售后类型(10退货退款 20换货)', |
|||
`apply_desc` varchar(1000) NOT NULL DEFAULT '' COMMENT '用户申请原因(说明)', |
|||
`audit_status` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '商家审核状态(0待审核 10已同意 20已拒绝)', |
|||
`refuse_desc` varchar(1000) NOT NULL DEFAULT '' COMMENT '商家拒绝原因(说明)', |
|||
`refund_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '实际退款金额', |
|||
`is_user_send` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '用户是否发货(0未发货 1已发货)', |
|||
`send_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户发货时间', |
|||
`express_id` varchar(32) NOT NULL DEFAULT '' COMMENT '用户发货物流公司ID', |
|||
`express_no` varchar(32) NOT NULL DEFAULT '' COMMENT '用户发货物流单号', |
|||
`is_receipt` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '商家收货状态(0未收货 1已收货)', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '售后单状态(0进行中 10已拒绝 20已完成 30已取消)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`order_refund_id`), |
|||
KEY `order_id` (`order_id`), |
|||
KEY `order_goods_id` (`order_goods_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='售后单记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_refund_address`; |
|||
CREATE TABLE `yoshop_order_refund_address` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`order_refund_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '售后单ID', |
|||
`name` varchar(30) NOT NULL DEFAULT '' COMMENT '收货人姓名', |
|||
`phone` varchar(20) NOT NULL DEFAULT '' COMMENT '联系电话', |
|||
`province_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '所在省份ID', |
|||
`city_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '所在城市ID', |
|||
`region_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '所在区/县ID', |
|||
`detail` varchar(255) NOT NULL DEFAULT '' COMMENT '详细地址', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='售后单退货地址记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_refund_image`; |
|||
CREATE TABLE `yoshop_order_refund_image` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`order_refund_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '售后单ID', |
|||
`image_id` int(11) NOT NULL DEFAULT '0' COMMENT '图片id(关联文件记录表)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `order_refund_id` (`order_refund_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='售后单图片记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_page`; |
|||
CREATE TABLE `yoshop_page` ( |
|||
`page_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '页面ID', |
|||
`page_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '页面类型(10首页 20自定义页)', |
|||
`page_name` varchar(255) NOT NULL DEFAULT '' COMMENT '页面名称', |
|||
`page_data` longtext NOT NULL COMMENT '页面数据', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '软删除', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`page_id`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `page_type` (`page_type`,`store_id`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='店铺页面记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_recharge_order`; |
|||
CREATE TABLE `yoshop_recharge_order` ( |
|||
`order_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '订单ID', |
|||
`order_no` varchar(20) NOT NULL DEFAULT '' COMMENT '订单号', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`recharge_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '充值方式(10自定义金额 20套餐充值)', |
|||
`plan_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '充值套餐ID', |
|||
`pay_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '用户支付金额', |
|||
`gift_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '赠送金额', |
|||
`actual_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '实际到账金额', |
|||
`pay_status` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '支付状态(10待支付 20已支付)', |
|||
`pay_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '付款时间', |
|||
`transaction_id` varchar(30) NOT NULL DEFAULT '' COMMENT '微信支付交易号', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`order_id`), |
|||
KEY `order_no` (`order_no`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `plan_id` (`plan_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='会员充值订单表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_recharge_order_plan`; |
|||
CREATE TABLE `yoshop_recharge_order_plan` ( |
|||
`order_plan_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`order_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '订单ID', |
|||
`plan_id` int(11) unsigned NOT NULL COMMENT '主键ID', |
|||
`plan_name` varchar(255) NOT NULL DEFAULT '' COMMENT '方案名称', |
|||
`money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '充值金额', |
|||
`gift_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '赠送金额', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`order_plan_id`), |
|||
KEY `order_id` (`order_id`), |
|||
KEY `plan_id` (`plan_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='会员充值订单套餐快照表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_recharge_plan`; |
|||
CREATE TABLE `yoshop_recharge_plan` ( |
|||
`plan_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`plan_name` varchar(255) NOT NULL DEFAULT '' COMMENT '套餐名称', |
|||
`money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '充值金额', |
|||
`gift_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '赠送金额', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`plan_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='会员充值套餐表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_region`; |
|||
CREATE TABLE `yoshop_region` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '区划信息ID', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '区划名称', |
|||
`pid` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '父级ID', |
|||
`code` varchar(255) NOT NULL DEFAULT '' COMMENT '区划编码', |
|||
`level` tinyint(1) unsigned NOT NULL DEFAULT '1' COMMENT '层级(1省级 2市级 3区/县级)', |
|||
PRIMARY KEY (`id`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='省市区数据表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_spec`; |
|||
CREATE TABLE `yoshop_spec` ( |
|||
`spec_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '规格组ID', |
|||
`spec_name` varchar(255) NOT NULL DEFAULT '' COMMENT '规格组名称', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) NOT NULL COMMENT '创建时间', |
|||
PRIMARY KEY (`spec_id`), |
|||
KEY `spec_name` (`spec_name`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品规格组记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_spec_value`; |
|||
CREATE TABLE `yoshop_spec_value` ( |
|||
`spec_value_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '规格值ID', |
|||
`spec_value` varchar(255) NOT NULL COMMENT '规格值', |
|||
`spec_id` int(11) NOT NULL COMMENT '规格组ID', |
|||
`store_id` int(11) NOT NULL COMMENT '商城ID', |
|||
`create_time` int(11) NOT NULL COMMENT '创建时间', |
|||
PRIMARY KEY (`spec_value_id`), |
|||
KEY `spec_value` (`spec_value`), |
|||
KEY `spec_id` (`spec_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商品规格值记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store`; |
|||
CREATE TABLE `yoshop_store` ( |
|||
`store_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '商城ID', |
|||
`store_name` varchar(50) NOT NULL DEFAULT '' COMMENT '商城名称', |
|||
`describe` varchar(500) NOT NULL DEFAULT '' COMMENT '商城简介', |
|||
`logo_image_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城logo文件ID', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_recycle` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否回收', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家(商户)记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_address`; |
|||
CREATE TABLE `yoshop_store_address` ( |
|||
`address_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '地址ID', |
|||
`type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '地址类型(10发货地址 20退货地址)', |
|||
`name` varchar(30) NOT NULL DEFAULT '' COMMENT '联系人姓名', |
|||
`phone` varchar(20) NOT NULL DEFAULT '' COMMENT '联系电话', |
|||
`province_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '省份ID', |
|||
`city_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '城市ID', |
|||
`region_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '区/县ID', |
|||
`detail` varchar(255) NOT NULL DEFAULT '' COMMENT '详细地址', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`address_id`), |
|||
KEY `type` (`type`), |
|||
KEY `store_id` (`store_id`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家地址记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_api`; |
|||
CREATE TABLE `yoshop_store_api` ( |
|||
`api_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '权限名称', |
|||
`url` varchar(255) NOT NULL DEFAULT '' COMMENT '权限url', |
|||
`parent_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '父级ID', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '100' COMMENT '排序(数字越小越靠前)', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`api_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家后台api权限表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_menu`; |
|||
CREATE TABLE `yoshop_store_menu` ( |
|||
`menu_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '菜单ID', |
|||
`module` tinyint(3) NOT NULL DEFAULT '10' COMMENT '模块类型(10菜单 20操作)', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '菜单名称', |
|||
`path` varchar(255) NOT NULL DEFAULT '' COMMENT '菜单路径(唯一)', |
|||
`action_mark` varchar(255) NOT NULL DEFAULT '' COMMENT '操作标识', |
|||
`parent_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '上级菜单ID', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '100' COMMENT '排序(数字越小越靠前)', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`menu_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家后台菜单记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_menu_api`; |
|||
CREATE TABLE `yoshop_store_menu_api` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`menu_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '菜单ID', |
|||
`api_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户角色ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `menu_id` (`menu_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家后台用户角色与菜单权限关系表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_role`; |
|||
CREATE TABLE `yoshop_store_role` ( |
|||
`role_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '角色ID', |
|||
`role_name` varchar(50) NOT NULL DEFAULT '' COMMENT '角色名称', |
|||
`parent_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '父级角色ID', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '100' COMMENT '排序(数字越小越靠前)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`role_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家用户角色表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_role_menu`; |
|||
CREATE TABLE `yoshop_store_role_menu` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`role_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户角色ID', |
|||
`menu_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '菜单ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `role_id` (`role_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家后台用户角色与菜单权限关系表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_setting`; |
|||
CREATE TABLE `yoshop_store_setting` ( |
|||
`key` varchar(30) NOT NULL COMMENT '设置项标示', |
|||
`describe` varchar(255) NOT NULL DEFAULT '' COMMENT '设置项描述', |
|||
`values` mediumtext NOT NULL COMMENT '设置内容（json格式）', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
UNIQUE KEY `unique_key` (`key`,`store_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='商家设置记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_user`; |
|||
CREATE TABLE `yoshop_store_user` ( |
|||
`store_user_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_name` varchar(255) NOT NULL DEFAULT '' COMMENT '用户名', |
|||
`password` varchar(255) NOT NULL DEFAULT '' COMMENT '登录密码', |
|||
`real_name` varchar(255) NOT NULL DEFAULT '' COMMENT '姓名', |
|||
`is_super` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '是否为超级管理员', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '100' COMMENT '排序(数字越小越靠前)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`store_user_id`), |
|||
KEY `user_name` (`user_name`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家用户记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_store_user_role`; |
|||
CREATE TABLE `yoshop_store_user_role` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`store_user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '超管用户ID', |
|||
`role_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '角色ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `store_user_id` (`store_user_id`) USING BTREE, |
|||
KEY `role_id` (`role_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='商家用户角色记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_upload_file`; |
|||
CREATE TABLE `yoshop_upload_file` ( |
|||
`file_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '文件ID', |
|||
`group_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '文件分组ID', |
|||
`channel` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '上传来源(10商户后台 20用户端)', |
|||
`storage` varchar(10) NOT NULL DEFAULT '' COMMENT '存储方式', |
|||
`domain` varchar(255) NOT NULL DEFAULT '' COMMENT '存储域名', |
|||
`file_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '文件类型(10图片 20附件 30视频)', |
|||
`file_name` varchar(255) NOT NULL DEFAULT '' COMMENT '文件名称(仅显示)', |
|||
`file_path` varchar(255) NOT NULL DEFAULT '' COMMENT '文件路径', |
|||
`file_size` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '文件大小(字节)', |
|||
`file_ext` varchar(20) NOT NULL DEFAULT '' COMMENT '文件扩展名', |
|||
`cover` varchar(255) NOT NULL DEFAULT '' COMMENT '文件封面', |
|||
`uploader_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '上传者用户ID', |
|||
`is_recycle` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否在回收站', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`file_id`), |
|||
KEY `group_id` (`group_id`), |
|||
KEY `is_recycle` (`is_recycle`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='文件库记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_upload_group`; |
|||
CREATE TABLE `yoshop_upload_group` ( |
|||
`group_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '分组ID', |
|||
`name` varchar(30) NOT NULL DEFAULT '' COMMENT '分组名称', |
|||
`parent_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '上级分组ID', |
|||
`sort` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '排序(数字越小越靠前)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`group_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='文件库分组记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user`; |
|||
CREATE TABLE `yoshop_user` ( |
|||
`user_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '用户ID', |
|||
`mobile` varchar(20) NOT NULL DEFAULT '' COMMENT '用户手机号', |
|||
`nick_name` varchar(255) NOT NULL DEFAULT '' COMMENT '用户昵称', |
|||
`avatar_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '头像文件ID', |
|||
`gender` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '性别', |
|||
`country` varchar(50) NOT NULL DEFAULT '' COMMENT '国家', |
|||
`province` varchar(50) NOT NULL DEFAULT '' COMMENT '省份', |
|||
`city` varchar(50) NOT NULL DEFAULT '' COMMENT '城市', |
|||
`address_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '默认收货地址', |
|||
`balance` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '用户可用余额', |
|||
`points` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户可用积分', |
|||
`pay_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '用户总支付的金额', |
|||
`expend_money` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '实际消费的金额(不含退款)', |
|||
`grade_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '会员等级ID', |
|||
`platform` varchar(20) NOT NULL DEFAULT '' COMMENT '注册来源的平台 (APP、H5、小程序等)', |
|||
`last_login_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '最后登录时间', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`user_id`), |
|||
KEY `mobile` (`mobile`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_address`; |
|||
CREATE TABLE `yoshop_user_address` ( |
|||
`address_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`name` varchar(30) NOT NULL DEFAULT '' COMMENT '收货人姓名', |
|||
`phone` varchar(20) NOT NULL DEFAULT '' COMMENT '联系电话', |
|||
`province_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '省份ID', |
|||
`city_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '城市ID', |
|||
`region_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '区/县ID', |
|||
`detail` varchar(255) NOT NULL DEFAULT '' COMMENT '详细地址', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`address_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户收货地址表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_balance_log`; |
|||
CREATE TABLE `yoshop_user_balance_log` ( |
|||
`log_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`scene` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '余额变动场景(10用户充值 20用户消费 30管理员操作 40订单退款)', |
|||
`money` decimal(10,2) NOT NULL DEFAULT '0.00' COMMENT '变动金额', |
|||
`describe` varchar(500) NOT NULL DEFAULT '' COMMENT '描述/说明', |
|||
`remark` varchar(500) NOT NULL DEFAULT '' COMMENT '管理员备注', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`log_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户余额变动明细表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_coupon`; |
|||
CREATE TABLE `yoshop_user_coupon` ( |
|||
`user_coupon_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`coupon_id` int(11) unsigned NOT NULL COMMENT '优惠券ID', |
|||
`name` varchar(255) NOT NULL DEFAULT '' COMMENT '优惠券名称', |
|||
`coupon_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '优惠券类型(10满减券 20折扣券)', |
|||
`reduce_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '满减券-减免金额', |
|||
`discount` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '折扣券-折扣率(0-100)', |
|||
`min_price` decimal(10,2) unsigned NOT NULL DEFAULT '0.00' COMMENT '最低消费金额', |
|||
`expire_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '到期类型(10领取后生效 20固定时间)', |
|||
`expire_day` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '领取后生效-有效天数', |
|||
`start_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '有效期开始时间', |
|||
`end_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '有效期结束时间', |
|||
`apply_range` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '适用范围(10全部商品 20指定商品)', |
|||
`apply_range_config` text COMMENT '适用范围配置(json格式)', |
|||
`is_expire` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否过期(0未过期 1已过期)', |
|||
`is_use` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否已使用(0未使用 1已使用)', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`user_coupon_id`), |
|||
KEY `coupon_id` (`coupon_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户优惠券记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_grade`; |
|||
CREATE TABLE `yoshop_user_grade` ( |
|||
`grade_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '等级ID', |
|||
`name` varchar(50) NOT NULL DEFAULT '' COMMENT '等级名称', |
|||
`weight` int(11) unsigned NOT NULL DEFAULT '1' COMMENT '等级权重(1-9999)', |
|||
`upgrade` text NOT NULL COMMENT '升级条件', |
|||
`equity` text NOT NULL COMMENT '等级权益(折扣率0-100)', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '1' COMMENT '状态(1启用 0禁用)', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`grade_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户会员等级表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_grade_log`; |
|||
CREATE TABLE `yoshop_user_grade_log` ( |
|||
`log_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`old_grade_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '变更前的等级ID', |
|||
`new_grade_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '变更后的等级ID', |
|||
`change_type` tinyint(3) unsigned NOT NULL DEFAULT '10' COMMENT '变更类型(10后台管理员设置 20自动升级)', |
|||
`remark` varchar(500) DEFAULT '' COMMENT '管理员备注', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`log_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户会员等级变更记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_oauth`; |
|||
CREATE TABLE `yoshop_user_oauth` ( |
|||
`id` int(11) NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`oauth_type` varchar(255) NOT NULL DEFAULT '' COMMENT '第三方登陆类型(MP-WEIXIN)', |
|||
`oauth_id` varchar(100) NOT NULL DEFAULT '' COMMENT '第三方用户唯一标识 (uid openid)', |
|||
`unionid` varchar(100) NOT NULL DEFAULT '' COMMENT '微信unionID', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `oauth_type` (`oauth_type`), |
|||
KEY `store_id` (`store_id`), |
|||
KEY `oauth_type_2` (`oauth_type`,`oauth_id`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10108 DEFAULT CHARSET=utf8 COMMENT='第三方用户信息表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_user_points_log`; |
|||
CREATE TABLE `yoshop_user_points_log` ( |
|||
`log_id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`user_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '用户ID', |
|||
`value` int(11) NOT NULL DEFAULT '0' COMMENT '变动数量', |
|||
`describe` varchar(500) NOT NULL DEFAULT '' COMMENT '描述/说明', |
|||
`remark` varchar(500) NOT NULL DEFAULT '' COMMENT '管理员备注', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '小程序商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`log_id`), |
|||
KEY `user_id` (`user_id`), |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='用户积分变动明细表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_wxapp`; |
|||
CREATE TABLE `yoshop_wxapp` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '微信小程序ID', |
|||
`app_id` varchar(50) NOT NULL DEFAULT '' COMMENT '小程序AppID', |
|||
`app_secret` varchar(50) NOT NULL DEFAULT '' COMMENT '小程序AppSecret', |
|||
`mchid` varchar(50) NOT NULL DEFAULT '' COMMENT '微信商户号ID', |
|||
`apikey` varchar(255) NOT NULL DEFAULT '' COMMENT '微信支付密钥', |
|||
`cert_pem` longtext COMMENT '证书文件cert', |
|||
`key_pem` longtext COMMENT '证书文件key', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`is_delete` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '是否删除', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
`update_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
PRIMARY KEY (`id`), |
|||
UNIQUE KEY `store_id` (`store_id`) USING BTREE |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='微信小程序记录表（已废弃）'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_order_export`; |
|||
CREATE TABLE `yoshop_order_export` ( |
|||
`id` int(11) unsigned NOT NULL AUTO_INCREMENT COMMENT '主键ID', |
|||
`start_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '下单时间(开始)', |
|||
`end_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '下单时间(结束)', |
|||
`file_path` varchar(255) NOT NULL DEFAULT '' COMMENT 'excel文件路径', |
|||
`status` tinyint(3) unsigned NOT NULL DEFAULT '0' COMMENT '导出状态(10进行中 20已完成 30失败)', |
|||
`store_id` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`create_time` int(11) unsigned NOT NULL DEFAULT '0' COMMENT '创建时间', |
|||
PRIMARY KEY (`id`) USING BTREE, |
|||
KEY `store_id` (`store_id`) |
|||
) ENGINE=InnoDB AUTO_INCREMENT=10001 DEFAULT CHARSET=utf8 COMMENT='订单导出Excel记录表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_wxapp_setting`; |
|||
CREATE TABLE `yoshop_wxapp_setting` ( |
|||
`key` varchar(30) NOT NULL DEFAULT '' COMMENT '设置项标示', |
|||
`describe` varchar(255) NOT NULL DEFAULT '' COMMENT '设置项描述', |
|||
`values` mediumtext NOT NULL COMMENT '设置内容(json格式)', |
|||
`store_id` int unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`update_time` int unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
UNIQUE KEY `unique_key` (`key`,`store_id`) |
|||
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='微信小程序设置表'; |
|||
|
|||
DROP TABLE IF EXISTS `yoshop_h5_setting`; |
|||
CREATE TABLE `yoshop_h5_setting` ( |
|||
`key` varchar(30) CHARACTER SET utf8 NOT NULL DEFAULT '' COMMENT '设置项标示', |
|||
`describe` varchar(255) CHARACTER SET utf8 NOT NULL DEFAULT '' COMMENT '设置项描述', |
|||
`values` mediumtext CHARACTER SET utf8 NOT NULL COMMENT '设置内容(json格式)', |
|||
`store_id` int unsigned NOT NULL DEFAULT '0' COMMENT '商城ID', |
|||
`update_time` int unsigned NOT NULL DEFAULT '0' COMMENT '更新时间', |
|||
UNIQUE KEY `unique_key` (`key`,`store_id`) |
|||
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COMMENT='H5端设置表'; |
|||
|
|||
ALTER TABLE `yoshop_goods` |
|||
ADD COLUMN `video_id` int(11) UNSIGNED NOT NULL DEFAULT 0 COMMENT '主图视频ID' AFTER `goods_no`, |
|||
ADD COLUMN `video_cover_id` int(11) UNSIGNED NOT NULL DEFAULT 0 COMMENT '主图视频ID' AFTER `video_id`; |
|||
@ -0,0 +1,369 @@ |
|||
<?php |
|||
// +---------------------------------------------------------------------- |
|||
// | 萤火商城系统 [ 致力于通过产品和服务，帮助商家高效化开拓市场 ] |
|||
// +---------------------------------------------------------------------- |
|||
// | Copyright (c) 2017~2023 https://www.yiovo.com All rights reserved. |
|||
// +---------------------------------------------------------------------- |
|||
// | Licensed 这不是一个自由软件，不允许对程序代码以任何形式任何目的的再发行 |
|||
// +---------------------------------------------------------------------- |
|||
// | Author: 萤火科技 <admin@yiovo.com> |
|||
// +---------------------------------------------------------------------- |
|||
|
|||
header('Content-Type:text/html; charset=utf-8'); |
|||
|
|||
// 检测php版本号 |
|||
if (phpversion() < '7.1') { |
|||
exit('很抱歉，由于您的PHP版本过低，不能安装本软件，为了系统功能全面可用，请升级到PHP7.1或更高版本再安装，谢谢！'); |
|||
} |
|||
|
|||
// 不限制响应时间 |
|||
// error_reporting(0); |
|||
set_time_limit(0); |
|||
|
|||
// 设置系统路径 |
|||
define('IN_INSTALL', true); |
|||
define('INSTALL_PATH', str_replace('\\', '/', dirname(__FILE__))); |
|||
define('ROOT_PATH', dirname(INSTALL_PATH, 2)); |
|||
|
|||
// 版权信息设置 |
|||
$cfg_copyright = '© 2017-2023 YIOVO.COM'; |
|||
|
|||
// 获取当前步骤 |
|||
$s = getStep(); |
|||
|
|||
// 提示已经安装 |
|||
if (is_file(INSTALL_PATH . '/install.lock') && $s != md5('done')) { |
|||
require_once(INSTALL_PATH . '/templates/step_5.php'); |
|||
exit(); |
|||
} |
|||
|
|||
// 执行相应操作 |
|||
$GLOBALS['isNext'] = true; |
|||
|
|||
// 获取当前步骤 |
|||
function getStep() |
|||
{ |
|||
$s1 = $_GET['s'] ?? 0; |
|||
// 初始化参数 |
|||
$s2 = $_POST['s'] ?? 0; |
|||
// 如果有GET值则覆盖POST值 |
|||
if ($s1 > 0 && in_array($s1, [1, 63832, md5('done')])) { |
|||
$s2 = $s1; |
|||
} |
|||
return $s2; |
|||
} |
|||
|
|||
// 协议说明 |
|||
if ($s == 0) { |
|||
require_once(INSTALL_PATH . '/templates/step_0.php'); |
|||
exit(); |
|||
} |
|||
// 环境检测 |
|||
if ($s == 1) { |
|||
// 获取检测的路径数据 |
|||
$iswrite_array = getIsWriteArray(); |
|||
// 获取检测的函数数据 |
|||
$exists_array = getExistsFuncArray(); |
|||
// 获取扩展要求数据 |
|||
$extendArray = getExtendArray(); |
|||
// 引入环境检测html |
|||
require_once(INSTALL_PATH . '/templates/step_1.php'); |
|||
exit(); |
|||
} |
|||
// 配置文件 |
|||
if ($s == 2) { |
|||
require_once(INSTALL_PATH . '/templates/step_2.php'); |
|||
exit(); |
|||
} |
|||
// 正在安装 |
|||
if ($s == 3) { |
|||
require_once(INSTALL_PATH . '/templates/step_3.php'); |
|||
|
|||
if ($_POST['s'] == 3) { |
|||
|
|||
// 初始化信息 |
|||
$dbhost = $_POST['dbhost'] ?? ''; |
|||
$dbname = $_POST['dbname'] ?? ''; |
|||
$dbuser = $_POST['dbuser'] ?? ''; |
|||
$dbpwd = $_POST['dbpwd'] ?? ''; |
|||
$dbport = $_POST['dbport'] ?? 3306; |
|||
|
|||
$testdata = $_POST['testdata'] ?? ''; |
|||
|
|||
// 连接证数据库 |
|||
try { |
|||
$dsn = "mysql:host={$dbhost};port={$dbport};charset=utf8"; |
|||
$pdo = new PDO($dsn, $dbuser, $dbpwd); |
|||
$pdo->query("SET NAMES utf8"); // 设置数据库编码 |
|||
} catch (Exception $e) { |
|||
insError('数据库连接错误，请检查！'); |
|||
} |
|||
|
|||
// 查询数据库 |
|||
$res = $pdo->query('show Databases'); |
|||
|
|||
// 遍历所有数据库，存入数组 |
|||
$dbnameArr = []; |
|||
foreach ($res->fetchAll(PDO::FETCH_ASSOC) as $row) { |
|||
$dbnameArr[] = $row['Database']; |
|||
} |
|||
|
|||
// 检查数据库是否存在，没有则创建数据库 |
|||
if (!in_array(trim($dbname), $dbnameArr)) { |
|||
if (!$pdo->exec("CREATE DATABASE `$dbname`")) { |
|||
insError("创建数据库失败，请检查权限或联系管理员！"); |
|||
} |
|||
} |
|||
|
|||
// 数据库创建完成，开始连接 |
|||
$pdo->query("USE `$dbname`"); |
|||
|
|||
// 取出.env模板内容 |
|||
$config_str = readDataFile('.env.tpl'); |
|||
|
|||
// 进行替换 |
|||
$config_str = str_replace('~db_host~', $dbhost, $config_str); |
|||
$config_str = str_replace('~db_name~', $dbname, $config_str); |
|||
$config_str = str_replace('~db_user~', $dbuser, $config_str); |
|||
$config_str = str_replace('~db_pwd~', $dbpwd, $config_str); |
|||
$config_str = str_replace('~db_port~', $dbport, $config_str); |
|||
$config_str = str_replace('~db_charset~', 'utf8', $config_str); |
|||
|
|||
// 将替换后的内容写入.env文件 |
|||
$fp = fopen(ROOT_PATH . '/.env', 'w'); |
|||
fwrite($fp, $config_str); |
|||
fclose($fp); |
|||
|
|||
// 防止浏览器缓存 |
|||
$buffer = ini_get('output_buffering'); |
|||
echo str_repeat(' ', $buffer + 1); |
|||
|
|||
insInfo("数据库连接文件创建完成！"); |
|||
ob_flush(); |
|||
flush(); |
|||
|
|||
// 创建表结构 |
|||
$tbstruct = readDataFile('install_struct.sql'); |
|||
$pdo->exec(trim($tbstruct)); |
|||
|
|||
insInfo("数据库结构导入完成！"); |
|||
ob_flush(); |
|||
flush(); |
|||
|
|||
// 导入其他安装数据 |
|||
$data_str = readDataFile('install_data.sql'); |
|||
$pdo->exec(trim($data_str)); |
|||
|
|||
insInfo("商城默认数据导入完成！"); |
|||
ob_flush(); |
|||
flush(); |
|||
|
|||
// 查看是否需要安装测试数据 |
|||
if ($testdata == 'true') { |
|||
insInfo("正在加载测试数据！"); |
|||
ob_flush(); |
|||
flush(); |
|||
|
|||
$sqlstr_file = readDataFile('install_testdata.sql'); |
|||
$pdo->exec(trim($sqlstr_file)); |
|||
|
|||
insInfo("测试数据导入完成！"); |
|||
ob_flush(); |
|||
flush(); |
|||
} |
|||
|
|||
// 结束缓存区 |
|||
ob_end_flush(); |
|||
|
|||
// 安装完成进行跳转 |
|||
echo '<script>setTimeout(function () { location.href="?s=' . md5('done') . '"; }, 2000)</script>'; |
|||
exit(); |
|||
} |
|||
exit(); |
|||
} |
|||
// 检测数据库信息 |
|||
if ($s == 63832) { |
|||
$dbhost = $_GET['dbhost'] ?? ''; |
|||
$dbuser = $_GET['dbuser'] ?? ''; |
|||
$dbpwd = $_GET['dbpwd'] ?? ''; |
|||
$dbport = $_GET['dbport'] ?? ''; |
|||
try { |
|||
$dsn = "mysql:host=$dbhost;port={$dbport};charset=utf8"; |
|||
$pdo = new PDO($dsn, $dbuser, $dbpwd); |
|||
echo 'true'; |
|||
} catch (Exception $e) { |
|||
echo 'false'; |
|||
} |
|||
exit(); |
|||
} |
|||
// 安装完成 |
|||
if ($s == md5('done')) { |
|||
require_once(INSTALL_PATH . '/templates/step_4.php'); |
|||
$fp = fopen(INSTALL_PATH . '/install.lock', 'w'); |
|||
fwrite($fp, '程序已正确安装，重新安装请删除本文件'); |
|||
fclose($fp); |
|||
exit(); |
|||
} |
|||
|
|||
// 获取扩展要求数据 |
|||
function getExtendArray() |
|||
{ |
|||
$data = [ |
|||
[ |
|||
'name' => 'PDO Mysql', |
|||
'status' => extension_loaded('PDO') && extension_loaded('pdo_mysql'), |
|||
], |
|||
[ |
|||
'name' => 'Mysqlnd', |
|||
'status' => extension_loaded('mysqlnd'), |
|||
], |
|||
[ |
|||
'name' => 'JSON', |
|||
'status' => extension_loaded('json') |
|||
], |
|||
[ |
|||
'name' => 'Fileinfo', |
|||
'status' => extension_loaded('fileinfo') |
|||
], |
|||
[ |
|||
'name' => 'CURL', |
|||
'status' => extension_loaded('curl'), |
|||
], |
|||
[ |
|||
'name' => 'OpenSSL', |
|||
'status' => extension_loaded('openssl'), |
|||
], |
|||
[ |
|||
'name' => 'GD', |
|||
'status' => extension_loaded('gd'), |
|||
], |
|||
[ |
|||
'name' => 'BCMath', |
|||
'status' => extension_loaded('bcmath'), |
|||
], |
|||
[ |
|||
'name' => 'Mbstring', |
|||
'status' => extension_loaded('mbstring'), |
|||
], |
|||
[ |
|||
'name' => 'SimpleXML', |
|||
'status' => extension_loaded('SimpleXML'), |
|||
], |
|||
]; |
|||
foreach ($data as $item) { |
|||
!$item['status'] && setIsNext(false); |
|||
} |
|||
return $data; |
|||
} |
|||
|
|||
// 检测php版本号 |
|||
function getPHPVersion() |
|||
{ |
|||
$version = phpversion(); |
|||
$versionInt = versionToInteger(phpversion()); |
|||
if ($versionInt < 70400 || $versionInt >= 70500) { |
|||
echo "<span class=\"col-red\"><strong>{$version}</strong> (请使用php7.4)</span>"; |
|||
setIsNext(false); |
|||
} else { |
|||
echo "<span>{$version}</span>"; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 将版本转为数字 |
|||
* @param string $version |
|||
* @return int |
|||
*/ |
|||
function versionToInteger(string $version): int |
|||
{ |
|||
list($major, $minor, $sub) = explode('.', $version); |
|||
return intval($major * 10000 + $minor * 100 + $sub); |
|||
} |
|||
|
|||
// 获取检测的路径数据 |
|||
function getIsWriteArray() |
|||
{ |
|||
return [ |
|||
'/.env', |
|||
// '/data/', |
|||
'/public/install/', |
|||
'/public/uploads/', |
|||
'/public/temp/', |
|||
]; |
|||
} |
|||
|
|||
// 获取检测的函数数据 |
|||
function getExistsFuncArray() |
|||
{ |
|||
return ['curl_init', 'bcadd', 'mb_substr', 'simplexml_load_string']; |
|||
} |
|||
|
|||
// 测试可写性 |
|||
function isWrite($file) |
|||
{ |
|||
if (is_writable(ROOT_PATH . $file)) { |
|||
echo '<span>可写</span>'; |
|||
} else { |
|||
echo '<span class="col-red">不可写</span>'; |
|||
setIsNext(false); |
|||
} |
|||
} |
|||
|
|||
// 测试函数是否存在 |
|||
function isFunExists($func) |
|||
{ |
|||
$state = function_exists($func); |
|||
if ($state === false) { |
|||
setIsNext(false); |
|||
} |
|||
return $state; |
|||
} |
|||
|
|||
// 测试函数是否存在 |
|||
function isFunExistsTxt($func) |
|||
{ |
|||
if (isFunExists($func)) { |
|||
echo '<span>无</span>'; |
|||
} else { |
|||
echo '<span class="col-red">需安装</span>'; |
|||
setIsNext(false); |
|||
} |
|||
} |
|||
|
|||
// 清除txt中的BOM |
|||
function clearBOM($contents) |
|||
{ |
|||
$charset[1] = substr($contents, 0, 1); |
|||
$charset[2] = substr($contents, 1, 1); |
|||
$charset[3] = substr($contents, 2, 1); |
|||
if (ord($charset[1]) == 239 && |
|||
ord($charset[2]) == 187 && |
|||
ord($charset[3]) == 191) { |
|||
return substr($contents, 3); |
|||
} else { |
|||
return $contents; |
|||
} |
|||
} |
|||
|
|||
// 设置是否允许下一步 |
|||
function setIsNext(bool $bool) |
|||
{ |
|||
$GLOBALS['isNext'] = $bool; |
|||
} |
|||
|
|||
// 获取data文件夹中的文件内容 |
|||
function readDataFile(string $file) |
|||
{ |
|||
return file_get_contents(INSTALL_PATH . '/data/' . $file); |
|||
} |
|||
|
|||
function insInfo($str) |
|||
{ |
|||
echo '<script>$("#install").append("' . $str . '<br>");</script>'; |
|||
} |
|||
|
|||
function insError($str, $isExit = false) |
|||
{ |
|||
insInfo("<span class='col-red'>$str</span>"); |
|||
exit(); |
|||
} |
|||
|
After Width: | Height: | Size: 6.6 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 381 B |
|
After Width: | Height: | Size: 342 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
@ -0,0 +1,140 @@ |
|||
$(function () { |
|||
|
|||
$(".input").focus(function () { |
|||
$(this).attr("class", "inputOn"); |
|||
}).blur(function () { |
|||
$(this).attr("class", "input"); |
|||
}); |
|||
|
|||
$("#dbhost").focus(); |
|||
}) |
|||
|
|||
|
|||
function CheckForm() { |
|||
|
|||
var format = /^[a-zA-Z0-9_@!.-]+$/; |
|||
|
|||
if ($("#dbhost").val() == "") { |
|||
alert("请输入数据库服务器！"); |
|||
$("#dbhost").focus(); |
|||
return false; |
|||
} |
|||
|
|||
if ($("#dbname").val() == "") { |
|||
alert("请输入数据库名！"); |
|||
$("#dbname").focus(); |
|||
return false; |
|||
} |
|||
|
|||
if (!format.exec($("#dbname").val())) { |
|||
alert("数据库名非法！请使用[a-zA-Z0-9_@!.-]内的字符！！"); |
|||
$("#dbname").focus(); |
|||
return false; |
|||
} |
|||
|
|||
if ($("#dbuser").val() == "") { |
|||
alert("请输入数据库用户！"); |
|||
$("#dbuser").focus(); |
|||
return false; |
|||
} |
|||
|
|||
// if ($("#username").val() == "") {
|
|||
// alert("请输入管理员账号！");
|
|||
// $("#username").focus();
|
|||
// return false;
|
|||
// }
|
|||
//
|
|||
// if ($("#username").val().length < 5 ||
|
|||
// $("#username").val().length > 20) {
|
|||
// alert("用户名长度不得小于5位或大于20位！");
|
|||
// $("#username").focus();
|
|||
// return false;
|
|||
// }
|
|||
//
|
|||
// if ($("#password").val() == "") {
|
|||
// alert("请输入管理员密码！");
|
|||
// $("#password").focus();
|
|||
// return false;
|
|||
// }
|
|||
//
|
|||
// if ($("#password").val().length < 5 ||
|
|||
// $("#password").val().length > 16) {
|
|||
// alert("密码由5-16个字符组成，区分大小写！");
|
|||
// $("#password").focus();
|
|||
// return false;
|
|||
// }
|
|||
//
|
|||
// if ($("#repassword").val() == "") {
|
|||
// alert("请输入重复密码！");
|
|||
// $("#repassword").focus();
|
|||
// return false;
|
|||
// }
|
|||
//
|
|||
// if ($("#password").val() != $("#repassword").val()) {
|
|||
// alert("两次密码不同！");
|
|||
// $("#repassword").focus();
|
|||
// return false;
|
|||
// }
|
|||
|
|||
if ($("#cpwd").val() == "false") { |
|||
$.ajax({ |
|||
url: 'index.php', |
|||
data: { |
|||
s: 63832, |
|||
dbhost: $("#dbhost").val(), |
|||
dbuser: $("#dbuser").val(), |
|||
dbpwd: $("#dbpwd").val(), |
|||
}, |
|||
type: 'get', |
|||
dataType: 'html', |
|||
success: function (data) { |
|||
if (data == 'true') { |
|||
$('#cpwdTxt').html('<span class="correct">可用</span>'); |
|||
$('#cpwd').val("true"); |
|||
|
|||
//验证没有问题，提交表单
|
|||
document.form.submit(); |
|||
return; |
|||
} else { |
|||
$('#cpwdTxt').html('<span class="error">不可用</span>'); |
|||
$("#dbpwd").focus(); |
|||
$('#cpwd').val("false"); |
|||
return false; |
|||
} |
|||
} |
|||
}); |
|||
} else { |
|||
|
|||
//验证没有问题，提交表单
|
|||
document.form.submit(); |
|||
return; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 验证数据库账号密码是否正确 |
|||
* @constructor |
|||
*/ |
|||
function CheckPwd() { |
|||
$.ajax({ |
|||
url: 'index.php', |
|||
data: { |
|||
s: 63832, |
|||
dbhost: $("#dbhost").val(), |
|||
dbport: $("#dbport").val(), |
|||
dbuser: $("#dbuser").val(), |
|||
dbpwd: $("#dbpwd").val(), |
|||
}, |
|||
type: 'get', |
|||
dataType: 'html', |
|||
success: function (data) { |
|||
if (data === 'true') { |
|||
$('#cpwdTxt').html('<span class="correct">可用</span>'); |
|||
$('#cpwd').val("true"); |
|||
} else { |
|||
$('#cpwdTxt').html('<span class="error">不可用</span>'); |
|||
$('#cpwd').val("false"); |
|||
} |
|||
} |
|||
}); |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,57 @@ |
|||
<?php if (!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>萤火商城系统 安装向导 - 协议说明</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet"/> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="text"> |
|||
<h3>软件许可协议</h3> |
|||
<p>尊敬的用户：</p> |
|||
<div class="hr_8"></div> |
|||
<p>感谢您选择萤火商城，希望我们的努力能为您提供一款适用于企业级电商零售的利器，萤火商城官方网站为 <a href="https://www.yiovo.com" target="_blank">https://www.yiovo.com</a>。 |
|||
</p> |
|||
<div class="hr_8"></div> |
|||
<p>萤火商城系统（以下称“本系统”），由烟台晴好网络科技有限公司（以下称“萤火科技”）自主研发，版权所有Copyright (c)2018-2021，萤火科技保留所有权利。</p> |
|||
<p> |
|||
使用者无论个人或组织、盈利与否、用途如何（包括以学习和研究为目的），均需仔细阅读本协议，在理解、同意、并遵守本协议的全部条款后，方可开始使用本系统。本授权协议适用且仅适用于本产品，萤火科技拥有对本授权协议的最终解释权。</p> |
|||
<div class="hr_8"></div> |
|||
|
|||
<h4>一. 协议许可的权利</h4> |
|||
<p>您可以在完全遵守本最终用户授权协议的基础上，安装和使用本系统提供的全部功能，而不必支付软件版权授权费用。</p> |
|||
<p>您可以在协议规定的约束和限制范围内修改本系统源代码或界面风格以适应您的使用要求，但需保留本系统的版权信息和链接。</p> |
|||
<p>您拥有使用本系统构建的应用中全部会员资料、内容及相关信息的所有权，并独立承担相关法律义务。</p> |
|||
<div class="hr_8"></div> |
|||
|
|||
<h4>二. 协议规定的约束和限制</h4> |
|||
<p>未经我们书面许可，您不得删除或修改本系统页面中的版权信息及相应的官方链接（无论用途如何、是否经过修改或美化、修改程度如何）。</p> |
|||
<p>您不得在本系统的整体或任何部分基础上以发展任何派生版本、修改版本或第三方版本用于重新分发。</p> |
|||
<p>您不得通过分解软件，把不同功能或把软件的不同部分嵌入到其他软件系统。</p> |
|||
<p>如果您未能遵守本协议的条款，您的授权将被终止，所被许可的权利将被收回，并承担相应法律责任。</p> |
|||
<div class="hr_8"></div> |
|||
|
|||
<h4>三. 有限担保和免责声明</h4> |
|||
<p> |
|||
本系统及所附带的文件是作为不提供任何明确的或隐含的赔偿或担保的形式提供的。用户出于自愿而使用本系统，您必须了解使用本系统的风险，在尚未购买产品技术服务之前，我们不承诺提供任何形式的技术支持、使用担保，也不承担任何因使用本系统而产生问题的相关责任。萤火科技不对使用本系统构建的网站和应用中的内容或信息承担责任。 |
|||
</p> |
|||
<div class="hr_8"></div> |
|||
<p>本系统受著作权法、国际著作权条约和其他的知识产权法律或国际条约保护。根据本协议，在此仅许可您非独占性的、非排他性的一般许可使用该软件的权利，而不是出售或转让。</p> |
|||
<div class="hr_8"></div> |
|||
<p> |
|||
有关本系统最终用户授权协议、商业授权与技术服务的详细内容，均由萤火官方网站独家提供。萤火科技拥有在不事先通知的情况下，修改授权协议和服务价目表的权力，修改后的协议对自改变之日起的新授权用户生效。</p> |
|||
<div class="hr_8"></div> |
|||
<p> |
|||
电子文本形式的授权协议如同双方书面签署的协议一样，具有完全的和等同的法律效力。您一旦开始安装本系统，即被视为完全理解并接受本协议的各项条款，在享有上述条款授予的权力的同时，受到相关的约束和限制。协议许可范围以外的行为，将直接违反本授权协议并构成侵权，我们有权随时终止授权，责令停止损害，并保留追究相关责任的权力。</p> |
|||
</div> |
|||
</div> |
|||
<div class="footer"><span class="step"></span> <span class="copyright"><?php echo $cfg_copyright; ?></span> <span |
|||
class="formSubBtn"> <a href="javascript:void(0);" onclick="window.close();return false;" |
|||
class="back">不同意</a> <a href="?s=1" class="submit">同 意</a> </span></div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,157 @@ |
|||
<?php if (!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>萤火商城 安装向导 - 检测安装环境</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet"/> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="forms"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<tr align="left" class="head"> |
|||
<td width="30%" height="36">项目 |
|||
</th> |
|||
<td width="30%">所需配置 |
|||
</th> |
|||
<td width="15%">推荐配置 |
|||
</th> |
|||
<td width="25%" align="right">当前服务器 |
|||
</th> |
|||
</tr> |
|||
<tr> |
|||
<td height="26" class="firstCol">操作系统</td> |
|||
<td>不限制</td> |
|||
<td>Linux</td> |
|||
<td class="endCol"><?php echo PHP_OS; ?></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="26" class="firstCol">PHP 版本</td> |
|||
<td>7.4</td> |
|||
<td>7.4</td> |
|||
<td class="endCol"><?php echo getPHPVersion(); ?></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="26" class="firstCol">附件上传</td> |
|||
<td>2M</td> |
|||
<td>2M</td> |
|||
<td class="endCol"><?php echo get_cfg_var("upload_max_filesize") ?: '不允许上传附件'; ?></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="26" class="firstCol">GD 库</td> |
|||
<td>2.0</td> |
|||
<td>2.1</td> |
|||
<td class="endCol"><?php |
|||
$gdInfo = function_exists('gd_info') ? gd_info() : []; |
|||
echo empty($gdInfo['GD Version']) ? 'noext' : $gdInfo['GD Version']; |
|||
?></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="26" class="firstCol">磁盘空间</td> |
|||
<td>100M</td> |
|||
<td>不限制</td> |
|||
<td class="endCol"> |
|||
<?php |
|||
if (function_exists('disk_free_space')) { |
|||
echo floor(disk_free_space('../') / (1024 * 1024)) . 'M'; |
|||
} else { |
|||
echo 'unknow'; |
|||
} |
|||
?> |
|||
</td> |
|||
</tr> |
|||
</table> |
|||
<div class="hr_10"></div> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<tr align="left" class="head"> |
|||
<td width="60%" height="36">扩展要求 |
|||
</th> |
|||
<td width="25%">检查结果 |
|||
</th> |
|||
<td width="15%" align="right">建议 |
|||
</th> |
|||
</tr> |
|||
<?php foreach ($extendArray as $item): ?> |
|||
<tr> |
|||
<td height="26" class="firstCol"><?= $item['name'] ?></td> |
|||
<td><?= $item['status'] ? '支持' : '不支持' ?></td> |
|||
<td class="endCol"> |
|||
<span class="<?= $item['status'] ? '' : 'col-red' ?>"><?= $item['status'] ? '无' : '需安装' ?></span> |
|||
</td> |
|||
</tr> |
|||
<?php endforeach ?> |
|||
</table> |
|||
<div class="hr_10"></div> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<tr align="left" class="head"> |
|||
<td width="60%" height="36">函数名称 |
|||
</th> |
|||
<td width="25%">检查结果 |
|||
</th> |
|||
<td width="15%" align="right">建议 |
|||
</th> |
|||
</tr> |
|||
<?php foreach ($exists_array as $v): ?> |
|||
<tr> |
|||
<td height="26" class="firstCol"><?php echo $v; ?>()</td> |
|||
<td><?= isFunExists($v) ? '支持' : '不支持' ?></td> |
|||
<td class="endCol"><?= isFunExistsTxt($v) ?></td> |
|||
</tr> |
|||
<?php endforeach ?> |
|||
</table> |
|||
<div class="hr_10"></div> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<tr align="left" class="head"> |
|||
<td width="60%" height="36">文件权限检测 |
|||
</th> |
|||
<td width="25%">所需状态 |
|||
</th> |
|||
<td width="15%" align="right">当前状态 |
|||
</th> |
|||
</tr> |
|||
<?php |
|||
foreach ($iswrite_array as $v) { |
|||
?> |
|||
<tr align="left"> |
|||
<td height="26" class="firstCol"><?php echo $v; ?></td> |
|||
<td>可写</td> |
|||
<td class="endCol"><?php isWrite($v); ?></td> |
|||
</tr> |
|||
<?php |
|||
} |
|||
?> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> |
|||
<span class="step2"></span> |
|||
<span class="copyright"><?= $cfg_copyright; ?></span> |
|||
<span class="formSubBtn"> |
|||
<form class="j-form" method="post" action="index.php"> |
|||
<a href="javascript:void(0);" onclick="history.go(-1);return false;" class="back">返 回</a> |
|||
<a href="javascript:void(0);" class="j-submit submit">下一步</a> |
|||
<input type="hidden" name="s" id="s" value="2"> |
|||
</form> |
|||
</span> |
|||
</div> |
|||
<script> |
|||
$(function () { |
|||
// 环境检测是否通过 |
|||
var isPass = <?= $GLOBALS['isNext'] ? 'true' : 'false' ?>; |
|||
console.log(isPass) |
|||
// 表单提交 |
|||
$('.j-submit').click(function () { |
|||
if (isPass) { |
|||
$('.j-form').submit(); |
|||
} else { |
|||
alert('环境检测不通过，请先修复'); |
|||
} |
|||
}) |
|||
}) |
|||
</script> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,82 @@ |
|||
<?php if (!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> |
|||
<title>萤火商城 安装向导 - 配置数据文件</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet"/> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
<script type="text/javascript" src="templates/js/forms.js"></script> |
|||
</head> |
|||
<body> |
|||
<form name="form" id="form" method="post" action="index.php"> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="table"> |
|||
<table width="100%" border="0" cellpadding="0" cellspacing="0"> |
|||
<tr> |
|||
<td height="40" colspan="2" align="left"><span class="title">填写数据库信息</span></td> |
|||
</tr> |
|||
<tr> |
|||
<td width="30%" height="40" align="right">数据库服务器：</td> |
|||
<td><input type="text" name="dbhost" id="dbhost" class="input" value="localhost"/> |
|||
<span class="cnote">数据库服务器地址, 一般为 localhost</span></td> |
|||
</tr> |
|||
<tr> |
|||
<td width="30%" height="40" align="right">数据库端口号：</td> |
|||
<td> |
|||
<input type="text" name="dbport" id="dbport" class="input" value="3306"/> |
|||
<span class="cnote">数据库端口号, 一般为 3306</span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td height="40" align="right">数据库名称：</td> |
|||
<td> |
|||
<input type="text" name="dbname" id="dbname" class="input" value="yoshop2_db"/> |
|||
<span class="cnote">数据库的名称，如果没有请先新增</span> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td height="40" align="right">数据库用户名：</td> |
|||
<td><input type="text" name="dbuser" id="dbuser" class="input" value="root"/></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="40" align="right">数据库密码：</td> |
|||
<td><input type="password" name="dbpwd" id="dbpwd" class="input" onblur="CheckPwd()"/> |
|||
<span class="cnote"><span id="cpwdTxt"></span></span> |
|||
<input type="hidden" name="cpwd" id="cpwd" value="false"></td> |
|||
</tr> |
|||
|
|||
<tr> |
|||
<td height="40" colspan="2" align="left"><span class="title">默认管理员信息</span></td> |
|||
</tr> |
|||
<tr> |
|||
<td height="40" align="right">管理员账号：</td> |
|||
<td> |
|||
<div class="readonly">admin</div> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td height="40" align="right">管理员密码：</td> |
|||
<td> |
|||
<div class="readonly">yinghuo</div> |
|||
</td> |
|||
</tr> |
|||
<!-- <tr>--> |
|||
<!-- <td height="40" align="right">安装测试数据：</td>--> |
|||
<!-- <td><input type="checkbox" name="testdata" value="true" checked="checked"/>--> |
|||
<!-- 是--> |
|||
<!-- </td>--> |
|||
<!-- </tr>--> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
<div class="footer"><span class="step3"></span> <span class="copyright"><?php echo $cfg_copyright; ?></span> <span |
|||
class="formSubBtn"> <a href="javascript:void(0);" onclick="history.go(-1);return false;" class="back">返 回</a> <a |
|||
href="javascript:void(0);" onclick="CheckForm();return false;" class="submit">开始安装</a> |
|||
<input type="hidden" name="s" id="s" value="3"> |
|||
</span></div> |
|||
</form> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,21 @@ |
|||
<?php if(!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>萤火商城 安装向导 - 执行配置文件</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet" /> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="text"> |
|||
<h4>正在安装...</h4> |
|||
<div id="install"></div> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> <span class="step3"></span> <span class="copyright"><?php echo $cfg_copyright; ?></span> </div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,22 @@ |
|||
<?php if(!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>萤火商城 安装向导 - 安装成功</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet" /> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="note"> |
|||
<div class="complete"><strong>现在您可以：</strong><br /> |
|||
<a href="../">访问首页</a><span>或</span><a href="../admin/">登录后台</a><br /><br /> |
|||
您可以访问 <a href="https://www.yiovo.com/" target="_blank" class="link">yiovo.com</a> 获取更多帮助 </div> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> <span class="step4"></span> <span class="copyright"><?php echo $cfg_copyright; ?></span></div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,22 @@ |
|||
<?php if(!defined('IN_INSTALL')) exit('Request Error!'); ?> |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> |
|||
<title>萤火商城 安装向导 - 程序已安装</title> |
|||
<link href="templates/style/install.css" type="text/css" rel="stylesheet" /> |
|||
<script type="text/javascript" src="templates/js/jquery.min.js"></script> |
|||
<script type="text/javascript" src="templates/js/common.js"></script> |
|||
</head> |
|||
<body> |
|||
<div class="header"></div> |
|||
<div class="mainBody"> |
|||
<div class="note"> |
|||
<div class="complete"><strong>现在您可以：</strong><br /> |
|||
<a href="../">访问首页</a><span>或</span><a href="../admin/">登录后台</a><br /><br /> |
|||
您可以访问 <a href="https://www.yiovo.com/" target="_blank" class="link">yiovo.com</a> 获取更多帮助 </div> |
|||
</div> |
|||
</div> |
|||
<div class="footer"> <span class="step4"></span> <span class="copyright"><?php echo $cfg_copyright; ?></span></div> |
|||
</body> |
|||
</html> |
|||
@ -0,0 +1,346 @@ |
|||
@charset "utf-8"; |
|||
|
|||
/* 全局控制 */ |
|||
html { |
|||
/*overflow: hidden;*/ |
|||
} |
|||
|
|||
body { |
|||
margin: 0; |
|||
padding: 0; |
|||
font-family: "微软雅黑", Arial, "宋体"; |
|||
font-size: 13px; |
|||
color: #333; |
|||
} |
|||
|
|||
html, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
input, select, textarea { |
|||
vertical-align: middle; |
|||
font-family: "微软雅黑", Arial, "宋体"; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
img { |
|||
border: 0; |
|||
} |
|||
|
|||
ul, li { |
|||
list-style-type: none; |
|||
} |
|||
|
|||
a { |
|||
color: #333; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:hover { |
|||
text-decoration: underline; |
|||
color: #333; |
|||
} |
|||
|
|||
a:focus { |
|||
outline: none; |
|||
} |
|||
|
|||
a { |
|||
transition-duration: 300ms; |
|||
} |
|||
|
|||
|
|||
/*全局函数*/ |
|||
.hr_1, .hr_8, .hr_10 { |
|||
font-size: 1px; |
|||
line-height: 1px; |
|||
clear: both; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.hr_1 { |
|||
height: 1px; |
|||
} |
|||
|
|||
.hr_8 { |
|||
height: 8px; |
|||
} |
|||
|
|||
.hr_10 { |
|||
height: 10px; |
|||
} |
|||
|
|||
.col-red { |
|||
color: red; |
|||
} |
|||
|
|||
/*定义新型浏览器特性*/ |
|||
::-webkit-scrollbar { |
|||
width: 10px; |
|||
height: 10px |
|||
} |
|||
|
|||
::-webkit-scrollbar-button:vertical { |
|||
display: none |
|||
} |
|||
|
|||
::-webkit-scrollbar-track:vertical { |
|||
background: #000 |
|||
} |
|||
|
|||
::-webkit-scrollbar-track-piece { |
|||
background: #f6f6f6 |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:vertical { |
|||
background: #d0d0d0; |
|||
} |
|||
|
|||
::-webkit-scrollbar-thumb:vertical:hover { |
|||
background: #3B3B3B |
|||
} |
|||
|
|||
::-webkit-scrollbar-corner:vertical { |
|||
background: #535353 |
|||
} |
|||
|
|||
::-webkit-scrollbar-resizer:vertical { |
|||
background: #FF6E00 |
|||
} |
|||
|
|||
|
|||
input[type="text"]:focus, input[type="password"]:focus { |
|||
border: none; |
|||
outline: none; |
|||
} |
|||
|
|||
|
|||
.header, .mainBody, .footer { |
|||
width: 960px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
|
|||
/*头部区域*/ |
|||
.header { |
|||
height: 90px; |
|||
margin-bottom: 20px; |
|||
background: url(../images/logo.png) no-repeat 0 center; |
|||
border-bottom: 1px solid #d4d4d4; |
|||
} |
|||
|
|||
|
|||
/*主要区域*/ |
|||
.mainBody { |
|||
overflow-x: hidden; |
|||
overflow-y: auto; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.mainBody .correct, .mainBody .error { |
|||
padding-left: 22px; |
|||
} |
|||
|
|||
.mainBody .correct { |
|||
background: url(../images/correctBg.png) no-repeat 0 center; |
|||
color: green; |
|||
} |
|||
|
|||
.mainBody .error { |
|||
background: url(../images/errorBg.png) no-repeat 0 center; |
|||
color: red; |
|||
} |
|||
|
|||
.mainBody .text { |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.mainBody .text h3 { |
|||
font-size: 14px; |
|||
text-align: center; |
|||
margin-bottom: 10px; |
|||
color: #333; |
|||
} |
|||
|
|||
.mainBody .text h4 { |
|||
font-size: 13px; |
|||
margin: 10px 0 5px 0; |
|||
color: #333; |
|||
} |
|||
|
|||
.mainBody .forms .head { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.mainBody .forms .firstCol { |
|||
padding-left: 5px; |
|||
} |
|||
|
|||
.mainBody .forms .endCol { |
|||
padding-right: 5px; |
|||
text-align: right; |
|||
} |
|||
|
|||
.mainBody .table .title { |
|||
font-weight: bold; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.mainBody .table .input, .readonly { |
|||
width: 280px; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
margin: 1px; |
|||
border: 1px solid #ccc; |
|||
padding: 0 3px; |
|||
} |
|||
|
|||
.mainBody .table .readonly { |
|||
display: inline-block; |
|||
border: none; |
|||
} |
|||
|
|||
.mainBody .table .inputOn { |
|||
width: 280px; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
padding: 2px 5px; |
|||
background: url(../images/inputOnBg.png) no-repeat 0 center; |
|||
border: 0; |
|||
} |
|||
|
|||
.mainBody .table .cnote { |
|||
margin-left: 20px; |
|||
color: #999; |
|||
} |
|||
|
|||
.mainBody .note { |
|||
width: 400px; |
|||
margin: 80px auto 0; |
|||
} |
|||
|
|||
.mainBody .note .complete, .mainBody .note .already { |
|||
width: 400px; |
|||
padding: 90px 0 0 95px; |
|||
line-height: 22px; |
|||
} |
|||
|
|||
.mainBody .note .complete { |
|||
background: url(../images/complete.png) no-repeat; |
|||
} |
|||
|
|||
.mainBody .note .already { |
|||
background: url(../images/already.png) no-repeat; |
|||
} |
|||
|
|||
.mainBody .note span { |
|||
color: #999; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.mainBody .note a { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.mainBody .note a:hover { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.mainBody .note a.link { |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.mainBody .note a.link:hover { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
|
|||
/* 页脚区域 */ |
|||
.footer { |
|||
margin-top: 20px; |
|||
height: 50px; |
|||
border-top: 3px solid #f0f0f0; |
|||
background: #fff; |
|||
position: relative; |
|||
} |
|||
|
|||
.footer .step, .footer .step2, .footer .step3, .footer .step4, .footer .step5 { |
|||
display: block; |
|||
height: 3px; |
|||
position: absolute; |
|||
left: 0; |
|||
bottom: 50px; |
|||
background: #0cd7f7; |
|||
overflow: hidden; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.footer .step { |
|||
width: 25%; |
|||
} |
|||
|
|||
.footer .step2 { |
|||
width: 50%; |
|||
} |
|||
|
|||
.footer .step3 { |
|||
width: 75%; |
|||
} |
|||
|
|||
.footer .step4 { |
|||
width: 100%; |
|||
} |
|||
|
|||
.footer .step5 { |
|||
width: 100%; |
|||
} |
|||
|
|||
.footer .copyright { |
|||
float: left; |
|||
padding-left: 10px; |
|||
line-height: 50px; |
|||
font-family: Verdana; |
|||
} |
|||
|
|||
.footer .formSubBtn { |
|||
width: 200px; |
|||
float: right; |
|||
margin-top: 10px; |
|||
padding-right: 20px; |
|||
text-align: right; |
|||
} |
|||
|
|||
.footer .formSubBtn .submit, .formSubBtn .back { |
|||
display: inline-block; |
|||
width: 78px; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
text-align: center; |
|||
font-family: "微软雅黑"; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.footer .formSubBtn .submit { |
|||
background: #3d566d; |
|||
border: 1px solid #3d566d; |
|||
color: #fff; |
|||
} |
|||
|
|||
.footer .formSubBtn .submit:hover { |
|||
background: #4f6880; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.footer .formSubBtn .back { |
|||
margin-right: 10px; |
|||
background: #fff; |
|||
border: 1px solid #999; |
|||
color: #666; |
|||
} |
|||
|
|||
.footer .formSubBtn .back:hover { |
|||
border: 1px solid #666; |
|||
text-decoration: none; |
|||
} |
|||
@ -0,0 +1,371 @@ |
|||
/* |
|||
账户管理样式 |
|||
*/ |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
/* 验证按钮样式 */ |
|||
|
|||
.code { |
|||
position: absolute; |
|||
right: 5px; |
|||
top: 35px; |
|||
width: 100px; |
|||
line-height: 25px; |
|||
background-color: #d7d7d7; |
|||
border-radius: 5px; |
|||
padding: 3px 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.authbtn { |
|||
right: 5px; |
|||
top: 5px; |
|||
} |
|||
|
|||
button[disabled] { |
|||
color: #838383; |
|||
cursor: text !important; |
|||
} |
|||
|
|||
|
|||
/* 内容样式 */ |
|||
|
|||
.wraper .account_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
height: 520px; |
|||
} |
|||
|
|||
.wraper .account_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .account_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .account_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
|
|||
/* 右侧内容样式 */ |
|||
|
|||
.wraper .account_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .account_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .account_right .right_register { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .right_change { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .right_change button:nth-child(2) { |
|||
margin-left: 35px; |
|||
} |
|||
|
|||
.wraper .account_right .oper_log { |
|||
margin-top: 80px; |
|||
margin-bottom: 15px; |
|||
} |
|||
|
|||
.wraper .account_right .oper_log::before { |
|||
content: "|"; |
|||
width: 2px; |
|||
color: #11749B; |
|||
background: #11749B; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
|
|||
/* 修改表头颜色 */ |
|||
|
|||
.wraper .account_right .table>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
|
|||
/* 步骤条样式 */ |
|||
|
|||
.step { |
|||
position: relative; |
|||
vertical-align: top; |
|||
display: inline-block; |
|||
margin: 20px 50px 20px 80px; |
|||
} |
|||
|
|||
.step-head { |
|||
width: 30px; |
|||
height: 30px; |
|||
border-radius: 50%; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
vertical-align: top; |
|||
color: #333; |
|||
font-size: 14px; |
|||
border: 2px solid #D9D9D9; |
|||
z-index: 10000; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.step-main { |
|||
font-size: 12px; |
|||
color: #48576a; |
|||
margin-top: 15px; |
|||
font-size: 14px; |
|||
color: #444444; |
|||
} |
|||
|
|||
.step-line { |
|||
position: absolute; |
|||
top: 15px; |
|||
height: 2px; |
|||
left: 30px; |
|||
right: -134px; |
|||
display: inline-block; |
|||
background-color: #bfcbd9; |
|||
z-index: 10000; |
|||
} |
|||
|
|||
.step-circle { |
|||
margin: 4px; |
|||
width: 10px; |
|||
height: 10px; |
|||
border-radius: 50%; |
|||
background-color: #bfcbd9; |
|||
} |
|||
|
|||
.is-sucess>.step-head { |
|||
border-color: #60B34F; |
|||
background: #60B34F; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.is-sucess>.step-head .step-circle { |
|||
background-color: #2f318e; |
|||
} |
|||
|
|||
.is-sucess>.step-head>.step-line { |
|||
background-color: #60B34F; |
|||
} |
|||
|
|||
.last-sucess>.step-head { |
|||
color: #ffffff; |
|||
border-color: #60B34F; |
|||
background: #60B34F; |
|||
} |
|||
|
|||
.last-sucess>.step-head .step-circle { |
|||
background-color: #2f318e; |
|||
} |
|||
|
|||
|
|||
/* 模态框样式 |
|||
更换手机号，身份认证 |
|||
*/ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 { |
|||
display: block; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step1_icon { |
|||
width: 46px; |
|||
height: 46px; |
|||
background: url('../images/step1.svg') no-repeat; |
|||
margin-left: 255px; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .right_register { |
|||
margin-left: 195px; |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code { |
|||
position: relative; |
|||
width: 300px; |
|||
margin-left: 140px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-top: 30px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code a { |
|||
width: 82px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
border-radius: 5px; |
|||
background: #E6E6E6; |
|||
color: #444444; |
|||
position: absolute; |
|||
text-decoration: none; |
|||
top: 35px; |
|||
right: 5px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_1 .step_code p { |
|||
color: red; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_submit { |
|||
background: #4E9BFF; |
|||
color: #ffffff; |
|||
width: 300px; |
|||
height: 42px; |
|||
line-height: 42px; |
|||
margin-left: 140px; |
|||
margin-top: 20px; |
|||
text-align: center; |
|||
border-radius: 5px; |
|||
margin-bottom: 40px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
|
|||
/* 设置操作 */ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 { |
|||
display: none; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_title { |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
margin-left: 140px; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone { |
|||
margin-top: 10px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_phone input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-left: 140px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code { |
|||
width: 300px; |
|||
height: 40px; |
|||
margin-top: 15px; |
|||
margin-left: 140px; |
|||
position: relative; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 300px; |
|||
height: 40px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_2 .step2_code a { |
|||
position: absolute; |
|||
top: 5px; |
|||
right: 5px; |
|||
width: 82px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
background: #CCCCCC; |
|||
border-radius: 3px; |
|||
color: #444444; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
|
|||
/* 完成 */ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_3 .step3_succes { |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 16px; |
|||
margin-top: 70px; |
|||
margin-bottom: 100px; |
|||
margin-left: 225px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .step_3 { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* 修改密码 |
|||
模态框样式 |
|||
*/ |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd:nth-child(1) { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalOldPwd input { |
|||
border: 1px solid #DDDDDD; |
|||
width: 340px; |
|||
height: 30px; |
|||
padding-left: 10px; |
|||
margin-left: 120px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body .modalButton input { |
|||
width: 340px; |
|||
height: 30px; |
|||
padding-left: 10px; |
|||
margin-bottom: 20px; |
|||
background: #242E4B; |
|||
color: #ffffff; |
|||
margin-left: 120px; |
|||
} |
|||
@ -0,0 +1,310 @@ |
|||
/* |
|||
发票管理样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .BillManage_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .BillManage_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .BillManage_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .BillManage_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
/* 右侧样式 */ |
|||
.wraper .BillManage_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .rightBox { |
|||
display: block; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .table1 span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
|
|||
/* 发票详情样式 */ |
|||
.wraper .BillManage_right .right_details { |
|||
display: none; |
|||
height: 800px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .make_details { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .make_details .make_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .make_details .make_return { |
|||
width: 44px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
background: #FDFDFD; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box { |
|||
margin-bottom: 30px; |
|||
margin-top: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 { |
|||
width: 180px; |
|||
height: 100px; |
|||
border-radius: 10px; |
|||
text-align: center; |
|||
background: #E5E3E3; |
|||
color: #444444; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .success_step001 { |
|||
background: #24803E; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .step_type { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .step_line { |
|||
width: 90px; |
|||
height: 1px; |
|||
background: #444444; |
|||
margin-left: 45px; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .success_line { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .step_status { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .step_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #E5E3E3; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .right_details .step_box .step001 .success_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .unTicket .un_table { |
|||
margin-top: 15px; |
|||
margin-bottom: 35px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .unTicket .titck_box { |
|||
margin-top: 21px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .unTicket .titck_box .box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .BillManage_right .unTicket .titck_box .box .box_title { |
|||
width: 158px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .unTicket .titck_box .box .box_con { |
|||
width: 782px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .btn_btns { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .btn_btns input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .btn_btns input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 80px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.wraper .BillManage_right .toolTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .toolTicket input { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #F02525; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .successTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .successTicket input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .BillManage_right .successTicket input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 110px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
/* 模态框 */ |
|||
.modal .modal-body { |
|||
text-align: center; |
|||
} |
|||
|
|||
.modal .modal-body img{ |
|||
width: 362px; |
|||
height: 236px; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.modal .modal-body .btn_download{ |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.modal .modal-body .btn_download input{ |
|||
width: 76px; |
|||
height: 28px; |
|||
line-height: 28px; |
|||
border-radius: 3px; |
|||
background: #2E6FC3; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
/* 底部结算 */ |
|||
.header_order{ |
|||
width: 100%; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
background: #D7D7D7; |
|||
position: fixed; |
|||
bottom: 0px; |
|||
left: 0px; |
|||
} |
|||
.header_order .header_box{ |
|||
float: right; |
|||
margin-right: 380px; |
|||
} |
|||
|
|||
.header_order .header_box input{ |
|||
height: 50px; |
|||
width: 118px; |
|||
background: #2A3FE8; |
|||
color: #ffffff; |
|||
font-size: 18px; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.header_order .header_box span{ |
|||
display: inline-block; |
|||
} |
|||
|
|||
.header_order .header_box span:nth-child(4){ |
|||
margin: 0px 15px; |
|||
} |
|||
|
|||
.header_order .header_box span:nth-child(2){ |
|||
margin: 0px 2px; |
|||
} |
|||
|
|||
.modal-content .modal-body #titkeImage{ |
|||
width: 400px; |
|||
height: 400px; |
|||
} |
|||
@ -0,0 +1,631 @@ |
|||
/* |
|||
买入订单样式 |
|||
*/ |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
|
|||
/* 内容样式 */ |
|||
|
|||
.wraper .buyOrder_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .buyOrder_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .buyOrder_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 600px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
|
|||
/* |
|||
模态框样式 |
|||
*/ |
|||
|
|||
#myModal .modal-dialog .modal-content .modal-body { |
|||
width: 440px; |
|||
height: 46px; |
|||
border: 1px solid #CFAF0F; |
|||
border-radius: 5px; |
|||
margin: 20px; |
|||
background: #FEFFE8; |
|||
color: #785D03; |
|||
} |
|||
|
|||
|
|||
/* 标的信息部分 */ |
|||
|
|||
.wraper .buyOrder_right .right_sign { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_title { |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn1 { |
|||
width: 120px; |
|||
height: 30px; |
|||
background: #D5D5D5; |
|||
text-align: center; |
|||
color: #4D4D4D; |
|||
border-radius: 5px; |
|||
margin-right: 25px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_box .sign_btn #btn2 { |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic { |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_img img { |
|||
width: 160px; |
|||
height: 140px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .basic_title { |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info { |
|||
margin-top: 25px; |
|||
margin-bottom: 40px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box { |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_left { |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box .info_right { |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) { |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_left { |
|||
width: 97px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_left { |
|||
width: 155px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n+1) .info_right { |
|||
width: 201px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .sign_info .info_box:nth-child(2n) .info_right { |
|||
width: 307px; |
|||
border: 1px solid #EEEEEE; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box { |
|||
line-height: 30px; |
|||
display: flex; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0) { |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10) { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_left { |
|||
width: 130px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .list_box .list_content { |
|||
width: 630px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
color: #888888; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box { |
|||
width: 760px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin-bottom: 40px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left { |
|||
width: 130px; |
|||
height: 30px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content { |
|||
width: 201px; |
|||
height: 30px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left { |
|||
width: 140px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content { |
|||
width: 285px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
|
|||
/* |
|||
评估报告样式 |
|||
*/ |
|||
|
|||
.wraper .buyOrder_right .right_assess { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box .assess_titile { |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_assess .assess_box .btn001 { |
|||
width: 45px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
border-radius: 5px; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
|
|||
/* step部分样式 */ |
|||
|
|||
.wraper .buyOrder_right .right_details { |
|||
display: none; |
|||
height: 800px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details .make_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .make_details .make_return { |
|||
width: 44px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
background: #FDFDFD; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box { |
|||
margin-bottom: 30px; |
|||
margin-top: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 { |
|||
width: 180px; |
|||
height: 100px; |
|||
border-radius: 10px; |
|||
text-align: center; |
|||
background: #E5E3E3; |
|||
color: #444444; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .success_step001 { |
|||
background: #24803E; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_type { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_line { |
|||
width: 90px; |
|||
height: 1px; |
|||
background: #444444; |
|||
margin-left: 45px; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .success_line { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_status { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .step_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #E5E3E3; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step001 .success_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .right_details .step_box .step_info { |
|||
width: 384px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 376px; |
|||
z-index: 8888; |
|||
/* display: none; */ |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .un_table { |
|||
margin-top: 15px; |
|||
margin-bottom: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box { |
|||
margin-top: 21px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title { |
|||
width: 151px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title { |
|||
width: 205px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_con { |
|||
width: 226px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .unTicket .titck_box .box:nth-child(2n) .box_con { |
|||
width: 358px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .btn_btns input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 80px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .toolTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .toolTicket input { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #F02525; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .successTicket input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 110px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
|
|||
/* 下载模态框样式 */ |
|||
|
|||
#myModalD .modal-body .body_title { |
|||
height: 65px; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
font-size: 12px; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_message { |
|||
color: red; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_name { |
|||
margin-top: 10px; |
|||
color: #785D03; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_title { |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_box { |
|||
height: 38px; |
|||
border-radius: 3px; |
|||
line-height: 38px; |
|||
font-size: 12px; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
|
|||
/* 下载单资源模态框样式 */ |
|||
|
|||
#myModalD .body_table .table_box .table_source { |
|||
width: 450px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
display: flex; |
|||
background: #E8F7FF; |
|||
justify-content: space-between; |
|||
border: 1px solid #57A9FB; |
|||
padding: 0px 15px; |
|||
border-radius: 3px; |
|||
margin-top: 10px; |
|||
color: #323FFF; |
|||
} |
|||
|
|||
|
|||
/* 资源列表 查看模态框 */ |
|||
|
|||
#myModalImage .modal-body .body_box { |
|||
display: flex; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img { |
|||
width: 300px; |
|||
height: 392px; |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
border-color: rgba(215, 215, 215, 1); |
|||
line-height: 392px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img img { |
|||
width: 260px; |
|||
height: 217px; |
|||
padding-left: 8px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_con { |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_video { |
|||
display: none; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_audio { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* 资源集详情数据 */ |
|||
|
|||
.wraper .buyOrder_right #sources_detial { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box .sign_title { |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sign_box .sign_btn #btn2 { |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .title { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info { |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info .left_info { |
|||
width: 50%; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .sources_info .left_info .title { |
|||
margin-top: 5px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .image_box .iamge_title { |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
.wraper .buyOrder_right .sources_detial .image_box .iamge_title::before { |
|||
content: "|"; |
|||
width: 2px; |
|||
background: #1890FF; |
|||
color: #1890FF; |
|||
font-size: 22px; |
|||
margin-right: 5px; |
|||
} |
|||
@ -0,0 +1,552 @@ |
|||
/* |
|||
卖出订单样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs{ |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
.rumbs .rumbs_box{ |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
.rumbs .rumbs_box .rumbs_title{ |
|||
float: left; |
|||
} |
|||
.rumbs .rumbs_box .rumbs_name{ |
|||
float: left; |
|||
} |
|||
/* 内容样式 */ |
|||
.wraper .byOrder_left{ |
|||
float: left; |
|||
width: 180px; |
|||
min-height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
.wraper .byOrder_left ul li{ |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
.wraper .byOrder_left ul li a{ |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
.wraper .byOrder_left ul li .active{ |
|||
color: #4689C6; |
|||
} |
|||
.wraper .byOrder_right{ |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
/* 右侧内容样式 */ |
|||
.wraper .byOrder_right .right_title{ |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .table span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
|
|||
|
|||
/* 标的信息部分 */ |
|||
.wraper .byOrder_right .right_sign{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_title{ |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_btn #btn1{ |
|||
width: 120px; |
|||
height: 30px; |
|||
background: #D5D5D5; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
color: #4D4D4D; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
margin-right: 25px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_box .sign_btn #btn2{ |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic{ |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_img img{ |
|||
width: 160px; |
|||
height: 140px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .basic_title{ |
|||
font-size: 18px; |
|||
font-weight: 700; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box{ |
|||
line-height: 30px; |
|||
display: flex; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(0){ |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box:nth-child(10){ |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box .list_left{ |
|||
width: 130px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .list_box .list_content{ |
|||
width: 630px; |
|||
height: 30px; |
|||
border: 1px solid #EEEEEE; |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
color: #888888; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box{ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin-bottom: 40px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_left{ |
|||
width: 97px; |
|||
height: 30px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n+1) .list_content{ |
|||
width: 201px; |
|||
height: 30px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_left{ |
|||
width: 155px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
.wraper .byOrder_right .right_sign .sign_basic .basic_list .entrust_box .list_box:nth-child(2n) .list_content{ |
|||
width: 307px; |
|||
height: 30px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
/* |
|||
评估报告样式 |
|||
*/ |
|||
.wraper .byOrder_right .right_assess{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box .assess_titile{ |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_assess .assess_box .btn001{ |
|||
width: 45px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
border-radius: 5px; |
|||
font-size: 13px; |
|||
} |
|||
|
|||
|
|||
/* 发票详情样式 */ |
|||
.wraper .byOrder_right .right_details { |
|||
display: none; |
|||
height: 800px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details .make_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .make_details .make_return { |
|||
width: 44px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
background: #FDFDFD; |
|||
border-radius: 3px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box { |
|||
margin-bottom: 30px; |
|||
margin-top: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 { |
|||
width: 180px; |
|||
height: 100px; |
|||
border-radius: 10px; |
|||
text-align: center; |
|||
background: #E5E3E3; |
|||
color: #444444; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .success_step001 { |
|||
background: #24803E; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_type { |
|||
padding-top: 10px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_line { |
|||
width: 90px; |
|||
height: 1px; |
|||
background: #444444; |
|||
margin-left: 45px; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .success_line { |
|||
background: #ffffff; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_status { |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .step_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #E5E3E3; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step001 .success_longLine { |
|||
width: 203px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 180px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .right_details .step_box .step_info{ |
|||
width: 384px; |
|||
height: 2px; |
|||
background: #24803E; |
|||
position: absolute; |
|||
top: 49px; |
|||
left: 376px; |
|||
display: none; |
|||
z-index: 99999; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .un_table { |
|||
margin-top: 15px; |
|||
margin-bottom: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box { |
|||
margin-top: 21px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-align: center; |
|||
|
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_title { |
|||
width: 151px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n) .box_title { |
|||
width: 205px; |
|||
border: 1px solid #DDDDDD; |
|||
margin-top: -1px; |
|||
margin-left: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n+1) .box_con { |
|||
width: 226px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .unTicket .titck_box .box:nth-child(2n) .box_con { |
|||
width: 358px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 20px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .btn_btns input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 80px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.wraper .byOrder_right .toolTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .toolTicket input { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #F02525; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket { |
|||
margin-top: 35px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket input:nth-child(1) { |
|||
width: 110px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #3685BF; |
|||
color: #ffffff; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .successTicket input:nth-child(2) { |
|||
margin-left: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
border-radius: 5px; |
|||
width: 110px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
/* .wraper .byOrder_right .box .table thead tr th:nth-child(1){ |
|||
width: 57px; |
|||
} */ |
|||
/* 下载模态框样式 */ |
|||
#myModalD .modal-body .body_title { |
|||
height: 65px; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
font-size: 12px; |
|||
padding: 10px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_message{ |
|||
color: red; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_title .body_name{ |
|||
margin-top: 10px; |
|||
color: #785D03; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_title{ |
|||
margin: 20px 0px; |
|||
} |
|||
|
|||
#myModalD .modal-body .body_table .table_box{ |
|||
width: 408px; |
|||
height: 38px; |
|||
background: #E8F7FF; |
|||
border-radius: 3px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
line-height: 38px; |
|||
font-size: 12px; |
|||
justify-content: space-between; |
|||
padding: 0px 20px; |
|||
|
|||
} |
|||
|
|||
/* 资源列表 查看模态框 */ |
|||
#myModalImage .modal-body .body_box { |
|||
display: flex; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img{ |
|||
width: 283px; |
|||
height: 392px; |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
border-color: rgba(215, 215, 215, 1); |
|||
line-height: 392px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_img img{ |
|||
width: 271px; |
|||
height: 217px; |
|||
/* padding-left: 6px; */ |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message{ |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_title{ |
|||
font-size: 16px; |
|||
} |
|||
|
|||
#myModalImage .modal-body .body_box .box_message .mess_con{ |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_video{ |
|||
display: none; |
|||
} |
|||
|
|||
#myModalImage .modal-body #body_audio{ |
|||
display: none; |
|||
} |
|||
|
|||
/* 资源集详情数据 */ |
|||
.wraper .byOrder_right #sources_detial{ |
|||
display: none; |
|||
} |
|||
.wraper .byOrder_right .sources_detial{ |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box{ |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box .sign_title{ |
|||
font-weight: 700; |
|||
font-size: 18px; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sign_box .sign_btn #btn2{ |
|||
width: 45px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
line-height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .title{ |
|||
margin-top: 20px; |
|||
} |
|||
.wraper .byOrder_right .sources_detial .sources_info{ |
|||
margin-top: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sources_info .left_info{ |
|||
width: 50%; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .sources_info .left_info .title{ |
|||
margin-top: 5px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.wraper .byOrder_right .sources_detial .image_box .iamge_title{ |
|||
margin: 20px 0px; |
|||
} |
|||
.wraper .byOrder_right .sources_detial .image_box .iamge_title::before{ |
|||
content: "|"; |
|||
width: 2px; |
|||
background: #1890FF; |
|||
color: #1890FF; |
|||
font-size: 22px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
|
|||
/* 下载单资源模态框样式 */ |
|||
#myModalD .body_table .table_box .table_source{ |
|||
width: 350px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
display: flex; |
|||
background: #E8F7FF; |
|||
justify-content: space-between; |
|||
border: 1px solid #57A9FB; |
|||
padding: 0px 15px; |
|||
border-radius: 3px; |
|||
margin-top: 10px; |
|||
color: #323FFF; |
|||
} |
|||
@ -0,0 +1,70 @@ |
|||
/* |
|||
认证缴费样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .CerationPayment_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .CerationPayment_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .CerationPayment_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .CerationPayment_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
/* 右侧样式 */ |
|||
.wraper .CerationPayment_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .CerationPayment_right .rightBox { |
|||
display: block; |
|||
} |
|||
|
|||
.wraper .CerationPayment_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .CerationPayment_right .table span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
@ -0,0 +1,804 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 400px; |
|||
} |
|||
|
|||
.banner-wrapper { |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.punctuation { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 35px; |
|||
/* background-color: red; */ |
|||
bottom: 40px; |
|||
} |
|||
|
|||
.punct_box { |
|||
height: 35px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
/* background-color: #206CCF; */ |
|||
} |
|||
|
|||
.punct_item { |
|||
width: 80px; |
|||
height: 35px; |
|||
background-color: #000; |
|||
opacity: 0.72; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.punct_item2 { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.punct_item3 { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.banner-list { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
display: flex; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.item { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.item img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.subtitle { |
|||
height: 70px; |
|||
text-align: center; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 40px; |
|||
color: #252e4b; |
|||
margin: 30px 0 0; |
|||
position: relative; |
|||
} |
|||
|
|||
.mesMore { |
|||
font-weight: normal; |
|||
font-size: 16px; |
|||
position: absolute; |
|||
cursor: pointer; |
|||
top: 31px; |
|||
right: 352px; |
|||
color: #D8E0FF; |
|||
} |
|||
|
|||
.publicData { |
|||
width: 100%; |
|||
background-color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.public { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
margin-bottom: 20px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.publicbox { |
|||
width: 49%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.publictitle { |
|||
height: 30px; |
|||
font-size: 22px; |
|||
padding-left: 5px; |
|||
border-left: 5px solid rgba(23, 38, 72, 1); |
|||
color: #252e4b; |
|||
} |
|||
|
|||
.publicmore { |
|||
color: #4d4d4d; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.publicmore:hover { |
|||
color: #f18914; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.p-itembox { |
|||
width: 1200px; |
|||
height: 390px; |
|||
margin: 0 auto; |
|||
margin-bottom: 40px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.p-itemlist { |
|||
width: 49%; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
/* justify-content: space-between; */ |
|||
align-content: flex-start; |
|||
} |
|||
|
|||
.p-item { |
|||
width: 180px; |
|||
height: 180px; |
|||
background-size: 100% 100%; |
|||
position: relative; |
|||
overflow: hidden; |
|||
margin-bottom: 30px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.p-item-top { |
|||
position: absolute; |
|||
top: -140px; |
|||
width: 180px; |
|||
height: 140px; |
|||
background-color: #fff; |
|||
font-size: 14px; |
|||
padding: 10px; |
|||
opacity: 0.7; |
|||
color: #000; |
|||
} |
|||
|
|||
.p-item-bottom { |
|||
position: absolute; |
|||
bottom: -40px; |
|||
width: 100%; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
text-indent: 10px; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.supermarket { |
|||
width: 100%; |
|||
height: 600px; |
|||
background-image: linear-gradient(#3c5fdb, #9dbaf8); |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.sup-title { |
|||
color: #fff; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.sup-box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 440px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.Jump { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-align: right; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
font-size: 22px; |
|||
color: #000000; |
|||
padding: 20px 0; |
|||
} |
|||
|
|||
.Jump>span { |
|||
margin-left: 40px; |
|||
margin-right: 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.sup-recommend { |
|||
width: 67%; |
|||
} |
|||
|
|||
.sup-name { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 16px; |
|||
padding-left: 15px; |
|||
border-left: 5px solid #fff; |
|||
font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei', sans-serif; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
color: #D8E0FF; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.sup-itemlist { |
|||
height: 390px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
/* justify-content: space-between; */ |
|||
align-content: flex-start; |
|||
} |
|||
|
|||
.sup-ranking { |
|||
width: 31%; |
|||
} |
|||
|
|||
.ranking-header { |
|||
height: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.sup-name1 { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 16px; |
|||
padding-left: 15px; |
|||
border-left: 5px solid #fff; |
|||
font-family: 'Microsoft YaHei Bold', 'Microsoft YaHei Regular', 'Microsoft YaHei', sans-serif; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
color: #D8E0FF; |
|||
} |
|||
|
|||
.sup-tab { |
|||
width: 124px; |
|||
height: 30px; |
|||
font-size: 14px; |
|||
color: #0b0b0b; |
|||
background-color: #eaeaea; |
|||
display: flex; |
|||
} |
|||
|
|||
.sup-tab>div { |
|||
width: 50%; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.sup-tab>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.ranking-list-box { |
|||
background-color: #a1b3ef; |
|||
height: 390px; |
|||
} |
|||
|
|||
.list-item { |
|||
height: 39px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 20px; |
|||
color: #444; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.list_name { |
|||
color: #444; |
|||
width: 260px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.list_name:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.information { |
|||
width: 100%; |
|||
height: 630px; |
|||
background-color: #364168; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.inf-title { |
|||
color: #fff; |
|||
margin-top: 30px; |
|||
height: 50px; |
|||
} |
|||
|
|||
.inf-tab-box { |
|||
width: 740px; |
|||
margin: 0 auto; |
|||
height: 50px; |
|||
display: flex; |
|||
align-items: center; |
|||
/* justify-content: space-between; */ |
|||
font-size: 22px; |
|||
color: #9eb2fb; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.inf-tab-item { |
|||
margin-right: 50px; |
|||
} |
|||
|
|||
.inf-tab-item:last-of-type { |
|||
margin-right: 0; |
|||
} |
|||
|
|||
.inf-tab-item:hover { |
|||
cursor: pointer; |
|||
color: #fff; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.inf-tabs { |
|||
color: #fff; |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.inf-content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 400px; |
|||
background-color: #fff; |
|||
border-radius: 5px; |
|||
box-shadow: 0px 0px 5px rgb(253 253 253 / 35%); |
|||
padding: 20px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.inf-content-left { |
|||
width: 49%; |
|||
} |
|||
|
|||
.inf-content-left>img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.inf-content-right { |
|||
width: 49%; |
|||
} |
|||
|
|||
.inf-content-title { |
|||
display: inline-block; |
|||
font-size: 24px; |
|||
color: #144987; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.inf-content-title:hover, |
|||
.inf-content-item-content:hover { |
|||
color: #f18914; |
|||
} |
|||
|
|||
.inf-content-item { |
|||
height: 72px; |
|||
color: #144987; |
|||
font-size: 16px; |
|||
border-top: 1px solid #ddd; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.inf-content-item:last-child { |
|||
border-bottom: 1px solid #ddd; |
|||
} |
|||
|
|||
.inf-content-date { |
|||
width: 79px; |
|||
height: 60px; |
|||
border-right: 1px solid #ddd; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.inf-date-box { |
|||
text-align: center; |
|||
color: #444; |
|||
} |
|||
|
|||
.inf-date-day { |
|||
font-size: 24px; |
|||
} |
|||
|
|||
.inf-date-years { |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.inf-content-item-content { |
|||
width: calc(100% - 120px); |
|||
font-size: 16px; |
|||
line-height: 25px; |
|||
padding: 0 20px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.publicity { |
|||
width: 100%; |
|||
height: 480px; |
|||
background-color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.pub-box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
height: 340px; |
|||
background-color: #f7f8fa; |
|||
box-sizing: border-box; |
|||
border-radius: 7px; |
|||
border: 1px solid #e5e6eb; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.pub-btn { |
|||
height: 30px; |
|||
margin-bottom: 10px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.pub-btn-left { |
|||
width: 320px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.pub-btn-left-item { |
|||
font-size: 16px; |
|||
color: #4d4d4d; |
|||
} |
|||
|
|||
.pub-btn-left-item:hover { |
|||
cursor: pointer; |
|||
color: #f18914; |
|||
} |
|||
|
|||
.btns { |
|||
color: #f18914; |
|||
} |
|||
|
|||
.pub-btn-right { |
|||
width: 120px; |
|||
background-color: #e5e6eb; |
|||
border-radius: 5px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size: 12px; |
|||
color: #063078; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pub-btn-right:hover { |
|||
color: #f18914; |
|||
background-color: #d7d9dd; |
|||
} |
|||
|
|||
#pub-table { |
|||
height: 252px; |
|||
box-sizing: border-box; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.table-box { |
|||
width: 100%; |
|||
} |
|||
|
|||
.table-box .tr { |
|||
width: 100%; |
|||
display: flex; |
|||
font-weight: 600; |
|||
color: #535353; |
|||
} |
|||
|
|||
.table-box .td { |
|||
width: 140px; |
|||
height: 50px; |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
font-size: 14px; |
|||
border-right: 1px solid #e5e6eb; |
|||
border-bottom: 1px solid #e5e6eb; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.pub-text1 { |
|||
width: 310px; |
|||
color: #444; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.pub-text1:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.pub-text3:hover { |
|||
color: #444; |
|||
} |
|||
|
|||
.pub-text3 { |
|||
color: #444; |
|||
width: 200px; |
|||
text-align: center; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.table-box .td:nth-child(1) { |
|||
width: 310px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(2) { |
|||
width: 280px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(3) { |
|||
width: 200px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(4) { |
|||
width: 100px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(5) { |
|||
width: 180px; |
|||
} |
|||
|
|||
.table-box .td:nth-child(6) { |
|||
width: 70px; |
|||
} |
|||
|
|||
.table-box .pub-tr { |
|||
color: #444; |
|||
font-weight: 500; |
|||
} |
|||
|
|||
.provider { |
|||
width: 100%; |
|||
background-color: #f2f3f5; |
|||
overflow: hidden; |
|||
padding-bottom: 50px; |
|||
} |
|||
|
|||
.pro-title { |
|||
height: 60px; |
|||
color: #063078; |
|||
} |
|||
|
|||
.pro-tab-box { |
|||
width: 900px; |
|||
height: 50px; |
|||
margin: 0 auto; |
|||
margin-bottom: 30px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.pro-tab { |
|||
font-size: 22px; |
|||
color: #206CCF; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pro-tab:hover { |
|||
text-decoration: underline; |
|||
color: #114ba3; |
|||
} |
|||
|
|||
.tabs { |
|||
text-decoration: underline; |
|||
color: #114ba3; |
|||
} |
|||
|
|||
.pro-content { |
|||
width: 1200px; |
|||
height: 412px; |
|||
overflow: auto; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
} |
|||
|
|||
.pro-content-item { |
|||
width: 277px; |
|||
height: 182px; |
|||
margin-bottom: 24px; |
|||
} |
|||
|
|||
.pro-content-img { |
|||
width: 231px; |
|||
height: 118px; |
|||
/* opacity: 0.5; */ |
|||
margin: 0 auto; |
|||
margin-top: 25.5px; |
|||
background-color: #f2f2f2; |
|||
} |
|||
|
|||
.pro-content-img>img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.pro-content-text { |
|||
width: 231px; |
|||
margin: 0 auto; |
|||
margin-top: 7px; |
|||
height: 21px; |
|||
font-size: 16px; |
|||
color: #fff; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.transaction { |
|||
width: 100%; |
|||
/* height: 426px; */ |
|||
background-color: #c9cdd4; |
|||
/* overflow: hidden; */ |
|||
} |
|||
|
|||
.tran-title { |
|||
height: 80px; |
|||
color: #272e3b; |
|||
} |
|||
|
|||
.tran-content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
/* height: 190px; */ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
display: none; |
|||
} |
|||
|
|||
.lanList { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
/* height: 190px; */ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
} |
|||
|
|||
.tran-content-item { |
|||
width: 180px; |
|||
height: 80px; |
|||
background-color: #f7f8fa; |
|||
border-radius: 5px; |
|||
box-sizing: border-box; |
|||
padding: 10px 15px; |
|||
box-shadow: 3px 3px 5px rgb(0 0 0 / 14%); |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.tran-content-item:hover { |
|||
background-color: #fff; |
|||
box-shadow: 3px 3px 5px rgb(0 0 0 / 28%); |
|||
} |
|||
|
|||
.tran-content-name { |
|||
font-size: 16px; |
|||
text-align: center; |
|||
color: #444; |
|||
} |
|||
|
|||
.tran-content-split { |
|||
height: 1px; |
|||
background-color: #979797; |
|||
margin: 10px 0 6px; |
|||
} |
|||
|
|||
.tran-content-url { |
|||
font-size: 13px; |
|||
color: #828282; |
|||
} |
|||
|
|||
.current { |
|||
color: white !important; |
|||
} |
|||
|
|||
/* 订单轮播图 */ |
|||
.order_slides { |
|||
width: 1200px; |
|||
height: 40px; |
|||
margin: 20px auto; |
|||
border-radius: 5px; |
|||
/* line-height: 100px; */ |
|||
/* display: flex; */ |
|||
} |
|||
|
|||
/* .grad { |
|||
background-image: linear-gradient(to right, #f01768, #fc5068); |
|||
} */ |
|||
|
|||
.order_left { |
|||
width: 100%; |
|||
height: 40px; |
|||
/* border-radius: 5px 0 0 5px; */ |
|||
/* color: #fff; */ |
|||
text-align: center; |
|||
font-size: 28px; |
|||
font-weight: bold; |
|||
/* #262b4c */ |
|||
} |
|||
|
|||
.order_right { |
|||
box-sizing: border-box; |
|||
width: 100%; |
|||
height: 70px; |
|||
background-color: #262b4c; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.freetitle_box { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.order_shop { |
|||
width: 300px !important; |
|||
height: 70px !important; |
|||
margin-left: 10px; |
|||
color: #fff; |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
align-items: center; |
|||
} |
|||
|
|||
.order_shop:nth-child(1) { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.sup_flex { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.examine_market { |
|||
border: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.ipbut { |
|||
width: 140px; |
|||
height: 40px; |
|||
color: white; |
|||
background-color: rgba(104, 131, 255, 1); |
|||
border: none; |
|||
border-radius: 5px; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
text-align: center; |
|||
margin: 20px auto; |
|||
line-height: 40px; |
|||
} |
|||
@ -0,0 +1,176 @@ |
|||
/* 资讯中心-列表 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.InfoCenterList_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.InfoCenterList_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.InfoCenterList_main .list_main_left { |
|||
width: 260px; |
|||
height: 899px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
margin-top: 0px; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
.left_center::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
} |
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.InfoCenterList_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
height: 900px; |
|||
overflow: auto; |
|||
} |
|||
.list_main_right::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
.context-list{ |
|||
width: 870px; |
|||
height: 250px; |
|||
padding: 20px; |
|||
background-color: #f9f9f9; |
|||
} |
|||
.context-list1{ |
|||
width: 870px; |
|||
height: 250px; |
|||
padding: 20px; |
|||
background-color: #f9f9f9; |
|||
margin-top: 20px; |
|||
} |
|||
.context-header{ |
|||
width: 830px; |
|||
height: 175px; |
|||
padding: 10px; |
|||
} |
|||
.context-button{ |
|||
margin-top: 10px; |
|||
width: 850px; |
|||
height: 45px; |
|||
} |
|||
.btn_read{ |
|||
float: right; |
|||
margin-right: 20px; |
|||
} |
|||
.context-head-children{ |
|||
line-height: 50px; |
|||
margin-top: 20px; |
|||
font-size: 21px; |
|||
} |
|||
|
|||
.list_main_right .rigtcenter { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
|
|||
} |
|||
@ -0,0 +1,154 @@ |
|||
/* 资讯中心-详情 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.InfoDetails_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.InfoDetails_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.InfoDetails_main .list_main_left { |
|||
width: 260px; |
|||
/* height: 899px; */ |
|||
min-height: 900px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
/* overflow: hidden; */ |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.left_center::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.InfoDetails_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
/* height: 900px; */ |
|||
/* overflow: auto; */ |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
|
|||
.context-list { |
|||
width: 870px; |
|||
/* height: 900px; */ |
|||
padding: 20px; |
|||
/* background-color: #f9f9f9; */ |
|||
} |
|||
|
|||
.context-header { |
|||
width: 100%; |
|||
font-size: 20px; |
|||
height: 30px; |
|||
padding: 10px; |
|||
text-align: center; |
|||
line-height: 10px; |
|||
background-color: #a8a8a8; |
|||
border-radius: 10px; |
|||
float: left; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.context-body { |
|||
width: 850px; |
|||
/* height: 810px; */ |
|||
float: left; |
|||
margin-top: 20px; |
|||
padding: 0 20px; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.context-body h4 { |
|||
line-height: inherit; |
|||
} |
|||
@ -0,0 +1,130 @@ |
|||
/* |
|||
我的结算样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .MyClosing_left { |
|||
float: left; |
|||
width: 180px; |
|||
background: #FFFFFF; |
|||
height: 520px; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .MyClosing_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .MyClosing_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul { |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li { |
|||
width: 220px; |
|||
height: 90px; |
|||
border-radius: 4px; |
|||
box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
-moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
-webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.2); |
|||
margin-left: 20px; |
|||
padding: 25px 0 0 20px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .right_order ul li .count { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
/* 结算详情部分 */ |
|||
.wraper .MyClosing_right .details_box { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .details_box .details_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .MyClosing_right .details_box .details_h4 { |
|||
font-size: 15px; |
|||
font-weight: 700; |
|||
margin-top: 30px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
/* 结算失败模态框样式 */ |
|||
#myModal02 .modal-body .form_div{ |
|||
display: flex; |
|||
margin-top: 20px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div .form_title{ |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div input{ |
|||
width: 243px; |
|||
height: 40px; |
|||
border: 1px solid #DDDDDD; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div:nth-child(1) input{ |
|||
margin-left: 42px; |
|||
} |
|||
|
|||
#myModal02 .modal-body .form_div:nth-child(3) input{ |
|||
margin-left: 42px; |
|||
} |
|||
@ -0,0 +1,100 @@ |
|||
/* |
|||
我的消息样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .MyMessage_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .MyMessage_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .MyMessage_right { |
|||
float: left; |
|||
width: 980px; |
|||
min-height: 520px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .right_title { |
|||
font-size: 16px; |
|||
color: #000000; |
|||
} |
|||
|
|||
/* 详情样式 */ |
|||
.wraper .MyMessage_right .table_details { |
|||
display: none; |
|||
height: 420px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_title { |
|||
width: 300px; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
padding-left: 20px; |
|||
margin-top: 20px; |
|||
border-radius: 5px; |
|||
background: #F2F2F2; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content { |
|||
width: 940px; |
|||
border-radius: 10px; |
|||
background: #F2F2F2; |
|||
height: 230px; |
|||
margin-top: 17px; |
|||
position: relative; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content .details_box { |
|||
text-indent: 2em; |
|||
height: 160px; |
|||
overflow-y: auto; |
|||
} |
|||
|
|||
.wraper .MyMessage_right .table_details .details_content .detailsTime { |
|||
position: absolute; |
|||
bottom: 15px; |
|||
right: 20px; |
|||
} |
|||
|
|||
@ -0,0 +1,702 @@ |
|||
/* |
|||
我的认证样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.red_x { |
|||
color: red; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .mycetification_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .mycetification_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .mycetification_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .mycetification_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
.wraper .mycetification_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
margin-bottom: 30px; |
|||
min-height: 520px; |
|||
} |
|||
|
|||
/* 右侧内容样式 */ |
|||
.wraper .mycetification_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box { |
|||
width: 430px; |
|||
margin: 0px auto; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box .box_title { |
|||
font-size: 16px; |
|||
margin-top: 70px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box .border_box { |
|||
width: 430px; |
|||
height: 170px; |
|||
border: 1px solid #AAAAAA; |
|||
border-radius: 5px; |
|||
margin-top: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box .border_box .border_icon1 { |
|||
width: 30px; |
|||
height: 30px; |
|||
background-image: url('../images/icons.png'); |
|||
background-size: cover; |
|||
background-position: 0px -186px; |
|||
margin: 15px 0px 15px 200px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box .border_box .border_icon { |
|||
width: 30px; |
|||
height: 30px; |
|||
background-image: url('../images/icons.png'); |
|||
background-size: cover; |
|||
background-position: 0px -229px; |
|||
margin: 15px 0px 15px 200px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .right_box .border_box .border_input { |
|||
color: #4A90E2; |
|||
} |
|||
|
|||
/* |
|||
机构认证样式 |
|||
*/ |
|||
|
|||
/* 立即认证 */ |
|||
.modal .modal-dialog .modal-content .modal-footer { |
|||
padding: 15px 0px; |
|||
text-align: left; |
|||
} |
|||
|
|||
.wraper .mycetification_right #organHand { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right #hand_box { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_box { |
|||
width: 980px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
background: #FDFDFD; |
|||
margin: -20px 0px 0px -20px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_box .hand_title { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_box .hand_btn { |
|||
width: 45px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-top: 5px; |
|||
text-align: center; |
|||
border-radius: 3px; |
|||
border: 1px solid #DDDDDD; |
|||
cursor: pointer; |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.box02 { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.box02 #tags02 div { |
|||
cursor: pointer; |
|||
text-align: center; |
|||
padding: 0px 10px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.box02 #tags02 div:nth-child(1) { |
|||
background: none; |
|||
cursor: default; |
|||
margin-right: 10px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 207px; |
|||
} |
|||
|
|||
.box02 #tags02 div:nth-child(2) { |
|||
border-top-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
} |
|||
|
|||
.box02 #tags02 div:nth-child(3) { |
|||
border-top-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
} |
|||
|
|||
.box02 #tags02 .current02 { |
|||
background: #487AEE; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
|
|||
.wraper .mycetification_right .hand_formBox { |
|||
display: flex; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_formBox .form_left { |
|||
width: 690px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_formBox .form_right { |
|||
width: 160px; |
|||
height: 170px; |
|||
margin-left: 90px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_formBox .form_right img { |
|||
width: 160px; |
|||
height: 170px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .hand_formBox .form_left .form-horizontal .form-group { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
/* 认证中 */ |
|||
.wraper .mycetification_right #organing { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right #organSucces { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe { |
|||
display: flex; |
|||
margin-top: 20px; |
|||
margin-left: 50px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe .step_box { |
|||
width: 120px; |
|||
height: 120px; |
|||
background: #DDDDDD; |
|||
text-align: center; |
|||
line-height: 120px; |
|||
border-radius: 50%; |
|||
position: relative; |
|||
margin-left: 130px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe .step_box .stpe_line { |
|||
width: 131px; |
|||
height: 2px; |
|||
background: #DDDDDD; |
|||
position: absolute; |
|||
top: 57px; |
|||
left: 120px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe .step_box:nth-child(1) { |
|||
background: #3CB244; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe .step_box:nth-child(1) .stpe_line { |
|||
background: #3CB244; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_stpe .step_box:nth-child(2) { |
|||
background: #3CB244; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .mycetification_right .step_time { |
|||
margin-left: 175px; |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_failed { |
|||
width: 420px; |
|||
min-height: 150px; |
|||
margin: 40px auto; |
|||
border: 1px solid #A64545; |
|||
background: #FFEEEE; |
|||
color: #8C2C2C; |
|||
padding: 5px 20px; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_failed .failed_btn { |
|||
width: 68px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
color: #FFFFFF; |
|||
border-radius: 3px; |
|||
background: #5A6AA1; |
|||
font-size: 12px; |
|||
margin-left: 315px; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_failed .failed_message { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_success { |
|||
width: 420px; |
|||
min-height: 180px; |
|||
border-radius: 5px; |
|||
border: 1px solid #437FDD; |
|||
background: #E9FAFF; |
|||
color: #696DCF; |
|||
margin: 20px auto; |
|||
padding: 5px 20px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_success .success_mess { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_success .put_money { |
|||
width: 380px; |
|||
height: 30px; |
|||
border: 1px solid #DDDDDD; |
|||
border-radius: 5px; |
|||
margin-top: 15px; |
|||
font-size: 12px; |
|||
padding-left: 5px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .remit_success .put_btn { |
|||
width: 44px; |
|||
height: 30px; |
|||
border-radius: 3px; |
|||
line-height: 30px; |
|||
background: #6D92FF; |
|||
color: #FFFFFF; |
|||
font-size: 12px; |
|||
margin: 20px 0 0 336px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_details { |
|||
width: 80px; |
|||
margin: 50px auto; |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_details .det_tit { |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_details .det_line { |
|||
width: 80px; |
|||
height: 12px; |
|||
background: #5A8EE6; |
|||
position: absolute; |
|||
top: 16px; |
|||
left: 0; |
|||
opacity: .8; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_table { |
|||
width: 790px; |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
margin: 10px 0 0 150px; |
|||
font-size: 12px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_table .table_box { |
|||
display: flex; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_table .table_box .table_left { |
|||
width: 169px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: right; |
|||
padding-right: 10px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
background: #F9F9F9; |
|||
} |
|||
|
|||
.wraper .mycetification_right .organ_table .table_box .table_right { |
|||
width: 169px; |
|||
height: 46px; |
|||
line-height: 46px; |
|||
border: 1px solid #DDDDDD; |
|||
text-align: left; |
|||
padding-left: 10px; |
|||
margin-left: -1px; |
|||
margin-top: -1px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
/* 认证成功 */ |
|||
.wraper .mycetification_right .success_icon { |
|||
width: 100px; |
|||
height: 100px; |
|||
border-radius: 50%; |
|||
background: #22B315; |
|||
text-align: center; |
|||
line-height: 100px; |
|||
margin: 35px auto; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_icon .icon { |
|||
font-size: 42px; |
|||
color: #FFFFFF; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_title { |
|||
margin-top: 10px; |
|||
margin-left: 440px; |
|||
color: #239935; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_time { |
|||
margin-left: 400px; |
|||
color: #239935; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img { |
|||
position: relative; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img img { |
|||
width: 900px; |
|||
height: 802px; |
|||
margin-left: 15px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img .pos_lits { |
|||
position: absolute; |
|||
top: 100px; |
|||
left: 0px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img .succList { |
|||
text-align: center; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img .succList .list_title { |
|||
font-size: 22px; |
|||
} |
|||
|
|||
.wraper .mycetification_right .success_img .succList .list_card { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
/* |
|||
个人认证样式 |
|||
*/ |
|||
.wraper .mycetification_right #personalHand { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right .formPeral { |
|||
width: 690px; |
|||
margin-top: 40px; |
|||
} |
|||
|
|||
.wraper .mycetification_right #personaling { |
|||
display: none; |
|||
} |
|||
|
|||
.wraper .mycetification_right #personalSuccess { |
|||
display: none; |
|||
} |
|||
|
|||
/* |
|||
服务商认证样式 |
|||
*/ |
|||
|
|||
.wraper .mycetification_right #service { |
|||
display: none; |
|||
} |
|||
|
|||
.box03 { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.box03 #tags03 div { |
|||
cursor: pointer; |
|||
text-align: center; |
|||
padding: 0px 10px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
background: #EAEAEA; |
|||
} |
|||
|
|||
.box03 #tags03 div:nth-child(1) { |
|||
background: none; |
|||
cursor: default; |
|||
margin-right: 10px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 207px; |
|||
} |
|||
|
|||
.box03 #tags03 div:nth-child(2) { |
|||
border-top-left-radius: 3px; |
|||
border-bottom-left-radius: 3px; |
|||
} |
|||
|
|||
.box03 #tags03 div:nth-child(3) { |
|||
border-top-right-radius: 3px; |
|||
border-bottom-right-radius: 3px; |
|||
} |
|||
|
|||
.box03 #tags03 .current03 { |
|||
background: #487AEE; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
|
|||
/* |
|||
标签切换样式 |
|||
*/ |
|||
|
|||
.box01 #tags01 { |
|||
display: flex; |
|||
} |
|||
|
|||
.box01 #tags01 div { |
|||
width: 90px; |
|||
height: 60px; |
|||
/* height: 30px; */ |
|||
border-radius: 5px; |
|||
border: 1px solid #DDDDDD; |
|||
cursor: pointer; |
|||
margin-left: 27px; |
|||
padding: 10px 15px; |
|||
/* padding: 5px 15px; */ |
|||
text-align: center; |
|||
} |
|||
|
|||
.box01 #tags01 div:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.box01 #tags01 div:nth-child(4) { |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.box01 #tags01 .current01 { |
|||
background: #5B93FF; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.box01 #content01 { |
|||
margin-top: 15px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.box01 #content01 div { |
|||
display: none; |
|||
} |
|||
|
|||
.box01 #content01 .current01 { |
|||
display: block; |
|||
width: 440px; |
|||
min-height: 46px; |
|||
padding: 10px 8px; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
color: #444444; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
} |
|||
|
|||
.box01 #content01 .current01 p { |
|||
margin: 0px; |
|||
padding: 0px; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
|
|||
/* 根据组织机构代码 样式 */ |
|||
|
|||
.organ_group { |
|||
width: 540px; |
|||
margin: 25px auto; |
|||
} |
|||
|
|||
.organ_group input { |
|||
width: 400px; |
|||
height: 40px; |
|||
border: 1px solid #ddd; |
|||
margin-left: 20px; |
|||
border-radius: 5px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
/* .InstitutionIdentity input:nth-child(1){ |
|||
margin-left: 8px; |
|||
} */ |
|||
|
|||
.InstitutionIdentity input:nth-child(n+2){ |
|||
margin-left: 10px; |
|||
} |
|||
.InstitutionIdentity label{ |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
#certification{ |
|||
display: block; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
.PersonageIdentity{ |
|||
margin-top: 7px; |
|||
} |
|||
|
|||
.PersonageIdentity input:nth-child(n+2){ |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.PersonageIdentity label{ |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
#Personageification{ |
|||
display: block; |
|||
margin-top: 8px; |
|||
} |
|||
|
|||
|
|||
|
|||
#box05{ |
|||
display: none; |
|||
} |
|||
|
|||
.box05 #tags01 { |
|||
display: flex; |
|||
} |
|||
|
|||
.box05 #tags01 div { |
|||
/* width: 120px; */ |
|||
width: 140px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
border: 1px solid #DDDDDD; |
|||
cursor: pointer; |
|||
padding: 5px 15px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.box05 #tags01 div:nth-child(1) { |
|||
margin-left: 290px; |
|||
} |
|||
|
|||
.box05 #tags01 div:nth-child(2) { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.box05 #tags01 div:nth-child(3) { |
|||
margin-left: 290px; |
|||
margin-top:10px; |
|||
} |
|||
|
|||
.box05 #tags01 div:nth-child(4) { |
|||
line-height: 40px; |
|||
margin-left: 20px; |
|||
margin-top:10px; |
|||
} |
|||
|
|||
.box05 #tags01 div:nth-child(5) { |
|||
margin-left: 290px; |
|||
margin-top:10px; |
|||
} |
|||
|
|||
.box05 #tags01 .current01 { |
|||
background: #5B93FF; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
.box05 #content01 { |
|||
margin-top: 15px; |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.box05 #content01 div { |
|||
display: none; |
|||
} |
|||
|
|||
.box05 #content01 .current01 { |
|||
display: block; |
|||
width: 440px; |
|||
min-height: 46px; |
|||
padding: 10px 8px; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
color: #444444; |
|||
background: #FEFFE8; |
|||
border: 1px solid #CFAF0F; |
|||
} |
|||
|
|||
.box05 #content01 .current01 p { |
|||
margin: 0px; |
|||
padding: 0px; |
|||
line-height: 25px; |
|||
} |
|||
.agreement_color{ |
|||
cursor:pointer; |
|||
color: #337ab7; |
|||
} |
|||
@ -0,0 +1,80 @@ |
|||
/* |
|||
认证缴费样式 |
|||
*/ |
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.wraper .mydeal_left { |
|||
float: left; |
|||
width: 180px; |
|||
height: 520px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li { |
|||
text-align: center; |
|||
height: 50px; |
|||
line-height: 50px; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li a { |
|||
text-decoration: none; |
|||
color: #444444; |
|||
} |
|||
|
|||
.wraper .mydeal_left ul li .active { |
|||
color: #4689C6; |
|||
} |
|||
|
|||
/* 右侧样式 */ |
|||
.wraper .mydeal_right { |
|||
float: left; |
|||
width: 980px; |
|||
background: #FFFFFF; |
|||
padding: 20px; |
|||
min-height: 520px; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .rightBox { |
|||
display: block; |
|||
} |
|||
|
|||
.wraper .mydeal_right .right_title { |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .right_name { |
|||
border-left: 5px solid rgba(17, 116, 155, 1); |
|||
margin-top: 15px; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .table { |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.wraper .mydeal_right .table span { |
|||
display: inline-block; |
|||
color: #0000FF; |
|||
} |
|||
@ -0,0 +1,274 @@ |
|||
/* 支付 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
.paymentword { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.paymentword #aymentod { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword #aymentod p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword #aymentod p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword #aymentod p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.paymentword #aymentod .btn { |
|||
width: 80px; |
|||
height: 40px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
cursor: pointer; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
|
|||
.paymentword #ledlist { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest .lestp { |
|||
color: #9D1F1F; |
|||
line-height: 30px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.paymentword .fonter { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword .fonter p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword .fonter p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword .fonter p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.invoice { |
|||
display: flex; |
|||
margin: 20px 0 0 20px; |
|||
} |
|||
|
|||
.invoice #btns { |
|||
color: #324BD0; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
.modal-body { |
|||
display: flex; |
|||
} |
|||
|
|||
.modal-body .modal_left { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.modal-body .modal_right { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.modal-body .modal_right input { |
|||
height: 30px; |
|||
border: 1px solid rgba(221, 221, 221, 1); |
|||
margin-left: 10px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.aaa { |
|||
border-color: rgba(212, 0, 0, 1) !important; |
|||
} |
|||
|
|||
.bbb { |
|||
border-color: rgba(212, 0, 0, 1) !important; |
|||
} |
|||
|
|||
.modal-body .modal_right1 { |
|||
margin-left: 30px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.modal-body .modal_right2 { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.modal-body .modal_right2 input { |
|||
height: 30px; |
|||
border: 1px solid rgba(221, 221, 221, 1); |
|||
margin-left: 10px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.firmpay { |
|||
width: 140px; |
|||
height: 40px; |
|||
background-color: rgba(64, 122, 196, 1); |
|||
border: none; |
|||
outline: none; |
|||
color: white; |
|||
margin-top: 50px; |
|||
} |
|||
|
|||
.active { |
|||
background-color: rgba(223, 255, 221, 1) !important; |
|||
border-color: rgba(49, 170, 68, 1) !important; |
|||
} |
|||
|
|||
|
|||
#myModal .modal-dialog .modal-content .modal-word .tent_left { |
|||
width: 250px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
#myModal .modal-dialog .modal-content .modal-word .tent_cen { |
|||
width: 30px; |
|||
margin: 0 auto; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
|
|||
#situationModal .modal-dialog .modal-content .situation-word .word_header{ |
|||
width: 140px; |
|||
margin: 20px auto; |
|||
} |
|||
|
|||
#situationModal .modal-dialog .modal-content .situation-word .word_cen{ |
|||
height: 150px; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
#situationModal .modal-dialog .modal-content .situation-word .word_cen .btn_cen{ |
|||
cursor: pointer; |
|||
width: 120px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
background-color: #0C82FF; |
|||
color: white; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
|
|||
.paymentword #Total_price{ |
|||
height: 100px; |
|||
line-height: 100px; |
|||
} |
|||
|
|||
.modal-content .modal-word .new_iframe{ |
|||
width: 100%; |
|||
height:500px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body1{ |
|||
display: block; |
|||
} |
|||
|
|||
.error { |
|||
width: 100%; |
|||
height: 300px; |
|||
text-align: center; |
|||
font-family: "黑体", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; |
|||
-webkit-text-size-adjust: none; |
|||
font-size: 1.4rem; |
|||
background: #EFEFF4; |
|||
color: #000; |
|||
-webkit-user-select: none; |
|||
} |
|||
|
|||
.error-tit { |
|||
padding: 80px 0 23px 0; |
|||
color: #000; |
|||
font-size: 18px; |
|||
text-align: center; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.error-hand { |
|||
width: 42px; |
|||
height: 42px; |
|||
margin: 0 auto; |
|||
background: url(../images/hand.png) no-repeat; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.error-text { |
|||
padding: 25px 10px; |
|||
color: #999; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.error-text span { |
|||
color: #333; |
|||
padding: 0 3px; |
|||
} |
|||
@ -0,0 +1,322 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.content { |
|||
overflow: hidden; |
|||
background-color: #f2f8fc; |
|||
} |
|||
|
|||
.search-box { |
|||
width: 1200px; |
|||
height: 108px; |
|||
margin: 20px auto; |
|||
background-color: #00000017; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.search-type { |
|||
width: 288px; |
|||
height: 60px; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.name { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 14px; |
|||
color: #444; |
|||
} |
|||
|
|||
.type { |
|||
height: 30px; |
|||
display: flex; |
|||
background-color: #eee; |
|||
} |
|||
|
|||
.type>div { |
|||
width: 112px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
font-size: 12px; |
|||
color: #888; |
|||
} |
|||
|
|||
.type>div:nth-child(1) { |
|||
width: 64px; |
|||
} |
|||
|
|||
.type>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.type-item { |
|||
background-color: #a6a6a6; |
|||
color: #000 !important; |
|||
} |
|||
|
|||
.search-name { |
|||
width: 200px; |
|||
height: 60px; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#name { |
|||
height: 30px; |
|||
border-radius: 0; |
|||
box-shadow: none; |
|||
border: 0; |
|||
} |
|||
|
|||
.search { |
|||
width: 68px; |
|||
height: 30px; |
|||
background-color: #1b61ac; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: #fff; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.search:hover { |
|||
cursor: pointer; |
|||
background-color: #286090; |
|||
} |
|||
|
|||
.search:active { |
|||
background-color: #204d74; |
|||
} |
|||
|
|||
.content-box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 20px 19px; |
|||
background-color: #fff; |
|||
border: 1px solid #eee; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.main-cent { |
|||
/* height: 870px; */ |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
align-content: start; |
|||
} |
|||
|
|||
.main-cent-item { |
|||
width: 275px; |
|||
/* height: 425px; */ |
|||
margin-bottom: 20px; |
|||
} |
|||
|
|||
.main-cent-item:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.item-top { |
|||
width: 275px; |
|||
height: 275px; |
|||
position: relative; |
|||
} |
|||
|
|||
.item-top>img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.item-date { |
|||
position: absolute; |
|||
top: 0; |
|||
right: 0; |
|||
width: 90px; |
|||
height: 25px; |
|||
background-color: #606060; |
|||
opacity: 0.84; |
|||
color: #fbfbfb; |
|||
font-size: 15px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.item-img { |
|||
position: absolute; |
|||
bottom: 0; |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: #5b5b5b; |
|||
opacity: 0.84; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.item-img>div:nth-child(1) { |
|||
height: 50px; |
|||
line-height: 50px; |
|||
width: 225px; |
|||
overflow: hidden; |
|||
font-size: 16px; |
|||
color: #ffffff; |
|||
} |
|||
|
|||
.item-img>div:nth-child(2) { |
|||
font-size: 13px; |
|||
color: #ff6060; |
|||
} |
|||
|
|||
.item-bottom { |
|||
/* height: 150px; */ |
|||
padding: 0 10px; |
|||
padding-top: 10px; |
|||
background-color: #f2f2f2; |
|||
} |
|||
|
|||
.item-text { |
|||
font-size: 13px; |
|||
color: #737373; |
|||
line-height: 22px; |
|||
display: flex; |
|||
} |
|||
|
|||
.isli-text { |
|||
width: 164px; |
|||
color: #737373; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.isli-text:hover { |
|||
color: #737373; |
|||
} |
|||
|
|||
.item-cart { |
|||
height: 41px; |
|||
border-top: 1px solid #ccc; |
|||
margin-top: 33px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
padding: 0 3px; |
|||
font-size: 15px; |
|||
} |
|||
|
|||
.item-cart>div:nth-child(1) { |
|||
color: #4c0000; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.item-cart>div:nth-child(2) { |
|||
color: #ac0000; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
|
|||
/* 外面盒子样式---自己定义 */ |
|||
|
|||
.page_div { |
|||
margin-top: 20px; |
|||
color: #666; |
|||
text-align: right; |
|||
} |
|||
|
|||
|
|||
/* 页数按钮样式 */ |
|||
|
|||
.page_div button { |
|||
display: inline-block; |
|||
min-width: 30px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #666; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #dce0e0; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
|
|||
/* 单页数据选择框样式 */ |
|||
|
|||
#page-sizes { |
|||
display: inline-block; |
|||
min-width: 80px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #0073A9; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #0073A9; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
#page-sizes:focus-visible { |
|||
outline: -webkit-focus-ring-color auto 0; |
|||
} |
|||
|
|||
#text { |
|||
width: 50px; |
|||
height: 29px; |
|||
color: #666; |
|||
text-align: center; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#firstPage, |
|||
#lastPage, |
|||
#nextPage, |
|||
#prePage { |
|||
width: 50px; |
|||
color: #0073A9; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#nextPage, |
|||
#prePage { |
|||
width: 70px; |
|||
} |
|||
|
|||
.page_div .current { |
|||
background-color: #0073A9; |
|||
border-color: #0073A9; |
|||
color: #FFF; |
|||
} |
|||
|
|||
|
|||
/* 页面数量 */ |
|||
|
|||
.totalPages { |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
.totalPages span, |
|||
.totalSize span { |
|||
color: #0073A9; |
|||
margin: 0 5px; |
|||
} |
|||
|
|||
|
|||
/*button禁用*/ |
|||
|
|||
.page_div button:disabled { |
|||
opacity: .5; |
|||
cursor: no-drop; |
|||
} |
|||
@ -0,0 +1,252 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #fff; |
|||
margin-bottom: 30px; |
|||
box-shadow: 0px 0px 3px rgb(68 68 68 / 44%) |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
color: #444444; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.super_detword { |
|||
width: 100%; |
|||
padding-bottom: 100px; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.super_detmain { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.super_title { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
} |
|||
|
|||
.super_title>button { |
|||
width: 140px; |
|||
height: 30px; |
|||
background-color: #d5d5d5; |
|||
border: none; |
|||
border-radius: 5px; |
|||
font-size: 12px; |
|||
color: #4d4d4d; |
|||
} |
|||
|
|||
.super_title>button:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.super_center { |
|||
display: flex; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.center_left { |
|||
width: 252px; |
|||
height: 249px; |
|||
} |
|||
|
|||
.center_left img { |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.center_right { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#cen-ock { |
|||
margin-top: 20px; |
|||
border: 1px solid #d7d7d7; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.con_box { |
|||
width: 910px; |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 14px; |
|||
border-bottom: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.title { |
|||
width: 110px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content { |
|||
width: 750px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.center_right .cen_right_two { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
#cen-ock_two { |
|||
margin-top: 20px; |
|||
border: 1px solid #d7d7d7; |
|||
border-bottom: none; |
|||
} |
|||
|
|||
.title_two { |
|||
width: 150px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content_two { |
|||
width: 227px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
border-right: 1px solid #d7d7d7; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.title1_two { |
|||
width: 175px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content1_two { |
|||
width: 348px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.center_right .cen_right_three { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.cen-ock_three { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.actives { |
|||
background-color: rgba(55, 74, 165, 1); |
|||
color: white; |
|||
} |
|||
|
|||
.thre_centen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.thre_centen .table { |
|||
width: 910px; |
|||
} |
|||
|
|||
.thre_centen .table .text-center { |
|||
height: 30px; |
|||
background: #F2F2F2; |
|||
font-weight: normal; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
} |
|||
|
|||
.thre_centen .table .text-center1 { |
|||
width: 200px; |
|||
height: 30px; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
padding: 2px; |
|||
} |
|||
|
|||
.details { |
|||
cursor: pointer; |
|||
color: #337ab7; |
|||
} |
|||
|
|||
.thre_centen .table .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.footers { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.pingCart { |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.pingCart>div { |
|||
width: 180px; |
|||
height: 50px; |
|||
color: white; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.pingCart>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pingCart>div:nth-child(1) { |
|||
background-color: #108284; |
|||
} |
|||
|
|||
.pingCart>div:nth-child(2) { |
|||
margin-right: 120px; |
|||
background-color: #842911; |
|||
} |
|||
@ -0,0 +1,167 @@ |
|||
/* 业务指南-详情 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.SinGuideDetails_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.SinGuideDetails_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.SinGuideDetails_main .list_main_left { |
|||
width: 260px; |
|||
/* height: 899px; */ |
|||
min-height: 900px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.SinGuideDetails_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
|
|||
.context-list { |
|||
width: 870px; |
|||
/* height: 900px; */ |
|||
padding: 20px; |
|||
/* background-color: #f9f9f9; */ |
|||
} |
|||
|
|||
.context-header { |
|||
width: 100%; |
|||
font-size: 20px; |
|||
height: 30px; |
|||
padding: 10px; |
|||
text-align: center; |
|||
line-height: 10px; |
|||
background-color: #a8a8a8; |
|||
border-radius: 10px; |
|||
float: left; |
|||
/* overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; */ |
|||
} |
|||
|
|||
.context-body { |
|||
width: 850px; |
|||
/* height: 810px; */ |
|||
float: left; |
|||
margin-top: 20px; |
|||
overflow: auto; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.context-body1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
@ -0,0 +1,185 @@ |
|||
/* 业务指南-列表 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.SinGuideList_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.SinGuideList_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.SinGuideList_main .list_main_left { |
|||
width: 260px; |
|||
height: 899px; |
|||
background-color: rgba(215, 215, 215, 1); |
|||
padding: 10px; |
|||
} |
|||
|
|||
.left_center { |
|||
width: 220px; |
|||
margin: 20px auto; |
|||
height: 92%; |
|||
overflow: auto; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.left_center1::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
|
|||
.cen_ter { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cen_ter_true { |
|||
width: 220px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
margin-top: 10px; |
|||
font-size: 14px; |
|||
border-radius: 5px; |
|||
background-color: #999999; |
|||
text-align: center; |
|||
} |
|||
|
|||
.SinGuideList_main .list_main_right { |
|||
width: 900px; |
|||
margin-left: 20px; |
|||
height: 900px; |
|||
overflow: auto; |
|||
} |
|||
.list_main_right::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 0px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #535353; |
|||
} |
|||
|
|||
.list_main_right::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
.list_main_right .right_header { |
|||
width: 226px; |
|||
height: 30px; |
|||
text-align: center; |
|||
background-color: rgb(168, 168, 168); |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
border-radius: 9px; |
|||
color: white; |
|||
} |
|||
|
|||
.list_main_right .rigtcenter { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
height: 100%; |
|||
|
|||
} |
|||
.list_main_right .context-list:nth-child(1){ |
|||
margin-top: 0px; |
|||
} |
|||
|
|||
.list_main_right .context-list{ |
|||
width: 870px; |
|||
height: 250px; |
|||
padding: 20px; |
|||
margin-top: 20px; |
|||
background-color: #f9f9f9; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-header { |
|||
width: 830px; |
|||
height: 175px; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.context-head-children { |
|||
line-height: 50px; |
|||
margin-top: 20px; |
|||
font-size: 21px; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-button { |
|||
margin-top: 10px; |
|||
width: 850px; |
|||
height: 45px; |
|||
} |
|||
|
|||
.list_main_right .context-list .context-button .btn_read { |
|||
width: 82px; |
|||
height: 34px; |
|||
color: #333; |
|||
background-color: #fff; |
|||
border-color: #ccc; |
|||
float: right; |
|||
margin-right: 20px; |
|||
cursor: pointer; |
|||
} |
|||
@ -0,0 +1,398 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.banner { |
|||
width: 100%; |
|||
height: 400px; |
|||
} |
|||
|
|||
.banner-wrapper { |
|||
position: relative; |
|||
overflow: hidden; |
|||
width: 100%; |
|||
height: 100%; |
|||
} |
|||
|
|||
.banner-list { |
|||
width: 100%; |
|||
height: 100%; |
|||
position: absolute; |
|||
display: flex; |
|||
top: 0; |
|||
left: 0; |
|||
} |
|||
|
|||
.punctuation { |
|||
position: absolute; |
|||
width: 100%; |
|||
height: 35px; |
|||
/* background-color: red; */ |
|||
bottom: 40px; |
|||
} |
|||
|
|||
.punct_box { |
|||
height: 35px; |
|||
margin: 0 auto; |
|||
display: flex; |
|||
/* background-color: #206CCF; */ |
|||
} |
|||
|
|||
.punct_item { |
|||
width: 80px; |
|||
height: 35px; |
|||
background-color: #000; |
|||
opacity: 0.72; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.punct_item2 { |
|||
margin-right: 20px; |
|||
} |
|||
|
|||
.punct_item3 { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.store_deailsbox { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.detisl_head { |
|||
width: 1200px; |
|||
height: 180px; |
|||
margin: 30px auto; |
|||
/* background: white; */ |
|||
display: flex; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.head_left { |
|||
width: 30%; |
|||
height: 180px; |
|||
} |
|||
|
|||
.head_left img { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: contain; |
|||
} |
|||
|
|||
.head_right { |
|||
width: 70%; |
|||
height: 180px; |
|||
margin-left: 20px; |
|||
display: flex; |
|||
} |
|||
|
|||
.con_box_left,.con_box_right { |
|||
width: 50%; |
|||
} |
|||
|
|||
.con_box { |
|||
display: flex; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
font-size: 14px; |
|||
border: 1px solid #d7d7d7; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
.title_two { |
|||
width: 40%; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
border-collapse: collapse; |
|||
} |
|||
|
|||
.content_two { |
|||
width: 60%; |
|||
border-collapse: collapse; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
display: -webkit-box; |
|||
-webkit-line-clamp: 1; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.search_header { |
|||
width: 1200px; |
|||
height: 100px; |
|||
margin: 0px auto; |
|||
background: white; |
|||
} |
|||
|
|||
.search_header .search_box { |
|||
padding: 40px; |
|||
display: flex; |
|||
justify-content: space-evenly; |
|||
} |
|||
|
|||
.search_header .search_box div .iptword { |
|||
width: 190px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
border: 1px solid #dddddd; |
|||
} |
|||
|
|||
.search_header .search_box div .select { |
|||
width: 140px; |
|||
height: 30px; |
|||
border: 1px solid #dddddd; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
} |
|||
|
|||
.search_header .search_box div .select1 { |
|||
width: 140px; |
|||
height: 30px; |
|||
border: 1px solid #dddddd; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
} |
|||
|
|||
|
|||
.search_header .search_box .btn3, |
|||
.btn4 { |
|||
width: 68px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
border: none; |
|||
color: white; |
|||
background-color: rgba(62, 71, 97, 1); |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.main_table { |
|||
width: 1200px; |
|||
margin: 20px auto; |
|||
padding: 20px 0; |
|||
background-color: #fff; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.main_table #main_cent { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook { |
|||
width: 265px; |
|||
height: 420px; |
|||
cursor: pointer; |
|||
margin: 10px 0 0 33px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head { |
|||
position: relative; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(4n+1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_head { |
|||
position: absolute; |
|||
height: 25px; |
|||
left: 188px; |
|||
top: 0; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom { |
|||
position: absolute; |
|||
width: 265px; |
|||
height: 50px; |
|||
left: 0; |
|||
top: 220px; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
line-height: 50px; |
|||
display: flex; |
|||
font-size: 16px; |
|||
justify-content: space-between; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom .tig_botm1 { |
|||
width: 160px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head img { |
|||
width: 265px; |
|||
height: 270px; |
|||
/* object-fit: contain; */ |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men { |
|||
width: 265px; |
|||
height: 125px; |
|||
background-color: rgba(242, 242, 242, 1); |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men p { |
|||
width: 245px; |
|||
font-size: 13px; |
|||
color: #737373; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .bor { |
|||
width: 245px; |
|||
border: 1px solid #CCCCCC; |
|||
margin: 5px 0 0 10px; |
|||
line-height: 1px; |
|||
background-color: #CCCCCC; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
font-size: 15px; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott div { |
|||
margin-top: 7px; |
|||
} |
|||
|
|||
|
|||
#main_cent .main_mook .mook_men .men_bott .men_name { |
|||
color: #4C0000; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.setPageDiv { |
|||
width: 1100px; |
|||
margin: auto; |
|||
margin-bottom: 91px; |
|||
margin-top: 37px; |
|||
} |
|||
|
|||
#pagination { |
|||
margin: auto; |
|||
margin-left: 100px; |
|||
text-align: right; |
|||
} |
|||
|
|||
/* 外面盒子样式---自己定义 */ |
|||
|
|||
.page_div { |
|||
margin-top: 20px; |
|||
color: #666; |
|||
text-align: right; |
|||
padding: 0 26px 0 0; |
|||
} |
|||
|
|||
|
|||
/* 页数按钮样式 */ |
|||
|
|||
.page_div button { |
|||
display: inline-block; |
|||
min-width: 30px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #666; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #dce0e0; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
|
|||
/* 单页数据选择框样式 */ |
|||
|
|||
#page-sizes { |
|||
display: inline-block; |
|||
min-width: 80px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #0073A9; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #0073A9; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
#page-sizes:focus-visible { |
|||
outline: -webkit-focus-ring-color auto 0; |
|||
} |
|||
|
|||
#text { |
|||
width: 50px; |
|||
height: 29px; |
|||
color: #666; |
|||
text-align: center; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#firstPage, |
|||
#lastPage, |
|||
#nextPage, |
|||
#prePage { |
|||
width: 50px; |
|||
color: #0073A9; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#nextPage, |
|||
#prePage { |
|||
width: 70px; |
|||
} |
|||
|
|||
.page_div .current { |
|||
background-color: #0073A9; |
|||
border-color: #0073A9; |
|||
color: #FFF; |
|||
} |
|||
|
|||
/* 页面数量 */ |
|||
.totalPages { |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
.totalPages span, |
|||
.totalSize span { |
|||
color: #0073A9; |
|||
margin: 0 5px; |
|||
} |
|||
|
|||
|
|||
/*button禁用*/ |
|||
|
|||
.page_div button:disabled { |
|||
opacity: .5; |
|||
cursor: no-drop; |
|||
} |
|||
@ -0,0 +1,436 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.header { |
|||
background-color: rgba(37, 46, 75, 0.8); |
|||
width: 100%; |
|||
height: 100px; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.login { |
|||
height: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
color: #d0bd9b; |
|||
font-size: 14px; |
|||
padding-right: 100px; |
|||
} |
|||
|
|||
.login>div>a { |
|||
color: #d0bd9b; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.login>div { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.login>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.navbarbox { |
|||
/* width: 1200px; */ |
|||
height: 70px; |
|||
margin: 0 80px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.titles-name { |
|||
font-size: 28px; |
|||
color: #f5ddad; |
|||
} |
|||
|
|||
.navbar-tab { |
|||
margin-top: 10px; |
|||
width: 60%; |
|||
height: 60px; |
|||
display: flex; |
|||
} |
|||
|
|||
.itembox { |
|||
flex: 1; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
color: #fdfaf5; |
|||
} |
|||
|
|||
.itembox>div { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 0 15px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.itembox>div>a { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fdfaf5; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.itembox>div>a:hover { |
|||
color: #d0bd9b; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart { |
|||
width: 60px; |
|||
height: 60px; |
|||
background-color: rgba(119, 119, 119, 0.5); |
|||
text-align: center; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.cart:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart>img { |
|||
margin: 10px 0 5px; |
|||
} |
|||
|
|||
.markethome_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.homemain_header { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.sources, |
|||
.sources1 { |
|||
width: 580px; |
|||
height: 60px; |
|||
/* color: white; */ |
|||
background-color: rgba(102, 134, 229, 1); |
|||
text-align: center; |
|||
line-height: 60px; |
|||
font-size: 20px; |
|||
outline: none; |
|||
border: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.current { |
|||
color: white; |
|||
} |
|||
|
|||
.homemain_cen { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.cen_title { |
|||
font-style: normal; |
|||
font-size: 14px; |
|||
font-weight: 700; |
|||
} |
|||
|
|||
.cen_left { |
|||
width: 380px; |
|||
height: 664px; |
|||
background-color: white; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.cen_middle { |
|||
width: 380px; |
|||
height: 664px; |
|||
background-color: white; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.cen_right { |
|||
width: 380px; |
|||
height: 664px; |
|||
background-color: white; |
|||
padding: 10px; |
|||
} |
|||
|
|||
.cen_left_tent, |
|||
.cen_left_tent1, |
|||
.cen_left_tent2 { |
|||
display: flex; |
|||
justify-content: space-around; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.tent_left { |
|||
width: 100px; |
|||
height: 100px; |
|||
} |
|||
|
|||
.tent_left .tent_img { |
|||
width: 100%; |
|||
height: 100%; |
|||
cursor: pointer; |
|||
object-fit: contain; |
|||
} |
|||
|
|||
.tent_right .tent_r_title { |
|||
width: 220px; |
|||
padding: 0px 0px 0px 10px; |
|||
height: 19px; |
|||
background-color: #E2E2E2; |
|||
border-radius: 5px; |
|||
margin-top: 5px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.tent_right .tent_r_cen { |
|||
width: 220px; |
|||
padding: 0px 0px 0px 10px; |
|||
height: 16px; |
|||
background-color: #F2F2F2; |
|||
font-size: 12px; |
|||
color: #777777; |
|||
border-radius: 5px; |
|||
margin-top: 20px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.tent_right .tent_r_fon { |
|||
width: 220px; |
|||
padding: 0px 0px 0px 10px; |
|||
height: 19px; |
|||
font-size: 14px; |
|||
color: #444444; |
|||
margin-top: 20px; |
|||
background-color: #F2F2F2; |
|||
border-radius: 5px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.img_picture { |
|||
margin-top: 20px; |
|||
padding: 15px; |
|||
background-color: white; |
|||
} |
|||
|
|||
.img_word { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.img_one, |
|||
.img_two, |
|||
.img_thre, |
|||
.img_four { |
|||
width: 271px; |
|||
} |
|||
|
|||
.img_wid { |
|||
margin-top: 15px; |
|||
width: 271px; |
|||
object-fit: contain; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.ipbut { |
|||
width: 140px; |
|||
height: 40px; |
|||
color: white; |
|||
background-color: rgba(104, 131, 255, 1); |
|||
border: none; |
|||
border-radius: 5px; |
|||
font-weight: 400; |
|||
font-style: normal; |
|||
text-align: center; |
|||
} |
|||
|
|||
.footer { |
|||
height: 320px; |
|||
background-image: url('../images/footer.png'); |
|||
padding: 20px 0 0; |
|||
color: #ccc; |
|||
position: relative; |
|||
} |
|||
|
|||
.top { |
|||
padding: 0 80px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.top1, |
|||
.top2 { |
|||
width: 382px; |
|||
} |
|||
|
|||
.thumbnail { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.top-title { |
|||
height: 60px; |
|||
border-bottom: 1px solid #999; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.top-title>div:nth-child(1) { |
|||
font-size: 30px; |
|||
} |
|||
|
|||
.top-title>div:nth-child(2) { |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.top-introduce { |
|||
margin-top: 20px; |
|||
font-size: 14px; |
|||
line-height: normal; |
|||
color: #aaa; |
|||
} |
|||
|
|||
.top3 { |
|||
width: 141px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.bottom { |
|||
width: 100%; |
|||
height: 60px; |
|||
position: absolute; |
|||
bottom: 0; |
|||
background-color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
|
|||
.footerbox { |
|||
height: 60px; |
|||
margin: 0 80px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.footerbox>div:nth-child(1) { |
|||
color: #b8a8a8; |
|||
} |
|||
|
|||
.footerbox>div:nth-child(2) { |
|||
color: #444444; |
|||
} |
|||
|
|||
#Show_pictures { |
|||
width: 100%; |
|||
height: 340px; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
#Show_pictures #show_word { |
|||
display: flex; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_left .thumbn1 { |
|||
width: 580px; |
|||
height: 340px; |
|||
background-color: rgba(0, 0, 0, 0.1); |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_left .thumbn1 img { |
|||
width: 580px; |
|||
height: 289px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_left .thumbn1 .caption { |
|||
padding: 10px 15px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right { |
|||
width: 580px; |
|||
height: 340px; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 { |
|||
width: 580px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn2 { |
|||
width: 280px; |
|||
height: 160px; |
|||
background-color: rgba(0, 0, 0, 0.1) !important; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn3 { |
|||
width: 280px; |
|||
height: 160px; |
|||
background-color: rgba(0, 0, 0, 0.1) !important; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn2 .img_ters { |
|||
width: 280px; |
|||
height: 130px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn3 .img_ters { |
|||
width: 280px; |
|||
height: 130px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .caption { |
|||
padding: 5px 15px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r2 { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn4 { |
|||
width: 280px; |
|||
height: 160px; |
|||
background-color: rgba(0, 0, 0, 0.1) !important; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn5 { |
|||
width: 280px; |
|||
height: 160px; |
|||
background-color: rgba(0, 0, 0, 0.1) !important; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn4 .img_ters { |
|||
width: 280px; |
|||
height: 130px; |
|||
} |
|||
|
|||
#Show_pictures #show_word .show_word_right .word_r1 .thumbn5 .img_ters { |
|||
width: 280px; |
|||
height: 130px; |
|||
} |
|||
@ -0,0 +1,96 @@ |
|||
.trade_agreement .trade_h11 { |
|||
width: 1200px; |
|||
color: red; |
|||
letter-spacing: 4rem; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
.trade_agreement .trade_h { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .p1 { |
|||
width: 1200px; |
|||
height: 1px; |
|||
background-color: red; |
|||
margin: 30px auto; |
|||
} |
|||
|
|||
.trade_agreement .trade_h12 { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
.trade_agreement .trade_h12_bold { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_agreement .trade_p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p2 { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 64px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_no_indent { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_bold { |
|||
width: 1200px; |
|||
margin: 10px auto; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_p_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_p_nobold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_indent_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_agreement .trade_p1 { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
|
|||
} |
|||
|
|||
.weight_bold { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.decora_line { |
|||
text-decoration: underline; |
|||
} |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,12 @@ |
|||
/*! |
|||
* BootstrapValidator (http://bootstrapvalidator.com) |
|||
* The best jQuery plugin to validate form fields. Designed to use with Bootstrap 3 |
|||
* |
|||
* @version v0.5.3, built on 2014-11-05 9:14:18 PM |
|||
* @author https://twitter.com/nghuuphuoc |
|||
* @copyright (c) 2013 - 2014 Nguyen Huu Phuoc |
|||
* @license Commercial: http://bootstrapvalidator.com/license/ |
|||
* Non-commercial: http://creativecommons.org/licenses/by-nc-nd/3.0/ |
|||
*/ |
|||
|
|||
.bv-form .help-block{margin-bottom:0}.bv-form .tooltip-inner{text-align:left}.nav-tabs li.bv-tab-success>a{color:#3c763d}.nav-tabs li.bv-tab-error>a{color:#a94442}.bv-form .bv-icon-no-label{top:0}.bv-form .bv-icon-input-group{top:0;z-index:100} |
|||
@ -0,0 +1,71 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
body { |
|||
padding-bottom: 70px; |
|||
} |
|||
|
|||
p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
span { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.title { |
|||
width: 1200px; |
|||
margin: 30px auto 40px; |
|||
text-align: center; |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0 30px; |
|||
} |
|||
|
|||
.box>p { |
|||
margin: 0; |
|||
} |
|||
|
|||
.Subtitle { |
|||
text-indent: 0; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.textStyle { |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.spanStyle { |
|||
text-decoration: dashed; |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.contact { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.bottom { |
|||
color: red; |
|||
border-left: 1px red solid; |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding-left: 10px; |
|||
padding-bottom: 30px; |
|||
} |
|||
@ -0,0 +1,190 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #fff; |
|||
margin-bottom: 30px; |
|||
box-shadow: 0px 0px 3px rgb(68 68 68 / 44%) |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
color: #444444; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.footers { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.pingCart { |
|||
width: 100%; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
.pingCart>div { |
|||
width: 180px; |
|||
height: 50px; |
|||
color: white; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
.pingCart>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.pingCart>div:nth-child(1) { |
|||
background-color: #108284; |
|||
} |
|||
|
|||
.pingCart>div:nth-child(2) { |
|||
margin-right: 120px; |
|||
background-color: #842911; |
|||
} |
|||
|
|||
.content_box { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
padding-left: 50px; |
|||
} |
|||
|
|||
.title { |
|||
margin-bottom: 10px; |
|||
font-size: 16px; |
|||
line-height: normal; |
|||
color: #000; |
|||
} |
|||
|
|||
.collection { |
|||
display: flex; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.coll-details { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-title { |
|||
color: #000; |
|||
font-size: 14px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.coll-content { |
|||
width: 100%; |
|||
display: flex; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.coll-left { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.coll-right { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.title2 { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.details { |
|||
margin: 15px 0; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
margin-left: 20px; |
|||
border-left: 7px solid #1890ff; |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
.table_box { |
|||
box-sizing: border-box; |
|||
border: 1px solid #d7d7d7; |
|||
margin-left: 50px; |
|||
width: calc(100% - 50px); |
|||
} |
|||
|
|||
.table_box tr { |
|||
color: #7f7f7f; |
|||
} |
|||
|
|||
.table_box tr:nth-child(1) { |
|||
background-color: #f2f2f2; |
|||
color: #555; |
|||
} |
|||
|
|||
.table_box td { |
|||
font-size: 14px; |
|||
text-align: center; |
|||
width: 150px; |
|||
height: 30px; |
|||
border-right: 1px solid #d7d7d7; |
|||
border-bottom: 1px solid #d7d7d7; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.table_box td:nth-child(2) { |
|||
width: 270px; |
|||
} |
|||
|
|||
.table_box td:nth-child(3) { |
|||
width: 271px; |
|||
} |
|||
|
|||
.table_box td:nth-child(4) { |
|||
width: 170px; |
|||
} |
|||
|
|||
.table_box td:nth-child(5) { |
|||
width: 85px; |
|||
} |
|||
|
|||
.table_box td:nth-child(6) { |
|||
width: 160px; |
|||
} |
|||
|
|||
.table_box td:nth-child(7) { |
|||
width: 185px; |
|||
} |
|||
@ -0,0 +1,87 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
body { |
|||
background: #f2f8fc; |
|||
} |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #fff; |
|||
margin-bottom: 30px; |
|||
box-shadow: 0px 0px 3px rgb(68 68 68 / 44%) |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
color: #444; |
|||
display: flex; |
|||
} |
|||
|
|||
.content-box { |
|||
width: 1200px; |
|||
height: 620px; |
|||
margin: 0px auto; |
|||
box-sizing: border-box; |
|||
border: 1px solid #eee; |
|||
margin-bottom: 20px; |
|||
padding: 30px; |
|||
background-color: #fff; |
|||
display: flex; |
|||
} |
|||
|
|||
.content-map { |
|||
width: 650px; |
|||
height: 560px; |
|||
/* border: 1px solid #aaa; */ |
|||
} |
|||
|
|||
.content-map>div { |
|||
width: 100%; |
|||
height: 49%; |
|||
} |
|||
|
|||
.content-map>div:nth-child(1) { |
|||
border: 1px solid #aaa; |
|||
} |
|||
|
|||
.content-map>div:nth-child(2) { |
|||
margin-top: calc(2% - 2px); |
|||
border: 1px solid #aaa; |
|||
} |
|||
|
|||
.content-address { |
|||
margin-left: 20px; |
|||
flex: 1; |
|||
height: 560px; |
|||
} |
|||
|
|||
.address-top { |
|||
height: 49%; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.address-top:nth-child(2) { |
|||
height: 49%; |
|||
margin-top: 2%; |
|||
} |
|||
|
|||
.address-top div, |
|||
.address-bottom div { |
|||
font-size: 16px; |
|||
line-height: 33px; |
|||
color: #444; |
|||
} |
|||
|
|||
.address-top .address-title, |
|||
.address-bottom .address-title { |
|||
height: 44px; |
|||
font-size: 33px; |
|||
} |
|||
@ -0,0 +1,32 @@ |
|||
/*放置整站通用的样式*/ |
|||
.clear:after{ |
|||
content: "."; |
|||
display: block; |
|||
clear: both; |
|||
height: 0; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.clear { |
|||
*zoom: 1; |
|||
} |
|||
|
|||
.wraper{ |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.mt20{ |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.mt30{ |
|||
margin-top: 30px; |
|||
} |
|||
.mt40{ |
|||
margin-top: 40px; |
|||
} |
|||
|
|||
.ml20{ |
|||
margin-left: 20px; |
|||
} |
|||
@ -0,0 +1,81 @@ |
|||
body { |
|||
background-color: #F2F8FC; |
|||
} |
|||
|
|||
.login { |
|||
display: flex; |
|||
justify-content: center; |
|||
margin-top: 200px; |
|||
} |
|||
|
|||
.login_box3 { |
|||
display: none; |
|||
} |
|||
|
|||
.login_box { |
|||
width: 340px; |
|||
} |
|||
|
|||
.title { |
|||
font-size: 26px; |
|||
} |
|||
|
|||
.margins { |
|||
margin-top: 30px; |
|||
position: relative; |
|||
} |
|||
|
|||
.input { |
|||
width: 326px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 3px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.input1 { |
|||
width: 150px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 3px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.authbtn { |
|||
width: 130px; |
|||
margin-left: 40px; |
|||
line-height: 29px; |
|||
/* border: 1px solid #d7d7d7; */ |
|||
background-color: #d7d7d7; |
|||
color: #02a7f0; |
|||
outline-style: none; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.tips { |
|||
font-size: 12px; |
|||
color: #f56c6c; |
|||
float: left; |
|||
} |
|||
|
|||
.loginbtn { |
|||
width: 340px; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
border-radius: 5px; |
|||
background-color: #242e4b; |
|||
color: white; |
|||
text-align: center; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.getPasswod span { |
|||
color: #7f0000; |
|||
font-size: 14px; |
|||
cursor: pointer; |
|||
} |
|||
@ -0,0 +1,327 @@ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
html body { |
|||
font-weight: 500; |
|||
font-family: 'Microsoft YaHei', sans-serif; |
|||
} |
|||
|
|||
.header { |
|||
background-color: rgba(37, 46, 75, 0.8); |
|||
width: 100%; |
|||
height: 100px; |
|||
position: absolute; |
|||
z-index: 999; |
|||
} |
|||
|
|||
.login { |
|||
height: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
color: #d0bd9b; |
|||
font-size: 14px; |
|||
padding-right: 100px; |
|||
} |
|||
|
|||
.login>div>a { |
|||
color: #d0bd9b; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.login>div { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.login>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.navbarbox { |
|||
/* width: 1200px; */ |
|||
height: 70px; |
|||
margin: 0 80px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.titles-name { |
|||
font-size: 28px; |
|||
color: #f5ddad; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.titles-name>img { |
|||
width: 86px; |
|||
height: 40px; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
.titles-name>span { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.navbar-tab { |
|||
margin-top: 10px; |
|||
width: 60%; |
|||
height: 60px; |
|||
display: flex; |
|||
} |
|||
|
|||
.itembox { |
|||
flex: 1; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
color: #fdfaf5; |
|||
} |
|||
|
|||
.itembox>div { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 0 15px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.itembox>div>a { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fdfaf5; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.itembox>div>a:hover { |
|||
color: #d0bd9b; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart { |
|||
width: 60px; |
|||
height: 60px; |
|||
background-color: rgba(119, 119, 119, 0.5); |
|||
text-align: center; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.cart:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart>img { |
|||
margin: 10px 0 5px; |
|||
} |
|||
|
|||
.right-bottom { |
|||
z-index: 999; |
|||
width: 80px; |
|||
height: 120px; |
|||
background-color: #fff; |
|||
box-shadow: 0 0 5px #888; |
|||
position: fixed; |
|||
bottom: 55px; |
|||
right: 30px; |
|||
} |
|||
|
|||
.r-b-top { |
|||
height: 40px; |
|||
line-height: 40px; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
a { |
|||
text-decoration: none !important; |
|||
} |
|||
|
|||
.a-back { |
|||
color: #a60000; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #a60000; |
|||
} |
|||
|
|||
.r-b-bottom { |
|||
margin: 5px; |
|||
height: 70px; |
|||
background-color: rgba(87, 89, 255, 1); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #fff; |
|||
font-size: 19px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.footer { |
|||
height: 320px; |
|||
background-image: url('../images/footer.png'); |
|||
/* padding: 20px 0 0; */ |
|||
color: #ccc; |
|||
position: relative; |
|||
} |
|||
|
|||
.top { |
|||
padding: 0 200px; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
align-items: center; |
|||
font-size: 14px; |
|||
height: 260px; |
|||
} |
|||
|
|||
.top1, |
|||
.top2 { |
|||
width: 400px; |
|||
} |
|||
|
|||
.top1>p:nth-child(1), |
|||
.top2>p:nth-child(1) { |
|||
font-size: 20px; |
|||
} |
|||
|
|||
.top3 { |
|||
width: 360px; |
|||
display: flex; |
|||
align-items: center; |
|||
} |
|||
|
|||
.bottom { |
|||
width: 100%; |
|||
height: 60px; |
|||
position: absolute; |
|||
bottom: 0; |
|||
background-color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
|
|||
.footerbox { |
|||
height: 60px; |
|||
/* margin: 0 360px; */ |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #8e8e8e; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.footerbox p { |
|||
box-sizing: border-box; |
|||
line-height: 1.42; |
|||
/* height: 100%; */ |
|||
outline: none; |
|||
overflow-y: auto; |
|||
padding: 12px 15px; |
|||
-o-tab-size: 4; |
|||
tab-size: 4; |
|||
-moz-tab-size: 4; |
|||
text-align: left; |
|||
white-space: pre-wrap; |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
.footerbox a { |
|||
color: #8e8e8e; |
|||
} |
|||
|
|||
.top p, |
|||
.bottom .fonterbox p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.modal-dialog { |
|||
margin: 160px auto 0; |
|||
} |
|||
|
|||
.modal-contents { |
|||
width: 465px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.modal-headers { |
|||
padding: 15px; |
|||
border-bottom: 1px solid #e5e5e5; |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.modal-headers>div { |
|||
font-weight: 600; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.modal-body { |
|||
padding: 15px 30px; |
|||
} |
|||
|
|||
.modal-top { |
|||
text-align: center; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.step_item { |
|||
margin-bottom: 25px; |
|||
display: flex; |
|||
position: relative; |
|||
} |
|||
|
|||
.step_label { |
|||
flex: 1; |
|||
text-align: right; |
|||
line-height: 35px; |
|||
padding-right: 15px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.step_name { |
|||
width: 300px; |
|||
} |
|||
|
|||
.step_name>p { |
|||
position: absolute; |
|||
top: 35px; |
|||
left: 100px; |
|||
} |
|||
|
|||
.step_input { |
|||
border: 1px solid #ddd; |
|||
width: 300px; |
|||
height: 35px; |
|||
margin-left: 0; |
|||
padding-left: 10px; |
|||
} |
|||
|
|||
#step_value4 { |
|||
border: 1px solid #ddd; |
|||
width: 300px; |
|||
height: 100px; |
|||
margin-left: 0; |
|||
padding-left: 10px; |
|||
outline: none; |
|||
} |
|||
|
|||
#step_validate4 { |
|||
position: absolute; |
|||
top: 100px; |
|||
left: 100px; |
|||
} |
|||
|
|||
.step_button { |
|||
text-align: center; |
|||
} |
|||
|
|||
.step_button>button { |
|||
width: 68px; |
|||
height: 30px; |
|||
background-color: #1b61ac; |
|||
color: #fff; |
|||
} |
|||
@ -0,0 +1,389 @@ |
|||
body { |
|||
background-color: #f2f8fc; |
|||
} |
|||
|
|||
a { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.login-box { |
|||
width: 100%; |
|||
height: calc(100vh - 100px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
} |
|||
|
|||
#LoginToRegister { |
|||
width: 380px; |
|||
height: 410px; |
|||
background: white; |
|||
border-radius: 5px; |
|||
box-shadow: 1px 1px 5px #999999; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
.title { |
|||
float: left; |
|||
font-size: 21px; |
|||
padding: 25px 0px 0px 20px; |
|||
} |
|||
|
|||
#type { |
|||
float: right; |
|||
width: 100px; |
|||
height: 30px; |
|||
background: #EEEEEE; |
|||
margin-right: 20px; |
|||
margin-top: 20px; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
#type div { |
|||
float: right; |
|||
width: 50px; |
|||
text-align: center; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
cursor: pointer; |
|||
border-radius: 3px; |
|||
} |
|||
|
|||
.typecheck { |
|||
background-color: #4399ff; |
|||
color: white; |
|||
} |
|||
|
|||
.input { |
|||
width: 340px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
} |
|||
|
|||
.tips { |
|||
margin-left: 20px; |
|||
font-size: 12px; |
|||
color: #f56c6c; |
|||
float: left; |
|||
} |
|||
|
|||
.margins { |
|||
margin-top: 20px; |
|||
position: relative; |
|||
} |
|||
|
|||
.margins3 { |
|||
margin-top: 30px; |
|||
position: relative; |
|||
} |
|||
|
|||
.big-data { |
|||
border-top: #666 1px solid; |
|||
margin: 0 20px; |
|||
padding-top: 20px; |
|||
} |
|||
|
|||
.big-data>img { |
|||
width: 20px; |
|||
height: 20px; |
|||
margin-right: 5px; |
|||
} |
|||
|
|||
.big-data>a { |
|||
text-decoration: underline !important; |
|||
} |
|||
|
|||
.login-mode { |
|||
position: absolute; |
|||
color: #666; |
|||
height: 21px; |
|||
top: -10px; |
|||
left: 0; |
|||
right: 0; |
|||
bottom: 0; |
|||
text-align: center; |
|||
} |
|||
|
|||
.login-mode>span { |
|||
background-color: #fff; |
|||
} |
|||
|
|||
.margins1 { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.margins2 { |
|||
margin-top: 15px; |
|||
} |
|||
|
|||
.checkbox { |
|||
margin-left: 20px; |
|||
width: 12px; |
|||
line-height: 12px; |
|||
height: 12px; |
|||
} |
|||
|
|||
input[type=checkbox] { |
|||
margin-left: 20px; |
|||
width: 12px; |
|||
line-height: 12px; |
|||
height: 12px; |
|||
display: inline; |
|||
} |
|||
|
|||
#checkbox1 { |
|||
margin-left: 0; |
|||
} |
|||
|
|||
.checkbox1 { |
|||
margin-left: 20px; |
|||
width: 20px; |
|||
line-height: 20px; |
|||
height: 20px; |
|||
} |
|||
|
|||
.checkbox1[type=checkbox] { |
|||
/* visibility 属性规定元素是否可见*/ |
|||
visibility: hidden; |
|||
} |
|||
|
|||
.loginbtn { |
|||
width: 340px; |
|||
line-height: 30px; |
|||
height: 30px; |
|||
background-color: #242e4b; |
|||
margin-left: 20px; |
|||
color: white; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.getPasswod { |
|||
width: 120px; |
|||
float: left; |
|||
margin-left: 20px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.agreement { |
|||
width: 380px; |
|||
font-size: 12px; |
|||
line-height: 18px; |
|||
} |
|||
|
|||
.getPasswod span { |
|||
color: #7f0000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.getPasswod span:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.register { |
|||
float: right; |
|||
margin-right: 20px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.register span { |
|||
color: #7f0000; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.register span:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.agreement a { |
|||
color: #5299dc; |
|||
} |
|||
|
|||
|
|||
/* 找回密码 */ |
|||
|
|||
.input1 { |
|||
width: 180px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
} |
|||
|
|||
.authbtn { |
|||
width: 135px; |
|||
margin-left: 20px; |
|||
line-height: 25px; |
|||
border: 1px solid #d7d7d7; |
|||
border-radius: 2px; |
|||
outline-style: none; |
|||
padding: 3px 3px 3px 10px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.authbtn:hover { |
|||
color: #4399ff; |
|||
border: 1px solid #4399ff; |
|||
} |
|||
|
|||
[disabled]:hover { |
|||
color: #c7c7c7; |
|||
cursor: text; |
|||
border: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.getpwdModelloginbtn a { |
|||
text-decoration: none; |
|||
color: #5299dc; |
|||
} |
|||
|
|||
.head { |
|||
width: 380px; |
|||
height: 50px; |
|||
} |
|||
|
|||
.privacy, |
|||
.user { |
|||
cursor: pointer; |
|||
color: #5299dc; |
|||
} |
|||
|
|||
.modal-body p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
line-height: 30px; |
|||
} |
|||
|
|||
.modal-body span { |
|||
text-decoration: underline; |
|||
} |
|||
|
|||
.modal-body .title { |
|||
width: 1200px; |
|||
margin: 30px auto 40px; |
|||
text-align: center; |
|||
font-size: 20px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.modal-body .content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.modal-body .box { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0 30px; |
|||
} |
|||
|
|||
.modal-body .box>p { |
|||
margin: 0; |
|||
} |
|||
|
|||
.modal-body .Subtitle { |
|||
text-indent: 0; |
|||
font-size: 18px; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.modal-body .textStyle { |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.modal-body .spanStyle { |
|||
text-decoration: dashed; |
|||
color: #0000ff; |
|||
} |
|||
|
|||
.modal-body .contact { |
|||
padding: 5px 0; |
|||
} |
|||
|
|||
.modal-body .new_bottom { |
|||
color: red; |
|||
border-left: 1px red solid; |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding-left: 10px; |
|||
padding-bottom: 30px; |
|||
} |
|||
|
|||
|
|||
|
|||
.trade_agreement .trade_h11 { |
|||
width: 1200px; |
|||
/* color: red; */ |
|||
/* letter-spacing: 4rem; */ |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .p1 { |
|||
width: 1200px; |
|||
height: 1px; |
|||
background-color: red; |
|||
margin: 30px auto; |
|||
} |
|||
|
|||
.trade_agreement .trade_h12 { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
.trade_agreement .trade_p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_no_indent { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .trade_p span { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_p_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p_indent_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_agreement .trade_p1 { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
@ -0,0 +1,308 @@ |
|||
/* 标签切换样式 */ |
|||
|
|||
.box #tags { |
|||
display: flex; |
|||
margin-top: 45px; |
|||
} |
|||
|
|||
.box #tags div { |
|||
width: auto; |
|||
padding: 5px 10px; |
|||
cursor: pointer; |
|||
margin-left: 50px; |
|||
} |
|||
|
|||
.box #tags div:nth-child(1) { |
|||
padding: 5px 0px; |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.box #tags div:nth-child(2) { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.box #tags .current { |
|||
border-bottom: 2px solid #8F0000; |
|||
} |
|||
|
|||
.box #content { |
|||
margin-top: 25px; |
|||
} |
|||
|
|||
.box #content div { |
|||
display: none; |
|||
} |
|||
|
|||
.box #content .current { |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/* table表格表头颜色修改 */ |
|||
|
|||
.MyClosing_right .table>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
.wraper .BillManage_right .table>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
.table>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
|
|||
/* 滚动条样式 */ |
|||
|
|||
.scrollbar { |
|||
width: 30px; |
|||
height: 300px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.test::-webkit-scrollbar { |
|||
/*滚动条整体样式*/ |
|||
width: 5px; |
|||
/*高宽分别对应横竖滚动条的尺寸*/ |
|||
height: 1px; |
|||
} |
|||
|
|||
.test::-webkit-scrollbar-thumb { |
|||
/*滚动条里面小方块*/ |
|||
border-radius: 10px; |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
background: #96b3e2; |
|||
} |
|||
|
|||
.test::-webkit-scrollbar-track { |
|||
/*滚动条里面轨道*/ |
|||
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2); |
|||
border-radius: 10px; |
|||
background: #ededed; |
|||
} |
|||
|
|||
|
|||
/* 消息提示框 */ |
|||
|
|||
.alert-success { |
|||
position: fixed; |
|||
top: 10%; |
|||
left: 45%; |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/* |
|||
列表蓝色背景 |
|||
*/ |
|||
|
|||
.order_message::before { |
|||
content: "|"; |
|||
width: 2px; |
|||
background: #2D6AB7; |
|||
color: #2D6AB7; |
|||
margin-right: 10px; |
|||
} |
|||
|
|||
|
|||
/* 模态框居中 */ |
|||
|
|||
.modal .modal-content { |
|||
margin-top: calc(50% - 100px); |
|||
} |
|||
|
|||
|
|||
/* 背景为蓝色标签切换样式 */ |
|||
|
|||
.box1 #tags1 { |
|||
display: flex; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.box1 #tags1 div { |
|||
width: 110px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
background: #F2F2F2; |
|||
text-align: center; |
|||
cursor: pointer; |
|||
border: 1px solid #DDDDDD; |
|||
} |
|||
|
|||
.box1 #tags1 div:nth-child(1) { |
|||
border-top-left-radius: 5px; |
|||
} |
|||
|
|||
.box1 #tags1 div:nth-child(4) { |
|||
border-top-right-radius: 5px; |
|||
} |
|||
|
|||
.box1 #tags1 .current1 { |
|||
background: #374AA5; |
|||
color: #FFFFFF; |
|||
border: 1px solid #374AA5; |
|||
} |
|||
|
|||
|
|||
/* 头部导航样式 */ |
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.header { |
|||
background-color: rgba(37, 46, 75, 0.8); |
|||
width: 100%; |
|||
height: 100px; |
|||
} |
|||
|
|||
.login { |
|||
height: 30px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: flex-end; |
|||
color: #d0bd9b; |
|||
font-size: 14px; |
|||
padding-right: 100px; |
|||
} |
|||
|
|||
.login>div>a { |
|||
color: #d0bd9b; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.login>div { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.login>div:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.navbarbox { |
|||
/* width: 1200px; */ |
|||
height: 70px; |
|||
margin: 0 80px; |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.titles-name { |
|||
font-size: 28px; |
|||
color: #f5ddad; |
|||
} |
|||
|
|||
.navbar-tab { |
|||
margin-top: 10px; |
|||
width: 60%; |
|||
height: 60px; |
|||
display: flex; |
|||
} |
|||
|
|||
.itembox { |
|||
flex: 1; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
color: #fdfaf5; |
|||
} |
|||
|
|||
.itembox>div { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 0 15px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.itembox>div>a { |
|||
height: 100%; |
|||
display: flex; |
|||
align-items: center; |
|||
color: #fdfaf5; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
.itembox>div>a:hover { |
|||
color: #d0bd9b; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart { |
|||
width: 60px; |
|||
height: 60px; |
|||
background-color: rgba(119, 119, 119, 0.5); |
|||
text-align: center; |
|||
font-size: 14px; |
|||
color: #fff; |
|||
} |
|||
|
|||
.cart:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.cart>img { |
|||
margin: 10px 0 5px; |
|||
} |
|||
|
|||
|
|||
/* |
|||
返回顶部公共样式 |
|||
*/ |
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
.right-bottom { |
|||
z-index: 999; |
|||
width: 80px; |
|||
height: 120px; |
|||
background-color: #fff; |
|||
box-shadow: 0 0 5px #888; |
|||
position: fixed; |
|||
bottom: 30px; |
|||
right: 30px; |
|||
} |
|||
|
|||
.r-b-top { |
|||
height: 40px; |
|||
line-height: 40px; |
|||
font-weight: 700; |
|||
font-style: normal; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
a { |
|||
color: #a60000; |
|||
} |
|||
|
|||
a:hover { |
|||
color: #a60000; |
|||
} |
|||
|
|||
.r-b-bottom { |
|||
margin: 5px; |
|||
height: 70px; |
|||
background-color: rgba(87, 89, 255, 1); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
color: #fff; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
/* */ |
|||
|
|||
table tbody tr td:nth-child(1){ |
|||
width: 37px; |
|||
height: 37px; |
|||
} |
|||
|
|||
table tbody tr td:nth-child(1) a{ |
|||
margin-left: 5px; |
|||
} |
|||
@ -0,0 +1,381 @@ |
|||
@charset "UTF-8"; |
|||
|
|||
/** |
|||
* @version: v1.8 |
|||
* @author: xgc-whj |
|||
* @date: 2019-05-29 00:00:00 |
|||
* @license: MIT license release |
|||
* @jq22 address: http://www.jq22.com/jquery-info17548 |
|||
* @GitHub: https://github.com/w0624/jquery-pagination |
|||
* @description: jQuery分页插件，可自定义样式，默认有五套样式，可自定义插件选项，简单方便，兼容IE8 |
|||
*/ |
|||
|
|||
/*ccs-1*/ |
|||
.whj_jqueryPaginationCss-1 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_bgc { |
|||
background-color: #fff; |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_border { |
|||
border: 1px solid #5b9fd6; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_color { |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #698ca9; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #698ca9; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-1 div, .whj_jqueryPaginationCss-1 input, .whj_jqueryPaginationCss-1 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-1 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-2*/ |
|||
.whj_jqueryPaginationCss-2 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_bgc { |
|||
background-color: #5194ca; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_border { |
|||
border: 1px solid #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_color { |
|||
color: #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #5194ca; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #5194ca; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 .whj_hoverDisable { |
|||
opacity: 0.7; |
|||
filter: alpha(opacity=70); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-2 div, .whj_jqueryPaginationCss-2 input, .whj_jqueryPaginationCss-2 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-2 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-3*/ |
|||
.whj_jqueryPaginationCss-3 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_bgc { |
|||
background-color: #7a7b7b; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_border { |
|||
border: 1px solid #929292; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_color { |
|||
color: #929292; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_hover:hover { |
|||
background-color: #e0dddd; |
|||
color: #7a7b7b; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_checked { |
|||
background-color: #e0dddd; |
|||
color: #7a7b7b; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-3 div, .whj_jqueryPaginationCss-3 input, .whj_jqueryPaginationCss-3 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-3 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-4*/ |
|||
.whj_jqueryPaginationCss-4 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_bgc { |
|||
background-color: #f5f5f5; |
|||
color: #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_border { |
|||
border: 1px solid #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_color { |
|||
color: #907272; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_hover:hover { |
|||
background-color: #afacac; |
|||
color: #fff; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_checked { |
|||
background-color: #afacac; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-4 div, .whj_jqueryPaginationCss-4 input, .whj_jqueryPaginationCss-4 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-4 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
|
|||
/*ccs-5*/ |
|||
.whj_jqueryPaginationCss-5 { |
|||
display: inline-block; |
|||
user-select: none; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 div { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
height: 24px; |
|||
line-height: 24px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_padding { |
|||
padding: 1px 9px; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_bgc { |
|||
background-color: #199eaf; |
|||
color: #fff; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_border { |
|||
border: 1px solid #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_color { |
|||
color: #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_hover:hover { |
|||
background-color: #d4f1ff; |
|||
color: #199eaf; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_checked { |
|||
background-color: #d4f1ff; |
|||
color: #199eaf; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 .whj_hoverDisable { |
|||
opacity: 0.5; |
|||
filter: alpha(opacity=50); |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 select { |
|||
height: 28px; |
|||
vertical-align: middle; |
|||
padding: 0px; |
|||
outline: none; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 input { |
|||
padding: 0px; |
|||
height: 26px; |
|||
outline: none; |
|||
text-align: center; |
|||
width: 60px; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.whj_jqueryPaginationCss-5 div, .whj_jqueryPaginationCss-5 input, .whj_jqueryPaginationCss-5 select { |
|||
margin: 2px; |
|||
} |
|||
|
|||
/*只有设置显示总页数时，该样式才生效*/ |
|||
.whj_jqueryPaginationCss-5 .whj_totalSizeSingle { |
|||
margin-left: -8px; |
|||
} |
|||
@ -0,0 +1,330 @@ |
|||
/* 支付 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
.paymentword { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.paymentword #aymentod { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword #aymentod p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword #aymentod p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword #aymentod p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.paymentword #aymentod .btn { |
|||
width: 80px; |
|||
height: 40px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
background-color: rgba(229, 229, 229, 1); |
|||
cursor: pointer; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
|
|||
.paymentword #ledlist { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest { |
|||
display: flex; |
|||
justify-content: space-between; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest .lestp { |
|||
color: #9D1F1F; |
|||
line-height: 30px; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword #ledlist .lest p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.paymentword .fonter { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.paymentword .fonter p { |
|||
height: 30px; |
|||
display: flex; |
|||
} |
|||
|
|||
.paymentword .fonter p .rod { |
|||
background-color: rgba(54, 117, 198, 1); |
|||
display: inline-block; |
|||
height: 30px; |
|||
width: 5px; |
|||
} |
|||
|
|||
.paymentword .fonter p .rod2 { |
|||
display: inline-block; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
margin-left: 10px; |
|||
} |
|||
|
|||
.invoice { |
|||
display: flex; |
|||
margin: 20px 0 0 20px; |
|||
} |
|||
|
|||
.invoice #btns { |
|||
color: #324BD0; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
.modal-body { |
|||
display: flex; |
|||
} |
|||
|
|||
.modal-body .modal_left { |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.modal-body .modal_right { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.modal-body .modal_right input { |
|||
height: 30px; |
|||
border: 1px solid rgba(221, 221, 221, 1); |
|||
margin-left: 10px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.aaa { |
|||
border-color: rgba(212, 0, 0, 1) !important; |
|||
} |
|||
|
|||
.bbb { |
|||
border-color: rgba(212, 0, 0, 1) !important; |
|||
} |
|||
|
|||
.modal-body .modal_right1 { |
|||
margin-left: 30px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.modal-body .modal_right2 { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.modal-body .modal_right2 input { |
|||
height: 30px; |
|||
border: 1px solid rgba(221, 221, 221, 1); |
|||
margin-left: 10px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.firmpay { |
|||
width: 140px; |
|||
height: 40px; |
|||
background-color: rgba(64, 122, 196, 1); |
|||
border: none; |
|||
outline: none; |
|||
color: white; |
|||
margin-top: 50px; |
|||
} |
|||
|
|||
.active { |
|||
background-color: rgba(223, 255, 221, 1) !important; |
|||
border-color: rgba(49, 170, 68, 1) !important; |
|||
} |
|||
|
|||
|
|||
#myModal .modal-dialog .modal-content .modal-word .tent_left { |
|||
width: 250px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
#myModal .modal-dialog .modal-content .modal-word .tent_cen { |
|||
width: 30px; |
|||
margin: 0 auto; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
|
|||
#situationModal .modal-dialog .modal-content .situation-word .word_header { |
|||
width: 140px; |
|||
margin: 20px auto; |
|||
} |
|||
|
|||
#situationModal .modal-dialog .modal-content .situation-word .word_cen { |
|||
height: 150px; |
|||
display: flex; |
|||
justify-content: space-around; |
|||
} |
|||
|
|||
#situationModal .modal-dialog .modal-content .situation-word .word_cen .btn_cen { |
|||
cursor: pointer; |
|||
width: 100px; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
text-align: center; |
|||
background-color: #0C82FF; |
|||
color: white; |
|||
border-radius: 5px; |
|||
} |
|||
|
|||
|
|||
.paymentword #Total_price { |
|||
height: 100px; |
|||
line-height: 100px; |
|||
} |
|||
|
|||
.modal-content .modal-word .new_iframe { |
|||
width: 100%; |
|||
height: 500px; |
|||
} |
|||
|
|||
.modal .modal-dialog .modal-content .modal-body1 { |
|||
display: block; |
|||
} |
|||
|
|||
.error { |
|||
width: 100%; |
|||
height: 300px; |
|||
text-align: center; |
|||
font-family: "黑体", "Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif; |
|||
-webkit-text-size-adjust: none; |
|||
font-size: 1.4rem; |
|||
background: #EFEFF4; |
|||
color: #000; |
|||
-webkit-user-select: none; |
|||
} |
|||
|
|||
.error-tit { |
|||
padding: 80px 0 23px 0; |
|||
color: #000; |
|||
font-size: 18px; |
|||
text-align: center; |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.error-hand { |
|||
width: 42px; |
|||
height: 42px; |
|||
margin: 0 auto; |
|||
background: url(../images/hand.png) no-repeat; |
|||
background-size: contain; |
|||
} |
|||
|
|||
.error-text { |
|||
padding: 25px 10px; |
|||
color: #999; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
} |
|||
|
|||
.error-text span { |
|||
color: #333; |
|||
padding: 0 3px; |
|||
} |
|||
|
|||
.agreement { |
|||
display: flex; |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.n_payment { |
|||
cursor: pointer; |
|||
color: #5299dc; |
|||
} |
|||
|
|||
.trade_agreement .trade_h11 { |
|||
width: 1200px; |
|||
color: red; |
|||
letter-spacing: 4rem; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
|
|||
.trade_agreement .p1 { |
|||
width: 1200px; |
|||
height: 1px; |
|||
background-color: red; |
|||
margin: 30px auto; |
|||
} |
|||
|
|||
.trade_agreement .trade_h12 { |
|||
width: 1200px; |
|||
text-align: center; |
|||
margin: 30px auto 40px; |
|||
} |
|||
|
|||
.trade_agreement .trade_p { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
text-indent: 32px; |
|||
padding: 10px 0; |
|||
} |
|||
|
|||
.trade_agreement .trade_p span { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_bold { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
font-weight: bold; |
|||
} |
|||
|
|||
.trade_agreement .trade_p1 { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
padding: 10px 0; |
|||
} |
|||
@ -0,0 +1,952 @@ |
|||
/*! |
|||
* Quill Editor v1.3.7 |
|||
* https://quilljs.com/ |
|||
* Copyright (c) 2014, Jason Chen |
|||
* Copyright (c) 2013, salesforce.com |
|||
*/ |
|||
.ql-container { |
|||
box-sizing: border-box; |
|||
font-family: Helvetica, Arial, sans-serif; |
|||
font-size: 13px; |
|||
height: 100%; |
|||
margin: 0px; |
|||
position: relative; |
|||
} |
|||
.ql-container.ql-disabled .ql-tooltip { |
|||
visibility: hidden; |
|||
} |
|||
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before { |
|||
pointer-events: none; |
|||
} |
|||
.ql-clipboard { |
|||
left: -100000px; |
|||
height: 1px; |
|||
overflow-y: hidden; |
|||
position: absolute; |
|||
top: 50%; |
|||
} |
|||
.ql-clipboard p { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
.ql-editor { |
|||
box-sizing: border-box; |
|||
line-height: 1.42; |
|||
height: 100%; |
|||
outline: none; |
|||
overflow-y: auto; |
|||
padding: 12px 15px; |
|||
tab-size: 4; |
|||
-moz-tab-size: 4; |
|||
text-align: left; |
|||
white-space: pre-wrap; |
|||
word-wrap: break-word; |
|||
} |
|||
.ql-editor > * { |
|||
cursor: text; |
|||
} |
|||
.ql-editor p, |
|||
.ql-editor ol, |
|||
.ql-editor ul, |
|||
.ql-editor pre, |
|||
.ql-editor blockquote, |
|||
.ql-editor h1, |
|||
.ql-editor h2, |
|||
.ql-editor h3, |
|||
.ql-editor h4, |
|||
.ql-editor h5, |
|||
.ql-editor h6 { |
|||
margin: 0; |
|||
padding: 0; |
|||
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol, |
|||
.ql-editor ul { |
|||
padding-left: 1.5em; |
|||
} |
|||
.ql-editor ol > li, |
|||
.ql-editor ul > li { |
|||
list-style-type: none; |
|||
} |
|||
.ql-editor ul > li::before { |
|||
content: '\2022'; |
|||
} |
|||
.ql-editor ul[data-checked=true], |
|||
.ql-editor ul[data-checked=false] { |
|||
pointer-events: none; |
|||
} |
|||
.ql-editor ul[data-checked=true] > li *, |
|||
.ql-editor ul[data-checked=false] > li * { |
|||
pointer-events: all; |
|||
} |
|||
.ql-editor ul[data-checked=true] > li::before, |
|||
.ql-editor ul[data-checked=false] > li::before { |
|||
color: #777; |
|||
cursor: pointer; |
|||
pointer-events: all; |
|||
} |
|||
.ql-editor ul[data-checked=true] > li::before { |
|||
content: '\2611'; |
|||
} |
|||
.ql-editor ul[data-checked=false] > li::before { |
|||
content: '\2610'; |
|||
} |
|||
.ql-editor li::before { |
|||
display: inline-block; |
|||
white-space: nowrap; |
|||
width: 1.2em; |
|||
} |
|||
.ql-editor li:not(.ql-direction-rtl)::before { |
|||
margin-left: -1.5em; |
|||
margin-right: 0.3em; |
|||
text-align: right; |
|||
} |
|||
.ql-editor li.ql-direction-rtl::before { |
|||
margin-left: 0.3em; |
|||
margin-right: -1.5em; |
|||
} |
|||
.ql-editor ol li:not(.ql-direction-rtl), |
|||
.ql-editor ul li:not(.ql-direction-rtl) { |
|||
padding-left: 1.5em; |
|||
} |
|||
.ql-editor ol li.ql-direction-rtl, |
|||
.ql-editor ul li.ql-direction-rtl { |
|||
padding-right: 1.5em; |
|||
} |
|||
.ql-editor ol li { |
|||
counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|||
counter-increment: list-0; |
|||
} |
|||
.ql-editor ol li:before { |
|||
content: counter(list-0, decimal) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-1 { |
|||
counter-increment: list-1; |
|||
} |
|||
.ql-editor ol li.ql-indent-1:before { |
|||
content: counter(list-1, lower-alpha) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-1 { |
|||
counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-2 { |
|||
counter-increment: list-2; |
|||
} |
|||
.ql-editor ol li.ql-indent-2:before { |
|||
content: counter(list-2, lower-roman) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-2 { |
|||
counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-3 { |
|||
counter-increment: list-3; |
|||
} |
|||
.ql-editor ol li.ql-indent-3:before { |
|||
content: counter(list-3, decimal) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-3 { |
|||
counter-reset: list-4 list-5 list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-4 { |
|||
counter-increment: list-4; |
|||
} |
|||
.ql-editor ol li.ql-indent-4:before { |
|||
content: counter(list-4, lower-alpha) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-4 { |
|||
counter-reset: list-5 list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-5 { |
|||
counter-increment: list-5; |
|||
} |
|||
.ql-editor ol li.ql-indent-5:before { |
|||
content: counter(list-5, lower-roman) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-5 { |
|||
counter-reset: list-6 list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-6 { |
|||
counter-increment: list-6; |
|||
} |
|||
.ql-editor ol li.ql-indent-6:before { |
|||
content: counter(list-6, decimal) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-6 { |
|||
counter-reset: list-7 list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-7 { |
|||
counter-increment: list-7; |
|||
} |
|||
.ql-editor ol li.ql-indent-7:before { |
|||
content: counter(list-7, lower-alpha) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-7 { |
|||
counter-reset: list-8 list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-8 { |
|||
counter-increment: list-8; |
|||
} |
|||
.ql-editor ol li.ql-indent-8:before { |
|||
content: counter(list-8, lower-roman) '. '; |
|||
} |
|||
.ql-editor ol li.ql-indent-8 { |
|||
counter-reset: list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-9 { |
|||
counter-increment: list-9; |
|||
} |
|||
.ql-editor ol li.ql-indent-9:before { |
|||
content: counter(list-9, decimal) '. '; |
|||
} |
|||
.ql-editor .ql-indent-1:not(.ql-direction-rtl) { |
|||
padding-left: 3em; |
|||
} |
|||
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) { |
|||
padding-left: 4.5em; |
|||
} |
|||
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right { |
|||
padding-right: 3em; |
|||
} |
|||
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right { |
|||
padding-right: 4.5em; |
|||
} |
|||
.ql-editor .ql-indent-2:not(.ql-direction-rtl) { |
|||
padding-left: 6em; |
|||
} |
|||
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) { |
|||
padding-left: 7.5em; |
|||
} |
|||
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right { |
|||
padding-right: 6em; |
|||
} |
|||
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right { |
|||
padding-right: 7.5em; |
|||
} |
|||
.ql-editor .ql-indent-3:not(.ql-direction-rtl) { |
|||
padding-left: 9em; |
|||
} |
|||
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) { |
|||
padding-left: 10.5em; |
|||
} |
|||
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right { |
|||
padding-right: 9em; |
|||
} |
|||
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right { |
|||
padding-right: 10.5em; |
|||
} |
|||
.ql-editor .ql-indent-4:not(.ql-direction-rtl) { |
|||
padding-left: 12em; |
|||
} |
|||
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) { |
|||
padding-left: 13.5em; |
|||
} |
|||
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right { |
|||
padding-right: 12em; |
|||
} |
|||
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right { |
|||
padding-right: 13.5em; |
|||
} |
|||
.ql-editor .ql-indent-5:not(.ql-direction-rtl) { |
|||
padding-left: 15em; |
|||
} |
|||
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) { |
|||
padding-left: 16.5em; |
|||
} |
|||
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right { |
|||
padding-right: 15em; |
|||
} |
|||
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right { |
|||
padding-right: 16.5em; |
|||
} |
|||
.ql-editor .ql-indent-6:not(.ql-direction-rtl) { |
|||
padding-left: 18em; |
|||
} |
|||
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) { |
|||
padding-left: 19.5em; |
|||
} |
|||
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right { |
|||
padding-right: 18em; |
|||
} |
|||
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right { |
|||
padding-right: 19.5em; |
|||
} |
|||
.ql-editor .ql-indent-7:not(.ql-direction-rtl) { |
|||
padding-left: 21em; |
|||
} |
|||
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) { |
|||
padding-left: 22.5em; |
|||
} |
|||
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right { |
|||
padding-right: 21em; |
|||
} |
|||
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right { |
|||
padding-right: 22.5em; |
|||
} |
|||
.ql-editor .ql-indent-8:not(.ql-direction-rtl) { |
|||
padding-left: 24em; |
|||
} |
|||
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) { |
|||
padding-left: 25.5em; |
|||
} |
|||
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right { |
|||
padding-right: 24em; |
|||
} |
|||
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right { |
|||
padding-right: 25.5em; |
|||
} |
|||
.ql-editor .ql-indent-9:not(.ql-direction-rtl) { |
|||
padding-left: 27em; |
|||
} |
|||
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) { |
|||
padding-left: 28.5em; |
|||
} |
|||
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right { |
|||
padding-right: 27em; |
|||
} |
|||
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right { |
|||
padding-right: 28.5em; |
|||
} |
|||
.ql-editor .ql-video { |
|||
display: block; |
|||
max-width: 100%; |
|||
} |
|||
.ql-editor .ql-video.ql-align-center { |
|||
margin: 0 auto; |
|||
} |
|||
.ql-editor .ql-video.ql-align-right { |
|||
margin: 0 0 0 auto; |
|||
} |
|||
.ql-editor .ql-bg-black { |
|||
background-color: #000; |
|||
} |
|||
.ql-editor .ql-bg-red { |
|||
background-color: #e60000; |
|||
} |
|||
.ql-editor .ql-bg-orange { |
|||
background-color: #f90; |
|||
} |
|||
.ql-editor .ql-bg-yellow { |
|||
background-color: #ff0; |
|||
} |
|||
.ql-editor .ql-bg-green { |
|||
background-color: #008a00; |
|||
} |
|||
.ql-editor .ql-bg-blue { |
|||
background-color: #06c; |
|||
} |
|||
.ql-editor .ql-bg-purple { |
|||
background-color: #93f; |
|||
} |
|||
.ql-editor .ql-color-white { |
|||
color: #fff; |
|||
} |
|||
.ql-editor .ql-color-red { |
|||
color: #e60000; |
|||
} |
|||
.ql-editor .ql-color-orange { |
|||
color: #f90; |
|||
} |
|||
.ql-editor .ql-color-yellow { |
|||
color: #ff0; |
|||
} |
|||
.ql-editor .ql-color-green { |
|||
color: #008a00; |
|||
} |
|||
.ql-editor .ql-color-blue { |
|||
color: #06c; |
|||
} |
|||
.ql-editor .ql-color-purple { |
|||
color: #93f; |
|||
} |
|||
.ql-editor .ql-font-serif { |
|||
font-family: Georgia, Times New Roman, serif; |
|||
} |
|||
.ql-editor .ql-font-monospace { |
|||
font-family: Monaco, Courier New, monospace; |
|||
} |
|||
.ql-editor .ql-size-small { |
|||
font-size: 0.75em; |
|||
} |
|||
.ql-editor .ql-size-large { |
|||
font-size: 1.5em; |
|||
} |
|||
.ql-editor .ql-size-huge { |
|||
font-size: 2.5em; |
|||
} |
|||
.ql-editor .ql-direction-rtl { |
|||
direction: rtl; |
|||
text-align: inherit; |
|||
} |
|||
.ql-editor .ql-align-center { |
|||
text-align: center; |
|||
} |
|||
.ql-editor .ql-align-justify { |
|||
text-align: justify; |
|||
} |
|||
.ql-editor .ql-align-right { |
|||
text-align: right; |
|||
} |
|||
.ql-editor.ql-blank::before { |
|||
color: rgba(0,0,0,0.6); |
|||
content: attr(data-placeholder); |
|||
font-style: italic; |
|||
left: 15px; |
|||
pointer-events: none; |
|||
position: absolute; |
|||
right: 15px; |
|||
} |
|||
.ql-bubble.ql-toolbar:after, |
|||
.ql-bubble .ql-toolbar:after { |
|||
clear: both; |
|||
content: ''; |
|||
display: table; |
|||
} |
|||
.ql-bubble.ql-toolbar button, |
|||
.ql-bubble .ql-toolbar button { |
|||
background: none; |
|||
border: none; |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
float: left; |
|||
height: 24px; |
|||
padding: 3px 5px; |
|||
width: 28px; |
|||
} |
|||
.ql-bubble.ql-toolbar button svg, |
|||
.ql-bubble .ql-toolbar button svg { |
|||
float: left; |
|||
height: 100%; |
|||
} |
|||
.ql-bubble.ql-toolbar button:active:hover, |
|||
.ql-bubble .ql-toolbar button:active:hover { |
|||
outline: none; |
|||
} |
|||
.ql-bubble.ql-toolbar input.ql-image[type=file], |
|||
.ql-bubble .ql-toolbar input.ql-image[type=file] { |
|||
display: none; |
|||
} |
|||
.ql-bubble.ql-toolbar button:hover, |
|||
.ql-bubble .ql-toolbar button:hover, |
|||
.ql-bubble.ql-toolbar button:focus, |
|||
.ql-bubble .ql-toolbar button:focus, |
|||
.ql-bubble.ql-toolbar button.ql-active, |
|||
.ql-bubble .ql-toolbar button.ql-active, |
|||
.ql-bubble.ql-toolbar .ql-picker-label:hover, |
|||
.ql-bubble .ql-toolbar .ql-picker-label:hover, |
|||
.ql-bubble.ql-toolbar .ql-picker-label.ql-active, |
|||
.ql-bubble .ql-toolbar .ql-picker-label.ql-active, |
|||
.ql-bubble.ql-toolbar .ql-picker-item:hover, |
|||
.ql-bubble .ql-toolbar .ql-picker-item:hover, |
|||
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected, |
|||
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected { |
|||
color: #fff; |
|||
} |
|||
.ql-bubble.ql-toolbar button:hover .ql-fill, |
|||
.ql-bubble .ql-toolbar button:hover .ql-fill, |
|||
.ql-bubble.ql-toolbar button:focus .ql-fill, |
|||
.ql-bubble .ql-toolbar button:focus .ql-fill, |
|||
.ql-bubble.ql-toolbar button.ql-active .ql-fill, |
|||
.ql-bubble .ql-toolbar button.ql-active .ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill, |
|||
.ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill, |
|||
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill { |
|||
fill: #fff; |
|||
} |
|||
.ql-bubble.ql-toolbar button:hover .ql-stroke, |
|||
.ql-bubble .ql-toolbar button:hover .ql-stroke, |
|||
.ql-bubble.ql-toolbar button:focus .ql-stroke, |
|||
.ql-bubble .ql-toolbar button:focus .ql-stroke, |
|||
.ql-bubble.ql-toolbar button.ql-active .ql-stroke, |
|||
.ql-bubble .ql-toolbar button.ql-active .ql-stroke, |
|||
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke, |
|||
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke, |
|||
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke, |
|||
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke, |
|||
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke, |
|||
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke, |
|||
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke, |
|||
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke, |
|||
.ql-bubble.ql-toolbar button:hover .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar button:hover .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar button:focus .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar button:focus .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter, |
|||
.ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter { |
|||
stroke: #fff; |
|||
} |
|||
@media (pointer: coarse) { |
|||
.ql-bubble.ql-toolbar button:hover:not(.ql-active), |
|||
.ql-bubble .ql-toolbar button:hover:not(.ql-active) { |
|||
color: #ccc; |
|||
} |
|||
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill, |
|||
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill, |
|||
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill, |
|||
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill { |
|||
fill: #ccc; |
|||
} |
|||
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke, |
|||
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke, |
|||
.ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter, |
|||
.ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter { |
|||
stroke: #ccc; |
|||
} |
|||
} |
|||
.ql-bubble { |
|||
box-sizing: border-box; |
|||
} |
|||
.ql-bubble * { |
|||
box-sizing: border-box; |
|||
} |
|||
.ql-bubble .ql-hidden { |
|||
display: none; |
|||
} |
|||
.ql-bubble .ql-out-bottom, |
|||
.ql-bubble .ql-out-top { |
|||
visibility: hidden; |
|||
} |
|||
.ql-bubble .ql-tooltip { |
|||
position: absolute; |
|||
transform: translateY(10px); |
|||
} |
|||
.ql-bubble .ql-tooltip a { |
|||
cursor: pointer; |
|||
text-decoration: none; |
|||
} |
|||
.ql-bubble .ql-tooltip.ql-flip { |
|||
transform: translateY(-10px); |
|||
} |
|||
.ql-bubble .ql-formats { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
} |
|||
.ql-bubble .ql-formats:after { |
|||
clear: both; |
|||
content: ''; |
|||
display: table; |
|||
} |
|||
.ql-bubble .ql-stroke { |
|||
fill: none; |
|||
stroke: #ccc; |
|||
stroke-linecap: round; |
|||
stroke-linejoin: round; |
|||
stroke-width: 2; |
|||
} |
|||
.ql-bubble .ql-stroke-miter { |
|||
fill: none; |
|||
stroke: #ccc; |
|||
stroke-miterlimit: 10; |
|||
stroke-width: 2; |
|||
} |
|||
.ql-bubble .ql-fill, |
|||
.ql-bubble .ql-stroke.ql-fill { |
|||
fill: #ccc; |
|||
} |
|||
.ql-bubble .ql-empty { |
|||
fill: none; |
|||
} |
|||
.ql-bubble .ql-even { |
|||
fill-rule: evenodd; |
|||
} |
|||
.ql-bubble .ql-thin, |
|||
.ql-bubble .ql-stroke.ql-thin { |
|||
stroke-width: 1; |
|||
} |
|||
.ql-bubble .ql-transparent { |
|||
opacity: 0.4; |
|||
} |
|||
.ql-bubble .ql-direction svg:last-child { |
|||
display: none; |
|||
} |
|||
.ql-bubble .ql-direction.ql-active svg:last-child { |
|||
display: inline; |
|||
} |
|||
.ql-bubble .ql-direction.ql-active svg:first-child { |
|||
display: none; |
|||
} |
|||
.ql-bubble .ql-editor h1 { |
|||
font-size: 2em; |
|||
} |
|||
.ql-bubble .ql-editor h2 { |
|||
font-size: 1.5em; |
|||
} |
|||
.ql-bubble .ql-editor h3 { |
|||
font-size: 1.17em; |
|||
} |
|||
.ql-bubble .ql-editor h4 { |
|||
font-size: 1em; |
|||
} |
|||
.ql-bubble .ql-editor h5 { |
|||
font-size: 0.83em; |
|||
} |
|||
.ql-bubble .ql-editor h6 { |
|||
font-size: 0.67em; |
|||
} |
|||
.ql-bubble .ql-editor a { |
|||
text-decoration: underline; |
|||
} |
|||
.ql-bubble .ql-editor blockquote { |
|||
border-left: 4px solid #ccc; |
|||
margin-bottom: 5px; |
|||
margin-top: 5px; |
|||
padding-left: 16px; |
|||
} |
|||
.ql-bubble .ql-editor code, |
|||
.ql-bubble .ql-editor pre { |
|||
background-color: #f0f0f0; |
|||
border-radius: 3px; |
|||
} |
|||
.ql-bubble .ql-editor pre { |
|||
white-space: pre-wrap; |
|||
margin-bottom: 5px; |
|||
margin-top: 5px; |
|||
padding: 5px 10px; |
|||
} |
|||
.ql-bubble .ql-editor code { |
|||
font-size: 85%; |
|||
padding: 2px 4px; |
|||
} |
|||
.ql-bubble .ql-editor pre.ql-syntax { |
|||
background-color: #23241f; |
|||
color: #f8f8f2; |
|||
overflow: visible; |
|||
} |
|||
.ql-bubble .ql-editor img { |
|||
max-width: 100%; |
|||
} |
|||
.ql-bubble .ql-picker { |
|||
color: #ccc; |
|||
display: inline-block; |
|||
float: left; |
|||
font-size: 14px; |
|||
font-weight: 500; |
|||
height: 24px; |
|||
position: relative; |
|||
vertical-align: middle; |
|||
} |
|||
.ql-bubble .ql-picker-label { |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
height: 100%; |
|||
padding-left: 8px; |
|||
padding-right: 2px; |
|||
position: relative; |
|||
width: 100%; |
|||
} |
|||
.ql-bubble .ql-picker-label::before { |
|||
display: inline-block; |
|||
line-height: 22px; |
|||
} |
|||
.ql-bubble .ql-picker-options { |
|||
background-color: #444; |
|||
display: none; |
|||
min-width: 100%; |
|||
padding: 4px 8px; |
|||
position: absolute; |
|||
white-space: nowrap; |
|||
} |
|||
.ql-bubble .ql-picker-options .ql-picker-item { |
|||
cursor: pointer; |
|||
display: block; |
|||
padding-bottom: 5px; |
|||
padding-top: 5px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-expanded .ql-picker-label { |
|||
color: #777; |
|||
z-index: 2; |
|||
} |
|||
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill { |
|||
fill: #777; |
|||
} |
|||
.ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke { |
|||
stroke: #777; |
|||
} |
|||
.ql-bubble .ql-picker.ql-expanded .ql-picker-options { |
|||
display: block; |
|||
margin-top: -1px; |
|||
top: 100%; |
|||
z-index: 1; |
|||
} |
|||
.ql-bubble .ql-color-picker, |
|||
.ql-bubble .ql-icon-picker { |
|||
width: 28px; |
|||
} |
|||
.ql-bubble .ql-color-picker .ql-picker-label, |
|||
.ql-bubble .ql-icon-picker .ql-picker-label { |
|||
padding: 2px 4px; |
|||
} |
|||
.ql-bubble .ql-color-picker .ql-picker-label svg, |
|||
.ql-bubble .ql-icon-picker .ql-picker-label svg { |
|||
right: 4px; |
|||
} |
|||
.ql-bubble .ql-icon-picker .ql-picker-options { |
|||
padding: 4px 0px; |
|||
} |
|||
.ql-bubble .ql-icon-picker .ql-picker-item { |
|||
height: 24px; |
|||
width: 24px; |
|||
padding: 2px 4px; |
|||
} |
|||
.ql-bubble .ql-color-picker .ql-picker-options { |
|||
padding: 3px 5px; |
|||
width: 152px; |
|||
} |
|||
.ql-bubble .ql-color-picker .ql-picker-item { |
|||
border: 1px solid transparent; |
|||
float: left; |
|||
height: 16px; |
|||
margin: 2px; |
|||
padding: 0px; |
|||
width: 16px; |
|||
} |
|||
.ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg { |
|||
position: absolute; |
|||
margin-top: -9px; |
|||
right: 0; |
|||
top: 50%; |
|||
width: 18px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before, |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before, |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before { |
|||
content: attr(data-label); |
|||
} |
|||
.ql-bubble .ql-picker.ql-header { |
|||
width: 98px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item::before { |
|||
content: 'Normal'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { |
|||
content: 'Heading 1'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { |
|||
content: 'Heading 2'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { |
|||
content: 'Heading 3'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { |
|||
content: 'Heading 4'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { |
|||
content: 'Heading 5'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before, |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { |
|||
content: 'Heading 6'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before { |
|||
font-size: 2em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before { |
|||
font-size: 1.5em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before { |
|||
font-size: 1.17em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before { |
|||
font-size: 1em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before { |
|||
font-size: 0.83em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before { |
|||
font-size: 0.67em; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font { |
|||
width: 108px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-label::before, |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item::before { |
|||
content: 'Sans Serif'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before, |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { |
|||
content: 'Serif'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before, |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { |
|||
content: 'Monospace'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before { |
|||
font-family: Georgia, Times New Roman, serif; |
|||
} |
|||
.ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before { |
|||
font-family: Monaco, Courier New, monospace; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size { |
|||
width: 98px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-label::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item::before { |
|||
content: 'Normal'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { |
|||
content: 'Small'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { |
|||
content: 'Large'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before, |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { |
|||
content: 'Huge'; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before { |
|||
font-size: 10px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before { |
|||
font-size: 18px; |
|||
} |
|||
.ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before { |
|||
font-size: 32px; |
|||
} |
|||
.ql-bubble .ql-color-picker.ql-background .ql-picker-item { |
|||
background-color: #fff; |
|||
} |
|||
.ql-bubble .ql-color-picker.ql-color .ql-picker-item { |
|||
background-color: #000; |
|||
} |
|||
.ql-bubble .ql-toolbar .ql-formats { |
|||
margin: 8px 12px 8px 0px; |
|||
} |
|||
.ql-bubble .ql-toolbar .ql-formats:first-child { |
|||
margin-left: 12px; |
|||
} |
|||
.ql-bubble .ql-color-picker svg { |
|||
margin: 1px; |
|||
} |
|||
.ql-bubble .ql-color-picker .ql-picker-item.ql-selected, |
|||
.ql-bubble .ql-color-picker .ql-picker-item:hover { |
|||
border-color: #fff; |
|||
} |
|||
.ql-bubble .ql-tooltip { |
|||
background-color: #444; |
|||
border-radius: 25px; |
|||
color: #fff; |
|||
} |
|||
.ql-bubble .ql-tooltip-arrow { |
|||
border-left: 6px solid transparent; |
|||
border-right: 6px solid transparent; |
|||
content: " "; |
|||
display: block; |
|||
left: 50%; |
|||
margin-left: -6px; |
|||
position: absolute; |
|||
} |
|||
.ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow { |
|||
border-bottom: 6px solid #444; |
|||
top: -6px; |
|||
} |
|||
.ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow { |
|||
border-top: 6px solid #444; |
|||
bottom: -6px; |
|||
} |
|||
.ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor { |
|||
display: block; |
|||
} |
|||
.ql-bubble .ql-tooltip.ql-editing .ql-formats { |
|||
visibility: hidden; |
|||
} |
|||
.ql-bubble .ql-tooltip-editor { |
|||
display: none; |
|||
} |
|||
.ql-bubble .ql-tooltip-editor input[type=text] { |
|||
background: transparent; |
|||
border: none; |
|||
color: #fff; |
|||
font-size: 13px; |
|||
height: 100%; |
|||
outline: none; |
|||
padding: 10px 20px; |
|||
position: absolute; |
|||
width: 100%; |
|||
} |
|||
.ql-bubble .ql-tooltip-editor a { |
|||
top: 10px; |
|||
position: absolute; |
|||
right: 20px; |
|||
} |
|||
.ql-bubble .ql-tooltip-editor a:before { |
|||
color: #ccc; |
|||
content: "\D7"; |
|||
font-size: 16px; |
|||
font-weight: bold; |
|||
} |
|||
.ql-container.ql-bubble:not(.ql-disabled) a { |
|||
position: relative; |
|||
white-space: nowrap; |
|||
} |
|||
.ql-container.ql-bubble:not(.ql-disabled) a::before { |
|||
background-color: #444; |
|||
border-radius: 15px; |
|||
top: -5px; |
|||
font-size: 12px; |
|||
color: #fff; |
|||
content: attr(href); |
|||
font-weight: normal; |
|||
overflow: hidden; |
|||
padding: 5px 15px; |
|||
text-decoration: none; |
|||
z-index: 1; |
|||
} |
|||
.ql-container.ql-bubble:not(.ql-disabled) a::after { |
|||
border-top: 6px solid #444; |
|||
border-left: 6px solid transparent; |
|||
border-right: 6px solid transparent; |
|||
top: 0; |
|||
content: " "; |
|||
height: 0; |
|||
width: 0; |
|||
} |
|||
.ql-container.ql-bubble:not(.ql-disabled) a::before, |
|||
.ql-container.ql-bubble:not(.ql-disabled) a::after { |
|||
left: 0; |
|||
margin-left: 50%; |
|||
position: absolute; |
|||
transform: translate(-50%, -100%); |
|||
transition: visibility 0s ease 200ms; |
|||
visibility: hidden; |
|||
} |
|||
.ql-container.ql-bubble:not(.ql-disabled) a:hover::before, |
|||
.ql-container.ql-bubble:not(.ql-disabled) a:hover::after { |
|||
visibility: visible; |
|||
} |
|||
@ -0,0 +1,9 @@ |
|||
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} |
|||
body{font-family: 'Microsoft YaHei', sans-serif} |
|||
a{color:#444444;text-decoration: none;outline: none;} |
|||
em{font-style:normal} |
|||
li{list-style:none} |
|||
img{border:0;vertical-align:middle} |
|||
table{border-collapse:collapse;border-spacing:0} |
|||
p{word-wrap:break-word} |
|||
input,button{outline: none;border: none;background: transparent;} |
|||
@ -0,0 +1,84 @@ |
|||
/* 购物车 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.shopword { |
|||
width: 1200px; |
|||
margin: 30px auto; |
|||
} |
|||
|
|||
.shopword h3 { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
#shoptable .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.footer1 { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
display: flex; |
|||
justify-content: flex-end; |
|||
top: calc(100vh - 50px); |
|||
color: rgb(247, 255, 152); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.pingCart { |
|||
width: 600px; |
|||
display: flex; |
|||
align-items: center; |
|||
padding: 0 30px; |
|||
justify-content: space-between; |
|||
margin-right: 100px; |
|||
color: #FBE842; |
|||
} |
|||
|
|||
.footer1 .pingCart input { |
|||
width: 180px; |
|||
height: 50px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
color: white; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.footer1 .pingCart .rod { |
|||
background-color: rgba(251, 232, 66, 1); |
|||
display: inline-block; |
|||
height: 20px; |
|||
width: 2px; |
|||
} |
|||
@ -0,0 +1,308 @@ |
|||
/* 数据超市详情 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.super_detword { |
|||
width: 100%; |
|||
padding-bottom: 100px; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.super_detmain { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.super_center { |
|||
display: flex; |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.center_left { |
|||
width: 252px; |
|||
height: 249px; |
|||
} |
|||
|
|||
.center_left img { |
|||
width: 100%; |
|||
height: 100%; |
|||
object-fit: contain; |
|||
} |
|||
|
|||
.center_right { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
#cen-ock { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.con_box { |
|||
width: 910px; |
|||
display: flex; |
|||
height: 30px; |
|||
line-height: 30px; |
|||
font-size: 14px; |
|||
border: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.title { |
|||
width: 110px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content { |
|||
width: 750px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.center_right .cen_right_two { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
#cen-ock_two { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.title_two { |
|||
/* width: 150px; */ |
|||
width: 138px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content_two { |
|||
width: 227px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
border-right: 1px solid #d7d7d7; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
.title1_two { |
|||
width: 175px; |
|||
text-align: center; |
|||
padding-right: 5px; |
|||
border-right: 1px solid #d7d7d7; |
|||
} |
|||
|
|||
.content1_two { |
|||
width: 348px; |
|||
padding: 0 0 0 15px; |
|||
margin-right: 10px; |
|||
color: #9F9F9F; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
-webkit-line-clamp: 1; |
|||
display: -webkit-box; |
|||
-webkit-box-orient: vertical; |
|||
} |
|||
|
|||
|
|||
.center_right .cen_right_three { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.cen-ock_three { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.actives { |
|||
background-color: rgba(55, 74, 165, 1); |
|||
color: white; |
|||
} |
|||
|
|||
.thre_centen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.thre_centen .table { |
|||
width: 910px; |
|||
} |
|||
|
|||
.thre_centen .table .text-center { |
|||
height: 30px; |
|||
background: #F2F2F2; |
|||
font-weight: normal; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
} |
|||
|
|||
.thre_centen .table .text-center1 { |
|||
width: 200px; |
|||
height: 30px; |
|||
font-size: 14px; |
|||
border: 1px solid #D7D7D7; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
padding: 2px; |
|||
} |
|||
|
|||
.details { |
|||
cursor: pointer; |
|||
color: #337ab7; |
|||
} |
|||
|
|||
.thre_centen .table .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.center_right .cen-right_four { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.thre_head { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.thre_head .btn { |
|||
width: 110px; |
|||
height: 30px; |
|||
outline: none !important; |
|||
border: none; |
|||
border-radius: 5px; |
|||
cursor: pointer; |
|||
background-color: rgba(242, 242, 242, 1); |
|||
} |
|||
|
|||
.thre_head .active { |
|||
background-color: rgba(55, 74, 165, 1) !important; |
|||
color: white !important; |
|||
} |
|||
|
|||
#thre_centen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
#thre_centen>thead { |
|||
background: #F1F1F1; |
|||
} |
|||
|
|||
#thre_centen .text-btn { |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
cursor: pointer; |
|||
} |
|||
|
|||
#thre_four_cen { |
|||
margin-top: 10px; |
|||
} |
|||
|
|||
.footer1 { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgb(247, 255, 152); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.footer1 .pingCart input { |
|||
width: 180px; |
|||
height: 50px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
color: white; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.shopyear .ipt { |
|||
padding: 10px; |
|||
width: 100px; |
|||
height: 30px; |
|||
color: #000000; |
|||
outline: none; |
|||
border: none; |
|||
background-color: white; |
|||
} |
|||
|
|||
.talprice { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.pingCart { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
|
|||
#myModal .modal-dialog .modal-content .modal-body { |
|||
display: flex; |
|||
} |
|||
|
|||
.modal-body .modal_left { |
|||
width: 283px; |
|||
height: 392px; |
|||
box-sizing: border-box; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(215, 215, 215, 1); |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.modal-body .modal_left img { |
|||
width: 271px; |
|||
height: 217px; |
|||
} |
|||
|
|||
.modal-body .modal_right { |
|||
margin-left: 30px; |
|||
} |
|||
|
|||
.modal-body .modal_right div { |
|||
font-size: 16px; |
|||
} |
|||
@ -0,0 +1,329 @@ |
|||
/* 数据超市列表 */ |
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
|
|||
} |
|||
|
|||
/* 面包屑样式 */ |
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.market_word { |
|||
width: 100%; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.market_main { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
} |
|||
|
|||
.market_main .market_screen { |
|||
width: 1200px; |
|||
height: 240px; |
|||
background: white; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box { |
|||
padding: 40px; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div { |
|||
height: 50px; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div span { |
|||
width: 100px; |
|||
display: inline-block; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div .btn1, |
|||
.btn { |
|||
height: 30px; |
|||
padding: 5px; |
|||
text-align: center; |
|||
outline: none !important; |
|||
border: none !important; |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div .ipt { |
|||
width: 250px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
border: 1px solid #dddddd; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div .iptword { |
|||
width: 250px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
border: 1px solid #dddddd; |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div .btn3, |
|||
.btn4 { |
|||
width: 68px; |
|||
height: 30px; |
|||
margin-left: 20px; |
|||
outline: none; |
|||
border: none; |
|||
color: white; |
|||
background-color: rgba(64, 137, 215, 1); |
|||
} |
|||
|
|||
.market_main .market_screen .screen_box div .btn1:hover, |
|||
.btn:hover { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
.current, |
|||
.activbtn { |
|||
color: white !important; |
|||
background-color: rgba(64, 137, 215, 1); |
|||
} |
|||
|
|||
/* 内容样式 */ |
|||
.market_main .main_table { |
|||
width: 1200px; |
|||
margin: 20px auto; |
|||
padding: 20px 0; |
|||
background-color: #fff; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.main_table #main_cent { |
|||
display: flex; |
|||
flex-wrap: wrap; |
|||
padding: 0 20px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook { |
|||
width: 265px; |
|||
height: 420px; |
|||
cursor: pointer; |
|||
margin: 10px 0 0 33px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head { |
|||
position: relative; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook:nth-child(4n+1) { |
|||
margin-left: 0px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_head { |
|||
position: absolute; |
|||
height: 25px; |
|||
left: 187px; |
|||
top: 0; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
font-size: 14px; |
|||
text-align: center; |
|||
line-height: 25px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom { |
|||
position: absolute; |
|||
width: 265px; |
|||
height: 50px; |
|||
left: 0; |
|||
top: 220px; |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
color: white; |
|||
line-height: 50px; |
|||
display: flex; |
|||
font-size: 16px; |
|||
justify-content: space-between; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head .tig_bottom .tig_botm1 { |
|||
width: 160px; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.main_table #main_cent .main_mook .mook_head img { |
|||
width: 265px; |
|||
height: 270px; |
|||
/* object-fit: contain; */ |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men { |
|||
width: 265px; |
|||
height: 125px; |
|||
background-color: rgba(242, 242, 242, 1); |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men p { |
|||
width: 245px; |
|||
font-size: 13px; |
|||
color: #737373; |
|||
overflow: hidden; |
|||
text-overflow: ellipsis; |
|||
white-space: nowrap; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .bor { |
|||
width: 245px; |
|||
border: 1px solid #CCCCCC; |
|||
margin: 5px 0 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott { |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: space-between; |
|||
font-size: 15px; |
|||
padding: 0 10px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott div { |
|||
margin-top: 7px; |
|||
} |
|||
|
|||
#main_cent .main_mook .mook_men .men_bott .men_name { |
|||
color: #4C0000; |
|||
overflow: hidden; |
|||
white-space: nowrap; |
|||
text-overflow: ellipsis; |
|||
} |
|||
|
|||
.setPageDiv { |
|||
width: 1100px; |
|||
margin: auto; |
|||
margin-bottom: 91px; |
|||
margin-top: 37px; |
|||
} |
|||
|
|||
#pagination { |
|||
margin: auto; |
|||
margin-left: 100px; |
|||
text-align: right; |
|||
} |
|||
|
|||
/* 外面盒子样式---自己定义 */ |
|||
|
|||
.page_div { |
|||
margin-top: 20px; |
|||
color: #666; |
|||
text-align: right; |
|||
padding: 0 26px 0 0; |
|||
} |
|||
|
|||
|
|||
/* 页数按钮样式 */ |
|||
|
|||
.page_div button { |
|||
display: inline-block; |
|||
min-width: 30px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #666; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #dce0e0; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
-webkit-appearance: none; |
|||
-moz-appearance: none; |
|||
appearance: none; |
|||
} |
|||
|
|||
|
|||
/* 单页数据选择框样式 */ |
|||
|
|||
#page-sizes { |
|||
display: inline-block; |
|||
min-width: 80px; |
|||
height: 28px; |
|||
cursor: pointer; |
|||
color: #0073A9; |
|||
font-size: 13px; |
|||
line-height: 28px; |
|||
background-color: #f9f9f9; |
|||
border: 1px solid #0073A9; |
|||
text-align: center; |
|||
margin: 0 4px; |
|||
border-radius: 0; |
|||
} |
|||
|
|||
#page-sizes:focus-visible { |
|||
outline: -webkit-focus-ring-color auto 0; |
|||
} |
|||
|
|||
#text { |
|||
width: 50px; |
|||
height: 29px; |
|||
color: #666; |
|||
text-align: center; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#firstPage, |
|||
#lastPage, |
|||
#nextPage, |
|||
#prePage { |
|||
width: 50px; |
|||
color: #0073A9; |
|||
border: 1px solid #0073A9; |
|||
} |
|||
|
|||
#nextPage, |
|||
#prePage { |
|||
width: 70px; |
|||
} |
|||
|
|||
.page_div .current { |
|||
background-color: #0073A9; |
|||
border-color: #0073A9; |
|||
color: #FFF; |
|||
} |
|||
|
|||
/* 页面数量 */ |
|||
.totalPages { |
|||
margin: 0 10px; |
|||
} |
|||
|
|||
.totalPages span, |
|||
.totalSize span { |
|||
color: #0073A9; |
|||
margin: 0 5px; |
|||
} |
|||
|
|||
|
|||
/*button禁用*/ |
|||
|
|||
.page_div button:disabled { |
|||
opacity: .5; |
|||
cursor: no-drop; |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,265 @@ |
|||
/* 集详情 */ |
|||
|
|||
* { |
|||
margin: 0; |
|||
padding: 0; |
|||
} |
|||
|
|||
|
|||
/* 面包屑样式 */ |
|||
|
|||
.rumbs { |
|||
width: 100%; |
|||
height: 60px; |
|||
background: #FFFFFF; |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box { |
|||
width: 1200px; |
|||
margin: 0px auto; |
|||
line-height: 60px; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_title { |
|||
float: left; |
|||
} |
|||
|
|||
.rumbs .rumbs_box .rumbs_name { |
|||
float: left; |
|||
} |
|||
|
|||
.footer1 { |
|||
width: 100%; |
|||
height: 50px; |
|||
background-color: rgb(62, 71, 97); |
|||
position: fixed; |
|||
z-index: 888; |
|||
top: calc(100vh - 50px); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
color: rgb(247, 255, 152); |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.footer1 .pingCart input { |
|||
width: 180px; |
|||
height: 50px; |
|||
outline: none; |
|||
border: none; |
|||
background: transparent; |
|||
color: white; |
|||
font-size: 16px; |
|||
} |
|||
|
|||
.shopyear .ipt { |
|||
padding: 10px; |
|||
width: 100px; |
|||
height: 30px; |
|||
color: #000000; |
|||
outline: none; |
|||
border: none; |
|||
background-color: white; |
|||
} |
|||
|
|||
.talprice { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.pingCart { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.super_detword { |
|||
width: 100%; |
|||
padding-bottom: 100px; |
|||
background: #F2F8FC; |
|||
} |
|||
|
|||
.super_detmain { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
} |
|||
|
|||
.super_detmain h3 { |
|||
font-weight: normal; |
|||
} |
|||
|
|||
.super_detmain .detil_header { |
|||
display: flex; |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.detil_header .head_left { |
|||
width: 283px; |
|||
height: 392px; |
|||
box-sizing: border-box; |
|||
border-width: 1px; |
|||
border-style: solid; |
|||
border-color: rgba(215, 215, 215, 1); |
|||
box-shadow: 2px 2px 5px rgb(0 0 0 / 35%); |
|||
display: flex; |
|||
justify-content: center; |
|||
align-items: center; |
|||
} |
|||
|
|||
.detil_header .head_left img { |
|||
width: 271px; |
|||
height: 217px; |
|||
} |
|||
|
|||
.detil_header .head_right { |
|||
margin-left: 20px; |
|||
} |
|||
|
|||
.detil_header .head_right .right_center { |
|||
display: flex; |
|||
/* width: 920px; */ |
|||
flex-wrap: wrap; |
|||
} |
|||
|
|||
.detil_header .head_right .right_center p { |
|||
width: 48%; |
|||
margin-top: 15px; |
|||
color: #7F7F7F; |
|||
} |
|||
|
|||
.detil_buton { |
|||
margin-top: 20px; |
|||
} |
|||
|
|||
.detil_buton .cen_on { |
|||
margin-top: 30px; |
|||
} |
|||
|
|||
.detil_buton .cen_on .r_cen_tit { |
|||
display: inline-block; |
|||
width: 5px; |
|||
height: 30px; |
|||
background-color: #1890ff; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
.content_box { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.content { |
|||
width: 1200px; |
|||
margin: 0 auto; |
|||
background: white; |
|||
padding: 20px; |
|||
padding-left: 50px; |
|||
} |
|||
|
|||
.title { |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.collection { |
|||
display: flex; |
|||
margin-bottom: 10px; |
|||
} |
|||
|
|||
.coll-details { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-title { |
|||
color: #000; |
|||
font-size: 14px; |
|||
height: 40px; |
|||
line-height: 40px; |
|||
} |
|||
|
|||
.coll-content { |
|||
width: 100%; |
|||
display: flex; |
|||
font-size: 14px; |
|||
} |
|||
|
|||
.coll-left { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.coll-right { |
|||
flex: 1; |
|||
} |
|||
|
|||
.coll-item { |
|||
color: #7f7f7f; |
|||
margin: 10px 0; |
|||
line-height: 20px; |
|||
} |
|||
|
|||
.title2 { |
|||
margin-bottom: 30px; |
|||
} |
|||
|
|||
.details { |
|||
margin: 15px 0; |
|||
height: 25px; |
|||
line-height: 25px; |
|||
margin-left: 20px; |
|||
border-left: 7px solid #1890ff; |
|||
padding-left: 15px; |
|||
} |
|||
|
|||
.table_box { |
|||
box-sizing: border-box; |
|||
border: 1px solid #d7d7d7; |
|||
margin-left: 50px; |
|||
} |
|||
|
|||
.table_box tr { |
|||
color: #7f7f7f; |
|||
} |
|||
|
|||
.table_box tr:nth-child(1) { |
|||
background-color: #f2f2f2; |
|||
color: #555; |
|||
} |
|||
|
|||
.table_box td { |
|||
font-size: 14px; |
|||
text-align: center; |
|||
/* width: 150px; */ |
|||
height: 30px; |
|||
border-right: 1px solid #d7d7d7; |
|||
border-bottom: 1px solid #d7d7d7; |
|||
padding: 0 5px; |
|||
} |
|||
|
|||
.table_box td:nth-child(2) { |
|||
width: 270px; |
|||
} |
|||
|
|||
.table_box td:nth-child(3) { |
|||
width: 271px; |
|||
} |
|||
|
|||
.table_box td:nth-child(4) { |
|||
width: 170px; |
|||
} |
|||
|
|||
.table_box td:nth-child(5) { |
|||
width: 60px; |
|||
} |
|||
|
|||
.table_box td:nth-child(6) { |
|||
width: 150px; |
|||
} |
|||
|
|||
.table_box td:nth-child(7) { |
|||
width: 150px; |
|||
} |
|||
Binary file not shown.
|
After Width: | Height: | Size: 61 KiB |
Binary file not shown.
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue