|
|
@@ -0,0 +1,10131 @@
|
|
|
+/*-----------------start 20240708 样式--------------*/
|
|
|
+/*
|
|
|
+* {
|
|
|
+ cursor: url(image/cur.ico), default;
|
|
|
+}
|
|
|
+*/
|
|
|
+html,
|
|
|
+body {
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+body,
|
|
|
+div,
|
|
|
+span,
|
|
|
+iframe,
|
|
|
+h1,
|
|
|
+h2,
|
|
|
+h3,
|
|
|
+h4,
|
|
|
+h5,
|
|
|
+h6,
|
|
|
+p,
|
|
|
+pre,
|
|
|
+em,
|
|
|
+a,
|
|
|
+img,
|
|
|
+ul,
|
|
|
+li,
|
|
|
+form,
|
|
|
+b,
|
|
|
+u,
|
|
|
+i,
|
|
|
+fieldset,
|
|
|
+form,
|
|
|
+label,
|
|
|
+tbody,
|
|
|
+thead,
|
|
|
+tr,
|
|
|
+th,
|
|
|
+td,
|
|
|
+canvas,
|
|
|
+audio,
|
|
|
+textarea,
|
|
|
+video {
|
|
|
+ font-size: 100%;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ vertical-align: baseline;
|
|
|
+ border: none;
|
|
|
+ font-weight: normal;
|
|
|
+ text-decoration: none;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+body {
|
|
|
+ font-size: 14px;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -khtml-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ cursor: url(image/cur.ico), default;
|
|
|
+
|
|
|
+ -webkit-text-size-adjust: none;
|
|
|
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
|
+}
|
|
|
+
|
|
|
+hr {
|
|
|
+ margin: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border: none;
|
|
|
+ border-bottom: 1px solid #cccccc;
|
|
|
+}
|
|
|
+
|
|
|
+body,
|
|
|
+input,
|
|
|
+button,
|
|
|
+select {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+}
|
|
|
+
|
|
|
+strong span {
|
|
|
+ font-weight: bold;
|
|
|
+}
|
|
|
+
|
|
|
+input {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+ul {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+textarea {
|
|
|
+ background-color: transparent;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+input[type='text'],
|
|
|
+input[type='number'],
|
|
|
+input[type='password'] {
|
|
|
+ width: 160px;
|
|
|
+ height: 30px;
|
|
|
+ color: #000000;
|
|
|
+ border: none;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 2px;
|
|
|
+ padding-left: 12px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 16px;
|
|
|
+ outline: none;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+input[type='text']:focus,
|
|
|
+input[type='number']:focus,
|
|
|
+input[type='password']:focus {
|
|
|
+ border: 1px solid #6c9ed7;
|
|
|
+ /* box-shadow: 0 0 5px #6c9ed7; */
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+input[type='text']::-webkit-input-placeholder,
|
|
|
+input[type='number']::-webkit-input-placeholder,
|
|
|
+input[type='password']::-webkit-input-placeholder {
|
|
|
+ color: #ccc;
|
|
|
+ font-family: "SimHei", Georgia, Serif !important;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/*-------锁屏样式-------*/
|
|
|
+
|
|
|
+.lock-screen {
|
|
|
+ background: url(image/SuoPin1.jpg) !important;
|
|
|
+ background-repeat: no-repeat !important;
|
|
|
+ background-position: center center !important;
|
|
|
+ background-attachment: fixed !important;
|
|
|
+ background-size: cover !important;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------线样式-----------------*/
|
|
|
+/*hLine*/
|
|
|
+/*普通hLine*/
|
|
|
+.hLine {
|
|
|
+ border-bottom: 1px solid #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+/*上边框浅色实线*/
|
|
|
+.hLine-top {
|
|
|
+ border-top: 1px solid #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+/*浅色hLine*/
|
|
|
+.hLine-dim {
|
|
|
+ border-bottom: 1px solid #e5e8e9;
|
|
|
+}
|
|
|
+
|
|
|
+/*hLine高亮*/
|
|
|
+.hLine-highlight {
|
|
|
+ border-bottom: 1px solid #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+/*hLine高亮加粗*/
|
|
|
+.hLine-highlightBlod {
|
|
|
+ border-bottom: 2px solid #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.hLine-dashed {
|
|
|
+ border-bottom: 1px dashed #ededed;
|
|
|
+}
|
|
|
+
|
|
|
+/* 拖拉界面的红线 */
|
|
|
+.hLine-warning {
|
|
|
+ width: calc(100% - 4px);
|
|
|
+ height: 2px;
|
|
|
+ background-color: red;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+/*vLine*/
|
|
|
+/*普通vLine*/
|
|
|
+.vLine {
|
|
|
+ border-right: 1px solid #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+/*左边框浅色实线*/
|
|
|
+.vLine-left {
|
|
|
+ border-left: 1px solid #d9d9d9;
|
|
|
+}
|
|
|
+
|
|
|
+/*vLine虚线*/
|
|
|
+.vLine-dashed {
|
|
|
+ border-right: 1px dashed #cacfd9;
|
|
|
+}
|
|
|
+
|
|
|
+/*非空校验的样式*/
|
|
|
+.vLine-leftWarning {
|
|
|
+ border-left: 2px solid red;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ left: -1px;
|
|
|
+ top: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.vLine-warning {
|
|
|
+ border-left: 2px solid red;
|
|
|
+ height: 20px;
|
|
|
+ display: inline-block;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.vline-dim {
|
|
|
+ border-right: 1px solid #c3c3c3;
|
|
|
+}
|
|
|
+
|
|
|
+/* .menu-vLine {
|
|
|
+ border-right: 1px solid rgba(30, 39, 105, 1);
|
|
|
+ box-shadow: 1px 0px 0px rgba(60, 74, 185, 1);
|
|
|
+} */
|
|
|
+
|
|
|
+.vLine-leftHighlight {
|
|
|
+ border-left: 2px solid #71a0ce;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------线样式结束----------------------*/
|
|
|
+
|
|
|
+/* ------------------鼠标样式 -----------------------*/
|
|
|
+/* 向左拖一个 */
|
|
|
+.cursor-hDrag {
|
|
|
+ cursor: url(image/cursor-hDrag.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-hDrag * {
|
|
|
+ cursor: url(image/cursor-hDrag.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 向左拖多个 */
|
|
|
+.cursor-hDragMultiple {
|
|
|
+ cursor: url(image/cursor-hDragMultiple.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-hDragMultiple * {
|
|
|
+ cursor: url(image/cursor-hDragMultiple.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 手形（点击打开） */
|
|
|
+.cursor-click {
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-click * {
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 向上拖一个 */
|
|
|
+.cursor-vDrag {
|
|
|
+ cursor: url(image/cursor-vDrag.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-vDrag * {
|
|
|
+ cursor: url(image/cursor-vDrag.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 向上拖多个 */
|
|
|
+.cursor-vDragMultiple {
|
|
|
+ cursor: url(image/cursor-vDragMultiple.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-vDragMultiple * {
|
|
|
+ cursor: url(image/cursor-vDragMultiple.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 可点击带帮助 */
|
|
|
+.cursor-clickHelp {
|
|
|
+ cursor: url(image/cursor-clickHelp.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 带帮助 */
|
|
|
+.cursor-help {
|
|
|
+ cursor: url(image/cursor-help.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 普通 */
|
|
|
+.cursor {
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 倒计时 */
|
|
|
+.cursor-timing1 * {
|
|
|
+ cursor: url(image/ready1.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing2 * {
|
|
|
+ cursor: url(image/ready2.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing3 * {
|
|
|
+ cursor: url(image/ready3.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing4 * {
|
|
|
+ cursor: url(image/ready4.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing5 * {
|
|
|
+ cursor: url(image/ready5.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing6 * {
|
|
|
+ cursor: url(image/ready6.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing7 * {
|
|
|
+ cursor: url(image/ready7.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing8 * {
|
|
|
+ cursor: url(image/ready8.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing9 * {
|
|
|
+ cursor: url(image/ready9.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing10 * {
|
|
|
+ cursor: url(image/ready10.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing11 * {
|
|
|
+ cursor: url(image/ready11.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.cursor-timing12 * {
|
|
|
+ cursor: url(image/ready12.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*忙（转圈圈）*/
|
|
|
+.cursor-loading {
|
|
|
+ width: 34px;
|
|
|
+ height: 34px;
|
|
|
+ background: url(image/cursor-loading.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------鼠标样式结束--------------------*/
|
|
|
+
|
|
|
+/*--------------------滚动条样式--------------------*/
|
|
|
+/*大滚动条*/
|
|
|
+div.nicescroll-rails {
|
|
|
+ /*background-color: inherit !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+/*大滚动条样式*/
|
|
|
+/* .scrollbar{} */
|
|
|
+
|
|
|
+/*小滚动条样式*/
|
|
|
+/* .smallScrollbar {} */
|
|
|
+/*---------------------滚动条样式结束----------------*/
|
|
|
+
|
|
|
+/*----------------------背景颜色样式-------------*/
|
|
|
+/*主体背景颜色*/
|
|
|
+.home-div {
|
|
|
+ background-color: #f5f5f5;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*内容*/
|
|
|
+.background-content {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*应用首页操作区底色*/
|
|
|
+.sysbar-div {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.cms-background {
|
|
|
+ background-color: #f5f5f5;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------背景颜色样式结束------------*/
|
|
|
+
|
|
|
+/*---------------------按钮样式-------------------*/
|
|
|
+/* 搜索按钮 */
|
|
|
+.content-invertButton {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 0px 13px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ background-color: #393d51;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #393d51;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 3px;
|
|
|
+ outline: none;
|
|
|
+ margin-right: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.content-invertButton:hover {
|
|
|
+ border: 1px solid #c4c7cc;
|
|
|
+ color: #c4c7cc;
|
|
|
+ background-color: transparent;
|
|
|
+}
|
|
|
+
|
|
|
+.content-invertButton:active {
|
|
|
+ border: 1px solid #000;
|
|
|
+ color: #fff;
|
|
|
+ background: #000;
|
|
|
+}
|
|
|
+
|
|
|
+/* 管理按钮 */
|
|
|
+.content-button {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999999;
|
|
|
+ padding: 0px 13px;
|
|
|
+ height: 29px;
|
|
|
+ line-height: 28px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #c4c7cc;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 3px;
|
|
|
+ outline: none;
|
|
|
+ margin-right: 2px;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+.content-button:hover {
|
|
|
+ background-color: #393d51;
|
|
|
+ border: 1px solid #393d51;
|
|
|
+ color: #fff;
|
|
|
+ /* background-color: #6b9fd3; */
|
|
|
+}
|
|
|
+
|
|
|
+.content-button:active {
|
|
|
+ border: 1px solid #000;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+/*底部按钮样式*/
|
|
|
+.bottom-button {
|
|
|
+ width: 161px;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 16px;
|
|
|
+ font-weight: normal;
|
|
|
+ clear: both;
|
|
|
+ /* height: 37px; */
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 5px 20px;
|
|
|
+ line-height: 33px;
|
|
|
+ /* margin: 0 12.5px; */
|
|
|
+ color: #333333;
|
|
|
+ border: none;
|
|
|
+ border-radius: 5px;
|
|
|
+ background: #FFFFFF;
|
|
|
+ border-radius: 4px 4px 4px 4px;
|
|
|
+ border: 1px solid #A6ABB3;
|
|
|
+ outline: none;
|
|
|
+ letter-spacing: unset !important;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom-button:hover {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #575D6D;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom-button:active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #575D6D;
|
|
|
+}
|
|
|
+
|
|
|
+/*on按钮*/
|
|
|
+.content-onButton {
|
|
|
+ display: inline-block;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 16px;
|
|
|
+ min-width: 80px;
|
|
|
+ font-weight: normal;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ outline: none;
|
|
|
+ color: #393d51;
|
|
|
+ background: url(image/svg_icon/gouxuan.svg) right bottom no-repeat;
|
|
|
+ background-color: #ffffff;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 5px 10px;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid #393d51;
|
|
|
+ background-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.content-onButton:hover {
|
|
|
+ color: #fff;
|
|
|
+ background: #393d51 url(image/svg_icon/gouxuan.svg) right bottom no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*off按钮*/
|
|
|
+.content-offButton {
|
|
|
+ display: inline-block;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 16px;
|
|
|
+ min-width: 80px;
|
|
|
+ font-weight: normal;
|
|
|
+ padding: 5px 10px;
|
|
|
+ outline: none;
|
|
|
+ color: #c3c6ca;
|
|
|
+ background: url(image/svg_icon/bugouxuan.svg) right bottom no-repeat;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 4px;
|
|
|
+ overflow: hidden;
|
|
|
+ /* padding: 0px 13px; */
|
|
|
+ vertical-align: middle;
|
|
|
+ border: 1px solid #bfc1c6;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.content-offButton:hover {
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #fff;
|
|
|
+ background: #393d51 url(image/svg_icon/bugouxuan.svg) right bottom no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*label按钮*/
|
|
|
+.label-button {
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0px 13px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #fff;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ vertical-align: middle;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 4px;
|
|
|
+ outline: none;
|
|
|
+ cursor: pointer;
|
|
|
+ margin-right: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.label-button:hover {
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #6c9ed7;
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ color: #6c9ddb;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 22px;
|
|
|
+ box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
|
|
|
+ border-radius: 2px;
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton:hover {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton:active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #415f7f;
|
|
|
+}
|
|
|
+
|
|
|
+.button {
|
|
|
+ width: 50px;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ border-radius: 2px;
|
|
|
+ color: #6c9ed7;
|
|
|
+ text-align: center;
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ display: inline-block;
|
|
|
+ box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
|
|
|
+ background-position-x: center;
|
|
|
+ background-position-y: calc(50% - 10px);
|
|
|
+ font-size: 13px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.button:hover {
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.button:active {
|
|
|
+ background-color: #415f7f;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinButton {
|
|
|
+ width: 50px;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ border-radius: 2px;
|
|
|
+ color: #6c9ed7;
|
|
|
+ text-align: center;
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ display: inline-block;
|
|
|
+ box-shadow: -1px 0px 1px rgba(108, 158, 215, .4);
|
|
|
+ background-position-x: center;
|
|
|
+ background-position-y: calc(50% - 10px);
|
|
|
+ font-size: 13px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinButton:hover {
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinButton:active {
|
|
|
+ background-color: #415f7f;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------按钮样式结束----------------------*/
|
|
|
+
|
|
|
+/*--------------------icon图标样式-----------------------*/
|
|
|
+/*附件*/
|
|
|
+.icon-attachment {
|
|
|
+ background-image: url(image/icon-attachment.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-attachment:hover {
|
|
|
+ background-image: url(image/icon-attachment-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-attachment:active {
|
|
|
+ background-image: url(image/icon-attachment-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*常用语*/
|
|
|
+.icon-phrase {
|
|
|
+ background-image: url(image/icon-phrase.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-phrase:hover {
|
|
|
+ background-image: url(image/icon-phrase-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-phrase:active {
|
|
|
+ background-image: url(image/icon-phrase-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*手写*/
|
|
|
+.icon-pen {
|
|
|
+ background-image: url(image/icon-pen.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-pen:hover {
|
|
|
+ background-image: url(image/icon-pen-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-pen:active {
|
|
|
+ background-image: url(image/icon-pen-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*待办小I*/
|
|
|
+.icon-i {
|
|
|
+ vertical-align: middle;
|
|
|
+ background-image: url(image/smallButton-i.png);
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+ float: left;
|
|
|
+ margin-top: 10px !important;
|
|
|
+ margin-left: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-i:hover {
|
|
|
+ background-image: url(image/smallButton-i-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-i:active {
|
|
|
+ background-image: url(image/smallButton-i-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*待办大I按钮*/
|
|
|
+.icon-bigI {
|
|
|
+ vertical-align: middle;
|
|
|
+ background-image: url(image/smallButton-bigIbutton.png);
|
|
|
+ float: left;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+ margin-top: 10px;
|
|
|
+ margin-left: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-bigI:hover {
|
|
|
+ background-image: url(image/smallButton-bigIbutton-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-bigI:active {
|
|
|
+ background-image: url(image/smallButton-bigIbutton-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*增加*/
|
|
|
+.icon-add {
|
|
|
+ background-image: url(image/addIcon.png);
|
|
|
+ background-position-x: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+}
|
|
|
+
|
|
|
+input.icon-add {
|
|
|
+
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-add:hover {
|
|
|
+ background-image: url(image/addIcon-hover.png);
|
|
|
+ background-position-x: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*删除*/
|
|
|
+.icon-del {
|
|
|
+ background-image: url(image/icon-del.png);
|
|
|
+}
|
|
|
+
|
|
|
+input.icon-del {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-del:hover {
|
|
|
+ background-image: url(image/icon-del-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 变动 */
|
|
|
+.icon-change {
|
|
|
+ background-image: url(image/changeIcon.png);
|
|
|
+}
|
|
|
+
|
|
|
+input.icon-change {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 停用 */
|
|
|
+.icon-disable {
|
|
|
+ background-image: url(image/disableIcon.png);
|
|
|
+}
|
|
|
+
|
|
|
+input.icon-disable {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 启用 */
|
|
|
+.icon-enable {
|
|
|
+ background-image: url(image/icon-enable.png);
|
|
|
+}
|
|
|
+
|
|
|
+input.icon-enable {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: left;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*数量*/
|
|
|
+.icon-num {
|
|
|
+ display: inline-block;
|
|
|
+ height: 19px;
|
|
|
+ line-height: 19px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6c9ed7;
|
|
|
+ background-color: #fff;
|
|
|
+ padding: 0px 5px;
|
|
|
+ border: 1px solid #6c9ed7;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+/* 总数超过9的图标 */
|
|
|
+.icon-fullNum {
|
|
|
+ height: 19px;
|
|
|
+ width: 19px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #6c9ed7;
|
|
|
+ background: url(image/icon-num-9p.png) center center;
|
|
|
+ background-color: #fff;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+/*objectpicker不可输入时下拉图标*/
|
|
|
+.icon-down {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ background: url(image/dialog-select-icon.png) center center no-repeat;
|
|
|
+ /* border: 1px solid rgb(195 199 203); */
|
|
|
+ position: absolute;
|
|
|
+ right: 2px;
|
|
|
+ border-radius: 2px;
|
|
|
+ box-shadow: none;
|
|
|
+ /* top: 8px; */
|
|
|
+ /* transform: translateY(-50%); */
|
|
|
+}
|
|
|
+
|
|
|
+/*objectpicker可输入时下拉图标*/
|
|
|
+.smallButton.icon-down {
|
|
|
+ position: absolute;
|
|
|
+ right: -1px;
|
|
|
+ top: -1px;
|
|
|
+ background-image: url(image/svg_icon/xiangxiajiantou.svg);
|
|
|
+ background-position: center !important;
|
|
|
+ background-size: 80%;
|
|
|
+ border-radius: 2px;
|
|
|
+ border: 1px solid rgb(195 199 203);
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-down:hover {
|
|
|
+ background-color: #393d51;
|
|
|
+ background-image: url(image/svg_icon/xiangxiajiantou.svg);
|
|
|
+}
|
|
|
+
|
|
|
+.smallButton.icon-down:active {
|
|
|
+ background-color: rgb(0 0 0);
|
|
|
+ background-image: url(image/svg_icon/xiangxiajiantou.svg);
|
|
|
+}
|
|
|
+
|
|
|
+/*实心闭合文件夹icon*/
|
|
|
+.icon-fullFolder {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ background: url(image/list-fullGroupIcon.png) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #333;
|
|
|
+ font-size: 0px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: middle;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullFolder:hover {
|
|
|
+ background: url(image/list-fullGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullFolder:active {
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/list-fullGroupIcon-active.png) center calc(50% - 2px) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullFolder a {
|
|
|
+ color: #333;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+ line-height: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullFolder:hover a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullFolder:active a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*实心展开文件夹icon*/
|
|
|
+.icon-openFullFolder {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ background: url(image/list-expandedFullGroupIcon.png) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #333;
|
|
|
+ font-size: 0px;
|
|
|
+ text-align: center;
|
|
|
+ vertical-align: middle;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+ line-height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFullFolder:hover {
|
|
|
+ background: url(image/list-expandedFullGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFullFolder:active {
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/list-expandedFullGroupIcon-active.png) center calc(50% - 2px) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFullFolder a {
|
|
|
+ color: #333;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 40px;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+ line-height: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFullFolder:hover a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFullFolder:active a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*闭合文件夹icon*/
|
|
|
+.icon-folder {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ background: url(image/svg_icon/folderShare.svg) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #333;
|
|
|
+ font-size: 13px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 40px;
|
|
|
+ vertical-align: middle;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ letter-spacing: 0.5px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* .icon-folder:hover {
|
|
|
+ background: url(image/list-groupIcon-hover.png) center calc(50% - 2px) no-repeat;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-folder:active {
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/list-groupIcon-active.png) center calc(50% - 2px) no-repeat;
|
|
|
+} */
|
|
|
+
|
|
|
+.icon-folder a {
|
|
|
+ color: #fff;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ line-height: inherit;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-folder:hover a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-folder:active a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*展开文件夹icon*/
|
|
|
+.icon-openFolder {
|
|
|
+ font-size: 13px;
|
|
|
+ letter-spacing: 0.5px;
|
|
|
+ color: #fff;
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ background: url(image/svg_icon/olderOpen.svg) center calc(50% - 2px) no-repeat;
|
|
|
+ text-align: center;
|
|
|
+ line-height: inherit;
|
|
|
+ vertical-align: middle;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* .icon-openFolder:hover {
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/list-expandedGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFolder:active {
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/list-expandedGroupIcon-active.png) center calc(50% - 2px) no-repeat;
|
|
|
+} */
|
|
|
+
|
|
|
+.icon-openFolder a {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 12px;
|
|
|
+ vertical-align: middle;
|
|
|
+ display: inline-block;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ line-height: inherit;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFolder:hover a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-openFolder:active a {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*子文件icon*/
|
|
|
+.icon-point {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ vertical-align: middle;
|
|
|
+ /* background: url(image/list-itemIcon.png) right center no-repeat; */
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-point::after {
|
|
|
+ content: '';
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ border-radius: 50%;
|
|
|
+ background-color: #666;
|
|
|
+ display: block;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*单文件icon*/
|
|
|
+.icon-doc {
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: url(image/list-icon.png) center center no-repeat;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*草稿单文件*/
|
|
|
+.icon-writingDoc {
|
|
|
+ width: 22px;
|
|
|
+ /* height:40px; */
|
|
|
+ height: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: url(image/icon-writingDoc.png) center center no-repeat;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-writingDoc:hover {
|
|
|
+ background: url(image/icon-writingDoc-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-writingDoc:active {
|
|
|
+ background: url(image/icon-writingDoc-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*代理icon*/
|
|
|
+.icon-proxy {
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: url(image/icon-proxy.png) center center no-repeat;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*带下划线的附件*/
|
|
|
+.underlineIcon-attachment {
|
|
|
+ width: 25px;
|
|
|
+ height: 40px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ background: url(image/underlineIcon-attachment.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button.underlineIcon-attachment:hover {
|
|
|
+ background-image: url(image/underlineIcon-attachment-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button.underlineIcon-attachment:active {
|
|
|
+ background-image: url(image/underlineIcon-attachment-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*带下划线的媒体*/
|
|
|
+.underlineIcon-media {
|
|
|
+ width: 25px;
|
|
|
+ height: 40px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ background: url(image/icon-image.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 转换 */
|
|
|
+.icon-translate {
|
|
|
+ width: 22px;
|
|
|
+ height: 40px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: url(image/icon-translate.png) center center no-repeat;
|
|
|
+ float: left;
|
|
|
+ margin-right: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 关闭按钮 */
|
|
|
+.icon-close {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/svg_icon/guanbi.svg) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ top: 9px;
|
|
|
+ right: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 复制帮助代码按钮 */
|
|
|
+.icon-key {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/help-keyButton.png) center center no-repeat;
|
|
|
+ /* position: absolute;*/
|
|
|
+ /* right: 45px;*/
|
|
|
+ top: 9px;
|
|
|
+}
|
|
|
+
|
|
|
+/*退格图标*/
|
|
|
+.icon-backspace {
|
|
|
+ background-image: url(image/icon-backspace.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-backspace:hover {
|
|
|
+ background-image: url(image/icon-backspace-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-backspace:active {
|
|
|
+ background-image: url(image/icon-backspace-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 选项卡灰色圆点 */
|
|
|
+.icon-dimPoint {
|
|
|
+ display: inline-block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #acacac;
|
|
|
+ border-radius: 50%;
|
|
|
+ float: right;
|
|
|
+ margin-right: -20px;
|
|
|
+ margin-top: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 选项卡高亮圆点 */
|
|
|
+.icon-highlightPoint {
|
|
|
+ display: inline-block;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #fa8c00;
|
|
|
+ border-radius: 50%;
|
|
|
+ float: right;
|
|
|
+ margin-right: -22px;
|
|
|
+ margin-top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 撤销 */
|
|
|
+.icon-undo {
|
|
|
+ background-image: url(image/icon-undo.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-undo:hover {
|
|
|
+ background-image: url(image/icon-undo-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-undo:active {
|
|
|
+ background-image: url(image/icon-undo-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 重做 */
|
|
|
+.icon-redo {
|
|
|
+ background-image: url(image/icon-redo.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-redo:hover {
|
|
|
+ background-image: url(image/icon-redo-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-redo:active {
|
|
|
+ background-image: url(image/icon-redo-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 加粗 */
|
|
|
+.icon-bold {
|
|
|
+ background-image: url(image/icon-bold.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-bold:hover {
|
|
|
+ background-image: url(image/icon-bold-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-bold:active {
|
|
|
+ background-image: url(image/icon-bold-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 颜色 */
|
|
|
+.icon-color {
|
|
|
+ background-image: url(image/icon-color.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 插入图片 */
|
|
|
+.icon-image {
|
|
|
+ background-image: url(image/icon-image.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-image:hover {
|
|
|
+ background-image: url(image/icon-image-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-image:active {
|
|
|
+ background-image: url(image/icon-image-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 插入表格 */
|
|
|
+.icon-table {
|
|
|
+ background-image: url(image/icon-table.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-table:hover {
|
|
|
+ background-image: url(image/icon-table-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-table:active {
|
|
|
+ background-image: url(image/icon-table-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 插入分隔线 */
|
|
|
+.icon-hLine {
|
|
|
+ background-image: url(image/icon-hLine.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-hLine:hover {
|
|
|
+ background-image: url(image/icon-hLine-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-hLine:active {
|
|
|
+ background-image: url(image/icon-hLine-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 查找 */
|
|
|
+.icon-search {
|
|
|
+ background-image: url(image/icon-search1.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-search:hover {
|
|
|
+ background-image: url(image/icon-search-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-search:active {
|
|
|
+ background-image: url(image/icon-search-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 下划线 */
|
|
|
+.icon-underline {
|
|
|
+ background-image: url(image/icon-underline.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-underline:hover {
|
|
|
+ background-image: url(image/icon-underline-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-underline:active {
|
|
|
+ background-image: url(image/icon-underline-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 更多 */
|
|
|
+.icon-more {
|
|
|
+ background-image: url(image/icon-more.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-more:hover {
|
|
|
+ background-image: url(image/icon-more-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-more:active {
|
|
|
+ background-image: url(image/icon-more-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 斜体 */
|
|
|
+.icon-italic {
|
|
|
+ background-image: url(image/icon-italic.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-italic:hover {
|
|
|
+ background-image: url(image/icon-italic-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-italic:active {
|
|
|
+ background-image: url(image/icon-italic-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 删除线 */
|
|
|
+.icon-strikethrough {
|
|
|
+ background-image: url(image/icon-strikethrough.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-strikethrough:hover {
|
|
|
+ background-image: url(image/icon-strikethrough-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-strikethrough:active {
|
|
|
+ background-image: url(image/icon-strikethrough-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 上标 */
|
|
|
+.icon-superScript {
|
|
|
+ background-image: url(image/icon-superScript.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-superScript:hover {
|
|
|
+ background-image: url(image/icon-superScript-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-superScript:active {
|
|
|
+ background-image: url(image/icon-superScript-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 下标 */
|
|
|
+.icon-subScript {
|
|
|
+ background-image: url(image/icon-subScript.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-subScript:hover {
|
|
|
+ background-image: url(image/icon-subScript-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-subScript:active {
|
|
|
+ background-image: url(image/icon-subScript-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 居左 */
|
|
|
+.icon-justifyLeft {
|
|
|
+ background-image: url(image/icon-justifyLeft.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyLeft:hover {
|
|
|
+ background-image: url(image/icon-justifyLeft-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyLeft:active {
|
|
|
+ background-image: url(image/icon-justifyLeft-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button-selected.icon-justifyLeft {
|
|
|
+ background-image: url(image/icon-justifyLeft-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 右对齐 */
|
|
|
+.icon-justifyRight {
|
|
|
+ background-image: url(image/icon-justifyRight.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyRight:hover {
|
|
|
+ background-image: url(image/icon-justifyRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyRight:active {
|
|
|
+ background-image: url(image/icon-justifyRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button-selected.icon-justifyRight {
|
|
|
+ background-image: url(image/icon-justifyRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 居中 */
|
|
|
+.icon-justifyCenter {
|
|
|
+ background-image: url(image/icon-justifyCenter.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyCenter:hover {
|
|
|
+ background-image: url(image/icon-justifyCenter-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyCenter:active {
|
|
|
+ background-image: url(image/icon-justifyCenter-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button-selected.icon-justifyCenter {
|
|
|
+ background-image: url(image/icon-justifyCenter-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 首行缩进 */
|
|
|
+.icon-indent {
|
|
|
+ background-image: url(image/icon-indent.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-indent:hover {
|
|
|
+ background-image: url(image/icon-indent-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-indent:active {
|
|
|
+ background-image: url(image/icon-indent-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 段前距 */
|
|
|
+.icon-rowSpacingTop {
|
|
|
+ background-image: url(image/icon-rowSpacingTop.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rowSpacingTop:hover {
|
|
|
+ background-image: url(image/icon-rowSpacingTop-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rowSpacingTop:active {
|
|
|
+ background-image: url(image/icon-rowSpacingTop-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 段后距 */
|
|
|
+.icon-rowSpacingBottom {
|
|
|
+ background-image: url(image/icon-rowSpacingBottom.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rowSpacingBottom:hover {
|
|
|
+ background-image: url(image/icon-rowSpacingBottom-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rowSpacingBottom:active {
|
|
|
+ background-image: url(image/icon-rowSpacingBottom-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 行间距 */
|
|
|
+.icon-lineHeight {
|
|
|
+ background-image: url(image/icon-lineHeight.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-lineHeight:hover {
|
|
|
+ background-image: url(image/icon-lineHeight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-lineHeight:active {
|
|
|
+ background-image: url(image/icon-lineHeight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 地图 */
|
|
|
+.icon-map {
|
|
|
+ background-image: url(image/icon-map.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-map:hover {
|
|
|
+ background-image: url(image/icon-map-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-map:active {
|
|
|
+ background-image: url(image/icon-map-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 插入word */
|
|
|
+.icon-word {
|
|
|
+ background-image: url(image/icon-word.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-word:hover {
|
|
|
+ background-image: url(image/icon-word-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-word:active {
|
|
|
+ background-image: url(image/icon-word-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 插入excel */
|
|
|
+.icon-excel {
|
|
|
+ background-image: url(image/icon-excel.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-excel:hover {
|
|
|
+ background-image: url(image/icon-excel-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-excel:active {
|
|
|
+ background-image: url(image/icon-excel-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 快捷图标 */
|
|
|
+.icon-shortcut {
|
|
|
+ background-image: url(image/icon-shortcut.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-shortcut:hover {
|
|
|
+ background-image: url(image/icon-shortcut-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-shortcut:active {
|
|
|
+ background-image: url(image/icon-shortcut-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 超链接 */
|
|
|
+.icon-link {
|
|
|
+ background-image: url(image/icon-link.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-link:hover {
|
|
|
+ background-image: url(image/icon-link-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-link:active {
|
|
|
+ background-image: url(image/icon-link-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-backColor {
|
|
|
+ background-image: url(image/icon-backgroundColor.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 全部往右移 */
|
|
|
+.icon-allRight {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/rightYi1.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-allRight:hover {
|
|
|
+ background: url(image/rightYi3.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-allRight:active {
|
|
|
+ background: url(image/rightYi3.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 全部往左移 */
|
|
|
+.icon-allLeft {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/leftYi1.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-allLeft:hover {
|
|
|
+ background: url(image/leftYi3.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-allLeft:active {
|
|
|
+ background: url(image/leftYi3.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 播放按钮 */
|
|
|
+.icon-play {
|
|
|
+ background: url(image/play-button.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-play:hover {
|
|
|
+ background: url(image/play-button-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 暂停按钮 */
|
|
|
+.icon-pause {
|
|
|
+ background: url(image/pause-button.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-pause:hover {
|
|
|
+ background: url(image/pause-button-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*批示录入框中的喇叭图标*/
|
|
|
+.icon-voiceMsg {
|
|
|
+ display: inline-block;
|
|
|
+ width: 110px;
|
|
|
+ height: 40px;
|
|
|
+ background: url(image/mobileIcon-voiceMsg.png) center center no-repeat;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/*批示录入框中的播放录音图标*/
|
|
|
+.icon-playVoice {
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-playVoice.gif) center center no-repeat;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: none;
|
|
|
+ width: 110px;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+/*批示录入框中的播放录音图标*/
|
|
|
+.icon-pauseVoice {
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/stop-msg.png) center center no-repeat;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 110px;
|
|
|
+ height: 40px;
|
|
|
+ background-size: 40px 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-copy {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ z-index: 99999;
|
|
|
+ background: url(image/smallButton-timechecked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 切换一二次登录页图标 */
|
|
|
+.icon-replace {
|
|
|
+ background: url('image/svg_icon/qiehuanyonghu.svg');
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页用户名图标*/
|
|
|
+.icon-user {
|
|
|
+ color: #fff;
|
|
|
+ background: url("image/svg_icon/yonghuming.svg") no-repeat #575D6D;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/*登录页密码图标 */
|
|
|
+.icon-password {
|
|
|
+ color: #fff;
|
|
|
+ background: url("image/svg_icon/mima.svg") no-repeat #575D6D;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页验证码图标*/
|
|
|
+.icon-captcha {
|
|
|
+ color: #fff;
|
|
|
+ background: url("image/svg_icon/yanzhengma.svg") no-repeat #575D6D;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页锁屏时间图标*/
|
|
|
+.icon-timer {
|
|
|
+ color: #fff;
|
|
|
+ background: url("image/svg_icon/shijian.svg") no-repeat #575D6D;
|
|
|
+}
|
|
|
+
|
|
|
+/*密码框小眼睛*/
|
|
|
+/* .icon-eye {
|
|
|
+ background-image: url("image/ksmm.png");
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-eye:hover {
|
|
|
+ background-image: url("image/ksmm-hover.png");
|
|
|
+ background-size: 100%;
|
|
|
+} */
|
|
|
+
|
|
|
+/*按钮左边的小手机图标*/
|
|
|
+.icon-mobile {
|
|
|
+ background-image: url(image/bottom-buttonIcon.png);
|
|
|
+ background-position: 10px 5px;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ padding: 0px 10px;
|
|
|
+ text-indent: 25px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mobile:hover {
|
|
|
+ background-image: url(image/bottom-buttonIcon-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*按钮左边的二维码扫码图标*/
|
|
|
+.icon-qrcode {
|
|
|
+ background: url('image/svg_icon/yaoyiyaocu.svg') no-repeat 30px center;
|
|
|
+ background-size: 15%;
|
|
|
+ padding-left: 40px;
|
|
|
+ /* 给图标预留空间 */
|
|
|
+ letter-spacing: unset !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-qrcode:hover {
|
|
|
+ background: url('image/svg_icon/yaoyiyaocu_hover.svg') no-repeat 30px center #575D6D;
|
|
|
+ background-size: 15%;
|
|
|
+ padding-left: 40px;
|
|
|
+ /* 给图标预留空间 */
|
|
|
+ letter-spacing: unset !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 登录按钮的图标 */
|
|
|
+.icon-login {
|
|
|
+ background: url('image/svg_icon/denglu.svg') no-repeat 45px center;
|
|
|
+ background-size: 10%;
|
|
|
+ text-indent: 20px;
|
|
|
+ padding: 0px 25px;
|
|
|
+ padding-left: 40px;
|
|
|
+ /* 给图标预留空间 */
|
|
|
+ letter-spacing: unset !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-login:hover {
|
|
|
+ background: url('image/svg_icon/denglu_hover.svg') no-repeat 45px center #575D6D;
|
|
|
+ background-size: 10%;
|
|
|
+ text-indent: 20px;
|
|
|
+ padding: 0px 25px;
|
|
|
+ padding-left: 40px;
|
|
|
+ /* 给图标预留空间 */
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页倒计时按钮*/
|
|
|
+.icon-countdownButton {
|
|
|
+ color: #fff;
|
|
|
+ background: #3e5d7c;
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页评论图标*/
|
|
|
+.icon-forum {
|
|
|
+ background: url(image/icon_comment.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页点赞图标*/
|
|
|
+.icon-like {
|
|
|
+ background: url(image/icon-like-alt.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-like:active {
|
|
|
+ background: url(image/icon_like_alt-red.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页i图标*/
|
|
|
+.icon-info {
|
|
|
+ background: url(image/icon-error-circle-alt.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-setHelpButton {
|
|
|
+ display: none;
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+ background: url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-setHelpButton:hover {
|
|
|
+ background: #383d50 url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-setHelpButton:active {
|
|
|
+ background: #000 url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-helpButton {
|
|
|
+ display: none;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/home-plugin-WdHelpButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-helpButton:hover {
|
|
|
+ background: url(image/home-plugin-WdHelpButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-helpButton:active {
|
|
|
+ background: url(image/home-plugin-WdHelpButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.hugeIcon-help {
|
|
|
+ width: 42px;
|
|
|
+ height: 42px;
|
|
|
+ background: url(image/download-document.png) center center no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*变动按钮*/
|
|
|
+.icon-change {
|
|
|
+ float: right;
|
|
|
+ background-image: url(image/list-change-button.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-change:hover {
|
|
|
+ background-image: url(image/icon-change-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-change-hover {
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background-image: url(image/icon-change-hover.png);
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-change:hover {
|
|
|
+ background-image: url(image/list-change-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-change:active {
|
|
|
+ background-image: url(image/list-change-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button.icon-change:hover {
|
|
|
+ background-image: url(image/list-change-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button.icon-change:active {
|
|
|
+ background-image: url(image/list-change-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 办理按钮图标 */
|
|
|
+.icon-do {
|
|
|
+ background-image: url(image/icon-do.png);
|
|
|
+ /* width: 22px;
|
|
|
+ height: 22px; */
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ float: right;
|
|
|
+ margin-right: 8px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-do:hover {
|
|
|
+ background-image: url(image/icon-do-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-do:active {
|
|
|
+ background-image: url(image/icon-do-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*启用按钮*/
|
|
|
+.icon-enable {
|
|
|
+ background-image: url(image/button-enable.png);
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-enable:hover {
|
|
|
+ background-image: url(image/button-enable-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-enable:active {
|
|
|
+ background-image: url(image/button-enable-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*改稿按钮*/
|
|
|
+.icon-revise {
|
|
|
+ background-image: url(image/button-rewrite.png);
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-revise:hover {
|
|
|
+ background-image: url(image/button-rewrite-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-revise:active {
|
|
|
+ background-image: url(image/button-rewrite-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*原由按钮*/
|
|
|
+.icon-reason {
|
|
|
+ background-image: url(image/list-reasonButton.png);
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-reason:hover {
|
|
|
+ background-image: url(image/list-reasonButton-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-reason:active {
|
|
|
+ background-image: url(image/list-reasonButton-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*报名按钮*/
|
|
|
+.icon-register {
|
|
|
+ background-image: url("image/icon-register.png");
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-register:hover {
|
|
|
+ background-image: url("image/icon-register-hover.png");
|
|
|
+}
|
|
|
+
|
|
|
+.button.icon-register:active {
|
|
|
+ background-image: url("image/icon-register-hover.png");
|
|
|
+}
|
|
|
+
|
|
|
+.icon-vLine-dashed {
|
|
|
+ display: block;
|
|
|
+ min-height: 30px !important;
|
|
|
+ background: url(image/icon-vLine-dashed.png) -3px top repeat-y !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-TLine-dashed {
|
|
|
+ display: inline-block !important;
|
|
|
+ width: 22px !important;
|
|
|
+ height: 30px !important;
|
|
|
+ background: url(image/icon-TLine-dashed.png) left center no-repeat !important;
|
|
|
+ /* background-color: #fff !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+.icon-LLine-dashed {
|
|
|
+ display: inline-block !important;
|
|
|
+ width: 22px !important;
|
|
|
+ height: 30px !important;
|
|
|
+ background: url(image/icon-LLine-dashed.png) left center no-repeat !important;
|
|
|
+ /* background-color: #fff !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+/*已打钩*/
|
|
|
+.icon-checked {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-checked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-checked:hover {
|
|
|
+ background: url(image/icon-checked-hover.png) center center no-repeat !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*未钩*/
|
|
|
+.icon-unchecked {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-unchecked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-unchecked:hover {
|
|
|
+ background: url(image/icon-unchecked-hover.png) center center no-repeat !important;
|
|
|
+}
|
|
|
+
|
|
|
+.list .icon-unchecked {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+.list:hover .icon-unchecked {
|
|
|
+ background: url(image/icon-unchecked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-div .icon-unchecked {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-div:hover .icon-unchecked {
|
|
|
+ background: url(image/icon-unchecked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-div .icon-unchecked {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-div:hover .icon-unchecked {
|
|
|
+ background: url(image/icon-unchecked.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 截图功能放大按钮 */
|
|
|
+.icon-zoomIn {
|
|
|
+ background-image: url(image/icon-zoomIn.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-zoomIn:hover {
|
|
|
+ background-image: url(image/icon-zoomIn-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-zoomIn:active {
|
|
|
+ background-image: url(image/icon-zoomIn-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.disableIcon-zoomIn {
|
|
|
+ background-image: url(image/disableIcon-zoomIn.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 截图功能缩小按钮 */
|
|
|
+.icon-zoomOut {
|
|
|
+ background-image: url(image/icon-zoomOut.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-zoomOut:hover {
|
|
|
+ background-image: url(image/icon-zoomOut-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-zoomOut:active {
|
|
|
+ background-image: url(image/icon-zoomOut-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 截图功能顺时针选择按钮 */
|
|
|
+.icon-rightRotation {
|
|
|
+ background-image: url(image/icon-rightRotation.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rightRotation:hover {
|
|
|
+ background-image: url(image/icon-rightRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-rightRotation:active {
|
|
|
+ background-image: url(image/icon-rightRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 截图功能逆时针旋转按钮 */
|
|
|
+.icon-leftRotation {
|
|
|
+ background-image: url(image/icon--leftRotation.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-leftRotation:hover {
|
|
|
+ background-image: url(image/icon--leftRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-leftRotation:active {
|
|
|
+ background-image: url(image/icon--leftRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*编辑选项卡按钮*/
|
|
|
+.icon-set {
|
|
|
+ display: inline-block;
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+
|
|
|
+ background: url(image/svg_icon/shezhi.svg) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-set:hover {
|
|
|
+ background: #383d50 url(image/svg_icon/shezhi.svg) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-set:active {
|
|
|
+ background: #000 url(image/svg_icon/shezhi.svg) center center no-repeat;
|
|
|
+ background-size: 24px;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 打钩按钮 */
|
|
|
+.invertIcon-save {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background-image: url(image/icon-ok.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-save:hover {
|
|
|
+ background-image: url(image/icon-ok-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-save:active {
|
|
|
+ background-image: url(image/icon-ok-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 收藏按钮 */
|
|
|
+.icon-favorite {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-favorite.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-favorite:hover {
|
|
|
+ background: url(image/icon-favorite-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-favorite:active {
|
|
|
+ background: url(image/icon-favorite-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 帮助按钮 */
|
|
|
+.icon-help {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-help.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-help:hover {
|
|
|
+ background: url(image/icon-help-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-help:active {
|
|
|
+ background: url(image/icon-help-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 下载按钮 */
|
|
|
+.icon-download {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-download.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-download:hover {
|
|
|
+ background: url(image/icon-download-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-download:active {
|
|
|
+ background: url(image/icon-download-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 锁定按钮 */
|
|
|
+.icon-lock {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-lock.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-lock:hover {
|
|
|
+ background: url(image/icon-lock-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-lock:active {
|
|
|
+ background: url(image/icon-lock-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 编辑个人选值按钮 */
|
|
|
+.icon-setValue {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-setValue.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-setValue:hover {
|
|
|
+ background: url(image/icon-setValue-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-setValue:active {
|
|
|
+ background: url(image/icon-setValue-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 编辑帮助按钮 */
|
|
|
+.icon-editHelp {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-setHelp.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-editHelp:hover {
|
|
|
+ background: url(image/icon-setHelp-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-editHelp:active {
|
|
|
+ background: url(image/icon-setHelp-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* （内容）属性按钮 */
|
|
|
+.icon-property {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-property.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-property:hover {
|
|
|
+ background: url(image/icon-property-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-property:active {
|
|
|
+ background: url(image/icon-property-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 变动查看-关按钮 */
|
|
|
+.icon-history {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-history.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-history:hover {
|
|
|
+ background: url(image/icon-history-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-history:active {
|
|
|
+ background: url(image/icon-history-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 变动查看-开按钮 */
|
|
|
+.icon-historyOn {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-historyOn.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-historyOn:hover {
|
|
|
+ background: url(image/icon-historyOn-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-historyOn:active {
|
|
|
+ background: url(image/icon-historyOn-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 已收藏按钮 */
|
|
|
+.icon-favoriteOn {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-favoriteOn.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-favoriteOn:hover {
|
|
|
+ background: url(image/icon-favoriteOn-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-favoriteOn:active {
|
|
|
+ background: url(image/icon-favoriteOn-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 已收藏按钮 */
|
|
|
+.largeIcon-close {
|
|
|
+ display: inline-block;
|
|
|
+ width: 32px;
|
|
|
+ height: 32px;
|
|
|
+ background: url(image/largeIcon-close.png) center 2px no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-close:hover {
|
|
|
+ background: url(image/largeIcon-close-hover.png) center 2px no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-close:active {
|
|
|
+ background: url(image/largeIcon-close-active.png) center 2px no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 全屏按钮 */
|
|
|
+.icon-fullscreen {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-fullscreen.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullscreen:hover {
|
|
|
+ background: url(image/icon-fullscreen-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-fullscreen:active {
|
|
|
+ background: url(image/icon-fullscreen-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 退出全屏按钮 */
|
|
|
+.icon-restore {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-restore.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-restore:hover {
|
|
|
+ background: url(image/icon-restore-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-restore:active {
|
|
|
+ background: url(image/icon-restore-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 退出全屏按钮（大） */
|
|
|
+.largeIcon-restore {
|
|
|
+ display: inline-block;
|
|
|
+ width: 42px;
|
|
|
+ height: 42px;
|
|
|
+ background: url(image/largeIcon-restore.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-restore:hover {
|
|
|
+ background: url(image/largeIcon-restore-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-restore:active {
|
|
|
+ background: url(image/largeIcon-restore-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*删除表格*/
|
|
|
+.icon-deleteTable {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-deleteTable.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteTable:hover {
|
|
|
+ background-image: url(image/icon-deleteTable-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteTable:active {
|
|
|
+ background-image: url(image/icon-deleteTable-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*插入行*/
|
|
|
+.icon-insertRow {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-insertRow.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-insertRow:hover {
|
|
|
+ background-image: url(image/icon-insertRow-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-insertRow:active {
|
|
|
+ background-image: url(image/icon-insertRow-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*插入列*/
|
|
|
+.icon-insertCol {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-insertCol.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-insertCol:hover {
|
|
|
+ background-image: url(image/icon-insertCol-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-insertCol:active {
|
|
|
+ background-image: url(image/icon-insertCol-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*删除行*/
|
|
|
+.icon-deleteRow {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-deleteRow.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteRow:hover {
|
|
|
+ background-image: url(image/icon-deleteRow-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteRow:active {
|
|
|
+ background-image: url(image/icon-deleteRow-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*删除列*/
|
|
|
+.icon-deleteCol {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-deleteCol.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteCol:hover {
|
|
|
+ background-image: url(image/icon-deleteCol-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-deleteCol:active {
|
|
|
+ background-image: url(image/icon-deleteCol-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*右合并*/
|
|
|
+.icon-mergeRight {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-mergeRight.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeRight:hover {
|
|
|
+ background-image: url(image/icon-mergeRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeRight:active {
|
|
|
+ background-image: url(image/icon-mergeRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*向下合并*/
|
|
|
+.icon-mergeDown {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-mergeDown.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeDown:hover {
|
|
|
+ background-image: url(image/icon-mergeDown-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeDown:active {
|
|
|
+ background-image: url(image/icon-mergeDown-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*选中合并*/
|
|
|
+.icon-mergeCells {
|
|
|
+ width: 60px;
|
|
|
+ height: 45px;
|
|
|
+ background: url(image/icon-mergeCells.png) center center no-repeat;
|
|
|
+ padding: 0px;
|
|
|
+ margin-right: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeCells:hover {
|
|
|
+ background-image: url(image/icon-mergeCells-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-mergeCells:active {
|
|
|
+ background-image: url(image/icon-mergeCells-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/* 附件 */
|
|
|
+.invertIcon-fullscreen {
|
|
|
+ background-image: url(image/invertIcon-fullscreen.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-fullscreen:hover {
|
|
|
+ background-image: url(image/invertIcon-fullscreen-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-fullscreen:active {
|
|
|
+ background-image: url(image/invertIcon-fullscreen-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button-selected.invertIcon-fullscreen {
|
|
|
+ background-image: url(image/invertIcon-fullscreen-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*顺排*/
|
|
|
+.icon-justifyDefault {
|
|
|
+ background-image: url(image/icon-justifyDefault.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyDefault:hover {
|
|
|
+ background-image: url(image/icon-justifyDefault-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-justifyDefault:active {
|
|
|
+ background-image: url(image/icon-justifyDefault-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*左环绕*/
|
|
|
+.icon-imageLeft {
|
|
|
+ background-image: url(image/icon-imageLeft.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageLeft:hover {
|
|
|
+ background-image: url(image/icon-imageLeft-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageLeft:active {
|
|
|
+ background-image: url(image/icon-imageLeft-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*右环绕*/
|
|
|
+.icon-imageRight {
|
|
|
+ background-image: url(image/icon-imageRight.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageRight:hover {
|
|
|
+ background-image: url(image/icon-imageRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageRight:active {
|
|
|
+ background-image: url(image/icon-imageRight-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*不环绕*/
|
|
|
+.icon-imageCenter {
|
|
|
+ background-image: url(image/icon-imageCenter.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageCenter:hover {
|
|
|
+ background-image: url(image/icon-imageCenter-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-imageCenter:active {
|
|
|
+ background-image: url(image/icon-imageCenter-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-pin {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/icon-pin.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-unpin {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/icon-unpin.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 打印按钮 */
|
|
|
+.icon-print {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/icon-print.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-print:hover {
|
|
|
+ background: url(image/icon-print-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-print:active {
|
|
|
+ background: url(image/icon-print-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*统计图标*/
|
|
|
+.icon-chart {
|
|
|
+ background: url(image/icon-chart.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*统计刷新图标*/
|
|
|
+.icon-loadingChart {
|
|
|
+ background: url(image/icon-chart.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*课程表图标*/
|
|
|
+.icon-schedule {
|
|
|
+ background: url(image/icon-schedule.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*清除按钮*/
|
|
|
+.icon-clear {
|
|
|
+ background-image: url(image/icon-clear.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-clear:hover {
|
|
|
+ background-image: url(image/icon-clear-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.icon-clear:active {
|
|
|
+ background-image: url(image/icon-clear-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------icon图标样式结束--------------------*/
|
|
|
+
|
|
|
+/*--------------------选项卡样式------------------------*/
|
|
|
+.tab-div {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ width: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #fff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ padding-top: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-div ul {
|
|
|
+ list-style: none;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-div ul li ul {
|
|
|
+ margin-left: -26px;
|
|
|
+}
|
|
|
+
|
|
|
+.tab-div ul:after {
|
|
|
+ display: block;
|
|
|
+ visibility: hidden;
|
|
|
+ clear: both;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ content: '';
|
|
|
+}
|
|
|
+
|
|
|
+/*默认选项卡样式*/
|
|
|
+.tab {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
|
|
|
+ font-size: 16px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 25px;
|
|
|
+ margin-left: 8px;
|
|
|
+ margin-bottom: -1px;
|
|
|
+ float: left;
|
|
|
+ border-top-left-radius: 3px;
|
|
|
+ border-top-right-radius: 3px;
|
|
|
+ color: #808080;
|
|
|
+ border: 1px solid #becacc;
|
|
|
+ background: top -webkit-linear-gradient(#e1e5e7, #cfd4d7);
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*选项卡鼠标悬停样式*/
|
|
|
+.tab:hover {
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #6b9fd3;
|
|
|
+ border-bottom: 1px solid #e0e0e0;
|
|
|
+ background: #6b9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+/*选项卡选中样式*/
|
|
|
+.tab-selected {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
|
|
|
+ font-size: 16px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ padding: 0 25px;
|
|
|
+ margin-left: 8px;
|
|
|
+ margin-bottom: -1px;
|
|
|
+ float: left;
|
|
|
+ border-top-left-radius: 3px;
|
|
|
+ border-top-right-radius: 3px;
|
|
|
+ color: #5f81b3;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ border-bottom: 1px solid #fff;
|
|
|
+ background: #fff;
|
|
|
+ /*cursor: url(image/cursor-click.ico), default !important;*/
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+}
|
|
|
+
|
|
|
+/*选项卡下的打钩区域不显示*/
|
|
|
+.tab .icon-unchecked,
|
|
|
+.tab-selected .icon-unchecked {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.tab .icon-checked,
|
|
|
+.tab-selected .icon-checked {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.lightTab-selected .icon-checked,
|
|
|
+.lightTab .icon-checked {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.lightTab-selected .icon-unchecked,
|
|
|
+.lightTab .icon-unchecked {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*查询页面管理区域选项卡样式默认样式*/
|
|
|
+.lightTab {
|
|
|
+ display: inline-block;
|
|
|
+ color: #808080;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*查询页面管理区域选项卡样式鼠标滑过样式*/
|
|
|
+.lightTab:hover {
|
|
|
+ color: #6b9fd3;
|
|
|
+ border-bottom: 2px solid #6b9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+/*查询页面管理区域选项卡样式选中样式*/
|
|
|
+.lightTab-selected {
|
|
|
+ border-bottom: 2px solid #6b9fd3;
|
|
|
+ display: inline-block;
|
|
|
+ color: #000;
|
|
|
+ font-size: 14px;
|
|
|
+ padding: 0px 10px;
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/*左侧选项卡*/
|
|
|
+.leftTab {
|
|
|
+ width: calc(100% - 10px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.leftTab-selected {
|
|
|
+ width: 100%;
|
|
|
+ background: #FFF;
|
|
|
+ padding: 0px 11px 0px 10px;
|
|
|
+ border-top: 1px solid #6c9ed7;
|
|
|
+ border-bottom: 1px solid #6c9ed7;
|
|
|
+ margin-top: -1px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.leftTab-dim {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+/*右侧选项卡*/
|
|
|
+.rightTab {
|
|
|
+ width: calc(100% - 10px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fff;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 0 5px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.rightTab-selected {
|
|
|
+ width: 100%;
|
|
|
+ background: #f5f5f5;
|
|
|
+ padding: 0px 11px 0px 10px;
|
|
|
+ border-top: 1px solid #6c9ed7;
|
|
|
+ border-bottom: 1px solid #6c9ed7;
|
|
|
+ margin-top: -1px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.rightTab-dim {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------选项卡样式结束--------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------largeIcon样式-----------------------------*/
|
|
|
+.largeIcon-home {
|
|
|
+ background: url(image/svg_icon/home.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+/* .largeIcon-home:hover {
|
|
|
+ background: url(image/svg_icon/home.svg) no-repeat center;
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background-size: 24px 24px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-home:active {
|
|
|
+ background: url(image/svg_icon/home.svg) no-repeat center;
|
|
|
+} */
|
|
|
+
|
|
|
+/*退出按钮*/
|
|
|
+.largeIcon-exit {
|
|
|
+ width: 48px !important;
|
|
|
+ height: 48px !important;
|
|
|
+
|
|
|
+ background: url(image/svg_icon/tuichu.svg) no-repeat center;
|
|
|
+ background-size: 36px 36px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-exit:hover {
|
|
|
+ width: 46px !important;
|
|
|
+ height: 46px !important;
|
|
|
+ background: #242835 url(image/svg_icon/tuichu.svg) no-repeat center;
|
|
|
+ background-size: 36px 36px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-exit:active {
|
|
|
+ width: 46px !important;
|
|
|
+ height: 46px !important;
|
|
|
+ background: #000 url(image/svg_icon/tuichu.svg) no-repeat center;
|
|
|
+ background-size: 36px 36px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/*换肤按钮*/
|
|
|
+.largeIcon-skin {
|
|
|
+ background: url(image/svg_icon/huanfu.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-skin:hover {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #242835 url(image/svg_icon/huanfu.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-skin:active {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #000 url(image/svg_icon/huanfu.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/*锁定按钮*/
|
|
|
+.largeIcon-lock {
|
|
|
+ background: url(image/svg_icon/suoping.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-lock:hover {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #242835 url(image/svg_icon/suoping.svg) no-repeat center;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-lock:active {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #000 url(image/svg_icon/suoping.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/*帮助按钮*/
|
|
|
+.largeIcon-help {
|
|
|
+ background: url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-help:hover {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #242835 url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-help:active {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #000 url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+/*下载按钮*/
|
|
|
+.largeIcon-download {
|
|
|
+ background: url(image/svg_icon/xiazai.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-download:hover {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #242835 url(image/svg_icon/xiazai.svg) no-repeat center;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-download:active {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ background: #000 url(image/svg_icon/xiazai.svg) no-repeat center;
|
|
|
+ border: 1px solid #EDF1F5;
|
|
|
+ border-radius: 4px;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+/*编辑首页按钮*/
|
|
|
+.largeIcon-set {
|
|
|
+ background: url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+ /* box-sizing: border-box; */
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-set:hover {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ border: 1px solid white;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #242835 url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-set:active {
|
|
|
+ width: 34px !important;
|
|
|
+ height: 34px !important;
|
|
|
+ border: 1px solid white;
|
|
|
+ border-radius: 4px;
|
|
|
+ background: #000 url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
|
|
|
+ background-size: 24px 24px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 首页添加删除时的 部件居中 */
|
|
|
+.gridster>ul {
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-bottom: 30px;
|
|
|
+ margin-left: 0px;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background-color: rgba(255, 255, 255, 0);
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+/* 首页部件编辑状态 关闭按钮 */
|
|
|
+.gridster .close {
|
|
|
+ background-image: url("image/svg_icon/shanchujiaobiao.svg");
|
|
|
+ cursor: pointer;
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ position: absolute;
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+ font-size: 0;
|
|
|
+ z-index: 2;
|
|
|
+ transform: rotate(270deg);
|
|
|
+}
|
|
|
+
|
|
|
+/* 首页部件编辑状态 右下角拖拽图标 */
|
|
|
+.gs-resize-handle-both {
|
|
|
+ width: 36px !important;
|
|
|
+ height: 36px !important;
|
|
|
+ bottom: 0px !important;
|
|
|
+ right: 0px !important;
|
|
|
+ /* position: relative !important; */
|
|
|
+ /* background-color: red; */
|
|
|
+ background-image: url(image/svg_icon/guangbiao-tuozhuai.svg) !important;
|
|
|
+ background-position: center !important;
|
|
|
+ transform: rotate(-45deg);
|
|
|
+}
|
|
|
+
|
|
|
+/* .gs-resize-handle-both::after{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ display: block;
|
|
|
+ width:100%;
|
|
|
+ height:3px;
|
|
|
+ background:green;
|
|
|
+ transform: rotate(45deg);
|
|
|
+}
|
|
|
+.gs-resize-handle-both::before{
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0;
|
|
|
+ display: block;
|
|
|
+ width:3px;
|
|
|
+ height:100%;
|
|
|
+ background:green;
|
|
|
+ transform: rotate(45deg);
|
|
|
+} */
|
|
|
+/*编辑帮助*/
|
|
|
+.largeIcon-setHelp {
|
|
|
+ background-image: url(image/editWdHelp.png);
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-setHelp:hover {
|
|
|
+ background-image: url(image/editWdHelp-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-setHelp:active {
|
|
|
+ background-image: url(image/editWdHelp-active.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*菜单开始按钮*/
|
|
|
+.largeIcon-start {
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+ background: url(image/menu-startButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*菜单查询按钮*/
|
|
|
+.largeIcon-search {
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ background: url(image/menu-searchButton.png) center center no-repeat;
|
|
|
+ cursor: url(image/cursor-click.ico), default;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------largeIcon样式结束-----------------------------*/
|
|
|
+
|
|
|
+/*---------------------------------翻页样式--------------------------*/
|
|
|
+.icon-prevPage {
|
|
|
+ background: url('image/prevPage.png') 0px center no-repeat;
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-prevPage:hover {
|
|
|
+ background: url('image/prevPage.png') 0px center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-nextPage {
|
|
|
+ background: url('image/nextPage.png') 0px center no-repeat;
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-nextPage:hover {
|
|
|
+ background: url('image/nextPage.png') 0px center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------翻页样式结束--------------------*/
|
|
|
+
|
|
|
+/*----------------------------底部区域样式--------------------*/
|
|
|
+/* 外框 */
|
|
|
+.bottom-div {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0px;
|
|
|
+ left: 0px;
|
|
|
+ z-index: 100;
|
|
|
+ width: 100%;
|
|
|
+ background-color: rgba(231, 234, 234, 1);
|
|
|
+}
|
|
|
+
|
|
|
+/*底部区域上部*/
|
|
|
+.bottom-up-div {
|
|
|
+ height: 110px;
|
|
|
+ background-color: rgba(246, 249, 249, 1);
|
|
|
+ border-top: 3px solid #4863a4;
|
|
|
+}
|
|
|
+
|
|
|
+/* 底部区域下部 */
|
|
|
+.bottom-down-div {
|
|
|
+ padding: 10px 10px 9px 0px;
|
|
|
+ text-align: right;
|
|
|
+ border-top: 1px solid #e2e4ec;
|
|
|
+ box-shadow: 0px -1px 1px rgba(241, 241, 241, 1);
|
|
|
+ font-size: 18px;
|
|
|
+ gap: 20px;
|
|
|
+ color: #333;
|
|
|
+ background: #fafbfe;
|
|
|
+}
|
|
|
+
|
|
|
+.bottom-div .input-div {
|
|
|
+ background-color: #fff;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+}
|
|
|
+
|
|
|
+/* 其中一格手写区域 */
|
|
|
+.write-div {
|
|
|
+ background: url(image/input-write-div.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------底部区域样式结束--------------------*/
|
|
|
+
|
|
|
+/*----------------------------popup样式----------------------*/
|
|
|
+.popup-div {
|
|
|
+ box-shadow: 4px 4px 9px rgba(0, 0, 0, .13);
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #393d51;
|
|
|
+ border-left: 1px solid #e1e1e1;
|
|
|
+ border-right: 1px solid #e1e1e1;
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
+ border-radius: 4px;
|
|
|
+ z-index: 1013;
|
|
|
+ position: absolute;
|
|
|
+ width: auto;
|
|
|
+ /* border-top: 1px solid #6c9ed7; */
|
|
|
+ min-width: max-content;
|
|
|
+}
|
|
|
+
|
|
|
+.popupList {
|
|
|
+ text-indent: 12px;
|
|
|
+ height: 30px;
|
|
|
+ padding-left: 6px;
|
|
|
+ /*padding-right: 28px;*/
|
|
|
+ line-height: 30px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: left;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.popupList.selected::before {
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ background: url(image/svg_icon/baocun.svg) no-repeat center;
|
|
|
+ left: 2px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+.popupList:hover {
|
|
|
+ color: #393d51;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 向上长的 */
|
|
|
+.popupUp-Div {
|
|
|
+ box-shadow: 4px 4px 9px rgba(0, 0, 0, .13);
|
|
|
+ padding-right: 4px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fff;
|
|
|
+ border-left: 1px solid #e1e1e1;
|
|
|
+ border-bottom: 1px solid #e1e1e1;
|
|
|
+ z-index: 1013;
|
|
|
+ position: absolute;
|
|
|
+ width: auto;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------popup样式结束---------------------*/
|
|
|
+
|
|
|
+/*------------------------------form区域样式--------------------------*/
|
|
|
+.form {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ /* border-collapse: collapse;*/
|
|
|
+ border-collapse: separate;
|
|
|
+ border-spacing: 0px;
|
|
|
+ border-left: 1px solid #E2E4EC;
|
|
|
+ border-top: 1px solid #E2E4EC;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.form tr {
|
|
|
+ height: 55px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.form th {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ height: 55px;
|
|
|
+ text-align: right;
|
|
|
+ background-color: #f8f9fb;
|
|
|
+ border-right: 1px solid #E2E4EC;
|
|
|
+ border-bottom: 1px solid #E2E4EC;
|
|
|
+ word-break: break-word;
|
|
|
+ position: relative;
|
|
|
+ vertical-align: middle;
|
|
|
+ padding: 0px 10px 0px 48px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.form td {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ height: 55px;
|
|
|
+ background: #fff;
|
|
|
+ vertical-align: middle;
|
|
|
+ word-break: break-word;
|
|
|
+ border-right: 1px solid #e8eaed;
|
|
|
+ border-bottom: 1px solid #d4d6d9;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0px 12px 0px 12px;
|
|
|
+ line-height: 28px;
|
|
|
+}
|
|
|
+
|
|
|
+.form .tdWidth {
|
|
|
+ width: 11.6rem !important
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------------form区域样式结束-----------------------*/
|
|
|
+
|
|
|
+/*-----------------------------------objectpicker样式-------------------------*/
|
|
|
+.form .input-div {
|
|
|
+ margin-left: -6px;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div {
|
|
|
+ border: 1px solid transparent;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+ line-height: 22.8px;
|
|
|
+ background-color: transparent;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ min-height: 28px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div textarea,
|
|
|
+.input-div textarea:disabled {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 2px;
|
|
|
+ line-height: 19px;
|
|
|
+ color: #000;
|
|
|
+ vertical-align: middle;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.search-div .input-div {
|
|
|
+ border: 1px solid #c4c7cc;
|
|
|
+}
|
|
|
+
|
|
|
+.search-div .input-div textarea {
|
|
|
+ padding-left: 11px !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 选中状态的文本框蓝色边框 */
|
|
|
+.input-div-selected {
|
|
|
+ border: 1px solid rgb(195 199 203) !important;
|
|
|
+ box-shadow: 2px 2px 2px #dedede;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-all;
|
|
|
+ z-index: 9999 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.input-underlineDiv {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #276bab;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ position: relative;
|
|
|
+ border-bottom: 1px solid #5482b8;
|
|
|
+ display: inline-block;
|
|
|
+ padding-right: 21px;
|
|
|
+}
|
|
|
+
|
|
|
+.input-underlineDiv::after {
|
|
|
+ content: "";
|
|
|
+ width: 14px;
|
|
|
+ height: 8px;
|
|
|
+ background: url(image/uditor-select.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ right: 0px;
|
|
|
+ top: 11px;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div {}
|
|
|
+
|
|
|
+.input-div textarea::-webkit-input-placeholder {
|
|
|
+ color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div textarea::-moz-placeholder {
|
|
|
+ color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div textarea:-moz-placeholder {
|
|
|
+ color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+.input-div textarea:-ms-input-placeholder {
|
|
|
+ color: #ccc;
|
|
|
+}
|
|
|
+
|
|
|
+/*时间输入框外层div*/
|
|
|
+.input-inside {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------------objectpicker样式结束-------------------------*/
|
|
|
+
|
|
|
+/*--------------------------------------search-div区域样式------------------------*/
|
|
|
+.search-div {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #808080;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------------search-div区域样式结束------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------------list样式------------------------------*/
|
|
|
+.list-div {
|
|
|
+ position: relative;
|
|
|
+ overflow: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.list {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.list:nth-child(odd) {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.list:nth-child(even) {
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+span.list:hover {
|
|
|
+ background-color: #c7e3fc;
|
|
|
+}
|
|
|
+
|
|
|
+div.list:hover {
|
|
|
+ background-color: #c7e3fc;
|
|
|
+}
|
|
|
+
|
|
|
+.list a {
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+table.list {
|
|
|
+ width: calc(100% - 60px) !important;
|
|
|
+ height: auto;
|
|
|
+ border-collapse: separate;
|
|
|
+ border-top-left-radius: 5px;
|
|
|
+ border-top-right-radius: 5px;
|
|
|
+ border-spacing: 0px;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #e0e0e0;
|
|
|
+ margin-left: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.list tr {
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.list tr:nth-child(odd) {
|
|
|
+ background-color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.list tr:nth-child(even) {
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+.list th {
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 40px;
|
|
|
+ padding: 0px 30px 0px 12px;
|
|
|
+ color: #fff;
|
|
|
+ min-width: 50px;
|
|
|
+ max-width: 250px;
|
|
|
+ text-align: left;
|
|
|
+ border-right: 1px solid #f2f2f2;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-word;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.list th:last-child {
|
|
|
+ border-right: none;
|
|
|
+}
|
|
|
+
|
|
|
+.list tr td {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #747474;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-word;
|
|
|
+ position: relative;
|
|
|
+ line-height: 42px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-weight: normal;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ padding: 0px 30px 0px 12px;
|
|
|
+ border-right: 1px solid #f2f2f2;
|
|
|
+ vertical-align: middle;
|
|
|
+ max-width: 370px;
|
|
|
+}
|
|
|
+
|
|
|
+.list tr td:last-child {
|
|
|
+ border-right: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*闭合文件夹样式*/
|
|
|
+.list-highlight {
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 次要的（待办列表灰色时间） */
|
|
|
+.list-smallDim {
|
|
|
+ color: #969696;
|
|
|
+ font-size: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ /* box-sizing: border-box; */
|
|
|
+ height: 40px;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 警告的（待办列表红色时间） */
|
|
|
+.list-warning {
|
|
|
+ color: #ff0000;
|
|
|
+ font-size: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ box-sizing: border-box;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+.list-dim {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666666;
|
|
|
+ width: 130px;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ margin-right: 5px;
|
|
|
+ height: 41px;
|
|
|
+}
|
|
|
+
|
|
|
+/*列表按钮样式*/
|
|
|
+.list-button {
|
|
|
+ font-size: 14px;
|
|
|
+ height: 26px;
|
|
|
+ line-height: 26px;
|
|
|
+ text-align: center;
|
|
|
+ color: rgba(108, 158, 215, 1);
|
|
|
+ background-color: rgba(255, 255, 255, 1);
|
|
|
+ border-radius: 2px;
|
|
|
+ padding: 0px 13px;
|
|
|
+ outline: none;
|
|
|
+ border: 1px solid rgba(108, 158, 215, 1);
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.list-button:hover {
|
|
|
+ background-color: rgba(108, 158, 215, 1);
|
|
|
+ color: rgba(255, 255, 255, 1);
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------------list样式结束------------------------------*/
|
|
|
+
|
|
|
+/*----------------------------------longCardList-div区域样式-------------------------------*/
|
|
|
+.longCardList-div {
|
|
|
+ background: #fff;
|
|
|
+ margin-bottom: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table tbody {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table tr {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table tr td {
|
|
|
+ position: relative;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ padding: 16px 10px 11px 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ zoom: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table tr td:hover {
|
|
|
+ background: #c7e3fc;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div table tr td::after {
|
|
|
+ clear: both;
|
|
|
+ content: "";
|
|
|
+ display: block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div .longCardList-thumbnail {
|
|
|
+ max-width: 141px;
|
|
|
+ max-height: 80px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border-radius: 3px;
|
|
|
+ overflow: hidden;
|
|
|
+ box-sizing: border-box;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-div .longCardList-thumbnail img {
|
|
|
+ max-width: 139px;
|
|
|
+ max-height: 78px;
|
|
|
+ border: 1px solid #ededed;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-dim {
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ font-size: 13px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 20px;
|
|
|
+ min-height: 20px;
|
|
|
+ max-height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ max-width: 100%;
|
|
|
+ margin-bottom: 6px;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList {
|
|
|
+ font-size: 13px;
|
|
|
+ color: #010101;
|
|
|
+ line-height: 18px;
|
|
|
+ height: 18px;
|
|
|
+ margin-top: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList span {
|
|
|
+ margin-right: 8px;
|
|
|
+ vertical-align: middle;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-highlight {
|
|
|
+ width: 100%;
|
|
|
+ height: 20px;
|
|
|
+ line-height: 20px;
|
|
|
+ font-size: 16px !important;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
|
|
|
+ display: inline-block;
|
|
|
+ color: #273495 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.longCardList-highlight a {
|
|
|
+ text-decoration: none;
|
|
|
+ color: #273495;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滤镜-黑白 */
|
|
|
+.filter {
|
|
|
+ -webkit-filter: grayscale(100%);
|
|
|
+ filter: grayscale(100%);
|
|
|
+ /*background-color: #f7f7f7 !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------------longCardList-div区域样式结束-------------------------------*/
|
|
|
+
|
|
|
+/*----------------------------------box样式-------------------------------*/
|
|
|
+.box {
|
|
|
+ border: 1px solid #a9c5e1;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 3px;
|
|
|
+ font-size: 18px;
|
|
|
+ color: #4c4c4c;
|
|
|
+}
|
|
|
+
|
|
|
+/* 左侧盒子边框（左边圆角，右边直角） */
|
|
|
+.leftBox-dim {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ overflow: auto;
|
|
|
+ width: 761px;
|
|
|
+ border: 1px solid #c2c2c2;
|
|
|
+ font-size: 0px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 0px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 3px 0px 0px 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/* rightBox 右侧栏边框（左边直角，右边圆角） */
|
|
|
+.rightBox {
|
|
|
+ border: 1px solid #a9c5e1;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 0px 3px 3px 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------------box样式结束-------------------------------*/
|
|
|
+
|
|
|
+/*---------------------------------cardList-div区域样式----------------------------------*/
|
|
|
+.cardList-div {
|
|
|
+ display: inline-block;
|
|
|
+ color: #333;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-div:hover:before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ height: 90%;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 2px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-div:hover:after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ width: 90%;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ height: 2px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-thumbnail {
|
|
|
+ padding: 2px 2px 2px 2px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-thumbnail img {
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-highlight {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-smallDim {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666;
|
|
|
+ word-break: break-all;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ overflow: auto;
|
|
|
+ width: 761px;
|
|
|
+ border: 1px solid #c2c2c2;
|
|
|
+ font-size: 0px;
|
|
|
+ height: 516px;
|
|
|
+ border-radius: 3px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 0px;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.cardList-dim {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 14px;
|
|
|
+ margin-left: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------------------cardList-div区域样式结束----------------------------------*/
|
|
|
+
|
|
|
+/*---------------------------------iconlist区域样式------------------------------------------*/
|
|
|
+.iconList-div {
|
|
|
+ display: inline-block;
|
|
|
+ color: #333;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-div:hover:before {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ height: 90%;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 2px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ z-index: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-div:hover:after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ width: 90%;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ height: 2px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-thumbnail {
|
|
|
+ padding: 2px 2px 2px 2px;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-thumbnail img {
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-smallDim {
|
|
|
+ font-size: 12px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 14px;
|
|
|
+ margin-left: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-status {
|
|
|
+ position: absolute;
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/* 绿色 */
|
|
|
+.mainState-green {
|
|
|
+ background-color: #cdecdf;
|
|
|
+}
|
|
|
+
|
|
|
+/*黄色*/
|
|
|
+.mainState-yellow {
|
|
|
+ background-color: #fef6dc;
|
|
|
+}
|
|
|
+
|
|
|
+/*红色*/
|
|
|
+.mainState-red {
|
|
|
+ background-color: #f9dcdb;
|
|
|
+}
|
|
|
+
|
|
|
+/*橙色*/
|
|
|
+.mainState-orange {
|
|
|
+ background-color: #f8d7ae;
|
|
|
+}
|
|
|
+
|
|
|
+/*灰色*/
|
|
|
+.mainState-gray {
|
|
|
+ background-color: #e3e3e3;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------------------iconlist区域样式结束------------------------------------------*/
|
|
|
+
|
|
|
+/*---------------------------------contextMenu右键菜单样式---------------------------------------*/
|
|
|
+.contextMenu-div {
|
|
|
+ background-color: #f5f5f5;
|
|
|
+ border-radius: 2px;
|
|
|
+ overflow: hidden;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 999999;
|
|
|
+ display: none;
|
|
|
+ box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
|
|
|
+ padding: 3px 8px;
|
|
|
+ font-size: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.contextMenu-button {
|
|
|
+ font-size: 13px;
|
|
|
+ font-weight: normal;
|
|
|
+ line-height: 15px;
|
|
|
+ padding: 5px 8px;
|
|
|
+ margin-right: 2px;
|
|
|
+ letter-spacing: 2px;
|
|
|
+ color: #FFf;
|
|
|
+ border: 1px solid #6c94d7;
|
|
|
+ background-color: #6c94d7;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------------------contextMenu右键菜单样式结束--------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------------dragList拖拽区域样式---------------------------------------------*/
|
|
|
+.dragList-div {
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.dragList-div .box {
|
|
|
+ overflow: hidden;
|
|
|
+ width: 48.5%;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.dragList-div .box:first-child {
|
|
|
+ float: left;
|
|
|
+ margin-left: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.dragList-div .box:last-child {
|
|
|
+ float: right;
|
|
|
+ margin-right: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.label {
|
|
|
+ margin: 0;
|
|
|
+ background-color: #6c9ddb;
|
|
|
+ text-indent: 15px;
|
|
|
+ height: 42px;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ vertical-align: middle;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 42px;
|
|
|
+ font-size: 16px;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------dragList拖拽区域样式结束---------------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------------smallList区域样式------------------------------------------------------*/
|
|
|
+.smallList-div {
|
|
|
+ position: relative;
|
|
|
+ width: auto;
|
|
|
+ margin: 0 auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ box-shadow: 2px 2px 2px rgba(0, 0, 0, .13);
|
|
|
+}
|
|
|
+
|
|
|
+.smallList-div table {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ border-collapse: separate;
|
|
|
+ text-decoration: none;
|
|
|
+ color: #000000;
|
|
|
+ background-color: #fafafa;
|
|
|
+ border: 1px solid #e1e1e1;
|
|
|
+ border-spacing: 0px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.smallList-div th {
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 28px;
|
|
|
+ line-height: 28px;
|
|
|
+ padding: 0px 30px 0px 12px;
|
|
|
+ color: #fff;
|
|
|
+ text-align: left;
|
|
|
+ border-right: 1px solid #f0f0f0;
|
|
|
+ border-bottom: 1px solid #cccccc;
|
|
|
+}
|
|
|
+
|
|
|
+.smallList-div td {
|
|
|
+ font-size: 14px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-word;
|
|
|
+ position: relative;
|
|
|
+ height: 25px;
|
|
|
+ line-height: 25px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-weight: normal;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ padding: 0px 30px 0px 12px;
|
|
|
+ border-right: 1px solid #f0f0f0;
|
|
|
+ border-bottom: 1px solid #cccccc;
|
|
|
+ max-width: 350px;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------smallList区域样式结束-------------------------------------------------*/
|
|
|
+
|
|
|
+/*----------------------------------------个人首页样式--------------------------------------------------*/
|
|
|
+.plugin-div {
|
|
|
+ overflow: hidden;
|
|
|
+ border: 1px solid #ededed;
|
|
|
+ border-radius: 4px;
|
|
|
+ list-style: none;
|
|
|
+ box-shadow: 1px 1px 1px #e6e6e6;
|
|
|
+ background-color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-largeText {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-boldText {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #1a1a1a;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-title {
|
|
|
+ font-weight: bold;
|
|
|
+ height: 55px;
|
|
|
+ line-height: 55px;
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ margin: 0px;
|
|
|
+ color: #1a1a1a;
|
|
|
+ font-size: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+/*个人首页部件图标共用样式*/
|
|
|
+.plugin-icon {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ margin-left: 15px;
|
|
|
+ vertical-align: middle;
|
|
|
+ cursor: url(image/cursor-click.ico), default !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 个人首页部件右边那些按钮应该鼠标进入部件才显示 */
|
|
|
+.todoPlugin-title-right,
|
|
|
+.infoPlugin-title-right {
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.ContainerForLoad:hover .todoPlugin-title-right,
|
|
|
+.ContainerForLoad:hover .infoPlugin-title-right {
|
|
|
+ visibility: visible;
|
|
|
+}
|
|
|
+
|
|
|
+/*待办图标*/
|
|
|
+.todoPlugin-icon {
|
|
|
+ background: url(image/svg_icon/daiban.svg) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.todoPlugin-icon:hover {
|
|
|
+ background: url(image/svg_icon/shaugxin.svg) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*待办刷新图标*/
|
|
|
+.todoPlugin-loadingIcon {
|
|
|
+ background: url(image/home-todoPlugin-icon.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 待办 一级文件夹，一级文件背景颜色 */
|
|
|
+.folder1:hover,
|
|
|
+.file1:hover {
|
|
|
+ background-color: #edf1f5;
|
|
|
+}
|
|
|
+
|
|
|
+/* 待办 二级文件颜色和底部边框*/
|
|
|
+.file2::after {
|
|
|
+ display: block;
|
|
|
+ content: '';
|
|
|
+ width: calc(100% - 52px);
|
|
|
+ height: 100%;
|
|
|
+ background-color: transparent;
|
|
|
+ position: absolute;
|
|
|
+ left: 43px;
|
|
|
+ bottom: 0;
|
|
|
+ border-bottom: 1px solid #eee;
|
|
|
+ z-index: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* 待办 二级文件鼠标经过背景颜色 */
|
|
|
+.file2:hover:after {
|
|
|
+ background-color: #edf1f5;
|
|
|
+}
|
|
|
+
|
|
|
+/*催办图标*/
|
|
|
+.urgePlugin-icon {
|
|
|
+ background: url(image/home-urgePlugin-icon.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*催办刷新图标*/
|
|
|
+.urgePlugin-loadingIcon {
|
|
|
+ background: url(image/urgePlugin-loadingIcon.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*公告图标*/
|
|
|
+.noticePlugin-icon {
|
|
|
+ background: url(image/noticePlugin-icon.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*公告刷新图标*/
|
|
|
+.noticePlugin-loadingIcon {
|
|
|
+ background: url(image/noticePlugin-loadingIcon.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*快捷图标*/
|
|
|
+.shortcutPlugin-icon {
|
|
|
+ background: url(image/home-shortcutPlugin-icon.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*分隔符，分隔菜单组左右两边*/
|
|
|
+.menu-seperator {
|
|
|
+ width: 36px;
|
|
|
+ height: 36px;
|
|
|
+ background: url(image/menu-separator.png) center center no-repeat;
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-seperator:hover {
|
|
|
+ background: url(image/menu-draggingSplit.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*催办梯形按钮*/
|
|
|
+.listProgress-button {
|
|
|
+ float: right;
|
|
|
+ background-color: #edeff0;
|
|
|
+ height: 27px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 32px;
|
|
|
+ border-top-right-radius: 2px;
|
|
|
+ border-bottom-right-radius: 2px;
|
|
|
+ font-size: 0px;
|
|
|
+ color: #333;
|
|
|
+ position: relative;
|
|
|
+ border-top-left-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/*催办梯形按钮三角形*/
|
|
|
+.listProgress-button:before {
|
|
|
+ content: "";
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-top: 27px solid transparent;
|
|
|
+ border-bottom: 27px solid #edeff0;
|
|
|
+ border-left: 24px solid transparent;
|
|
|
+ border-right: none;
|
|
|
+ position: absolute;
|
|
|
+ top: -27px;
|
|
|
+ left: -23px;
|
|
|
+}
|
|
|
+
|
|
|
+.listProgress-button:hover {
|
|
|
+ background-color: #6c9fd3;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.listProgress-button:hover:before {
|
|
|
+ border-bottom: 27px solid #6c9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+.listProgress-button:hover .list-smallDim {
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.listProgress-button:hover .vLine-dashed {
|
|
|
+ border-right: 1px dashed #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/*催办进度条外围的DIV*/
|
|
|
+.listProgress-div {
|
|
|
+ height: 5px;
|
|
|
+ background: #f0f0f0;
|
|
|
+ border-top-left-radius: 2.5px;
|
|
|
+ border-bottom-left-radius: 2.5px;
|
|
|
+ border-bottom-right-radius: 2.5px;
|
|
|
+}
|
|
|
+
|
|
|
+/*进度条进度*/
|
|
|
+.listProgress-done {
|
|
|
+ height: 100%;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ border-radius: 2.5px;
|
|
|
+}
|
|
|
+
|
|
|
+/*快捷部件-快捷部件搜索小图标*/
|
|
|
+.miniIcon-search {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/icon-search.png) center center no-repeat;
|
|
|
+ z-index: 10;
|
|
|
+}
|
|
|
+
|
|
|
+/*快捷部件-快捷部件开始小图标*/
|
|
|
+.miniIcon-start {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/icon-start.png) center center no-repeat;
|
|
|
+ z-index: 10;
|
|
|
+}
|
|
|
+
|
|
|
+/*个人信息进度条外围的DIV*/
|
|
|
+.progress-div {
|
|
|
+ height: 20px;
|
|
|
+ background: #edeff0;
|
|
|
+ border-radius: 10px;
|
|
|
+ /* box-shadow: 0px 1px 1px #959595; */
|
|
|
+}
|
|
|
+
|
|
|
+/*个人信息进度条进度*/
|
|
|
+.progress-done {
|
|
|
+ height: 5px;
|
|
|
+ background: #759acf;
|
|
|
+ border-radius: 2px;
|
|
|
+ position: relative;
|
|
|
+ width: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/*个人信息梯形*/
|
|
|
+.progress-button {
|
|
|
+ float: right;
|
|
|
+ background-color: rgba(237, 239, 240, 1);
|
|
|
+ height: 18px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 18px;
|
|
|
+ border-top-right-radius: 2px;
|
|
|
+ border-bottom-right-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #333;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-top-left-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+/*个人信息三角形*/
|
|
|
+.progress-button:before {
|
|
|
+ content: "";
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-top: 31px solid transparent;
|
|
|
+ border-bottom: 31px solid rgba(237, 239, 240, 1);
|
|
|
+ border-left: 24px solid transparent;
|
|
|
+ border-right: none;
|
|
|
+ position: absolute;
|
|
|
+ top: -30px;
|
|
|
+ left: -24px;
|
|
|
+}
|
|
|
+
|
|
|
+.progress-button:hover {
|
|
|
+ background-color: #6c9fd3;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.progress-button:hover:before {
|
|
|
+ border-bottom: 31px solid #6c9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+/* 小文本 */
|
|
|
+.plugin-smallText {
|
|
|
+ color: #1a1a1a;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-top: 11px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 搜索录入框 */
|
|
|
+.home-input {
|
|
|
+ height: 28px;
|
|
|
+ color: #000000;
|
|
|
+ border: 1px solid #6c9ed7 !important;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-right: 2px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 12px;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-dragHeight {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ height: 1px;
|
|
|
+ background-color: transparent;
|
|
|
+ border-radius: 1px;
|
|
|
+ vertical-align: bottom;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-dragHeight span {
|
|
|
+ width: 35px;
|
|
|
+ height: 11px;
|
|
|
+ position: absolute;
|
|
|
+ right: 1px;
|
|
|
+ bottom: 1px;
|
|
|
+ background: url(image/handlebtn.png) center center no-repeat;
|
|
|
+ z-index: 9999999999;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-dragHeight span:hover::after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 12px;
|
|
|
+ height: 18px;
|
|
|
+ background: url(image/handlebtn-cursor.png);
|
|
|
+ position: absolute;
|
|
|
+ top: -4px;
|
|
|
+ right: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+/*拖动调节大小按钮*/
|
|
|
+.plugin-drag {
|
|
|
+ display: inline-block;
|
|
|
+ width: 22px;
|
|
|
+ height: 22px;
|
|
|
+ background: url(image/plugin-drag.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-drag:hover::after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 16px;
|
|
|
+ height: 16px;
|
|
|
+ background: url(image/plugin-drag-cursor.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ right: 4px;
|
|
|
+ bottom: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.plugin-invertDiv {
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #f3f3f3;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------------------个人首页样式结束--------------------------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------------------反色图标样式----------------------------------------------------*/
|
|
|
+/*场地*/
|
|
|
+.invertIcon-place {
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ width: 40px;
|
|
|
+ background: url(image/field.png) center center no-repeat;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+/*人员*/
|
|
|
+.invertIcon-person {
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ width: 40px;
|
|
|
+ background: url(image/ycd-ry.png) center center no-repeat;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+/*服务*/
|
|
|
+.invertIcon-service {
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ width: 40px;
|
|
|
+ background: url(image/ycd-fw.png) center center no-repeat;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+/* 复制帮助代码按钮 */
|
|
|
+.invertIcon-key {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallHelp-keyButton.png) center center no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ right: 23px;
|
|
|
+ top: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/*信息框固定按钮*/
|
|
|
+.invertIcon-unpin {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallHelp-fixButton.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ top: 4px;
|
|
|
+ right: -8px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 信息框关闭按钮 */
|
|
|
+.invertIcon-close {
|
|
|
+ display: inline-block;
|
|
|
+ width: 15px;
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallHelp-closeButton.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ right: -8px;
|
|
|
+ top: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-mobile {
|
|
|
+ background-image: url(image/bottom-buttonIcon-hover.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.invertIcon-mobile:hover {
|
|
|
+ background-image: url(image/bottom-buttonIcon.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------------------反色图标样式结束----------------------------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------------------分隔线样式---------------------------------------------------*/
|
|
|
+/*拖拉分隔线*/
|
|
|
+.content-hSeperator {
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
+ width: 100%;
|
|
|
+ height: 7px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 0px 2px 1px #415e7f;
|
|
|
+}
|
|
|
+
|
|
|
+.content-hSeperator span {
|
|
|
+ right: 0px;
|
|
|
+ position: absolute;
|
|
|
+ top: -26px;
|
|
|
+ background-image: url(image/dragmask.png);
|
|
|
+ width: 109px;
|
|
|
+ height: 32px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.content-hSeperator span:hover {
|
|
|
+ background-image: url(image/dragmask-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------------------分隔线样式结束------------------------------------------------*/
|
|
|
+
|
|
|
+/*-------------------------------------自动消失的信息框-------------------------------------------------*/
|
|
|
+.flashMsg-div {
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ padding: 5px 16px;
|
|
|
+ line-height: 20px;
|
|
|
+ position: absolute;
|
|
|
+ border-radius: 3px;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
|
|
|
+ max-width: 260px;
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 向下箭头 */
|
|
|
+.flashMsg-down {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 10px 7px 0px 0px;
|
|
|
+ border-color: #6c9ed7 transparent transparent transparent;
|
|
|
+ position: absolute;
|
|
|
+ bottom: -10px;
|
|
|
+ left: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.flashMsg-up {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 0px 7px 10px 0px;
|
|
|
+ border-color: transparent transparent #6c9ed7 transparent;
|
|
|
+ position: absolute;
|
|
|
+ top: -10px;
|
|
|
+ left: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.flashMsg-title {
|
|
|
+ height: 23px;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*登录提示框*/
|
|
|
+.warningFlashMsg-div {
|
|
|
+ background-color: #ffffff;
|
|
|
+ color: #ff0000;
|
|
|
+ box-shadow: 1px 1px 1px #dddddd;
|
|
|
+ padding: 8px 16px;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页提示框向上箭头 */
|
|
|
+.warningFlashMsg-up::before {
|
|
|
+ border-width: 1px 11px 18px 8px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: transparent transparent #ffffff transparent;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页提示框向下箭头*/
|
|
|
+.warningFlashMsg-down::before {
|
|
|
+ border-width: 17px 8px 1px 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color: #ffffff transparent transparent transparent;
|
|
|
+}
|
|
|
+
|
|
|
+/*烽火台登录页提示框向上箭头*/
|
|
|
+.loginFlashMsg-up {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 0px 7px 10px 0px;
|
|
|
+ border-color: transparent transparent #6c9ed7 transparent;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+/*烽火台登录页提示框向下箭头*/
|
|
|
+.loginFlashMsg-down {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-style: solid;
|
|
|
+ border-width: 10px 7px 0px 0px;
|
|
|
+ border-color: #6c9ed7 transparent transparent transparent;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------------自动消失的信息框结束--------------------------------------------*/
|
|
|
+
|
|
|
+/*-------------------------------------menu样式------------------------------------------------------*/
|
|
|
+.menu-div {
|
|
|
+ /* border: 1px solid #e6e6e6; */
|
|
|
+ box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.8);
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ background-color: #393d51;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 下拉菜单中的菜单项 */
|
|
|
+.menu-item {
|
|
|
+ /* background-color: #393d51; */
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+ color: #FFFDFD;
|
|
|
+ font-size: 14px;
|
|
|
+ padding-right: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-item:hover {
|
|
|
+ background-color: rgb(245, 245, 245);
|
|
|
+ font-size: 14px;
|
|
|
+ color: #393d51;
|
|
|
+}
|
|
|
+
|
|
|
+/* 打横菜单上面的菜单项 */
|
|
|
+.menu-group {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ font-family: "Microsoft YaHei";
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bolder;
|
|
|
+ white-space: nowrap;
|
|
|
+ -moz-user-select: none;
|
|
|
+ height: 33px;
|
|
|
+ line-height: 33px;
|
|
|
+ vertical-align: middle;
|
|
|
+ margin-top: 0px;
|
|
|
+ margin-left: 0px;
|
|
|
+ margin-right: 0px;
|
|
|
+ padding-top: 0px;
|
|
|
+ padding-left: 0px;
|
|
|
+ padding-right: 0px;
|
|
|
+ background: none;
|
|
|
+ color: #ffffff;
|
|
|
+}
|
|
|
+
|
|
|
+.menu-group:hover {
|
|
|
+ background-color: rgb(245, 245, 245);
|
|
|
+ color: rgb(58, 62, 81);
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------------menu样式结束------------------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------------------照片样式----------------------------------------------------*/
|
|
|
+/* 工作照 */
|
|
|
+.photo {
|
|
|
+ width: 102px;
|
|
|
+ height: 142px;
|
|
|
+ border: 1px solid #cccccc;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.photo img {
|
|
|
+ max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*个性照*/
|
|
|
+.personalPhoto {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border: 1px solid #cccccc;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.personalPhoto img {
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 小个性照*/
|
|
|
+.personalPhoto-small {
|
|
|
+ width: 60px;
|
|
|
+ height: 60px;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 50%;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ float: left;
|
|
|
+ margin-left: 11px;
|
|
|
+ margin-top: 8px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.personalPhoto-small img {
|
|
|
+ max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------------照片样式结束------------------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------------------content样式------------------------------------------------*/
|
|
|
+.content-div {
|
|
|
+ position: relative;
|
|
|
+ overflow: auto;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 12px 8px 17px 8px;
|
|
|
+ color: #666;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.content-div input[type='text'],
|
|
|
+.content-div input[type='number'] {
|
|
|
+ border: 1px solid transparent;
|
|
|
+ padding-left: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------------content样式结束--------------------------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------轻量级弹窗-------------------------------*/
|
|
|
+.lightDialog-div {
|
|
|
+ background: #f7f7f7;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #ebebeb;
|
|
|
+ border-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+.lightDialog-title {
|
|
|
+ height: 37px;
|
|
|
+ line-height: 37px;
|
|
|
+ padding-left: 10px;
|
|
|
+ position: relative;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------轻量级弹窗结束----------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------帮助弹窗样式------------------------------*/
|
|
|
+.help-div {
|
|
|
+ background: #e6f2ff;
|
|
|
+ border-radius: 3px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.help {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #686868;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-title {
|
|
|
+ display: block;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #000;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-title1 {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #001111;
|
|
|
+ line-height: 30px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-title2 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #111;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-item {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #111;
|
|
|
+ background: url(image/item-text.png) 29px 11px no-repeat;
|
|
|
+ padding-left: 38px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 22px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-highlight {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #2b368f;
|
|
|
+ line-height: 20px;
|
|
|
+ margin-top: 5px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-highlightTitle {
|
|
|
+ display: block;
|
|
|
+ padding-bottom: 20px;
|
|
|
+ font-size: 20px;
|
|
|
+ color: #2b368f;
|
|
|
+ text-align: center;
|
|
|
+ margin-top: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-highlightTitle1 {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #2b368f;
|
|
|
+ line-height: 30px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-highlightTitle2 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #2b368f;
|
|
|
+ line-height: 24px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.help-highlightItem {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #2b368f;
|
|
|
+ background: url(image/item-text.png) 29px 11px no-repeat;
|
|
|
+ padding-left: 38px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 22px;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 帮助窗口边框、背景色 */
|
|
|
+.smallHelp-div {
|
|
|
+ background: #6c9ddb;
|
|
|
+ border-radius: 3px;
|
|
|
+ padding-bottom: 16px;
|
|
|
+ padding-left: 18px;
|
|
|
+ padding-right: 18px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.smallHelp-div::before {
|
|
|
+ content: "";
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ border-top: none;
|
|
|
+ border-bottom: 15px solid #6c9ddb;
|
|
|
+ border-left: 0px solid transparent;
|
|
|
+ border-right: 15px solid transparent;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ left: 15px;
|
|
|
+}
|
|
|
+
|
|
|
+.smallHelp {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 帮助标题（文章顶部居中的那个） */
|
|
|
+.smallHelp-title {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #fff;
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* 一级标题 */
|
|
|
+.smallHelp-title1 {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 二级标题 */
|
|
|
+.smallHelp-title2 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 项目 */
|
|
|
+.smallHelp-item {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #fff;
|
|
|
+ background: url(image/item-text.png) 29px 5px no-repeat;
|
|
|
+ padding-left: 38px;
|
|
|
+}
|
|
|
+
|
|
|
+.smallHelp-highlight {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #2b368f;
|
|
|
+ margin-top: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 帮助标题（文章顶部居中的那个） */
|
|
|
+.smallHelp-highlightTitle {
|
|
|
+ font-size: 20px;
|
|
|
+ color: #2b368f;
|
|
|
+ height: 48px;
|
|
|
+ line-height: 48px;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+/* 一级标题 */
|
|
|
+.smallHelp-highlightTitle1 {
|
|
|
+ font-size: 18px;
|
|
|
+ color: #2b368f;
|
|
|
+}
|
|
|
+
|
|
|
+/* 二级标题 */
|
|
|
+.smallHelp-highlightTitle2 {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #2b368f;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------帮助弹窗样式结束--------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------弹窗样式-------------------------------*/
|
|
|
+/*关闭按钮*/
|
|
|
+.dialog-closeButton {
|
|
|
+ background: url(image/dialog-closeButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-closeButton:hover {
|
|
|
+ background: url(image/dialog-closeButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-closeButton:active {
|
|
|
+ background: url(image/dialog-closeButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 帮助按钮 */
|
|
|
+.dialog-helpButton {
|
|
|
+ background: url(image/dialog-helpButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-helpButton:hover {
|
|
|
+ background: url(image/dialog-helpButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-helpButton:active {
|
|
|
+ background: url(image/dialog-helpButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 下载按钮 */
|
|
|
+.dialog-downloadButton {
|
|
|
+ background: url(image/dialog-downloadButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-downloadButton:hover {
|
|
|
+ background: url(image/dialog-downloadButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-downloadButton:active {
|
|
|
+ background: url(image/dialog-downloadButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 打钩按钮 */
|
|
|
+.dialog-okButton {
|
|
|
+ background: url(image/dialog-okButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-okButton:hover {
|
|
|
+ background: url(image/dialog-okButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-okButton:active {
|
|
|
+ background: url(image/dialog-okButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 编辑选项卡按钮 */
|
|
|
+.dialog-setButton {
|
|
|
+ background: url(image/dialog-setButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setButton:hover {
|
|
|
+ background: url(image/dialog-setButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setButton:active {
|
|
|
+ background: url(image/dialog-setButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 编辑个人选值按钮 */
|
|
|
+.dialog-setValueButton {
|
|
|
+ background: url(image/dialog-setValueButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setValueButton:hover {
|
|
|
+ background: url(image/dialog-setValueButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setValueButton:active {
|
|
|
+ background: url(image/dialog-setValueButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 编辑帮助按钮 */
|
|
|
+.dialog-setHelpButton {
|
|
|
+ background: url(image/dialog-setHelpButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setHelpButton:hover {
|
|
|
+ background: url(image/dialog-setHelpButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-setHelpButton:active {
|
|
|
+ background: url(image/dialog-setHelpButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 收藏按钮 */
|
|
|
+.dialog-favoriteButton {
|
|
|
+ background: url(image/dialog-favoriteButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-favoriteButton:hover {
|
|
|
+ background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-favoriteButton:active {
|
|
|
+ background: url(image/dialog-favoriteButton-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 已收藏按钮 */
|
|
|
+.dialog-favoriteOnButton {
|
|
|
+ background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-favoriteOnButton:hover {
|
|
|
+ background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.dialog-favoriteOnButton:hover {
|
|
|
+ background: url(image/dialog-favoriteButton.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*弹窗遮罩层*/
|
|
|
+.dialog-mask {
|
|
|
+ position: absolute;
|
|
|
+ top: 0%;
|
|
|
+ left: 0%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ -moz-opacity: 0.2;
|
|
|
+ opacity: .20;
|
|
|
+ filter: alpha(opacity=20);
|
|
|
+ background-color: rgba(0, 0, 0, 1);
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------弹窗样式结束-------------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------toolbar样式------------------------*/
|
|
|
+.toolbar-button {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ display: inline-block;
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ border-radius: 2px;
|
|
|
+ overflow: hidden;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #276bab;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button:hover {
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button:active {
|
|
|
+ background-color: #276ab0;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.toolbar-button-selected {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ display: inline-block;
|
|
|
+ width: 28px;
|
|
|
+ height: 28px;
|
|
|
+ background-color: #276ab0;
|
|
|
+ color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 2px;
|
|
|
+}
|
|
|
+
|
|
|
+/*div加背景颜色*/
|
|
|
+.toolbar-div {
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.floatToolbar-div {
|
|
|
+ background-color: rgba(255, 255, 255, .7);
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ box-shadow: none;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------toolbar样式结束------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------large样式-------------------------------*/
|
|
|
+.largeVWarningProgress-div {
|
|
|
+ width: 15px;
|
|
|
+ background-color: #e1e1e1;
|
|
|
+}
|
|
|
+
|
|
|
+.largeVWarningProgress-done {
|
|
|
+ width: 15px;
|
|
|
+ background-color: #ff0000;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------large样式结束-------------------------------*/
|
|
|
+
|
|
|
+/*------------------------------------warningProgress样式------------------------*/
|
|
|
+.warningProgress-div {
|
|
|
+ background-color: #ebebeb;
|
|
|
+ height: 3px;
|
|
|
+ border-radius: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.warningProgress-done {
|
|
|
+ background-color: #f00;
|
|
|
+ height: 3px;
|
|
|
+ border-radius: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------warningProgress样式结束------------------------*/
|
|
|
+
|
|
|
+/*---------------------------------------login样式-----------------------------------*/
|
|
|
+
|
|
|
+.login-wrapper-top {
|
|
|
+ width: 510px;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-color: rgba(255, 255, 255, 0.2);
|
|
|
+}
|
|
|
+
|
|
|
+.login-div {
|
|
|
+ width: 434px;
|
|
|
+ height: 496px;
|
|
|
+ position: absolute;
|
|
|
+ left: 50%;
|
|
|
+ top: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+ box-shadow: 5px 0px 5px 0px #000000;
|
|
|
+ background: #f7f7f7;
|
|
|
+ border-radius: 4px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.logo {
|
|
|
+ float: left;
|
|
|
+ margin-top: 41px;
|
|
|
+ margin-bottom: 41px;
|
|
|
+ /* margin-left: 52px; */
|
|
|
+ width: 348px;
|
|
|
+ height: 98px;
|
|
|
+ background-size: 100% !important;
|
|
|
+}
|
|
|
+
|
|
|
+.form-wrapper {
|
|
|
+ display: inline-block;
|
|
|
+ float: right;
|
|
|
+ /* width: 383px;
|
|
|
+ height: 267px; */
|
|
|
+ /* position: relative; */
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* padding-top: 27px;
|
|
|
+ padding-left: 44px; */
|
|
|
+}
|
|
|
+
|
|
|
+.form-wrapper form {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ /* position: relative; */
|
|
|
+}
|
|
|
+
|
|
|
+.form-wrapper .form-wrapper-row {
|
|
|
+ display: block;
|
|
|
+ width: 359px;
|
|
|
+ height: 37px;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+ margin-bottom: 16px;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页输入框的*/
|
|
|
+.login-div input[type="text"],
|
|
|
+.login-div input[type="password"],
|
|
|
+.login-div .goon {
|
|
|
+ width: calc(100% - 48px);
|
|
|
+ height: 37px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-right: 0px;
|
|
|
+ /* padding-left: 12px; */
|
|
|
+ /* outline: none; */
|
|
|
+ background: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 1px solid #575D6D !important;
|
|
|
+ border-radius: 0 4px 4px 0;
|
|
|
+ color: #999999;
|
|
|
+ box-sizing: border-box;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 登录页验证码输入框 */
|
|
|
+.login-div .login-yzm_input {
|
|
|
+ text-indent: 120px;
|
|
|
+}
|
|
|
+
|
|
|
+.login-div .goon {
|
|
|
+ text-indent: 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.login-div .form-icon {
|
|
|
+ display: inline-block;
|
|
|
+ width: 46px;
|
|
|
+ height: 36px;
|
|
|
+ float: left;
|
|
|
+ border-radius: 4px 0 0 4px;
|
|
|
+ background-size: 40%;
|
|
|
+ background-position: center;
|
|
|
+ border: 1px solid #575D6D;
|
|
|
+ /* margin-right: 13px; */
|
|
|
+}
|
|
|
+
|
|
|
+.login-div .loginScanCodeBox {
|
|
|
+ display: flex !important;
|
|
|
+ position: relative !important;
|
|
|
+ justify-content: space-between !important;
|
|
|
+}
|
|
|
+
|
|
|
+.ksmm {
|
|
|
+ width: 17px;
|
|
|
+ height: 11px;
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ right: 8px;
|
|
|
+ top: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.header_yzmimg {
|
|
|
+ position: absolute;
|
|
|
+ left: 48px;
|
|
|
+ top: 1px;
|
|
|
+ width: 120px;
|
|
|
+ height: 35px;
|
|
|
+}
|
|
|
+
|
|
|
+.login-div .bottom-button {
|
|
|
+ margin: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.zdspDiv {
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.ic {
|
|
|
+ z-index: 2
|
|
|
+}
|
|
|
+
|
|
|
+select {
|
|
|
+ appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+
|
|
|
+.goon {
|
|
|
+ /* border: 1px solid rgba(0, 0, 0, 0);
|
|
|
+ width: calc(100% - 48px);
|
|
|
+ height: 37px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-right: 0px;
|
|
|
+
|
|
|
+ outline: none;
|
|
|
+ font-size: 14px;
|
|
|
+ color: #999;
|
|
|
+ border-radius: 2px;
|
|
|
+ appearance: none;
|
|
|
+ background: rgba(0, 0, 0, 0); */
|
|
|
+}
|
|
|
+
|
|
|
+.sp {
|
|
|
+ position: relative;
|
|
|
+ padding-left: 33px;
|
|
|
+ bottom: 21px;
|
|
|
+ width: 240px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.bottom-container {
|
|
|
+ width: 1000px;
|
|
|
+ height: 2px;
|
|
|
+ position: absolute;
|
|
|
+ left: 50% !important;
|
|
|
+ top: 50% !important;
|
|
|
+ margin-left: -500px;
|
|
|
+ margin-top: 155px;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.resetpwddiv,
|
|
|
+.phonelogindiv {
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.login {
|
|
|
+ position: relative;
|
|
|
+ width: 80px;
|
|
|
+ text-align: center !important;
|
|
|
+}
|
|
|
+
|
|
|
+.phoneloginmask,
|
|
|
+.resetpwdmask {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 33px;
|
|
|
+ outline: medium;
|
|
|
+ /* color: rgb(72, 99, 164); */
|
|
|
+ font-size: 16px;
|
|
|
+
|
|
|
+ border-radius: 5px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录次数*/
|
|
|
+.login-sca {
|
|
|
+
|
|
|
+ display: inline-block;
|
|
|
+ position: absolute;
|
|
|
+ left: 14px;
|
|
|
+ bottom: 10px;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.login-sc {
|
|
|
+ margin-bottom: 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.link_gs a {
|
|
|
+ position: fixed;
|
|
|
+ right: 40px;
|
|
|
+ bottom: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.link_bbh {
|
|
|
+ position: fixed;
|
|
|
+ right: 40px;
|
|
|
+ bottom: 60px;
|
|
|
+}
|
|
|
+
|
|
|
+#msgDiv::before {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ top: -12px;
|
|
|
+ right: 13px;
|
|
|
+ z-index: 9999;
|
|
|
+}
|
|
|
+
|
|
|
+.Start-banben {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: right;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 7%;
|
|
|
+ right: 3%;
|
|
|
+ width: 100%;
|
|
|
+ font-family: "SIL Hei";
|
|
|
+}
|
|
|
+
|
|
|
+.Start-copyright {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 18px;
|
|
|
+ text-align: right;
|
|
|
+ position: fixed;
|
|
|
+ right: 3%;
|
|
|
+ bottom: 3%;
|
|
|
+ width: 100%;
|
|
|
+ font-family: "黑体";
|
|
|
+}
|
|
|
+
|
|
|
+#trianglebottomright {
|
|
|
+ width: 40px;
|
|
|
+ height: 40px;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomright {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ background-color: #FFF;
|
|
|
+ border-radius: 5px;
|
|
|
+ bottom: 0;
|
|
|
+ padding: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.bottomright-small {
|
|
|
+ position: absolute;
|
|
|
+ right: 8px;
|
|
|
+ bottom: 8px;
|
|
|
+}
|
|
|
+
|
|
|
+.qrcode-text {
|
|
|
+ font-family: "SIL Hei";
|
|
|
+ font-size: 14px;
|
|
|
+ line-height: 24px;
|
|
|
+}
|
|
|
+
|
|
|
+/*整个大的背景图*/
|
|
|
+.login-pageBackground {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ position: fixed;
|
|
|
+ left: 0px;
|
|
|
+ top: 0px;
|
|
|
+ background: url(image/bgpic.png) center center no-repeat;
|
|
|
+ background-size: 100% 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*中间(线)左边部份*/
|
|
|
+.login-pageLeftLine {
|
|
|
+ background: linear-gradient(to right, rgba(108, 157, 192, 0), rgba(108, 157, 192, 1));
|
|
|
+ width: 500px;
|
|
|
+ height: 2px;
|
|
|
+ display: inline-block;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*中间(线)右边部份*/
|
|
|
+.login-pageRightLine {
|
|
|
+ background: linear-gradient(to left, rgba(108, 157, 192, 0), rgba(108, 157, 192, 1));
|
|
|
+ width: 500px;
|
|
|
+ height: 2px;
|
|
|
+ display: inline-block;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+/*倒影*/
|
|
|
+.login-pageShadow {
|
|
|
+ width: 668px;
|
|
|
+ height: 65px;
|
|
|
+ background: linear-gradient(180deg, rgb(145, 165, 195, 0.15), rgba(145, 165, 195, 0));
|
|
|
+ border-radius: 3px;
|
|
|
+ position: absolute;
|
|
|
+ left: 50% !important;
|
|
|
+ top: 50% !important;
|
|
|
+ margin-left: -333px;
|
|
|
+ margin-top: 180px;
|
|
|
+}
|
|
|
+
|
|
|
+/*二次登录页登录区域*/
|
|
|
+.login-translucentDiv {
|
|
|
+ background: #f7f7f7;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 5px 0px 5px 0px #000000;
|
|
|
+ font-size: 16px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: 400;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页登录区域*/
|
|
|
+.login-div {
|
|
|
+ /* background: url(image/login-div.png) center center no-repeat; */
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页版权信息*/
|
|
|
+.login-copyright {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录错误次数*/
|
|
|
+.login-used {
|
|
|
+ border: 1px solid #cacbcc;
|
|
|
+}
|
|
|
+
|
|
|
+.login-unused {
|
|
|
+ width: 10px !important;
|
|
|
+ height: 10px !important;
|
|
|
+ border: none !important;
|
|
|
+ background-color: #EF5D0C;
|
|
|
+}
|
|
|
+
|
|
|
+/*登录页版本信息*/
|
|
|
+.login-version {
|
|
|
+ color: #fff;
|
|
|
+ font-size: 20px;
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页登录区域*/
|
|
|
+.login-unlockDiv {
|
|
|
+ background: url(image/sp-bg.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页输入框字体颜色*/
|
|
|
+.login-unlockInput {
|
|
|
+ color: #4f83b2;
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页箭头图标*/
|
|
|
+.icon-enter {
|
|
|
+ /* background: url(image/icon-enter.png); */
|
|
|
+ background-image: url(image/icon-enter.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-enter:hover {
|
|
|
+ background-image: url(image/icon-enter-hover.png);
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-position: center;
|
|
|
+}
|
|
|
+
|
|
|
+/*锁屏页时间*/
|
|
|
+.desktop-time {
|
|
|
+ font-size: 60px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.login-translucentDiv input[type='text'],
|
|
|
+.login-translucentDiv input[type='password'] {
|
|
|
+ background: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ border: 1px solid #575D6D !important;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #999999;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------------login样式结束---------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------content-vSeperator样式---------------------------------------*/
|
|
|
+.content-vSeperator-left {
|
|
|
+ width: 1px;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.content-vSeperator-left span {
|
|
|
+ width: 11px;
|
|
|
+ height: 35px;
|
|
|
+ background: url(image/handlevbtn.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ right: 0px;
|
|
|
+ z-index: 99999999999;
|
|
|
+}
|
|
|
+
|
|
|
+.content-vSeperator-left span:hover::after {
|
|
|
+ content: "";
|
|
|
+ width: 23px;
|
|
|
+ height: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/handlevbtn-cursor.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 6px;
|
|
|
+ left: -5px;
|
|
|
+}
|
|
|
+
|
|
|
+.content-vSeperator {
|
|
|
+ width: 1px;
|
|
|
+ height: 100%;
|
|
|
+ position: relative;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ display: inline-block;
|
|
|
+ position: relative;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.content-vSeperator span {
|
|
|
+ width: 11px;
|
|
|
+ height: 35px;
|
|
|
+ background: url(image/handlevbtn-r.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 0px;
|
|
|
+ left: 0px;
|
|
|
+ z-index: 99999999999;
|
|
|
+}
|
|
|
+
|
|
|
+.content-vSeperator span:hover::after {
|
|
|
+ content: "";
|
|
|
+ width: 23px;
|
|
|
+ height: 12px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/handlevbtn-cursor.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ bottom: 6px;
|
|
|
+ left: -5px;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------content-vSeperator样式结束---------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------sideList样式---------------------------------------*/
|
|
|
+.sideList {
|
|
|
+ color: #333;
|
|
|
+ font-size: 14px;
|
|
|
+ height: 30px;
|
|
|
+ line-height: 30px;
|
|
|
+}
|
|
|
+
|
|
|
+.sideList:hover {
|
|
|
+ background-color: #c7e4fa;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------sideList样式结束---------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------iconList样式------------------------------------------*/
|
|
|
+.iconList-dim {
|
|
|
+ font-size: 14px;
|
|
|
+ color: #666;
|
|
|
+ line-height: 14px;
|
|
|
+ margin-left: 5px;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-highlight {
|
|
|
+ color: #6c9ddb;
|
|
|
+ font-weight: bold;
|
|
|
+ font-size: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-boxDiv {
|
|
|
+ border: 1px solid #c2c2c2 !important;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 12px;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList {
|
|
|
+ position: relative;
|
|
|
+ float: left;
|
|
|
+ overflow: auto;
|
|
|
+ width: 761px;
|
|
|
+ border: 1px solid #c2c2c2;
|
|
|
+ font-size: 0px;
|
|
|
+ height: 516px;
|
|
|
+ box-sizing: border-box;
|
|
|
+ font-size: 0px;
|
|
|
+ background: transparent;
|
|
|
+ border-top-left-radius: 3px;
|
|
|
+ border-bottom-left-radius: 3px;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------iconList样式结束------------------------------------------*/
|
|
|
+
|
|
|
+/*--------------------------滚动条箭头样式----------------------------------------------*/
|
|
|
+/* 滚动条上箭头 */
|
|
|
+.scrollbar-up {
|
|
|
+ border-top: none;
|
|
|
+ border-right: 5px solid transparent;
|
|
|
+ border-left: 5px solid transparent;
|
|
|
+ border-bottom: 8px solid #c4c4c4;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条下箭头 */
|
|
|
+.scrollbar-down {
|
|
|
+ border-top: 8px solid #c4c4c4;
|
|
|
+ border-right: 5px solid transparent;
|
|
|
+ border-left: 5px solid transparent;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条左箭头 */
|
|
|
+.scrollbar-left {
|
|
|
+ border-top: 5px solid transparent;
|
|
|
+ border-right: 8px solid #c4c4c4;
|
|
|
+ border-bottom: 5px solid transparent;
|
|
|
+ border-left: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 滚动条右箭头 */
|
|
|
+.scrollbar-right {
|
|
|
+ border-top: 5px solid transparent;
|
|
|
+ border-left: 8px solid #c4c4c4;
|
|
|
+ border-bottom: 5px solid transparent;
|
|
|
+ border-right: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------滚动条箭头样式结束-----------------------------------------*/
|
|
|
+
|
|
|
+/* 录入框内嵌标签 2019.9.11 */
|
|
|
+.builtinLabel-focus {
|
|
|
+ border: 1px solid #6b9ed6 !important;
|
|
|
+ box-shadow: 2px 2px 2px #dedede;
|
|
|
+ word-break: break-all;
|
|
|
+ z-index: 9999 !important;
|
|
|
+ border-radius: 3px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinLabel {
|
|
|
+ border: 1px solid #ebebeb;
|
|
|
+ border-radius: 3px;
|
|
|
+ z-index: 9999;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.builtinLabel span {
|
|
|
+ background: #ebebeb;
|
|
|
+ float: left;
|
|
|
+ color: #999;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 2px 0 0 2px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinLabel-focus span {
|
|
|
+ background: #ebebeb;
|
|
|
+ float: left;
|
|
|
+ color: #999;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 26px;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 2px 0 0 2px;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinLabel input {
|
|
|
+ border: none;
|
|
|
+ color: #000;
|
|
|
+ outline: none;
|
|
|
+ background: white;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+.builtinLabel-focus input {
|
|
|
+ border: none;
|
|
|
+ color: #000;
|
|
|
+ outline: none;
|
|
|
+ background: white;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+/************************************************************************mobile样式开始*****************************************************************************/
|
|
|
+/*-------------------------------mobileVWarning样式---------------*/
|
|
|
+.mobileLargeVWarningProgress-div {
|
|
|
+ width: 0.75rem;
|
|
|
+ background-color: #e1e1e1;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLargeVWarningProgress-done {
|
|
|
+ width: 0.75rem;
|
|
|
+ background-color: #ff0000;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallWarningProgress-div {
|
|
|
+ height: 0.15rem;
|
|
|
+ background-color: #e1e1e1;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallWarningProgress-done {
|
|
|
+ height: 0.15rem;
|
|
|
+ background-color: #ff0000;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------mobileVWarning样式结束---------------*/
|
|
|
+
|
|
|
+/*------------------------------mobileIcon样式----------------------*/
|
|
|
+/* 菜单图标 */
|
|
|
+/* .mobileIcon-menu{
|
|
|
+ background: #6c9ed7 url(image/meun.png) center center no-repeat;
|
|
|
+ width: 2.25rem;
|
|
|
+ height: 2.25rem;
|
|
|
+ float: right;
|
|
|
+ position: relative;
|
|
|
+ background-size: 1.4rem 1.0rem;
|
|
|
+} */
|
|
|
+/* 菜单图标底部按钮 */
|
|
|
+.mobileList-invertButton {
|
|
|
+ background: #6c9ed7;
|
|
|
+ width: 2.25rem;
|
|
|
+ height: 2.25rem;
|
|
|
+ float: right;
|
|
|
+ position: relative;
|
|
|
+ /* background-size: 1.4rem 1.0rem; */
|
|
|
+}
|
|
|
+
|
|
|
+/* 菜单图标白色三横 */
|
|
|
+.mobileInvertIcon-menu {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileInvertIcon-menu.png) no-repeat center center;
|
|
|
+ background-size: 70%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallIcon-add {
|
|
|
+ width: .9rem;
|
|
|
+ height: .9rem;
|
|
|
+ background: url(image/icon-add.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallIcon-change {
|
|
|
+ width: .9rem;
|
|
|
+ height: .9rem;
|
|
|
+ background: url(image/changeIcon.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallIcon-disable {
|
|
|
+ width: .9rem;
|
|
|
+ height: .9rem;
|
|
|
+ background: url(image/disableIcon.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallIcon-enable {
|
|
|
+ width: .9rem;
|
|
|
+ height: .9rem;
|
|
|
+ background: url(image/icon-enable.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-down {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.825rem;
|
|
|
+ height: 0.45rem;
|
|
|
+ background: url(image/mobileIcon-down.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ vertical-align: middle;
|
|
|
+ float: right;
|
|
|
+ margin: 0rem;
|
|
|
+ /* 原来的值 */
|
|
|
+ top: 0.8rem;
|
|
|
+
|
|
|
+ /* margin-top: 0.9rem; 杨文俊10/14有改动
|
|
|
+ margin-right: -5.5rem; 杨文俊10/14有改动*/
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0.8rem;
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLargeIcon-playVoice {
|
|
|
+ width: 3.325rem;
|
|
|
+ height: 3.425rem;
|
|
|
+ background: url("image/voice-big.gif") center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+}
|
|
|
+
|
|
|
+/*手写按钮*/
|
|
|
+.mobileIcon-pen {
|
|
|
+ width: 3.15rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background: url(image/mobileButton-pen.png) center center no-repeat;
|
|
|
+ background-size: 3.15rem 1.5rem;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-pen:active {
|
|
|
+ background: url(image/mobileButton-pen-active.png) center center no-repeat;
|
|
|
+ background-size: 3.15rem 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*语音按钮*/
|
|
|
+.mobileIcon-voice {
|
|
|
+ width: 4.7rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background: url(image/mobileButton-voice.png) center center no-repeat;
|
|
|
+ background-size: 4.7rem 1.5rem;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-voice:active {
|
|
|
+ background: url(image/mobileButton-voice-active.png) center center no-repeat;
|
|
|
+ background-size: 4.7rem 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*常用语*/
|
|
|
+.mobileIcon-phrase {
|
|
|
+ width: 4.075rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background: url(image/mobileButton-phrase.png) center center no-repeat;
|
|
|
+ background-size: 4.075rem 1.5rem;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-phrase:active {
|
|
|
+ background: url(image/mobileButton-phrase-active.png) center center no-repeat;
|
|
|
+ background-size: 4.075rem 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*删除按钮*/
|
|
|
+.mobileIcon-backspace {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background: url(image/mobileButton-backspace.png) center center no-repeat;
|
|
|
+ background-size: 1.5rem 1.5rem;
|
|
|
+ position: absolute;
|
|
|
+ right: 0rem;
|
|
|
+ top: 0rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-backspace:active {
|
|
|
+ background: url(image/mobileButton-backspace-active.png) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/*批示录入框中的喇叭图标*/
|
|
|
+.mobileIcon-voiceMsg {
|
|
|
+ display: inline-block;
|
|
|
+ height: 1.5rem;
|
|
|
+ width: 1.8rem;
|
|
|
+ background: url(image/mobileIcon-voiceMsg.png) center center no-repeat;
|
|
|
+ background-size: 1.8rem 1.5rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*批示录入框中的播放录音图标*/
|
|
|
+.mobileIcon-playVoice {
|
|
|
+ display: inline-block;
|
|
|
+ height: 1.5rem;
|
|
|
+ width: 1.8rem;
|
|
|
+ background: url(image/mobileIcon-playVoice.gif) center center no-repeat;
|
|
|
+ background-size: 1rem 1rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*删除按钮*/
|
|
|
+.mobileIcon-backspace {
|
|
|
+ background-image: url(image/mobileButton-backspace-big.png);
|
|
|
+ background-size: 1.175rem 1.45rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-backspace:active {
|
|
|
+ background-image: url(image/mobileButton-backspace-big-active.png);
|
|
|
+ background-size: 1.175rem 1.45rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*灰色小圆点*/
|
|
|
+.mobileIcon-dimPoint {
|
|
|
+ width: 0.25rem;
|
|
|
+ height: 0.25rem;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #acacac;
|
|
|
+ float: right;
|
|
|
+ margin-top: 0.625rem;
|
|
|
+ margin-right: -0.25rem;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 高亮小圆点 */
|
|
|
+.mobileIcon-highlightPoint {
|
|
|
+ width: 0.25rem;
|
|
|
+ height: 0.25rem;
|
|
|
+ display: inline-block;
|
|
|
+ background-color: #f99138;
|
|
|
+ margin-top: 0.625rem;
|
|
|
+ float: right;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: -0.25rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-media {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.875rem;
|
|
|
+ height: 1.075rem;
|
|
|
+ background: url(image/mobileIcon-media.png) center center no-repeat;
|
|
|
+ background-size: 0.875rem 1.075rem;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-attachment {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.875rem;
|
|
|
+ height: 1.075rem;
|
|
|
+ background: url(image/mobileIcon-attachment.png) center center no-repeat;
|
|
|
+ background-size: 0.875rem 1.075rem;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-checked {
|
|
|
+ background: url(image/mobileIcon-checked.png) center center no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.7rem;
|
|
|
+ height: 0.45rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*移动端待办i图标*/
|
|
|
+.mobileIcon-i {
|
|
|
+ vertical-align: middle;
|
|
|
+ background: url(image/mobileSmallButton-i.png)center center no-repeat;
|
|
|
+ width: 1.25rem;
|
|
|
+ height: 1.25rem;
|
|
|
+ cursor: url(image/cur.ico), default !important;
|
|
|
+ background-size: 88%;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------------mobileIcon样式结束----------------------*/
|
|
|
+
|
|
|
+/*-----------------------------mobile选项卡样式--------------------------*/
|
|
|
+.mobileTab-div {
|
|
|
+ background-color: #ebebeb;
|
|
|
+ height: 2.25rem;
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0.375rem;
|
|
|
+ overflow-x: auto;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileTab-div::after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 1.25rem;
|
|
|
+ height: 2.125rem;
|
|
|
+ /* background: -webkit-linear-gradient(left, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
|
|
|
+ background: -o-linear-gradient(right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
|
|
|
+ background: -moz-linear-gradient(right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
|
|
|
+ background: linear-gradient(to right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1)); */
|
|
|
+ position: fixed;
|
|
|
+ right: 0rem;
|
|
|
+ top: 0rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileTab-selected {
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 0.875rem;
|
|
|
+ height: 100%;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #2b368f;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: 2.25rem;
|
|
|
+ line-height: 2.25rem;
|
|
|
+ border-bottom: 0.125rem solid #6c9ed7;
|
|
|
+ /* margin: 0 0.25rem; */
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileTab {
|
|
|
+ display: inline-block;
|
|
|
+ padding: 0 0.875rem;
|
|
|
+ height: 100%;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #2b368f;
|
|
|
+ box-sizing: border-box;
|
|
|
+ height: 2.25rem;
|
|
|
+ line-height: 2.25rem;
|
|
|
+ /* margin: 0 0.25rem; */
|
|
|
+ color: #000000;
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearchTab-selected {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #2b368f;
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 0.125rem solid #6c9ed7;
|
|
|
+ line-height: 2.25rem;
|
|
|
+ padding: 0 0.65rem;
|
|
|
+ margin: 0 0.45rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearchTab {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #000;
|
|
|
+ display: inline-block;
|
|
|
+ height: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 2.25rem;
|
|
|
+ padding: 0 0.65rem;
|
|
|
+ margin: 0 0.45rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileTab-content {
|
|
|
+ margin-top: 2.25rem;
|
|
|
+ height: calc(100% - 2.25rem);
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------mobile选项卡样式结束--------------------------*/
|
|
|
+
|
|
|
+.mobileDelete-button,
|
|
|
+.mobileAdd-button {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background: #999999;
|
|
|
+ color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 1.5rem;
|
|
|
+ border-radius: 50%;
|
|
|
+ display: block;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileAdd-button {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileAdd-button::after {
|
|
|
+ content: "";
|
|
|
+ /* 生成一个空内容 */
|
|
|
+ display: block;
|
|
|
+ /* 使伪元素成为块元素 */
|
|
|
+ width: 100%;
|
|
|
+ /* 适应父元素宽度 */
|
|
|
+ height: 100%;
|
|
|
+ /* 适应父元素高度 */
|
|
|
+ background: url(image/svg_icon/xinzeng.svg) no-repeat center;
|
|
|
+ /* 使用 SVG 作为背景 */
|
|
|
+ background-size: 70%;
|
|
|
+ position: absolute;
|
|
|
+ /* 绝对定位 */
|
|
|
+ top: 0;
|
|
|
+ /* 位置在顶部 */
|
|
|
+ left: 0;
|
|
|
+ /* 位置在左边 */
|
|
|
+ filter: brightness(0) invert(1);
|
|
|
+ /* 将 SVG 颜色改为白色 */
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDelete-button {
|
|
|
+ position: relative;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDelete-button::after {
|
|
|
+ content: "";
|
|
|
+ width: 1rem;
|
|
|
+ height: 2px;
|
|
|
+ display: block;
|
|
|
+ background: white;
|
|
|
+ background-size: 70%;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translate(-50%, -50%);
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDelete-button:active,
|
|
|
+.mobileAdd-button:active {
|
|
|
+ background-color: #585e6e;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileApply-bg {
|
|
|
+ background-color: #f2f3f4;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobileForm样式-------------------------------*/
|
|
|
+.mobileForm-title {
|
|
|
+ font-size: 1rem;
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ margin: 0 auto;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: space-between;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm {
|
|
|
+ width: 100%;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm table {
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ margin: 0.5rem auto 0.5rem auto;
|
|
|
+ border-collapse: collapse;
|
|
|
+ border: 0.05rem solid #d4d6d9;
|
|
|
+ margin-bottom: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm table tr {
|
|
|
+ border: 0.05rem solid #e6e6e6;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm table th {
|
|
|
+ border: 0.05rem solid #e6e6e6;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #000;
|
|
|
+ font-size: 1rem;
|
|
|
+ text-align: right;
|
|
|
+ background-color: #fafafa;
|
|
|
+ padding: 0.4rem 0.65rem 0.4rem 1rem;
|
|
|
+ line-height: 1.2rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ word-break: break-all;
|
|
|
+ white-space: normal;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm table td {
|
|
|
+ border: 0.05rem solid #e6e6e6;
|
|
|
+ background-color: #fff;
|
|
|
+ box-sizing: border-box;
|
|
|
+ color: #000000;
|
|
|
+ font-size: 1rem;
|
|
|
+ text-align: left;
|
|
|
+ padding: 0.4rem 0.75rem 0.4rem 1rem;
|
|
|
+ line-height: 1.2rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm input {
|
|
|
+ padding-left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobileForm样式结束-------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------mobile图片样式---------------------------------*/
|
|
|
+.mobilePhoto {
|
|
|
+ width: 3.75rem;
|
|
|
+ height: 5.25rem;
|
|
|
+ border: 0.025rem solid #d1d1d1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.mobilePhoto img {
|
|
|
+ max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobilePersonalPhoto {
|
|
|
+ width: 4rem;
|
|
|
+ height: 4rem;
|
|
|
+ border: 1px solid #d1d1d1;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0.35rem 0.525rem 0 0.525rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobilePersonalPhoto img {
|
|
|
+ max-height: 100%;
|
|
|
+ max-width: 100%;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------mobile图片样式---------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------mobile底部区域----------------------------------*/
|
|
|
+.mobileBottom-div {
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0px;
|
|
|
+ left: 0px;
|
|
|
+ z-index: 100;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-down-div {
|
|
|
+ display: flex;
|
|
|
+ background-color: #e6e6e6;
|
|
|
+ border-top: 0.075rem solid #e6e6e6;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-button {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: 0;
|
|
|
+ /* width: calc(50% - 0.075rem); */
|
|
|
+ flex: 1;
|
|
|
+ height: 3rem;
|
|
|
+ color: #000;
|
|
|
+ font-size: 1rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fafafb;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border-radius: 0rem;
|
|
|
+ border-left: 0.075rem solid #e6e6e6;
|
|
|
+ border-right: 0.075rem solid #e6e6e6;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-button:first-child {
|
|
|
+ border-left: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-button:last-child {
|
|
|
+ border-right: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-button:active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #585e6e;
|
|
|
+}
|
|
|
+.mobileBottom-active-button{
|
|
|
+ color: #659af1;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------mobile底部区域结束------------------------------*/
|
|
|
+
|
|
|
+/*----------------------------mobile分隔线样式----------------------------*/
|
|
|
+.mobileContent-hSeperator {
|
|
|
+ position: relative;
|
|
|
+ z-index: 99;
|
|
|
+ width: 100%;
|
|
|
+ height: 0.2rem;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ border-radius: 4px;
|
|
|
+ box-shadow: 0px 2px 1px #415e7f;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileContent-hSeperator span {
|
|
|
+ right: 0px;
|
|
|
+ position: absolute;
|
|
|
+ top: -0.875rem;
|
|
|
+ background-image: url(image/mobileContent-hSeperator.png);
|
|
|
+ width: 3.45rem;
|
|
|
+ height: 1.075rem;
|
|
|
+ display: inline-block;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileContent-vSeperator {
|
|
|
+ display: inline-block;
|
|
|
+ width: .15rem;
|
|
|
+ height: 100%;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileContent-vSeperator span {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.6rem;
|
|
|
+ height: 1.6rem;
|
|
|
+ background: url(image/mobileContent-vSeperator.gif) no-repeat;
|
|
|
+ background-size: contain;
|
|
|
+ background-position-y: bottom;
|
|
|
+ margin-left: -0.6rem;
|
|
|
+ position: absolute;
|
|
|
+ left: 0rem;
|
|
|
+ bottom: 0rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobile分隔线样式结束----------------------------*/
|
|
|
+
|
|
|
+/*----------------------------mobileButton样式---------------------------*/
|
|
|
+/* 批示历史意见列表聚合行右面点击可展开折叠行的按钮 */
|
|
|
+.mobileFreeButton {
|
|
|
+ width: 3.2rem;
|
|
|
+ height: 3.2rem;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ float: right;
|
|
|
+ box-shadow: -0.025rem -0.05rem 0 0.025rem #c8daee;
|
|
|
+ font-size: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/* (左滑拉出的)更多按钮 */
|
|
|
+.mobileMoreButton {
|
|
|
+ width: 3.15rem;
|
|
|
+ background-color: #6ca0d3;
|
|
|
+ float: left;
|
|
|
+ font-size: .75rem;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: -1px
|
|
|
+}
|
|
|
+
|
|
|
+/*20200410新增样式－begin*－by 杨文俊/
|
|
|
+/*列表左滑拉出红色更多按钮*/
|
|
|
+.mobileList-warningInvertButton {
|
|
|
+ width: 3.15rem;
|
|
|
+ background-color: red;
|
|
|
+ float: left;
|
|
|
+ font-size: .75rem;
|
|
|
+ color: #fff;
|
|
|
+ line-height: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ margin-left: -1px
|
|
|
+}
|
|
|
+
|
|
|
+/*相片图标（附件）*/
|
|
|
+.mobileIcon-camera {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background-image: url(image/mobileIcon-camera.png);
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*录像图标（附件）*/
|
|
|
+.mobileIcon-videocamera {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background-image: url(image/mobileIcon-videocamera.png);
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*麦克风图标（附件）*/
|
|
|
+.mobileIcon-mike {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background-image: url(image/mobileIcon-mike.png);
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 44%;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*文件图标（附件）*/
|
|
|
+.mobileIcon-file {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background-image: url(image/mobileIcon-file.png);
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*（分隔图标的）浅色纵向分隔线*/
|
|
|
+.mobileVLine-dim {
|
|
|
+ width: 0.1rem;
|
|
|
+ height: 1.725rem;
|
|
|
+ background: #ebf0f2;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: super;
|
|
|
+}
|
|
|
+
|
|
|
+/*20200410新增样式－end*/
|
|
|
+
|
|
|
+.mobileButton {
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ box-shadow: -0.05rem 0.05rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background-size: contain;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileButton:active {
|
|
|
+ background-color: #6c9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBuiltinButton {
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ box-shadow: -0.05rem 0rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBuiltinButton:active {
|
|
|
+ background-color: #6c9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobileButton样式结束-----------------------*/
|
|
|
+
|
|
|
+/*----------------------------mobileList样式----------------------------------*/
|
|
|
+.mobileList-largeHighlight {
|
|
|
+ font-size: 1.35rem;
|
|
|
+ color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileList-highlight {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #2b368f;
|
|
|
+ height: 2rem;
|
|
|
+ line-height: 2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileList {
|
|
|
+ height: 2rem;
|
|
|
+ line-height: 2rem;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #4c4c4c;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobileList样式结束----------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------mobileIcon样式-------------------------------------*/
|
|
|
+.mobileIcon-openFolder {
|
|
|
+ width: 0.75rem;
|
|
|
+ height: 0.675rem;
|
|
|
+ float: left;
|
|
|
+ margin: 0.425rem 0.425rem 0 0.35rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileList-expandedGroupIcon.png) center center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-folder {
|
|
|
+ width: 0.75rem;
|
|
|
+ height: 0.675rem;
|
|
|
+ float: left;
|
|
|
+ margin: 0.425rem 0.425rem 0 0.35rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileList-groupIcon.png) center center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-point {
|
|
|
+ width: 0.75rem;
|
|
|
+ height: 0.675rem;
|
|
|
+ float: left;
|
|
|
+ margin: 0.425rem 0.425rem 0 0.35rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileList-itemIcon.png) center center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-doc {
|
|
|
+ width: 0.75rem;
|
|
|
+ height: 0.675rem;
|
|
|
+ float: left;
|
|
|
+ margin: 0.425rem 0.425rem 0 0.35rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileList-icon.png) center center no-repeat;
|
|
|
+ background-size: cover;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------------mobileIcon样式结束-------------------------------------*/
|
|
|
+
|
|
|
+
|
|
|
+/*----------------------------mobile底部区域样式-------------------------------------*/
|
|
|
+.mobileBottom-up-div {
|
|
|
+ border-top: 0.075rem solid #e6e6e6;
|
|
|
+ background: #e6e6e6;
|
|
|
+ height: 3rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #e1e1e1;
|
|
|
+ display: flex;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-up-left-div {
|
|
|
+ flex: 1;
|
|
|
+ height: 100%;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ font-size: 1rem;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-up-right-div {
|
|
|
+ flex: 3;
|
|
|
+ background: #fff;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-up-right-div input {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ padding-left: 12px;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-up-right-div input:focus {
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBottom-up-right-div input::placeholder {
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*----------------------------mobile底部区域样式-------------------------------------*/
|
|
|
+
|
|
|
+
|
|
|
+/*---------------------------mobileLongCardList样式----------------------------------*/
|
|
|
+.mobileLongCardList-div {}
|
|
|
+
|
|
|
+.mobileLongCardList-highlight {
|
|
|
+ color: #2b368f;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ line-height: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+li.mobileLongCardList-highlight {
|
|
|
+ margin-bottom: .8rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLongCardList-dim {
|
|
|
+ font-size: 0.65rem;
|
|
|
+ color: #666666;
|
|
|
+ float: left;
|
|
|
+ line-height: 0.9rem;
|
|
|
+ max-height: 2.7rem;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLongCardList {
|
|
|
+ font-size: 0.65rem;
|
|
|
+ line-height: 0.9rem;
|
|
|
+ color: #000;
|
|
|
+ margin-top: 0.175rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLongCardList-thumbnail {
|
|
|
+ max-width: 5.5rem;
|
|
|
+ max-height: 3.1rem;
|
|
|
+ height: 4rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ border: 0.05rem solid #edeff2;
|
|
|
+ overflow: hidden;
|
|
|
+ border-radius: 0.125rem;
|
|
|
+ float: left;
|
|
|
+ margin-right: 0.3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLongCardList-thumbnail img {
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------------mobileLongCardList样式结束----------------------------------*/
|
|
|
+
|
|
|
+/*-------------------------mobileList样式-----------------------*/
|
|
|
+.mobileList-background:nth-child(odd) {
|
|
|
+ background-color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileList-background:nth-child(even) {
|
|
|
+ background-color: #fafafa;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------mobileList样式结束-----------------------*/
|
|
|
+
|
|
|
+/*------------------------mobile线样式------------------------------*/
|
|
|
+.mobileHLine {
|
|
|
+ border-bottom: 0.05rem solid #edeff2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHLine-bold {
|
|
|
+ border-bottom: 0.25rem solid #edeff2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHLine-highlight {
|
|
|
+ border-bottom: 0.05rem solid #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileVLine-highlight {
|
|
|
+ border-right: 0.2rem solid #6ca0d3;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileVline-leftHighlight {
|
|
|
+ border-left: 0.2rem solid #71a0ce;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileVLine-warning {
|
|
|
+ border-right: 0.25rem solid #ff0000;
|
|
|
+ border-top-right-radius: 0.05rem;
|
|
|
+ /*杨文俊10.24新增*/
|
|
|
+ border-bottom-right-radius: 0.05rem;
|
|
|
+ /*杨文俊10.24新增*/
|
|
|
+}
|
|
|
+
|
|
|
+.mobileVLine-dashed {
|
|
|
+ border-right: 0.025rem dashed #c2c2c2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileVLine-leftDashed {
|
|
|
+ border-left: 0.05rem dashed #c2c2c2;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------mobile线样式------------------------------*/
|
|
|
+
|
|
|
+/*-----------------------mobileSearch样式--------------------------*/
|
|
|
+.mobileSearch-div {
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-left: 0.675rem;
|
|
|
+ margin-right: 0.825rem;
|
|
|
+ width: 95%;
|
|
|
+ display: flex;
|
|
|
+ /* justify-content: space-between; */
|
|
|
+ gap: 5px;
|
|
|
+}
|
|
|
+.mobileSearch-input-div{
|
|
|
+ position: relative;
|
|
|
+ flex: 1;
|
|
|
+ border: 1px solid #eceded;
|
|
|
+ background: white;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+.mobileSearch-div input[type="text"] {
|
|
|
+ border: none;
|
|
|
+ font-size: 1rem;
|
|
|
+ width: calc(100% - 3rem - 2px);
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-left: 0.75rem;
|
|
|
+ height: 2rem;
|
|
|
+ line-height: 2rem;
|
|
|
+ color: #000;
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearch-div input[type='text']::-webkit-input-placeholder,
|
|
|
+.mobileSearch-div input[type='number']::-webkit-input-placeholder {
|
|
|
+ color: #999;
|
|
|
+ font-family: "SimHei", Georgia, Serif !important;
|
|
|
+ font-size: 0.75rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearch-div input[type='text']::-moz-placeholder,
|
|
|
+.mobileSearch-div input[type='number']::-moz-placeholder {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ font-family: "SimHei", Georgia, Serif !important;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearch-div input[type='text']:-moz-placeholder,
|
|
|
+.mobileSearch-div input[type='number']:-moz-placeholder {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ font-family: "SimHei", Georgia, Serif !important;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSearch-div input[type='text']:-ms-input-placeholder,
|
|
|
+.mobileSearch-div input[type='number']:-ms-input-placeholder {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ font-family: "SimHei", Georgia, Serif !important;
|
|
|
+ color: #999;
|
|
|
+}
|
|
|
+.mobileSearch-icon{
|
|
|
+ width: calc(3rem - 2px);
|
|
|
+ height: calc(2rem - 2px);
|
|
|
+ display: block;
|
|
|
+ background: #fff url(image/svg_icon/chazhao.svg) no-repeat center;
|
|
|
+ background-size: 35%;
|
|
|
+ position: absolute;
|
|
|
+ right: 1px;
|
|
|
+ top: 1px;
|
|
|
+ border-radius: 4px;
|
|
|
+}
|
|
|
+.mobileSearch-icon::before{
|
|
|
+ display:block;
|
|
|
+ content: '';
|
|
|
+ width: 1px;
|
|
|
+ height: 1rem;
|
|
|
+ background-color: #c3c6ca;
|
|
|
+ position: absolute;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+/* 移动端搜索上的二维码区域 */
|
|
|
+.mobileSearch-qrcode{
|
|
|
+ background-size: 90%;
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #eceded;
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+}
|
|
|
+.mobileSearch-button {
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ padding: 0 1rem;
|
|
|
+ border: 1px solid #eceded;
|
|
|
+ outline: none;
|
|
|
+ background-color: #fff;
|
|
|
+ text-align: center;
|
|
|
+ /* line-height: 1.375rem; */
|
|
|
+ font-size: 1rem;
|
|
|
+ color: #585d6e;
|
|
|
+ letter-spacing: 0.1rem;
|
|
|
+ border-radius: 4px;
|
|
|
+ margin: unset;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ -webkit-appearance: none;
|
|
|
+}
|
|
|
+.mobileSearch-button:active {
|
|
|
+ background-color: #eceded;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/*-----------------------mobileSearch样式结束--------------------------*/
|
|
|
+
|
|
|
+/*-----------------------mobilePopup样式--------------------------------*/
|
|
|
+.mobilePopup-div {
|
|
|
+ border: 0.05rem solid #b7b7b7;
|
|
|
+ border-top: 0.125rem solid #6d9edb;
|
|
|
+ display: inline-block;
|
|
|
+ max-height: 12.957rem;
|
|
|
+ overflow: auto;
|
|
|
+
|
|
|
+ box-shadow: 0.1rem 0.1rem 0.225rem rgba(0, 0, 0, .13);
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #fff;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.mobilePopup-div select {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobilePopupList {
|
|
|
+ height: 1.95rem;
|
|
|
+ line-height: 1.95rem;
|
|
|
+ padding: 0 1.4rem;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #000;
|
|
|
+ background: #fff;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+/*-----------------------mobilePopup样式结束--------------------------------*/
|
|
|
+
|
|
|
+/*------------------------mobileBox样式---------------------------------*/
|
|
|
+.mobileBox {
|
|
|
+ border: .05rem solid #75a3dd;
|
|
|
+ border-radius: 0.325rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBox-dim {
|
|
|
+ border: 0.05rem solid #c2c8cc !important;
|
|
|
+ border-radius: 0.5rem !important;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/* 校验码边框 */
|
|
|
+.mobileDownBox {
|
|
|
+ border-radius: 0rem 0rem .3rem .3rem;
|
|
|
+ border: 0.1rem solid #6c9ddb;
|
|
|
+ height: 4.5rem;
|
|
|
+ position: absolute;
|
|
|
+ padding: .1rem 0.1rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ top: 0px;
|
|
|
+ /* left: 0px; */
|
|
|
+ width: calc(100% - 0.25rem);
|
|
|
+ background: #fff;
|
|
|
+ font-size: 0.8rem;
|
|
|
+ color: #4b4b4b;
|
|
|
+ transform: translate(-50%, 0%);
|
|
|
+ left: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBox-dashed {
|
|
|
+ border: 0.025rem dashed #6c9ed7;
|
|
|
+ border-radius: .1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.iconList-boxDiv-selected {
|
|
|
+ border: 1px solid rgba(255, 0, 0, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.mobileBox-highlight {
|
|
|
+ border: .05rem solid #6c9ed7;
|
|
|
+ border-radius: 0.325rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*------------------------mobileBox样式结束---------------------------------*/
|
|
|
+
|
|
|
+/*------------------------smallFlashMsg样式----------------------------------*/
|
|
|
+.smallFlashMsg-div {
|
|
|
+ background: #7ca6cc;
|
|
|
+ color: #fff;
|
|
|
+ font-size: 14px;
|
|
|
+ border-radius: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.smallFlashMsg-div::after {
|
|
|
+ content: "";
|
|
|
+ display: inline-block;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ position: absolute;
|
|
|
+ left: 18px;
|
|
|
+ bottom: -3px;
|
|
|
+ border-top: 3px solid #7ca6cc;
|
|
|
+ border-right: 3px solid transparent;
|
|
|
+ border-left: 3px solid transparent;
|
|
|
+ border-bottom: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* ------------------------smallFlashMsg样式结束---------------------------------- */
|
|
|
+
|
|
|
+/*-------------------------mobile按钮样式---------------------------------*/
|
|
|
+/*on按钮*/
|
|
|
+.mobileContent-onButton {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ height: 1.3rem;
|
|
|
+ line-height: 1.3rem;
|
|
|
+ outline: none;
|
|
|
+ color: #6c9ddb;
|
|
|
+ background: url(image/true.png) right bottom no-repeat;
|
|
|
+ background-size: 0.7rem 0.7rem;
|
|
|
+ background-color: #ebebeb;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0rem 0.5rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ border: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-bottom: 0.08rem solid #6c9ddb;
|
|
|
+}
|
|
|
+
|
|
|
+/*off按钮*/
|
|
|
+.mobileContent-offButton {
|
|
|
+ display: inline-block;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ height: 1.3rem;
|
|
|
+ line-height: 1.3rem;
|
|
|
+ outline: none;
|
|
|
+ color: #999999;
|
|
|
+ background: url(image/false.png) right bottom no-repeat;
|
|
|
+ background-size: 0.7rem 0.7rem;
|
|
|
+ background-color: #ebebeb;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ overflow: hidden;
|
|
|
+ padding: 0px 0.5rem;
|
|
|
+ vertical-align: middle;
|
|
|
+ border: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------mobile按钮样式结束---------------------------------*/
|
|
|
+
|
|
|
+/*-------------------------启动页样式-----------------------------------------*/
|
|
|
+/* 右下角的公司链接文字 */
|
|
|
+.mobileStart-copyright {
|
|
|
+ color: #fff;
|
|
|
+ font-size: .7rem;
|
|
|
+ text-align: center;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 2.3%;
|
|
|
+ width: 100%;
|
|
|
+ font-family: "宋体";
|
|
|
+}
|
|
|
+
|
|
|
+/* 登录页背景 */
|
|
|
+.mobileStart-background {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: url(image/mobilestartbg.jpg) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 登录页小图标 */
|
|
|
+.mobileIcon-user {
|
|
|
+ width: 1rem;
|
|
|
+ height: 1.05rem;
|
|
|
+ position: absolute;
|
|
|
+ top: 0.95rem;
|
|
|
+ left: 2rem;
|
|
|
+ background-image: url(image/app-login/account.png);
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-password {
|
|
|
+ width: 1rem;
|
|
|
+ height: 1.2rem;
|
|
|
+ position: absolute;
|
|
|
+ top: 0.95rem;
|
|
|
+ left: 2rem;
|
|
|
+ background-image: url(image/app-login/lock.png);
|
|
|
+ background-size: 100% 98%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLogin-button {
|
|
|
+ font-size: 0.85rem;
|
|
|
+ border: none;
|
|
|
+ background: #6c9bdf;
|
|
|
+ color: white;
|
|
|
+ border-radius: 0.3rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------启动页样式结束-----------------------------------------*/
|
|
|
+
|
|
|
+
|
|
|
+/*--------------------------mobileHelp样式---------------------------------------*/
|
|
|
+.mobileHelp-bottomDiv {
|
|
|
+ height: 2.65rem;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0rem;
|
|
|
+ left: 0rem;
|
|
|
+ border-top: 0.025rem solid #a6b7dc;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #d8ecff;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHelp-bottomButton {
|
|
|
+ width: 7.175rem;
|
|
|
+ height: 1.8rem;
|
|
|
+ outline: none;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border: none;
|
|
|
+ background-color: #6c9dda;
|
|
|
+ color: #fff;
|
|
|
+ border-radius: 0.1rem;
|
|
|
+ margin: 0 0.45rem;
|
|
|
+ font-size: 0.75rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHelp-div {
|
|
|
+ width: 100%;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding: 0 0.25rem;
|
|
|
+ background-color: #e6f2ff;
|
|
|
+ margin-bottom: 2.65rem;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHelp-titleText {
|
|
|
+ /*新增加*/
|
|
|
+ line-height: 2.375rem;
|
|
|
+ color: #000;
|
|
|
+ font-family: "黑体";
|
|
|
+ font-size: 0.9rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHelp-title1Text {
|
|
|
+ /*原mobileHelp-title1重命名*/
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #000;
|
|
|
+ font-family: "黑体";
|
|
|
+ line-height: 1.25rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileHelp-text {
|
|
|
+ /*原mobileHelp重命名*/
|
|
|
+ font-size: 0.75rem;
|
|
|
+ font-family: "宋体";
|
|
|
+ line-height: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLightDialog-title {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ height: 2.375rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------mobileHelp样式---------------------------------------*/
|
|
|
+
|
|
|
+/*-------------------------------mobileObjectpicker样式--------------------------*/
|
|
|
+.mobileInput-div {
|
|
|
+ border: 1px solid transparent;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 2px;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #000;
|
|
|
+ /* line-height: 1.1rem;*/
|
|
|
+ background-color: transparent;
|
|
|
+ box-sizing: border-box;
|
|
|
+ position: relative;
|
|
|
+ min-height: 1.4rem;
|
|
|
+ /* min-height: 28px;*/
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+ /* vertical-align: top; */
|
|
|
+ /*left: 10px;*/
|
|
|
+ /*margin-left: :;em;*/
|
|
|
+ height: 1.4rem;
|
|
|
+ /*min-height: unset !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+.mobileInput-div textarea {
|
|
|
+ line-height: 1.4rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileInput-selectedDiv {
|
|
|
+ border: 1px solid #6b9ed6 !important;
|
|
|
+ box-shadow: 2px 2px 2px #dedede;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-all;
|
|
|
+ z-index: 9999 !important;
|
|
|
+ margin-left: 0.4rem;
|
|
|
+ height: 1.4rem !important;
|
|
|
+ /*height:28px !important;*/
|
|
|
+ /*min-height: unset !important;*/
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------mobileObjectpicker样式结束--------------------------*/
|
|
|
+
|
|
|
+/*-------------------------------mobileList样式----------------------------*/
|
|
|
+.mobileList-smallDim {
|
|
|
+ font-size: 0.7rem;
|
|
|
+ line-height: 0.7rem;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLargeIcon-smile {
|
|
|
+ background: url(image/smile.png) no-repeat;
|
|
|
+ display: block;
|
|
|
+ width: 2.6rem;
|
|
|
+ height: 2.6rem;
|
|
|
+ margin: 0 auto;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*-------------------------------mobileList样式结束----------------------------*/
|
|
|
+
|
|
|
+/*-----------------------------叶老大说先不改的代码------------------------*/
|
|
|
+.form-model {
|
|
|
+ position: absolute;
|
|
|
+ width: 98%;
|
|
|
+ height: 68%;
|
|
|
+ left: 0px;
|
|
|
+ top: 0px;
|
|
|
+ border: 1px solid #e4e4e4;
|
|
|
+ overflow-y: auto
|
|
|
+}
|
|
|
+
|
|
|
+.operate-div {
|
|
|
+ width: 100%;
|
|
|
+ z-index: 1000;
|
|
|
+ position: fixed;
|
|
|
+ _position: absolute;
|
|
|
+ bottom: 110px;
|
|
|
+}
|
|
|
+
|
|
|
+#app {
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ /* position:absolute */
|
|
|
+ position: fixed;
|
|
|
+ overflow: auto;
|
|
|
+ top: 0px;
|
|
|
+ left: 0px;
|
|
|
+ right: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ background: rgb(255, 255, 255);
|
|
|
+ /* -webkit-touch-callout: none !important;
|
|
|
+ -webkit-user-select: none !important;
|
|
|
+ -webkit-touch-callout: none !important;
|
|
|
+ user-select: none !important;
|
|
|
+ user-select: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none; */
|
|
|
+}
|
|
|
+
|
|
|
+#app *::-webkit-scrollbar {
|
|
|
+ display: none
|
|
|
+}
|
|
|
+
|
|
|
+#app * {
|
|
|
+ user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+
|
|
|
+ /* -webkit-touch-callout: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -khtml-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none; */
|
|
|
+}
|
|
|
+
|
|
|
+/* #app div,input,textarea {
|
|
|
+ -webkit-user-select: auto;
|
|
|
+ margin: 0px;
|
|
|
+ padding: 0px;
|
|
|
+ outline: none;
|
|
|
+ } */
|
|
|
+
|
|
|
+#app iframe {
|
|
|
+ width: 100%;
|
|
|
+ min-height: 0px;
|
|
|
+ height: 100vh;
|
|
|
+ border: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*文字输入框*/
|
|
|
+.cms-editor .content_edit1 {
|
|
|
+ min-height: 1.5rem;
|
|
|
+ max-height: 3.25rem;
|
|
|
+ display: block;
|
|
|
+ width: 8.3rem;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ -webkit-user-select: text;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background-color: #fafafa;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 1.5rem;
|
|
|
+ padding-top: 0.07rem;
|
|
|
+ box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ line-height: 1.5rem;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.cms-editor .content_edit {
|
|
|
+ min-height: 1.5rem;
|
|
|
+ max-height: 3.25rem;
|
|
|
+ display: block;
|
|
|
+ width: 12.75rem;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ -webkit-user-select: text;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background-color: #fafafa;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 1.5rem;
|
|
|
+ padding-top: 0.07rem;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ line-height: 1.5rem;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.cms-editor .content_div {
|
|
|
+ min-height: 1.5rem;
|
|
|
+ max-height: 3.24rem;
|
|
|
+ display: block;
|
|
|
+ width: 13.7rem;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ -webkit-user-select: text;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background-color: #fafafa;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 1.5rem;
|
|
|
+ overflow: hidden;
|
|
|
+ box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ line-height: 1.5rem;
|
|
|
+ font-size: 1rem;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.cms-editor .content_start {
|
|
|
+ min-height: 1.5rem;
|
|
|
+ max-height: 3.25rem;
|
|
|
+ display: block;
|
|
|
+ width: 8.3rem;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ -webkit-user-select: text;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background-color: #fafafa;
|
|
|
+ margin-left: 0.625rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ padding-right: 1.5rem;
|
|
|
+ box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
|
|
|
+ line-height: 1.5rem;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.itemNum {
|
|
|
+ display: inline-block;
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 2rem;
|
|
|
+ font-size: 1.35rem;
|
|
|
+ color: #6c9ed7;
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+[v-cloak] {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-box {
|
|
|
+ width: calc(100% - 0.5rem);
|
|
|
+ border: 0.025rem solid #c2c2c2;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+ height: 3.25rem;
|
|
|
+ margin: 0.625rem 0rem;
|
|
|
+ margin-left: 0.25rem;
|
|
|
+ overflow: hidden;
|
|
|
+ background-color: #fafafa;
|
|
|
+ box-shadow: 0rem 0.025rem 0.025rem rgba(0, 0, 0, .15);
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-left {
|
|
|
+ float: left;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-right {
|
|
|
+ float: right;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-icon {
|
|
|
+ float: left;
|
|
|
+ width: 1.375rem;
|
|
|
+ height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-text {
|
|
|
+ width: 13.5rem;
|
|
|
+ height: 2.25rem;
|
|
|
+ line-height: 1.125rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ margin-top: 0.5rem;
|
|
|
+ color: #2b368f;
|
|
|
+ float: left;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-right {
|
|
|
+ float: right;
|
|
|
+ height: 100%;
|
|
|
+ width: 3.25rem;
|
|
|
+}
|
|
|
+
|
|
|
+.plsh-button {
|
|
|
+ color: #6c9ed7;
|
|
|
+ width: 100%;
|
|
|
+ height: 3.25rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 3.25rem;
|
|
|
+ box-shadow: -0.025rem 0.025rem 0.025rem rgba(0, 0, 174, .15);
|
|
|
+ line-height: 3.25rem;
|
|
|
+ background-color: #f2f2f2;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ text-align: center;
|
|
|
+}
|
|
|
+
|
|
|
+div {
|
|
|
+ -webkit-user-select: text;
|
|
|
+}
|
|
|
+
|
|
|
+/*--------------------------------叶老大说先不改的代码----------------------*/
|
|
|
+
|
|
|
+/*--------------------------------photowripe插件样式，叶老大说先不改----------*/
|
|
|
+.pswp {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ overflow: hidden;
|
|
|
+ -ms-touch-action: none;
|
|
|
+ touch-action: none;
|
|
|
+ z-index: 1500;
|
|
|
+ -webkit-text-size-adjust: 100%;
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp * {
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp img {
|
|
|
+ max-width: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--animate_opacity {
|
|
|
+ opacity: 0.001;
|
|
|
+ will-change: opacity;
|
|
|
+ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--open {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--zoom-allowed .pswp__img {
|
|
|
+ cursor: -webkit-zoom-in;
|
|
|
+ cursor: -moz-zoom-in;
|
|
|
+ cursor: zoom-in;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--zoomed-in .pswp__img {
|
|
|
+ cursor: -webkit-grab;
|
|
|
+ cursor: -moz-grab;
|
|
|
+ cursor: grab;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--dragging .pswp__img {
|
|
|
+ cursor: -webkit-grabbing;
|
|
|
+ cursor: -moz-grabbing;
|
|
|
+ cursor: grabbing;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__bg {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ background: #000;
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transform: translateZ(0);
|
|
|
+ transform: translateZ(0);
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ will-change: opacity;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__scroll-wrap {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__container,
|
|
|
+.pswp__zoom-wrap {
|
|
|
+ -ms-touch-action: none;
|
|
|
+ touch-action: none;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__container,
|
|
|
+.pswp__img {
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
+ -webkit-touch-callout: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__zoom-wrap {
|
|
|
+ position: absolute;
|
|
|
+ width: 100%;
|
|
|
+ -webkit-transform-origin: left top;
|
|
|
+ -ms-transform-origin: left top;
|
|
|
+ transform-origin: left top;
|
|
|
+ -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+ transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__bg {
|
|
|
+ will-change: opacity;
|
|
|
+ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--animated-in .pswp__bg,
|
|
|
+.pswp--animated-in .pswp__zoom-wrap {
|
|
|
+ -webkit-transition: none;
|
|
|
+ transition: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__container,
|
|
|
+.pswp__zoom-wrap {
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__item {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ bottom: 0;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__img {
|
|
|
+ position: absolute;
|
|
|
+ width: auto;
|
|
|
+ height: auto;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__img--placeholder {
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__img--placeholder--blank {
|
|
|
+ background: #222;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--ie .pswp__img {
|
|
|
+ width: 100% !important;
|
|
|
+ height: auto !important;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__error-msg {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 50%;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 16px;
|
|
|
+ margin-top: -8px;
|
|
|
+ color: #CCC;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__error-msg a {
|
|
|
+ color: #CCC;
|
|
|
+ text-decoration: underline;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button {
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ position: relative;
|
|
|
+ background: none;
|
|
|
+ cursor: pointer;
|
|
|
+ overflow: visible;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ display: block;
|
|
|
+ border: 0;
|
|
|
+ padding: 0;
|
|
|
+ margin: 0;
|
|
|
+ float: right;
|
|
|
+ opacity: 0.75;
|
|
|
+ -webkit-transition: opacity 0.2s;
|
|
|
+ transition: opacity 0.2s;
|
|
|
+ -webkit-box-shadow: none;
|
|
|
+ box-shadow: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button:focus,
|
|
|
+.pswp__button:hover {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button:active {
|
|
|
+ outline: none;
|
|
|
+ opacity: 0.9;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button::-moz-focus-inner {
|
|
|
+ padding: 0;
|
|
|
+ border: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--over-close .pswp__button--close {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button,
|
|
|
+.pswp__button--arrow--left:before,
|
|
|
+.pswp__button--arrow--right:before {
|
|
|
+ background: url(default-skin.png) 0 0 no-repeat;
|
|
|
+ background-size: 264px 88px;
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+}
|
|
|
+
|
|
|
+@media (-webkit-min-device-pixel-ratio: 1.1),
|
|
|
+(-webkit-min-device-pixel-ratio: 1.09375),
|
|
|
+(min-resolution: 105dpi),
|
|
|
+(min-resolution: 1.1dppx) {
|
|
|
+
|
|
|
+ .pswp--svg .pswp__button,
|
|
|
+ .pswp--svg .pswp__button--arrow--left:before,
|
|
|
+ .pswp--svg .pswp__button--arrow--right:before {
|
|
|
+ background-image: url(default-skin.svg);
|
|
|
+ }
|
|
|
+
|
|
|
+ .pswp--svg .pswp__button--arrow--left,
|
|
|
+ .pswp--svg .pswp__button--arrow--right {
|
|
|
+ background: none;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--close {
|
|
|
+ background-position: 0 -44px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--share {
|
|
|
+ background-position: -44px -44px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--fs {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--supports-fs .pswp__button--fs {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--fs .pswp__button--fs {
|
|
|
+ background-position: -44px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--zoom {
|
|
|
+ display: none;
|
|
|
+ background-position: -88px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--zoom-allowed .pswp__button--zoom {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--zoomed-in .pswp__button--zoom {
|
|
|
+ background-position: -132px 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--touch .pswp__button--arrow--left,
|
|
|
+.pswp--touch .pswp__button--arrow--right {
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--left,
|
|
|
+.pswp__button--arrow--right {
|
|
|
+ background: none;
|
|
|
+ top: 50%;
|
|
|
+ margin-top: -50px;
|
|
|
+ width: 70px;
|
|
|
+ height: 100px;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--left {
|
|
|
+ left: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--right {
|
|
|
+ right: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--left:before,
|
|
|
+.pswp__button--arrow--right:before {
|
|
|
+ content: '';
|
|
|
+ top: 35px;
|
|
|
+ background-color: rgba(0, 0, 0, 0.3);
|
|
|
+ height: 30px;
|
|
|
+ width: 32px;
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--left:before {
|
|
|
+ left: 6px;
|
|
|
+ background-position: -138px -44px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__button--arrow--right:before {
|
|
|
+ right: 6px;
|
|
|
+ background-position: -94px -44px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__counter,
|
|
|
+.pswp__share-modal {
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ user-select: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-modal {
|
|
|
+ display: block;
|
|
|
+ background: rgba(0, 0, 0, 0.5);
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ padding: 10px;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 1600;
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transition: opacity 0.25s ease-out;
|
|
|
+ transition: opacity 0.25s ease-out;
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ will-change: opacity;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-modal--hidden {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-tooltip {
|
|
|
+ z-index: 1620;
|
|
|
+ position: absolute;
|
|
|
+ background: #FFF;
|
|
|
+ top: 56px;
|
|
|
+ border-radius: 2px;
|
|
|
+ display: block;
|
|
|
+ width: auto;
|
|
|
+ right: 44px;
|
|
|
+ -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
|
|
+ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
|
|
|
+ -webkit-transform: translateY(6px);
|
|
|
+ -ms-transform: translateY(6px);
|
|
|
+ transform: translateY(6px);
|
|
|
+ -webkit-transition: -webkit-transform 0.25s;
|
|
|
+ transition: transform 0.25s;
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ will-change: transform;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-tooltip a {
|
|
|
+ display: block;
|
|
|
+ padding: 8px 12px;
|
|
|
+ color: #000;
|
|
|
+ text-decoration: none;
|
|
|
+ line-height: 18px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-tooltip a:hover {
|
|
|
+ text-decoration: none;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-tooltip a:first-child {
|
|
|
+ border-radius: 2px 2px 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-tooltip a:last-child {
|
|
|
+ border-radius: 0 0 2px 2px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-modal--fade-in {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__share-modal--fade-in .pswp__share-tooltip {
|
|
|
+ -webkit-transform: translateY(0);
|
|
|
+ -ms-transform: translateY(0);
|
|
|
+ transform: translateY(0);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--touch .pswp__share-tooltip a {
|
|
|
+ padding: 16px 12px;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--facebook:before {
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 0;
|
|
|
+ height: 0;
|
|
|
+ position: absolute;
|
|
|
+ top: -12px;
|
|
|
+ right: 15px;
|
|
|
+ border: 6px solid transparent;
|
|
|
+ border-bottom-color: #FFF;
|
|
|
+ -webkit-pointer-events: none;
|
|
|
+ -moz-pointer-events: none;
|
|
|
+ pointer-events: none;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--facebook:hover {
|
|
|
+ background: #3E5C9A;
|
|
|
+ color: #FFF;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--facebook:hover:before {
|
|
|
+ border-bottom-color: #3E5C9A;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--twitter:hover {
|
|
|
+ background: #55ACEE;
|
|
|
+ color: #FFF;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--pinterest:hover {
|
|
|
+ background: #CCC;
|
|
|
+ color: #CE272D;
|
|
|
+}
|
|
|
+
|
|
|
+a.pswp__share--download:hover {
|
|
|
+ background: #DDD;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__counter {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ height: 44px;
|
|
|
+ line-height: 44px;
|
|
|
+ color: #FFF;
|
|
|
+ opacity: 0.75;
|
|
|
+ padding: 0 10px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ min-height: 44px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption small {
|
|
|
+ color: #BBB;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption__center {
|
|
|
+ text-align: left;
|
|
|
+ max-width: 420px;
|
|
|
+ margin: 0 auto;
|
|
|
+ padding: 10px;
|
|
|
+ line-height: 20px;
|
|
|
+ color: #CCC;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption--empty {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption--fake {
|
|
|
+ visibility: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__preloader {
|
|
|
+ width: 44px;
|
|
|
+ height: 44px;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 50%;
|
|
|
+ margin-left: -22px;
|
|
|
+ opacity: 0;
|
|
|
+ -webkit-transition: opacity 0.25s ease-out;
|
|
|
+ transition: opacity 0.25s ease-out;
|
|
|
+ will-change: opacity;
|
|
|
+ direction: ltr;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__preloader__icn {
|
|
|
+ width: 20px;
|
|
|
+ height: 20px;
|
|
|
+ margin: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__preloader--active {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__preloader--active .pswp__preloader__icn {
|
|
|
+ background: url(preloader.gif) 0 0 no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader--active {
|
|
|
+ opacity: 1;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
|
|
|
+ -webkit-animation: clockwise 500ms linear infinite;
|
|
|
+ animation: clockwise 500ms linear infinite;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
|
|
|
+ -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
|
|
+ animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader__icn {
|
|
|
+ background: none;
|
|
|
+ opacity: 0.75;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ position: absolute;
|
|
|
+ left: 15px;
|
|
|
+ top: 15px;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader__cut {
|
|
|
+ position: relative;
|
|
|
+ width: 7px;
|
|
|
+ height: 14px;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--css_animation .pswp__preloader__donut {
|
|
|
+ -webkit-box-sizing: border-box;
|
|
|
+ box-sizing: border-box;
|
|
|
+ width: 14px;
|
|
|
+ height: 14px;
|
|
|
+ border: 2px solid #FFF;
|
|
|
+ border-radius: 50%;
|
|
|
+ border-left-color: transparent;
|
|
|
+ border-bottom-color: transparent;
|
|
|
+ position: absolute;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ background: none;
|
|
|
+ margin: 0;
|
|
|
+}
|
|
|
+
|
|
|
+@media screen and (max-width: 1024px) {
|
|
|
+ .pswp__preloader {
|
|
|
+ position: relative;
|
|
|
+ left: auto;
|
|
|
+ top: auto;
|
|
|
+ margin: 0;
|
|
|
+ float: right;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes clockwise {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(360deg);
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes clockwise {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0deg);
|
|
|
+ transform: rotate(0deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(360deg);
|
|
|
+ transform: rotate(360deg);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@-webkit-keyframes donut-rotate {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0);
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: rotate(-140deg);
|
|
|
+ transform: rotate(-140deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(0);
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes donut-rotate {
|
|
|
+ 0% {
|
|
|
+ -webkit-transform: rotate(0);
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+
|
|
|
+ 50% {
|
|
|
+ -webkit-transform: rotate(-140deg);
|
|
|
+ transform: rotate(-140deg);
|
|
|
+ }
|
|
|
+
|
|
|
+ 100% {
|
|
|
+ -webkit-transform: rotate(0);
|
|
|
+ transform: rotate(0);
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui {
|
|
|
+ -webkit-font-smoothing: auto;
|
|
|
+ visibility: visible;
|
|
|
+ opacity: 1;
|
|
|
+ z-index: 1550;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__top-bar {
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ top: 0;
|
|
|
+ height: 44px;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__caption,
|
|
|
+.pswp__top-bar,
|
|
|
+.pswp--has_mouse .pswp__button--arrow--left,
|
|
|
+.pswp--has_mouse .pswp__button--arrow--right {
|
|
|
+ -webkit-backface-visibility: hidden;
|
|
|
+ will-change: opacity;
|
|
|
+ -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+ transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--has_mouse .pswp__button--arrow--left,
|
|
|
+.pswp--has_mouse .pswp__button--arrow--right {
|
|
|
+ visibility: visible;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__top-bar,
|
|
|
+.pswp__caption {
|
|
|
+ background-color: rgba(0, 0, 0, 0.5);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--fit .pswp__top-bar,
|
|
|
+.pswp__ui--fit .pswp__caption {
|
|
|
+ background-color: rgba(0, 0, 0, 0.3);
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--idle .pswp__top-bar {
|
|
|
+ opacity: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--idle .pswp__button--arrow--left,
|
|
|
+.pswp__ui--idle .pswp__button--arrow--right {
|
|
|
+ opacity: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--hidden .pswp__top-bar,
|
|
|
+.pswp__ui--hidden .pswp__caption,
|
|
|
+.pswp__ui--hidden .pswp__button--arrow--left,
|
|
|
+.pswp__ui--hidden .pswp__button--arrow--right {
|
|
|
+ opacity: 0.001;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__ui--one-slide .pswp__button--arrow--left,
|
|
|
+.pswp__ui--one-slide .pswp__button--arrow--right,
|
|
|
+.pswp__ui--one-slide .pswp__counter {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp__element--disabled {
|
|
|
+ display: none !important;
|
|
|
+}
|
|
|
+
|
|
|
+.pswp--minimal--dark .pswp__top-bar {
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*---------------------------------------photowripe插件样式结束-------------------------------*/
|
|
|
+/***************APP报名学员临时样式（571/2019/06/11）*********************/
|
|
|
+#app select {
|
|
|
+ width: 100%;
|
|
|
+ height: 1.4rem;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ background: url(image/mobileIcon-down.png) no-repeat right center transparent;
|
|
|
+ background-size: 9%;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ padding-right: .8rem;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.mobileForm .input-selectedDiv div {
|
|
|
+ padding-left: 7px;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileForm td>select {
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+input[type=date] {
|
|
|
+ border: none;
|
|
|
+ background: url(image/mobileIcon-down.png) no-repeat right center transparent;
|
|
|
+ background-size: 9%;
|
|
|
+ appearance: none;
|
|
|
+ -moz-appearance: none;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ width: 100%;
|
|
|
+ height: 1.4rem;
|
|
|
+ color: #333333;
|
|
|
+ font-size: 0.75rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*****完善个人信息备用*********/
|
|
|
+
|
|
|
+.ry {
|
|
|
+ margin-bottom: 2.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.ry div input {
|
|
|
+ border: none;
|
|
|
+ height: 1.4rem;
|
|
|
+ vertical-align: top;
|
|
|
+}
|
|
|
+
|
|
|
+.content_nr {
|
|
|
+ display: inline-block;
|
|
|
+ width: 97px;
|
|
|
+ height: 40px;
|
|
|
+ float: left;
|
|
|
+ position: relative;
|
|
|
+ top: 12px;
|
|
|
+}
|
|
|
+
|
|
|
+/*已打钩*/
|
|
|
+.mobileicon-checked_new {
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/icon-checked.png) center center no-repeat;
|
|
|
+ width: .9rem;
|
|
|
+ height: .7rem;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*未钩*/
|
|
|
+.mobileicon-unchecked_new {
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/icon-unchecked.png) center center no-repeat;
|
|
|
+ width: .9rem;
|
|
|
+ height: .7rem;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.8.18 */
|
|
|
+
|
|
|
+/* 选中 */
|
|
|
+.icon-warningFull {
|
|
|
+ width: 17px;
|
|
|
+ height: 17px;
|
|
|
+ background-color: #ff0000;
|
|
|
+ border: 1px solid #6c9ddb;
|
|
|
+}
|
|
|
+
|
|
|
+/* 未选中 */
|
|
|
+.icon-empty {
|
|
|
+ width: 17px;
|
|
|
+ height: 17px;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border: 1px solid #6c9ddb;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 2019.8.19 */
|
|
|
+.largeInvertIcon-save {
|
|
|
+ width: 25px;
|
|
|
+ height: 28px;
|
|
|
+ background: url(image/largeInvertIcon-save.png);
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.8.28 */
|
|
|
+/* 移动端截图 */
|
|
|
+/*
|
|
|
+ mobilePlugin-drag 裁剪图片右下角自由拖动的三角形
|
|
|
+mobileDialog-mask 裁剪图片遮罩层
|
|
|
+mobileArea-div 选区的框(裁剪图片的框)
|
|
|
+mobileArea-msg 选区信息(裁剪图片区域宽、高的DIV)
|
|
|
+ */
|
|
|
+.mobilePlugin-drag {
|
|
|
+ display: inline-block;
|
|
|
+ bottom: -0.1rem !important;
|
|
|
+ right: -0.1rem !important;
|
|
|
+ width: 1.25rem !important;
|
|
|
+ height: 1.25rem !important;
|
|
|
+ background: url(image/plugin-drag.png) center center no-repeat;
|
|
|
+ background-size: 87%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDialog-mask {
|
|
|
+ position: absolute;
|
|
|
+ top: 0%;
|
|
|
+ left: 0%;
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ /* -moz-opacity: 0.2; */
|
|
|
+ /* opacity: .20; */
|
|
|
+ filter: alpha(opacity=20);
|
|
|
+ background-color: rgba(0, 0, 0, .2);
|
|
|
+}
|
|
|
+
|
|
|
+.mobileArea-div {
|
|
|
+ display: block;
|
|
|
+ height: 100%;
|
|
|
+ outline-color: rgba(51, 153, 255, 0.75);
|
|
|
+ outline: 1px solid #39f;
|
|
|
+ overflow: hidden;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileArea-msg {
|
|
|
+ /* display: none; */
|
|
|
+ background-color: #000;
|
|
|
+ opacity: 0.6;
|
|
|
+ color: #fff;
|
|
|
+ position: absolute;
|
|
|
+ z-index: 9999999999;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.9.23移动端上下文菜单 */
|
|
|
+.mobileContextMenu-div {
|
|
|
+ background: rgba(0, 0, 0, 0.4);
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileContextMenu-button {
|
|
|
+ width: 2.5rem;
|
|
|
+ height: 2.5rem;
|
|
|
+ background: #6c9ed7;
|
|
|
+ color: white;
|
|
|
+ line-height: 2.5rem;
|
|
|
+ text-align: center;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.9.23移动端刷新按钮 */
|
|
|
+.mobileIcon-refresh {
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ background: #d9d9d9 url(image/refresh-app.png)no-repeat center;
|
|
|
+ background-size: 70%;
|
|
|
+ border-radius: 0.25rem;
|
|
|
+ display: inline-block;
|
|
|
+ position: fixed;
|
|
|
+ right: 1rem;
|
|
|
+ top: 1rem;
|
|
|
+ z-index: 30000000;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 2019.9.24 */
|
|
|
+/* 移动端首页 头像框样式 */
|
|
|
+/* .mobilePersonalPhoto {
|
|
|
+ width: 4.25rem;
|
|
|
+ height: 4.25rem;
|
|
|
+ border: 0.025rem solid #cccccc;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 50%;
|
|
|
+ background: #fff;
|
|
|
+ margin: 0.35rem 0.525rem 0 0.525rem;
|
|
|
+} */
|
|
|
+
|
|
|
+/* 移动端首页梯形 */
|
|
|
+.mobileProgress-button {
|
|
|
+ float: right;
|
|
|
+ background-color: rgba(237, 239, 240, 1);
|
|
|
+ height: 1.425rem;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: 1.425rem;
|
|
|
+ border-top-right-radius: 0.05rem;
|
|
|
+ border-bottom-right-radius: 0.05rem;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #333;
|
|
|
+ position: relative;
|
|
|
+ text-align: center;
|
|
|
+ padding: 0 0.5rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-top-left-radius: 0.05rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* 移动端首页梯形旁的三角形 */
|
|
|
+.mobileProgress-button:before {
|
|
|
+ content: "";
|
|
|
+ width: 0rem;
|
|
|
+ height: 0rem;
|
|
|
+ border-top: 1.775rem solid transparent;
|
|
|
+ border-bottom: 1.775rem solid rgba(237, 239, 240, 1);
|
|
|
+ border-left: 1.5rem solid transparent;
|
|
|
+ border-right: none;
|
|
|
+ position: absolute;
|
|
|
+ top: -2.12rem;
|
|
|
+ left: -1.2rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* 梯形下边的蓝色线 */
|
|
|
+.mobileProgress-div {
|
|
|
+ background: #c7e2fe;
|
|
|
+ width: 100%;
|
|
|
+ height: 0.275rem;
|
|
|
+ border-bottom: 0.025rem solid #959595;
|
|
|
+}
|
|
|
+
|
|
|
+/* 移动端首页 用户名字 */
|
|
|
+.mobliePlugin-boldText {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #276ab0;
|
|
|
+}
|
|
|
+
|
|
|
+/* 移动端首页 用户提示语 */
|
|
|
+.mobilePlugin-dimText {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+
|
|
|
+/* 移动端首页 日程内容 */
|
|
|
+.mobilePlugin-text {
|
|
|
+ width: 12rem;
|
|
|
+ display: inline-block;
|
|
|
+ height: 20px;
|
|
|
+ position: relative;
|
|
|
+ padding: 0.325rem 0rem 0rem;
|
|
|
+ margin-top: 0.3rem;
|
|
|
+ float: right;
|
|
|
+ font-size: 15px;
|
|
|
+ margin-right: 1rem;
|
|
|
+ overflow: hidden;
|
|
|
+ white-space: nowrap;
|
|
|
+ text-overflow: ellipsis;
|
|
|
+ color: #333333;
|
|
|
+}
|
|
|
+
|
|
|
+/* 事务的下边框 */
|
|
|
+.mobilePlugin-largeText {
|
|
|
+ border-bottom: 0.025rem solid #6c9ddb;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/* 用于移动端首页事件 右边小icon */
|
|
|
+.mobileIcon-num {
|
|
|
+ width: 0.85rem;
|
|
|
+ height: 0.85rem;
|
|
|
+ border: 0.025rem solid #6c9ddb;
|
|
|
+ display: inline-block;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 0.85rem;
|
|
|
+ margin-right: 0.2rem;
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: 0.35rem;
|
|
|
+ color: #6c9ddb;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.9.25 */
|
|
|
+.mobilePlugin-boldText {
|
|
|
+ font-size: 0.68rem;
|
|
|
+ color: black;
|
|
|
+}
|
|
|
+
|
|
|
+/* 2019.9.26 */
|
|
|
+.mobileMiniIcon-start {
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/mobileMiniIcon-start.png) no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileMiniIcon-search {
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/mobileMiniIcon-search.png) no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileFilter {
|
|
|
+ -webkit-filter: grayscale(100%);
|
|
|
+ -moz-filter: grayscale(100%);
|
|
|
+ -ms-filter: grayscale(100%);
|
|
|
+ -o-filter: grayscale(100%);
|
|
|
+ filter: grayscale(100%);
|
|
|
+ filter: gray;
|
|
|
+ background-color: #e1e1e1;
|
|
|
+ /*2019.11.12 杨文俊增加*/
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/* 下载页鸽子 2019.10.14 */
|
|
|
+.largeIcon-beacon {
|
|
|
+ background: url(image/gezi.png)center center no-repeat;
|
|
|
+ background-size: 85%;
|
|
|
+}
|
|
|
+
|
|
|
+/* app选择日期 */
|
|
|
+input[type=datetime-local] {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ min-height: 1rem;
|
|
|
+ position: relative;
|
|
|
+ top: 0;
|
|
|
+ font-size: 0.75rem;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* app悬浮菜单 */
|
|
|
+.mobileFloatButton {
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ background: #D8D8D8;
|
|
|
+ display: inline-block;
|
|
|
+ border-radius: 0.2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-menu {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-menu.png) no-repeat center center;
|
|
|
+ background-size: 70%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 灰色小圆角边框 用于审批表单元格当前编辑状态的高亮边框及待办边框 */
|
|
|
+.mobileSmallBox-dim {
|
|
|
+ border: 0.05rem solid #c2c2c2;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* 高亮小圆角边框 用于审批表单元格当前编辑状态的高亮边框 */
|
|
|
+.mobileSmallBox-highlight {
|
|
|
+ border: 0.05rem solid #6c9ed7;
|
|
|
+ background-color: #ffffff;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* app首页横栏蓝色按钮 2019.12.5 */
|
|
|
+.grxxTarbar {
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
+ height: 3.3rem;
|
|
|
+ font-size: 18px;
|
|
|
+ background: #cccccc;
|
|
|
+ color: #2b368f;
|
|
|
+ display: flex;
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ border-top: 0.2rem solid #6c9ddb;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-beacon {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-beacon.png);
|
|
|
+ background-size: 100%;
|
|
|
+ margin: 0 0.3rem 0 0;
|
|
|
+}
|
|
|
+
|
|
|
+/* 边框（被选中） 2019.12.31 */
|
|
|
+.plugin-div-selected {
|
|
|
+ border: 1px solid #679cd9;
|
|
|
+ border-radius: 3px;
|
|
|
+ box-shadow: 5px 5px 10px 0px #a7a5a5;
|
|
|
+}
|
|
|
+
|
|
|
+/* 个人空间上半部分样式 2020.1.9 */
|
|
|
+
|
|
|
+/* APP属性设置页面背景色（天蓝色，位于完善个人信息所在页面的上半部分） */
|
|
|
+.mobileSet-div {
|
|
|
+ background: #ebf0f2;
|
|
|
+}
|
|
|
+
|
|
|
+/* APP属性设置页面行（白色，含默认字体样式） */
|
|
|
+.mobileSet-list {
|
|
|
+ background: white;
|
|
|
+}
|
|
|
+
|
|
|
+/* APP属性设置页面行（灰色，选中状态） */
|
|
|
+.mobileSet-list-selected:active {
|
|
|
+ background-color: #d7d7d7 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* APP日历样式begin*/
|
|
|
+
|
|
|
+.mobileDate-div td,
|
|
|
+.mobileDate-headerDiv * {
|
|
|
+ transition-duration: .3s;
|
|
|
+ -webkit-transition-duration: .3s;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv {
|
|
|
+ position: relative;
|
|
|
+ /*line-height: 48px;
|
|
|
+ padding: 10px 70px 5px; */
|
|
|
+ /* border-bottom: 1px solid #e2e2e2; */
|
|
|
+ border-bottom: 0.05rem solid #e2e2e2;
|
|
|
+
|
|
|
+ line-height: 2.4rem;
|
|
|
+ padding: 0.25rem 3.5rem 0.25rem
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i {
|
|
|
+ /* padding: 0 5px; */
|
|
|
+ padding: 0 0.25rem;
|
|
|
+ cursor: pointer;
|
|
|
+ position: absolute;
|
|
|
+ /* top: 10px; */
|
|
|
+ color: #999;
|
|
|
+ /* font-size: 24px; */
|
|
|
+
|
|
|
+
|
|
|
+ top: 0.125rem;
|
|
|
+ font-size: 1.2rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv * {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: bottom;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i.mobileIcon-fastPrev {
|
|
|
+ /* left: 25px; */
|
|
|
+ left: 0.8rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i.mobileIcon-prev {
|
|
|
+ /* left: 75px; */
|
|
|
+ left: 3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i.mobileIcon-fastNext {
|
|
|
+ /* right: 23px; */
|
|
|
+ right: 0.8rem
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i.mobileIcon-next {
|
|
|
+ /* right:75px; */
|
|
|
+ right: 3rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-headerDiv i:hover,
|
|
|
+.mobileDate-headerDiv span:hover {
|
|
|
+ color: #71a0ce;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.mobileDate-div {
|
|
|
+ position: relative;
|
|
|
+ /* padding: 10px; */
|
|
|
+ padding: 0.5rem;
|
|
|
+ -moz-user-select: none;
|
|
|
+ -webkit-user-select: none;
|
|
|
+ -ms-user-select: none;
|
|
|
+ border-top: none 0;
|
|
|
+ border-bottom: none 0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div table {
|
|
|
+ border-collapse: collapse;
|
|
|
+ font-family: "黑体-Regular" !important;
|
|
|
+ /* font-size: 18px; */
|
|
|
+ font-size: 0.9rem;
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div td,
|
|
|
+.mobileDate-div th {
|
|
|
+ /* width: 55px;
|
|
|
+ height: 48px; */
|
|
|
+ width: 2.7rem;
|
|
|
+ height: 2.4rem;
|
|
|
+ text-align: center;
|
|
|
+ /* border: 2px #FFF solid ; */
|
|
|
+ border: 0.1rem #FFF solid;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div td {
|
|
|
+
|
|
|
+ position: relative;
|
|
|
+ cursor: pointer;
|
|
|
+ /* line-height: 48px; */
|
|
|
+ line-height: 2.4rem;
|
|
|
+ /* border: 2px #FFF solid ; */
|
|
|
+ border: 0.1rem #FFF solid;
|
|
|
+ font-weight: bolder;
|
|
|
+ color: #666;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div th {
|
|
|
+ font-weight: 400;
|
|
|
+ color: #333
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+.mobileDate-div td:hover {
|
|
|
+ background-color: #eaeaea;
|
|
|
+ color: #333;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div .mobileDate-dim,
|
|
|
+.mobileDate-div .laydate-day-prev {
|
|
|
+ color: #d2d2d2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-div .mobileDate-dim {
|
|
|
+ color: #d2d2d2;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-dimTriangle::after {
|
|
|
+ /* border-top:8px solid #e1e1e1 !important; */
|
|
|
+ border-top: 0.4rem solid #e1e1e1 !important;
|
|
|
+ z-index: -98;
|
|
|
+}
|
|
|
+
|
|
|
+.laydate-selected.mobileDate-dim,
|
|
|
+.laydate-selected.laydate-day-prev {
|
|
|
+ background-color: #f8f8f8 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-selected {
|
|
|
+ background-color: #71a0ce !important;
|
|
|
+ color: #fff !important;
|
|
|
+ font-weight: bolder !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-selected .mobileIcon-triangle {
|
|
|
+ color: #fff !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileDate-highlight {
|
|
|
+ /* color:#71a0ce !important;*/
|
|
|
+ font-weight: bolder !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-triangle {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ top: 0px;
|
|
|
+ width: 100%;
|
|
|
+ /* height: 48px;
|
|
|
+ line-height: 48px; */
|
|
|
+ height: 2.4rem;
|
|
|
+ line-height: 2.4rem;
|
|
|
+
|
|
|
+ overflow: hidden;
|
|
|
+ font-weight: bolder;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-triangle::after {
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ right: 0px;
|
|
|
+ top: 0px;
|
|
|
+ width: 0px;
|
|
|
+ height: 0px;
|
|
|
+ /* border-top:8px solid #71a0ce;*/
|
|
|
+ /*border-left: 8px solid transparent; */
|
|
|
+ border-top: 0.4rem solid #71a0ce;
|
|
|
+ border-left: 0.4rem solid transparent;
|
|
|
+ z-index: -99;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-dimTriangle::after {
|
|
|
+ border-top: 0.4rem solid #e1e1e1 !important;
|
|
|
+ z-index: -98;
|
|
|
+}
|
|
|
+
|
|
|
+layui-laydate-header .layui-icon {
|
|
|
+ display: none !important
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* APP日历样式end*/
|
|
|
+
|
|
|
+/* 报名缴费微信支付 */
|
|
|
+.icon-wechatPay {
|
|
|
+ width: 127px;
|
|
|
+ height: 51px;
|
|
|
+ background: url(image/wxpay.png) no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+.largeIcon-checked {
|
|
|
+ width: 128px;
|
|
|
+ height: 128px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/icon_success.png) no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.content-warning {
|
|
|
+ /* color: #ff0000; */
|
|
|
+ color: #fa5a32;
|
|
|
+ font-size: 14px;
|
|
|
+}
|
|
|
+
|
|
|
+/*app修改密码的错误提示文字*/
|
|
|
+.mobileContent-warning {
|
|
|
+ color: FF0000;
|
|
|
+ font-family: SIL Hei;
|
|
|
+ font-size: 0.75rem;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 1.2rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*app端ueditor样式*/
|
|
|
+.ueditor p {
|
|
|
+ display: block;
|
|
|
+ margin-block-start: 1em;
|
|
|
+ margin-block-end: 1em;
|
|
|
+ margin-inline-start: 0px;
|
|
|
+ margin-inline-end: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+.ueditor img {
|
|
|
+ width: 100%;
|
|
|
+ height: auto !important;
|
|
|
+ max-width: 100%;
|
|
|
+ max-height: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.ueditor video {
|
|
|
+ width: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*pc端UEDITORFIELD样式*/
|
|
|
+.UEDITORFIELD p {
|
|
|
+ display: block;
|
|
|
+ margin-block-start: 1em;
|
|
|
+ margin-block-end: 1em;
|
|
|
+ margin-inline-start: 0px;
|
|
|
+ margin-inline-end: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/* 移动端个人信息页面样式 20200716 杨文俊 */
|
|
|
+.mobileIcon-location {
|
|
|
+ /* 图标定位 */
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-location.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 锁定按钮（显示在用户设备列表，锁定设备行的右上角）20200720 杨文俊*/
|
|
|
+.mobileIcon-lock {
|
|
|
+ width: 1.25rem;
|
|
|
+ height: 1.25rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-lock.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 铃铛（显示在用户设备列表，消息提醒设备的右上角）20200720 杨文俊*/
|
|
|
+.mobileIcon-bell {
|
|
|
+ width: 1.25rem;
|
|
|
+ height: 1.25rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/mobileIcon-bell.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*pc 锁定按钮（显示在用户设备列表，锁定设备行的右上角）20200721 杨文俊*/
|
|
|
+.smallIcon-lock {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/smallIcon-lock.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/*pc 铃铛（显示在用户设备列表，消息提醒设备的右上角）20200721 杨文俊*/
|
|
|
+.smallIcon-bell {
|
|
|
+ width: 18px;
|
|
|
+ height: 18px;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/smallIcon-bell.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 内容按钮样式 对应PC样式content-button 20200723 杨文俊*/
|
|
|
+.padContent-button {
|
|
|
+ font-size: 1rem;
|
|
|
+ color: #6b9fd3;
|
|
|
+ padding: 0rem 1rem;
|
|
|
+ height: 2.6rem;
|
|
|
+ line-height: 2.4rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 1px solid #6b9fd3;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 0.3rem;
|
|
|
+ outline: none;
|
|
|
+ margin-right: 0.1rem;
|
|
|
+ background: none;
|
|
|
+}
|
|
|
+
|
|
|
+.padContent-button:hover {
|
|
|
+ border: 0.05rem solid #6b9fd3;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #6b9fd3;
|
|
|
+}
|
|
|
+
|
|
|
+/*.padContent-button:active {
|
|
|
+ border: 0.05rem solid #415e7d;
|
|
|
+ color: #fff;
|
|
|
+ background-color: #415e7d;
|
|
|
+} */
|
|
|
+/* 关闭 对应PC样式icon-close 20200723 杨文俊*/
|
|
|
+.padIcon-close {
|
|
|
+ width: 2rem;
|
|
|
+ height: 2rem;
|
|
|
+ display: inline-block;
|
|
|
+ background: url(image/help-closeButton.png) no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 平板底部按钮20200724 杨文俊*/
|
|
|
+.padBottom-button {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ width: calc(50% - 0.075rem);
|
|
|
+ height: 4rem;
|
|
|
+ color: #4863a4;
|
|
|
+ font-size: 1.8rem;
|
|
|
+ text-align: center;
|
|
|
+ box-sizing: border-box;
|
|
|
+ background-color: #cacbcc;
|
|
|
+ -webkit-appearance: none;
|
|
|
+ border-radius: 0rem;
|
|
|
+}
|
|
|
+
|
|
|
+.padBottom-button:nth-child(1) {
|
|
|
+ float: left;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileContent-button {
|
|
|
+ font-size: 0.7rem;
|
|
|
+ color: #6b9fd3;
|
|
|
+ padding: 0rem 0.65rem;
|
|
|
+ height: 1.4rem;
|
|
|
+ line-height: 1.4rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border: 0.05rem solid #6b9fd3;
|
|
|
+ vertical-align: middle;
|
|
|
+ border-radius: 0.15rem;
|
|
|
+ outline: none;
|
|
|
+ margin-right: 0.1rem;
|
|
|
+ background: none;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/* app关闭按钮 */
|
|
|
+.mobileIcon-close {
|
|
|
+ display: inline-block;
|
|
|
+ width: 1.2rem;
|
|
|
+ height: 1.2rem;
|
|
|
+ background: url(image/spb-close.png) center center no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobile-titleText {
|
|
|
+ font-size: 0.8rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.mobile-contentText {
|
|
|
+ font-size: 0.75rem;
|
|
|
+ line-height: 1rem;
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 学阳做的flashMsg动画样式 begin*/
|
|
|
+@-webkit-keyframes layui-upbit {
|
|
|
+ from {
|
|
|
+ -webkit-transform: translate3d(0, 30px, 0);
|
|
|
+ opacity: .3
|
|
|
+ }
|
|
|
+
|
|
|
+ to {
|
|
|
+ -webkit-transform: translate3d(0, 0, 0);
|
|
|
+ opacity: 1
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+@keyframes layui-upbit {
|
|
|
+ from {
|
|
|
+ transform: translate3d(0, 30px, 0);
|
|
|
+ opacity: .3
|
|
|
+ }
|
|
|
+
|
|
|
+ to {
|
|
|
+ transform: translate3d(0, 0, 0);
|
|
|
+ opacity: 1
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+.wd-anim {
|
|
|
+ -webkit-animation-duration: .3s;
|
|
|
+ animation-duration: .3s;
|
|
|
+ -webkit-animation-fill-mode: both;
|
|
|
+ animation-fill-mode: both
|
|
|
+}
|
|
|
+
|
|
|
+.wd-anim-upbit {
|
|
|
+ -webkit-animation-name: layui-upbit;
|
|
|
+ animation-name: layui-upbit
|
|
|
+}
|
|
|
+
|
|
|
+/* 学阳做的flashMsg动画样式 end*/
|
|
|
+
|
|
|
+/* 迎新推送按钮 */
|
|
|
+.icon-yxts {
|
|
|
+ width: 80px;
|
|
|
+ height: 22px;
|
|
|
+ line-height: 22px;
|
|
|
+ color: #FFF;
|
|
|
+ background: url(image/yx_ts.png) no-repeat;
|
|
|
+ display: inline-block;
|
|
|
+}
|
|
|
+
|
|
|
+/*裁剪*/
|
|
|
+.cat {
|
|
|
+ width: 23px !important;
|
|
|
+ height: 23px !important;
|
|
|
+ background: url(image/cat.png) no-repeat !important;
|
|
|
+ background-size: 100% 100% !important;
|
|
|
+ background-color: transparent !important;
|
|
|
+}
|
|
|
+
|
|
|
+/*app顺时针旋转*/
|
|
|
+.mobileIcon-rightRotation {
|
|
|
+ background-image: url(image/icon-rightRotation.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-rightRotation:active {
|
|
|
+ background-image: url(image/icon-rightRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*app逆时针旋转*/
|
|
|
+.mobileIcon-leftRotation {
|
|
|
+ background-image: url(image/icon--leftRotation.png);
|
|
|
+ background-position: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-leftRotation:active {
|
|
|
+ background-image: url(image/icon--leftRotation-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*app增加（大）*/
|
|
|
+.mobileIcon-bigAdd {
|
|
|
+ background-image: url(image/addIcon.png);
|
|
|
+ background-position-x: center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.button.mobileIcon-bigAdd:active {
|
|
|
+ background-image: url(image/addIcon-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.button.mobileIcon-bigAdd:hover {
|
|
|
+ background-image: url(image/addIcon-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+/*正文黑色大字体*/
|
|
|
+.content-largeText {
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #000000;
|
|
|
+}
|
|
|
+
|
|
|
+/*正文红色大字体*/
|
|
|
+.content-largeWarningText {
|
|
|
+ font-family: Microsoft YaHei;
|
|
|
+ font-size: 36px;
|
|
|
+ color: #FF0000;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallIcon-file {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ background-image: url(image/mobileIcon-file.png);
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ background-size: 65%;
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: top;
|
|
|
+ margin-top: -0.1rem;
|
|
|
+}
|
|
|
+
|
|
|
+/*快捷图标左下角的个人空间小图标*/
|
|
|
+.miniIcon-personal {
|
|
|
+ position: absolute;
|
|
|
+ left: 0px;
|
|
|
+ bottom: 0px;
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/icon-personal.png) center center no-repeat;
|
|
|
+ z-index: 10;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileMiniIcon-personal {
|
|
|
+ width: 19px;
|
|
|
+ height: 19px;
|
|
|
+ background: url(image/icon-personal.png) no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+/*右渐隐效果*/
|
|
|
+.right-fade {
|
|
|
+ position: absolute;
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 100%;
|
|
|
+ background-image: linear-gradient(to right, transparent, #ebebeb 70%, #ebebeb);
|
|
|
+}
|
|
|
+
|
|
|
+/*左渐隐效果*/
|
|
|
+.left-fade {
|
|
|
+ position: absolute;
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 100%;
|
|
|
+ background-image: linear-gradient(to left, transparent, #ebebeb 70%, #ebebeb);
|
|
|
+}
|
|
|
+
|
|
|
+/* 调分数右边的普通红色竖线*/
|
|
|
+.vLine-rightWarning {
|
|
|
+ border-right: 2px solid red !important;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ left: -1px;
|
|
|
+ top: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/*调分数右边的细红色竖线 （粗细只有一像素）*/
|
|
|
+.vLine-smallRightWarning {
|
|
|
+ border-right: 1px solid red !important;
|
|
|
+ height: 100%;
|
|
|
+ position: absolute;
|
|
|
+ left: -1px;
|
|
|
+ top: 0px;
|
|
|
+}
|
|
|
+
|
|
|
+/*行灰色背景 */
|
|
|
+.list-dimBackground {
|
|
|
+ background-color: #e1e1e1 !important;
|
|
|
+}
|
|
|
+
|
|
|
+.list-background td {
|
|
|
+ border-bottom: 1px #f2f2f2 solid !important;
|
|
|
+}
|
|
|
+
|
|
|
+.smallIcon-user {
|
|
|
+ display: inline-block;
|
|
|
+ height: 51px;
|
|
|
+ width: 51px;
|
|
|
+ background: url(image/smallIcon-user.png) center center no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.smallIcon-dimUser {
|
|
|
+ display: inline-block;
|
|
|
+ height: 51px;
|
|
|
+ width: 51px;
|
|
|
+ background: url(image/smallIcon-dimUser.png) center center no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-switchUser {
|
|
|
+ display: inline-block;
|
|
|
+ height: 61px;
|
|
|
+ width: 61px;
|
|
|
+ background: url(image/icon/icon-switchUser.png) center center no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-scan {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background: url(image/icon/icon-scan.png) center center no-repeat;
|
|
|
+ background-size: 50%;
|
|
|
+ background-position: center center;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileIcon-add {
|
|
|
+ width: 2.75rem;
|
|
|
+ height: 2.15rem;
|
|
|
+ background: url(image/mobileIcon-add.png) center center no-repeat;
|
|
|
+ background-size: 130%;
|
|
|
+ background-position: center center;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*标题行的返回按钮图标*/
|
|
|
+.mobileIcon-return {
|
|
|
+ display: inline-block;
|
|
|
+ width: 1.1rem;
|
|
|
+ height: 1.1rem;
|
|
|
+ background: url(image/mobileIcon-return.png) center center no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileInvertIcon-i {
|
|
|
+ display: inline-block;
|
|
|
+ width: 2.25rem;
|
|
|
+ height: 2.25rem;
|
|
|
+ background: url(image/i_icon.png) center center no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*文字前面的三角形感叹号图标*/
|
|
|
+.icon-warning {
|
|
|
+ display: inline-block;
|
|
|
+ margin-top: -12px;
|
|
|
+ height: 35px;
|
|
|
+ width: 60px;
|
|
|
+ background: url(image/icon-warning.gif) center center no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+/* 党校班次计划图标begin*/
|
|
|
+.smallIcon-bed {
|
|
|
+ display: inline-block;
|
|
|
+ /* width:15px;*/
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallIcon-bed.png) left center no-repeat;
|
|
|
+ padding: 4px 0px 4px 18px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.smallIcon-classroom {
|
|
|
+ display: inline-block;
|
|
|
+ /* width:15px;*/
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallIcon-classroom.png) left center no-repeat;
|
|
|
+ padding: 4px 0px 4px 18px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.smallIcon-extraBed {
|
|
|
+ display: inline-block;
|
|
|
+ /* width:15px;*/
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallIcon-extraBed.png) left center no-repeat;
|
|
|
+ padding: 4px 0px 4px 18px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+.smallIcon-restaurant {
|
|
|
+ display: inline-block;
|
|
|
+ /* width:15px;*/
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallIcon-restaurant.png) left center no-repeat;
|
|
|
+ padding: 4px 0px 4px 18px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 班数目*/
|
|
|
+.smallIcon-class {
|
|
|
+ display: inline-block;
|
|
|
+ /* width:15px;*/
|
|
|
+ height: 15px;
|
|
|
+ background: url(image/smallIcon-class.png) left center no-repeat;
|
|
|
+ padding: 4px 0px 4px 18px;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/* 党校班次计划图标end*/
|
|
|
+
|
|
|
+/* 蓝色代表开始的三角形*/
|
|
|
+.calendar-play-2a3493::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #2a3493;
|
|
|
+}
|
|
|
+
|
|
|
+/* 蓝色横线*/
|
|
|
+.calendar-hLine-2a3493 {
|
|
|
+
|
|
|
+ border-bottom: 2px solid #2a3493 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 蓝色代表结束的正方形*/
|
|
|
+.calendar-stop-2a3493::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #2a3493;
|
|
|
+}
|
|
|
+
|
|
|
+/* 玫瑰红色代表开始的三角形*/
|
|
|
+.calendar-play-fa0cff::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #fa0cff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 玫瑰红色横线*/
|
|
|
+.calendar-hLine-fa0cff {
|
|
|
+
|
|
|
+ border-bottom: 2px solid #fa0cff !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 玫瑰红色代表结束的正方形*/
|
|
|
+.calendar-stop-fa0cff::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #fa0cff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 绿色代表开始的三角形*/
|
|
|
+.calendar-play-21a750::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #21a750;
|
|
|
+}
|
|
|
+
|
|
|
+/* 绿色横线*/
|
|
|
+.calendar-hLine-21a750 {
|
|
|
+
|
|
|
+ border-bottom: 2px solid #21a750 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 绿色代表结束的正方形*/
|
|
|
+.calendar-stop-21a750::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #21a750;
|
|
|
+}
|
|
|
+
|
|
|
+/* 红色代表开始的三角形*/
|
|
|
+.calendar-play-ff0000::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #ff0000;
|
|
|
+}
|
|
|
+
|
|
|
+/* 红色横线*/
|
|
|
+.calendar-hLine-ff0000 {
|
|
|
+
|
|
|
+ border-bottom: 2px solid #ff0000 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 红色代表结束的正方形*/
|
|
|
+.calendar-stop-ff0000::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #ff0000;
|
|
|
+}
|
|
|
+
|
|
|
+/* 橙色代表开始的三角形*/
|
|
|
+.calendar-play-ff9600::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #ff9600;
|
|
|
+}
|
|
|
+
|
|
|
+/* 橙色横线*/
|
|
|
+.calendar-hLine-ff9600 {
|
|
|
+
|
|
|
+ border-bottom: 2px solid #ff9600 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 橙色代表结束的正方形*/
|
|
|
+.calendar-stop-ff9600::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #ff9600;
|
|
|
+}
|
|
|
+
|
|
|
+/*其它班次色代表开始的三角形*/
|
|
|
+.calendar-play-6c9ed7::before {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ border-width: 4px;
|
|
|
+ border-style: solid;
|
|
|
+ border-top-color: transparent !important;
|
|
|
+ border-bottom-color: transparent !important;
|
|
|
+ border-right-color: transparent !important;
|
|
|
+ position: absolute;
|
|
|
+ left: 0;
|
|
|
+ bottom: -3px;
|
|
|
+ border-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+/* 其它班次色横线*/
|
|
|
+.calendar-hLine-6c9ed7 {
|
|
|
+ border-bottom: 2px solid #6c9ed7 !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 其它班次色代表结束的正方形*/
|
|
|
+.calendar-stop-6c9ed7::after {
|
|
|
+ display: inline-block;
|
|
|
+ content: '';
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ bottom: -2px;
|
|
|
+ /* border-width: 3px;
|
|
|
+ border-style: solid;
|
|
|
+ border-color:#6c9ed7;*/
|
|
|
+ width: 6px;
|
|
|
+ height: 6px;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+/*是否点名图标*/
|
|
|
+.icon-form {
|
|
|
+ display: inline-block;
|
|
|
+ width: 26px;
|
|
|
+ height: 26px;
|
|
|
+ background: url(image/icon-form.png) center center no-repeat;
|
|
|
+ background-size: 100%;
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+}
|
|
|
+
|
|
|
+/*移动端objectpicker相关样式*/
|
|
|
+
|
|
|
+.mobileInput-div textarea,
|
|
|
+.mobileInput-div textarea:disabled {
|
|
|
+ border: none;
|
|
|
+ outline: none;
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ line-height: 1.3rem;
|
|
|
+ color: #000;
|
|
|
+ vertical-align: middle;
|
|
|
+ box-sizing: border-box;
|
|
|
+ resize: none;
|
|
|
+ width: calc(100% - 1.1rem);
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+.mobileSmallButton {
|
|
|
+ display: inline-block;
|
|
|
+ width: 0.55rem;
|
|
|
+ height: 0.55rem;
|
|
|
+ ;
|
|
|
+ background-color: #f7f7f7;
|
|
|
+ color: #6c9ddb;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 0.55rem;
|
|
|
+ box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
|
|
|
+ border-radius: 0.05rem;
|
|
|
+ outline: none;
|
|
|
+ border: none;
|
|
|
+ background-position: center center;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallButton:hover {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #6c9ed7;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallButton:active {
|
|
|
+ color: #fff;
|
|
|
+ background-color: #415f7f;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallButton.icon-down {
|
|
|
+ box-shadow: none !important;
|
|
|
+ background-image: url(image/dialog-select-icon.png) !important;
|
|
|
+ background-position: center center !important;
|
|
|
+ z-index: 9999;
|
|
|
+ right: 0rem;
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileInput-div>icon-down {
|
|
|
+ display: inline-block;
|
|
|
+ vertical-align: middle;
|
|
|
+ width: 0.55rem;
|
|
|
+ height: 0.55rem;
|
|
|
+ background: url(image/dialog-select-icon.png) center center no-repeat;
|
|
|
+ position: absolute;
|
|
|
+ right: 0rem;
|
|
|
+ top: 0rem;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallButton.icon-down:active {
|
|
|
+ background-image: url(image/objectPicker-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.mobileSmallButton.icon-down:hover {
|
|
|
+ background-image: url(image/objectPicker-button-hover.png);
|
|
|
+}
|
|
|
+
|
|
|
+.mobileInput-div-selected {
|
|
|
+ border: 0.025rem solid #6b9ed6 !important;
|
|
|
+ box-shadow: 0.05rem 0.05remx 0.05rem #dedede;
|
|
|
+ box-sizing: border-box;
|
|
|
+ word-break: break-all;
|
|
|
+ z-index: 9999 !important;
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+/* 车牌号录入 */
|
|
|
+.carNumber-items {
|
|
|
+ width: 100%;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.carNumber-items-box,
|
|
|
+.carNumber-item,
|
|
|
+.carNumber-item-newpower {
|
|
|
+ width: 35px;
|
|
|
+ height: 35px;
|
|
|
+ border: 2px solid #e9e9e9;
|
|
|
+ border-radius: 1px;
|
|
|
+ text-align: center;
|
|
|
+ line-height: 35px;
|
|
|
+ font-size: 16px;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+
|
|
|
+.carNumber-items-point {
|
|
|
+ width: 5px;
|
|
|
+ height: 5px;
|
|
|
+ background-color: #000;
|
|
|
+ border-radius: 50%;
|
|
|
+}
|
|
|
+
|
|
|
+.carNumber-item-newpower {
|
|
|
+ border: 2px solid #c4e3b9;
|
|
|
+ background-color: #f6f9ff;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard {
|
|
|
+ background: #d1d5d9;
|
|
|
+ position: fixed;
|
|
|
+ bottom: 0;
|
|
|
+ width: 100%;
|
|
|
+ /* padding: 10px; */
|
|
|
+ left: 0;
|
|
|
+ box-sizing: border-box;
|
|
|
+ z-index: 1111;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboardClose {
|
|
|
+ background: #f7f7f7;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ height: 1.5rem;
|
|
|
+ padding: 10px;
|
|
|
+ /* margin-bottom: 10px; */
|
|
|
+}
|
|
|
+
|
|
|
+.keyboardClose span {
|
|
|
+ font-size: 1rem;
|
|
|
+ line-height: 1.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-item {
|
|
|
+ padding: 10px 5px;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-line {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-btn {
|
|
|
+ padding: 8px 5px;
|
|
|
+ margin: 3px;
|
|
|
+ background: #fff;
|
|
|
+ border-radius: 5px;
|
|
|
+ box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2);
|
|
|
+ color: #000;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1.2rem;
|
|
|
+ cursor: pointer;
|
|
|
+ border: none;
|
|
|
+ box-sizing: border-box;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-btn:active {
|
|
|
+ background: #e0e0e0;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-delete-btn {
|
|
|
+
|
|
|
+ background: #a7b0bc url(image/keyboardDelete.png) no-repeat center;
|
|
|
+ background-size: 75%;
|
|
|
+}
|
|
|
+
|
|
|
+.keyboard-delete-btn:active {
|
|
|
+ background: #fff url(image/keyboardDelete.png) no-repeat center !important;
|
|
|
+ background-size: 75% !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* ss暂用下拉框样式 */
|
|
|
+.ss-select-container {
|
|
|
+ position: relative;
|
|
|
+ width: 100%;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-select {
|
|
|
+ padding: 5px 0;
|
|
|
+ border-radius: 5px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options {
|
|
|
+ display: none;
|
|
|
+ position: absolute;
|
|
|
+ top: 100%;
|
|
|
+ left: 0;
|
|
|
+ width: 100%;
|
|
|
+ background-color: #393D51;
|
|
|
+ z-index: 1000;
|
|
|
+ color: #fff;
|
|
|
+ border: 1px solid #393D51;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 5px;
|
|
|
+ overflow: hidden;
|
|
|
+ max-height: 30rem;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div {
|
|
|
+ padding: 10px 10px 10px 23px;
|
|
|
+ cursor: pointer;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div::after {
|
|
|
+ content: "";
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ bottom: 0%;
|
|
|
+ left: 50%;
|
|
|
+ transform: translateX(-50%);
|
|
|
+ width: 80%;
|
|
|
+ height: 1px;
|
|
|
+ background-color: #303445;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div:last-child::after,
|
|
|
+.ss-options div:hover::after,
|
|
|
+.ss-options div.selected::after {
|
|
|
+ display: none;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div:hover {
|
|
|
+ background-color: #fff;
|
|
|
+ color: #393D51;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div.selected {
|
|
|
+ background-color: #fff;
|
|
|
+ color: #393D51;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+.ss-options div.selected::before {
|
|
|
+ content: "";
|
|
|
+ background: url(image/svg_icon/baocun.svg) no-repeat center;
|
|
|
+ position: absolute;
|
|
|
+ width: 15px;
|
|
|
+ height: 100%;
|
|
|
+ left: 5px;
|
|
|
+ top: 0;
|
|
|
+ color: #393D51;
|
|
|
+}
|
|
|
+
|
|
|
+.ss-select-container.open .ss-options {
|
|
|
+ display: block;
|
|
|
+}
|
|
|
+
|
|
|
+/* .ss-select-container.open .ss-select::after {
|
|
|
+ content: "▲";
|
|
|
+ } */
|
|
|
+
|
|
|
+.ss-select::after {
|
|
|
+ width: 15px;
|
|
|
+ height: 100%;
|
|
|
+ content: "";
|
|
|
+ background: url(image/svg_icon/xiangxiajiantou.svg) no-repeat center;
|
|
|
+ position: absolute;
|
|
|
+ right: 10px;
|
|
|
+ top: 50%;
|
|
|
+ transform: translateY(-50%);
|
|
|
+}
|
|
|
+
|
|
|
+/* 来访移动端提交图标 */
|
|
|
+/* 成功 */
|
|
|
+.lf-success {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ background: url(image/svg_icon/tijiaochenggong.svg) no-repeat center;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 失败 */
|
|
|
+.lf-fail {
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ background: url(image/svg_icon/tijiaoshibai.svg) no-repeat center;
|
|
|
+ background-size: 100%;
|
|
|
+}
|
|
|
+
|
|
|
+/* 缩略图容器样式 */
|
|
|
+
|
|
|
+.mobileFilePreview {
|
|
|
+ display: flex;
|
|
|
+ flex-wrap: wrap;
|
|
|
+ /* 保证多列布局 */
|
|
|
+ justify-content: flex-start;
|
|
|
+ /* padding: 10px; */
|
|
|
+}
|
|
|
+
|
|
|
+.mobileFilePreviewItem {
|
|
|
+ box-sizing: border-box;
|
|
|
+ /* 使宽高计算准确，包含 padding 和 border */
|
|
|
+ border-radius: 4px;
|
|
|
+ border: 1px solid #ebebeb;
|
|
|
+ position: relative;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+/* 缩略图样式，确保图片比例 */
|
|
|
+.mobileFilePreviewItem img {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ /* 缩略图固定高度 */
|
|
|
+ object-fit: contain;
|
|
|
+ cursor: pointer;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+/* 遮罩层样式 */
|
|
|
+.mobileFilePreviewOverlay {
|
|
|
+ display: none;
|
|
|
+ /* 默认隐藏 */
|
|
|
+ position: fixed;
|
|
|
+ top: 0;
|
|
|
+ left: 0;
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ background-color: rgba(0, 0, 0, 0.8);
|
|
|
+ justify-content: center;
|
|
|
+ align-items: center;
|
|
|
+ z-index: 1000;
|
|
|
+ overflow: hidden;
|
|
|
+ /* 防止图片超出时溢出 */
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 放大图片样式，仅应用于 .mobileFilePreviewOverlay 内的图片 */
|
|
|
+.mobileFilePreviewOverlay img {
|
|
|
+ max-width: 100%;
|
|
|
+ /* 最大宽度 90% */
|
|
|
+ max-height: 100%;
|
|
|
+ /* 最大高度 90% */
|
|
|
+ object-fit: contain;
|
|
|
+ /* 保证图片保持原有比例 */
|
|
|
+ transform-origin: center center;
|
|
|
+ transition: transform 0.2s ease;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+/* 添加附件按钮 */
|
|
|
+.mobileFilePreviewAddButton{
|
|
|
+ width: 100px;
|
|
|
+ height: 100px;
|
|
|
+ border: 2px dashed rgb(221, 221, 221);
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ cursor: pointer;
|
|
|
+ font-size: 24px;
|
|
|
+ color: rgb(170, 170, 170);
|
|
|
+ /* margin-bottom: 18.4667px; */
|
|
|
+ margin-right: 0px;
|
|
|
+}
|
|
|
+/* 删除附件按钮 */
|
|
|
+.mobileFilePreviewDeleteButton{
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ position: absolute;
|
|
|
+ top: 0px;
|
|
|
+ right: 0px;
|
|
|
+ background: url(image/svg_icon/guanbi.svg) no-repeat center;
|
|
|
+ background-size: 70%;
|
|
|
+ color: rgb(255, 255, 255);
|
|
|
+ border: none;
|
|
|
+ cursor: pointer;
|
|
|
+}
|
|
|
+/* 附件文件名查看 */
|
|
|
+.mobileFilePreviewFile{
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ border-radius: 4px;
|
|
|
+ cursor: pointer;
|
|
|
+ text-align: center;
|
|
|
+ overflow-wrap: anywhere;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ overflow: auto;
|
|
|
+}
|
|
|
+
|
|
|
+/* 进度条容器 */
|
|
|
+.progress-container {
|
|
|
+ position: relative;
|
|
|
+ width: 150px;
|
|
|
+ height: 150px;
|
|
|
+ text-align: center;
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+/* SVG 进度条 */
|
|
|
+.progress-svg {
|
|
|
+ width: 100%;
|
|
|
+ height: 100%;
|
|
|
+ transform: rotate(-90deg); /* 从顶部开始 */
|
|
|
+ position: absolute;
|
|
|
+}
|
|
|
+
|
|
|
+/* 背景圆形，静态 */
|
|
|
+.progress-circle-bg {
|
|
|
+ fill: none;
|
|
|
+ stroke: #ddd;
|
|
|
+ stroke-width: 2;
|
|
|
+}
|
|
|
+
|
|
|
+/* 前景圆形，动态进度条 */
|
|
|
+.progress-circle {
|
|
|
+ fill: none;
|
|
|
+ stroke: #4caf50;
|
|
|
+ stroke-width: 2;
|
|
|
+ stroke-linecap: round;
|
|
|
+ stroke-dasharray: 100, 100;
|
|
|
+ stroke-dashoffset: 100;
|
|
|
+ transition: stroke-dashoffset 0.35s;
|
|
|
+}
|
|
|
+
|
|
|
+/* 显示百分比的文本 */
|
|
|
+.progress-text {
|
|
|
+ font-size: 24px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 显示动作信息的文本，例如 "上传中..." */
|
|
|
+.action-text {
|
|
|
+ font-size: 16px;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 搜索图标 */
|
|
|
+.mobileIcon-qrcode{
|
|
|
+ background-color: #fff; /* 设置背景颜色为白色 */
|
|
|
+ background-image: url(image/svg_icon/qrcode.svg); /* 设置背景图像 */
|
|
|
+ background-repeat: no-repeat; /* 设置背景图像不重复 */
|
|
|
+ background-position: center; /* 设置背景图像居中显示 */
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+/* 来访卡片开始 */
|
|
|
+.mobileLf-card {
|
|
|
+ position: relative;
|
|
|
+ width: 95%;
|
|
|
+ margin: 0 auto 0.8rem;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 1rem;
|
|
|
+ line-height: 1.5rem;
|
|
|
+ padding: 1rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ border-radius: 4px;
|
|
|
+ color: #333;
|
|
|
+ box-shadow: 0 0 5px rgba(168, 168, 168, 0.1);
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLf-title {
|
|
|
+ font-size: 1.2rem;
|
|
|
+ font-weight: bold;
|
|
|
+ line-height: 2rem;
|
|
|
+ color: #000;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+/* 审核中 */
|
|
|
+.mobileLf-card-ing-tag{
|
|
|
+ position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0;
|
|
|
+ background: #fccb81;
|
|
|
+ color: white;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 2px 5px;
|
|
|
+ width: 4rem;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ font-size:0.95rem;
|
|
|
+}
|
|
|
+/* 同意 */
|
|
|
+.mobileLf-card-agree-tag{
|
|
|
+ /* position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0; */
|
|
|
+ background: #fff;
|
|
|
+ color: #c0e0b7;
|
|
|
+ border: 1px solid #c0e0b7;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 2px 5px;
|
|
|
+ /* width: 2.5rem; */
|
|
|
+ margin-left: .5rem;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: normal;
|
|
|
+ font-size:0.95rem;
|
|
|
+}
|
|
|
+/* 拒绝 */
|
|
|
+.mobileLf-card-refuse-tag{
|
|
|
+ /* position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0; */
|
|
|
+ background: #fff;
|
|
|
+ color: #f29149;
|
|
|
+ border: 1px solid #f29149;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 2px 5px;
|
|
|
+ /* width: 2.5rem; */
|
|
|
+ margin-left: .5rem;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: normal;
|
|
|
+ font-size:0.95rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* 失败 */
|
|
|
+.mobileLf-card-fail-tag{
|
|
|
+ /* position: absolute;
|
|
|
+ right: 0;
|
|
|
+ top: 0; */
|
|
|
+ background: #fff;
|
|
|
+ color: red;
|
|
|
+ border: 1px solid red;
|
|
|
+ border-radius: 4px;
|
|
|
+ padding: 2px 5px;
|
|
|
+ /* width: 2.5rem; */
|
|
|
+ margin-left: .5rem;
|
|
|
+ text-align: center;
|
|
|
+ letter-spacing: 1px;
|
|
|
+ display: inline-block;
|
|
|
+ line-height: normal;
|
|
|
+ font-size:0.95rem;
|
|
|
+}
|
|
|
+/* 来访卡片结束 */
|
|
|
+
|
|
|
+/* 移动端审核流程开始 */
|
|
|
+.mobileShList{
|
|
|
+ width: calc(100% - 22px);
|
|
|
+ margin: 0.5rem auto 0.5rem auto;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileShList-task-title{
|
|
|
+ font-size: 1rem;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileShList-task-hollowPoint{
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
+ display: block;
|
|
|
+ background: #fff;
|
|
|
+ border: 1px solid #585e6c;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 0.5rem;
|
|
|
+}
|
|
|
+.mobileShList-task-solidPoint{
|
|
|
+ width: 1rem;
|
|
|
+ height: 1rem;
|
|
|
+ display: block;
|
|
|
+ background: #585e6c;
|
|
|
+ border-radius: 50%;
|
|
|
+ margin-right: 0.5rem;
|
|
|
+}
|
|
|
+.mobileShList-task-content{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: column;
|
|
|
+ align-items: flex-end;
|
|
|
+ padding: 0.8rem 0 1.8rem;
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+.mobileShList-task-content::before{
|
|
|
+ position: absolute;
|
|
|
+ content: '';
|
|
|
+ display: block;
|
|
|
+ width: 1px;
|
|
|
+ height: 100%;
|
|
|
+ background: #585e6c;
|
|
|
+ left: 0.5rem;
|
|
|
+ top: 0;
|
|
|
+
|
|
|
+}
|
|
|
+.mobileShList-task:last-child .mobileShList-task-content::before{
|
|
|
+ height: 0;
|
|
|
+}
|
|
|
+.mobileShList-task-content p{
|
|
|
+ background: url(image/svg_icon/yonghu02.svg) no-repeat;
|
|
|
+ width: calc(100% - 1.6rem);
|
|
|
+ font-size: 0.95rem;
|
|
|
+ margin-bottom: 0.7rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-start;
|
|
|
+ background-size: 1.1rem;
|
|
|
+ padding-left: 1.5rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+ line-height: 1.25rem;
|
|
|
+}
|
|
|
+.mobileShList-task-content p:last-child{
|
|
|
+ margin-bottom: 0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileShList-task-author {
|
|
|
+ white-space: nowrap;
|
|
|
+}
|
|
|
+.mobileShList-task-comment {
|
|
|
+ flex-grow: 1;
|
|
|
+
|
|
|
+ word-break: break-word;
|
|
|
+}
|
|
|
+.mobileShList-task-time {
|
|
|
+ white-space: nowrap;
|
|
|
+ color:#999;
|
|
|
+}
|
|
|
+/* 移动端审核流程结束 */
|
|
|
+/* .mobileShList-task-content p{
|
|
|
+ background: url(image/svg_icon/yonghu02.svg) no-repeat;
|
|
|
+ background-size: 1rem;
|
|
|
+ background-position: left top;
|
|
|
+ width: calc(100% - 1.3rem);
|
|
|
+ font-size: 0.98rem;
|
|
|
+ margin-bottom: 0.3rem;
|
|
|
+ display: flex;
|
|
|
+ justify-content: space-between;
|
|
|
+ align-items: flex-start;
|
|
|
+
|
|
|
+ padding-left: 1.2rem;
|
|
|
+ box-sizing: border-box;
|
|
|
+} */
|
|
|
+
|
|
|
+/* 移动端搜索按钮 */
|
|
|
+.mobileSearch {
|
|
|
+ background: url(image/svg_icon/queding.svg) no-repeat;
|
|
|
+ background-size: 90%;
|
|
|
+ background-position: center;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+/* 移动端扫码按钮 */
|
|
|
+.mobileScan {
|
|
|
+ background: url(image/svg_icon/saoyisao2.svg) no-repeat;
|
|
|
+ background-size: 98%;
|
|
|
+ background-position: center;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+
|
|
|
+/* 统计图 */
|
|
|
+.mobileLfStatistics {
|
|
|
+ width: calc(100% - 20px);
|
|
|
+ margin: 0 auto;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics table {
|
|
|
+ width: 100%;
|
|
|
+ border-collapse: collapse;
|
|
|
+ /* 边框合并 */
|
|
|
+ table-layout: inherit;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics tr {
|
|
|
+ height: 47px;
|
|
|
+ line-height: 47px;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics tr:first-child th {
|
|
|
+ background: white;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics th {
|
|
|
+ display: table-cell;
|
|
|
+ vertical-align: middle;
|
|
|
+ background: #fafafa;
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ text-align: center;
|
|
|
+ font-size: 1rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics td {
|
|
|
+ border: 1px solid #e6e6e6;
|
|
|
+ text-align: center;
|
|
|
+ background: #fff;
|
|
|
+ font-size: 0.95rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics .mobileLfStatistics-day {
|
|
|
+ height: 67px;
|
|
|
+ line-height: unset;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics .mobileLfStatistics-day th {
|
|
|
+ width: 4.5rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics .mobileLfStatistics-day div {
|
|
|
+ margin: 1px;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics .mobileLfStatistics-day div p {
|
|
|
+ height: 33px;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ width: 85%;
|
|
|
+ justify-content: center;
|
|
|
+ margin: 0 auto;
|
|
|
+ font-size: 0.95rem;
|
|
|
+}
|
|
|
+
|
|
|
+/* 过去时间*/
|
|
|
+.mobileLfStatistics-overTime {
|
|
|
+ background-color: #f0f0f0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-overTime p {
|
|
|
+ color: #999999;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-overTime p:first-child {
|
|
|
+ border-bottom: 1px dashed #b8b8b8;
|
|
|
+}
|
|
|
+
|
|
|
+/* 当前时间 */
|
|
|
+.mobileLfStatistics-currentTime {
|
|
|
+ background-color: #c7ffe0;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-currentTime p {
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-currentTime p:first-child {
|
|
|
+ border-bottom: 1px dashed #b8b8b8;
|
|
|
+}
|
|
|
+
|
|
|
+/* 未来时间 */
|
|
|
+.mobileLfStatistics-futureTime {
|
|
|
+ background-color: #c7e0ff;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-futureTime p {
|
|
|
+ color: #000;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-futureTime p:first-child {
|
|
|
+ border-bottom: 1px dashed #b8b8b8;
|
|
|
+}
|
|
|
+
|
|
|
+/* 大于100小于500人 */
|
|
|
+.mobileLfStatistics-orange {
|
|
|
+ background-color: #ffb882;
|
|
|
+ color: #fff !important;
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
+
|
|
|
+/* 大于等于500人 */
|
|
|
+.mobileLfStatistics-red {
|
|
|
+ background-color: #ff5b5b;
|
|
|
+ color: #fff !important;
|
|
|
+ width: 100% !important;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-title {
|
|
|
+ position: relative;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-title span {
|
|
|
+ position: absolute;
|
|
|
+ right: 1rem;
|
|
|
+ top: 0;
|
|
|
+ font-size: 0.95rem;
|
|
|
+}
|
|
|
+
|
|
|
+.mobileLfStatistics-Color666 {
|
|
|
+ color: #666666;
|
|
|
+}
|
|
|
+.mobileLfStatistics-prev {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ transform: rotate(90deg);
|
|
|
+
|
|
|
+ background: url(image/svg_icon/shangyizhang.svg) no-repeat;
|
|
|
+ background-size: 90%;
|
|
|
+ background-position: center;
|
|
|
+ color: #fff;
|
|
|
+}
|
|
|
+.mobileLfStatistics-next {
|
|
|
+ width: 1.5rem;
|
|
|
+ height: 1.5rem;
|
|
|
+ transform: rotate(90deg);
|
|
|
+ background: url(image/svg_icon/xiayizhang.svg) no-repeat;
|
|
|
+ background-size: 90%;
|
|
|
+ background-position: center;
|
|
|
+ color: #fff;
|
|
|
+}
|
ruhuxu
hai 5 meses