/*-----------------默认样式--------------*/
/*
* {
cursor: url(image/cur.ico), default;
}
*/
:root .home-page-main .el-tabs__content{
--wd-tabs-content-padding-top: 0px !important;
}
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
margin: 0;
padding: 0;
}
strong span{
font-weight:bold;
}
input {
background: none;
}
ul {
list-style: none;
}
textarea {
background-color: transparent;
outline: none;
word-break: break-all;
}
input[type='text'],
input[type='number'],
input[type='password'] {
width: 120px;
height: 28px;
color: #000000;
border: 1px solid #e1e3e6;
vertical-align: middle;
margin-right: 2px;
box-sizing: border-box;
padding-left: 12px;
border-radius: 2px;
font-size: 14px;
outline: none;
background: #fff;
}
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;
}
input[type='text']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='password']::-moz-placeholder {
font-size: 14px;
font-family: "SimHei", Georgia, Serif !important;
color: #999;
}
input[type='text']:-moz-placeholder,
input[type='number']:-moz-placeholder,
input[type='password']:-moz-placeholder {
font-size: 14px;
font-family: "SimHei", Georgia, Serif !important;
color: #999;
}
input[type='text']:-ms-input-placeholder,
input[type='number']:-ms-input-placeholder,
input[type='password']:-ms-input-placeholder {
font-size: 14px;
font-family: "SimHei", Georgia, Serif !important;
color: #999;
}
/*-----------------默认样式结束-----------*/
/*-------锁屏样式-------*/
.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 #d7d7d7;
}
.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: #fafafa;*/
background-image: linear-gradient(to right,#fafafa, #f7faff , #fafafa,#f7faff , #fafafa);
}
/*内容*/
.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: #6b9fd3;
box-sizing: border-box;
border: 1px solid #6b9fd3;
vertical-align: middle;
border-radius: 3px;
outline: none;
margin-right: 2px;
}
.content-invertButton:hover {
border: 1px solid #6b9fd3;
color: #6b9fd3;
background-color: #fff;
}
.content-invertButton:active {
border: 1px solid #415e7d;
color: #fff;
background: #415e7d;
}
/* 管理按钮 */
.content-button {
font-size: 14px;
color: #6b9fd3;
padding: 0px 13px;
height: 29px;
line-height: 28px;
box-sizing: border-box;
border: 1px solid #6b9fd3;
vertical-align: middle;
border-radius: 3px;
outline: none;
margin-right: 2px;
background: #fff;
}
.content-button:hover {
border: 1px solid #6b9fd3;
color: #fff;
background-color: #6b9fd3;
}
.content-button:active {
border: 1px solid #415e7d;
color: #fff;
background-color: #415e7d;
}
/*底部按钮样式*/
.bottom-button {
/*font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: normal;
clear: both;
height: 33px;
box-sizing: border-box;
padding: 0px 25px;
line-height: 33px;
margin: 0 12.5px;
color: #4761aa;
border: none;
border-radius: 5px;
background-color: #e3e2e2;
outline: none;
letter-spacing: unset !important;
}
.bottom-button:hover {
color: #fff;
background-color: #6b9fd3;
}
.bottom-button:active {
color: #fff;
background-color: #415e7d;
}
/*on按钮*/
.content-onButton {
display: inline-block;
/*font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
height: 28px;
line-height: 28px;
outline: none;
color: #6c9ddb;
background: url(image/true.png) right bottom no-repeat;
background-color: #ebebeb;
border-radius: 2px;
overflow: hidden;
padding: 0px 13px;
vertical-align: middle;
border: none;
position: relative;
box-sizing: border-box;
border-bottom: 2px solid #6c9ddb;
}
.content-onButton:hover {
background: none;
color: #fff;
background-color: #6c9ddb;
}
/*off按钮*/
.content-offButton {
display: inline-block;
/*font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
height: 28px;
line-height: 28px;
outline: none;
color: #999999;
background: url(image/false.png) right bottom no-repeat;
background-color: #ebebeb;
border-radius: 3px;
overflow: hidden;
padding: 0px 13px;
vertical-align: middle;
border: none;
box-sizing: border-box;
}
.content-offButton:hover {
background: none;
color: #fff;
background-color: #6c9ddb;
}
/*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: 3px;
outline: none;
cursor: pointer;
margin-right: 2px;
}
.label-button:hover {
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;
}
input.icon-add {
width: 22px;
height: 22px;
border: none;
outline: none;
float: left;
margin-right: 8px;
display: inline-block;
}
.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: 22px;
height: 22px;
background: url(image/dialog-select-icon.png) center center no-repeat;
position: absolute;
right: 2px;
top: 2px;
}
/*objectpicker可输入时下拉图标*/
.smallButton.icon-down {
position: absolute;
right: 2px;
top: 2px;
background-image: url(image/objectPicker-button.png);
background-position: center 0px !important;
}
.smallButton.icon-down:hover {
background-image: url(image/objectPicker-button-hover.png);
}
.smallButton.icon-down:active {
background-image: url(image/objectPicker-button-hover.png);
}
/*实心闭合文件夹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/list-groupIcon.png) 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: #333;
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: #333;
display: inline-block;
width: 22px;
height: 40px;
background: url(image/list-expandedGroupIcon.png) 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: #333;
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;
}
/*单文件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/help-closeButton.png) 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-video{
background-image: url(image/icon-video.png);
background-position: center;
background-repeat: no-repeat;
}
.icon-video:hover{
background-image: url(image/icon-video-hover.png)!important;
}
.icon-video:active{
background-image: url(image/icon-video-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/changeblack.png);
}
/*登录页用户名图标*/
.icon-user {
background: url("image/username.png");
}
/*登录页密码图标 */
.icon-password {
background: url("image/password.png");
}
/*登录页验证码图标*/
.icon-captcha {
background: url("image/number.png");
}
/*登录页锁屏时间图标*/
.icon-timer {
background: url("image/ontime.png");
}
/*密码框小眼睛*/
.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-image: url(image/bottom-buttonIcon-qrcode.png);
background-position: 8px 5px;
background-repeat: no-repeat;
padding: 0px 10px;
text-indent: 25px;
}
/*锁屏页倒计时按钮*/
.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: 22px;
height: 22px;
background: url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
}
.icon-setHelpButton:hover {
background: url(image/home-plugin-editWdHelpButton-hover.png) center center no-repeat;
}
.icon-setHelpButton:active {
background: url(image/home-plugin-editWdHelpButton-active.png) center center no-repeat;
}
.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%;
}
/*对象打印按钮-start*/
.icon-object-print {
float: right;
background-image: url(image/icon-print.png);
}
.icon-object-print:hover{
background-image: url(image/icon-print-hover.png);
}
/*对象打印按钮-end*/
/*变动按钮*/
.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;
}
.list .icon-unchecked.visible,.iconList-div .icon-unchecked.visible{
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: 22px;
height: 22px;
background: url(image/icon-set.png) center center no-repeat;
}
.icon-set:hover {
background: url(image/icon-set-hover.png) center center no-repeat;
}
.icon-set:active {
background: url(image/icon-set-active.png) center center no-repeat;
}
/* 打钩按钮 */
.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);
}
.mobileInvertIcon-fullscreen{
background-image: url(image/mobileInvertIcon-fullscreen-hover.png);
background-position: center;
background-repeat: no-repeat;
}
.mobileInvertIcon-fullscreen-close{
background-image: url(image/fullscreen-select-hover.png);
background-position: center;
background-repeat: no-repeat;
}
/* 附件 */
.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-family: Avenir,Helvetica,Arial,sans-serif;
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-family: Avenir,Helvetica,Arial,sans-serif;
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: 16px;
padding: 0px 10px;
height: 40px;
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: 3px solid #6b9fd3;
display: inline-block;
color: #6b9fd3;
font-size: 16px;
padding: 0px 10px;
/*height: 40px;*/
/*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-image: url(image/home.png);
}
.mobileLargeIcon-home {
margin: 0.5rem;
position: absolute;
right: 0.3rem;
width: 2rem;
font-size: 0.75rem;
color: #fff;
border-radius: 0.3rem;
border: 0.05rem solid #6b9ed6;
background: #6b9ed6;
box-shadow: rgb(223 226 229) 0rem 0rem 0.4rem;
display: inline-block;
/*background-size: cover;*/
/*width: 1.1rem;*/
height: 1.1rem;
/*background-image: url(image/home.png);*/
/*border: 0.1rem solid #6b9ed6;*/
/*border-radius: 6rem;*/
}
.mobileLargeIcon-home:after{
content: "首页";
text-align: center;
line-height: 1.1rem;
}
.largeIcon-home:hover {
background-image: url(image/home-hover.png);
}
.largeIcon-home:active {
background-image: url(image/home-active.png);
}
/*退出按钮*/
.largeIcon-exit {
background-image: url(image/quit.png);
}
.largeIcon-exit:hover {
background-image: url(image/quit-hover.png);
}
.largeIcon-exit:active {
background-image: url(image/quit-hover.png);
}
/*换肤按钮*/
.largeIcon-skin {
background-image: url(image/editHomePlate.png);
}
.largeIcon-skin:hover {
background-image: url(image/editHomePlate-hover.png);
}
.largeIcon-skin:active {
background-image: url(image/editHomePlate-active.png);
}
/*锁定按钮*/
.largeIcon-lock {
background-image: url(image/lock.png);
}
.largeIcon-lock:hover {
background-image: url(image/lock-hover.png);
}
.largeIcon-lock:active {
background-image: url(image/lock-active.png);
}
/*帮助按钮*/
.largeIcon-help {
background-image: url(image/userHelp.png);
}
.largeIcon-help:hover {
background-image: url(image/userHelp-hover.png);
}
.largeIcon-help:active {
background-image: url(image/userHelp-active.png);
}
/*下载按钮*/
.largeIcon-download {
background-image: url(image/dowload.png);
}
.largeIcon-download:hover {
background-image: url(image/dowload-hover.png);
}
.largeIcon-download:active {
background-image: url(image/dowload-active.png);
}
/*编辑首页按钮*/
.largeIcon-set {
background-image: url(image/button-wdRecord.png);
}
.largeIcon-set:hover {
background-image: url(image/button-wdRecord-hover.png);
}
.largeIcon-set:active {
background-image: url(image/button-wdRecord-active.png);
}
/*编辑帮助*/
.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);*/
background-color: #f5f5f5
}
/*底部区域上部的审核按钮区域*/
.check-buttons-div{
background-color: rgba(246, 249, 249, 1);
border-top: 3px solid #4863a4;
text-align: center;
padding: 5px;
}
/*底部区域上部*/
.bottom-up-div {
height: 110px;
background-color: rgba(246, 249, 249, 1);
border-top: 3px solid #4863a4;
}
/* 底部区域下部 */
.bottom-down-div {
padding: 10px 0px 9px 0px;
text-align: center;
border-top: 1px solid #d3d4d4;
box-shadow: 0px -1px 1px rgba(241, 241, 241, 1);
font-size: 18px;
color: #333;
}
.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: #fff;
border-left: 1px solid #e1e1e1;
border-right: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
z-index: 1013;
position: absolute;
width: auto;
border-top: 1px solid #6c9ed7;
min-width: max-content;
}
.popupList {
height: 30px;
padding-left: 6px;
padding-right: 28px;
line-height: 30px;
font-size: 14px;
color: #000;
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
/**
popupList 选中样式
*/
.popupList.selected {
color: #6c9fd7;
}
.popupList:hover {
color: #fff;
background: #6c9fd7;
}
/* 向上长的 */
.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 #e8eaed;
border-top: 1px solid #d4d6d9;
overflow: auto;
}
.form tr {
height: 40px;
}
.form th {
/*font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 14px;
color: #666666;
height: 40px;
text-align: right;
background-color: #f7f7f7;
border-right: 1px solid #e8eaed;
border-bottom: 1px solid #d4d6d9;
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-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 14px;
color: #333;
height: 40px;
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 td img{
max-width: 100%;
max-height: 100%;
}
.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 #e1e3e6;
margin: 5px 0px;
background: #fff;
}
.search-div .input-div textarea {
padding-left: 11px !important;
background: #fff;
}
/* 选中状态的文本框蓝色边框 */
.input-div-selected {
border: 1px solid #6b9ed6 !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: #2b368f;
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-family: Avenir,Helvetica,Arial,sans-serif;
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: 21px;
line-height: 20px;
font-size: 16px !important;
/*font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
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;
background: #fff;
}
/* 左侧盒子边框（左边圆角，右边直角） */
.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;
background: #fff;
}
/*----------------------------------box样式结束-------------------------------*/
/*---------------------------------cardList-div区域样式----------------------------------*/
.cardList-div {
display: inline-block;
color: #333;
box-sizing: border-box;
position: relative;
border-radius: 5px;
margin: 4px;
}
.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;*/
/*width:110px;*/
/*height: 100%;*/
padding: 2px 4px 2px 4px;
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-blue {
background-color: #cdd9ec;
}
/* 紫色 */
.mainState-purple {
background-color: #d0cdec;
}
/* 绿色 */
.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;
background: #fff;
}
.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: 3px 3px 1px 0px #d9d9d9;*/
/*首页 内容盒子 */
box-shadow: 3px 3px 5px -3px #5599FF;
background-color: #fff;
font-size: 14px;
color: #666;
}
.plugin-div:hover {
box-shadow: rgb(0, 100, 205) 0px 0px 5px 0px;
}
.plugin-largeText {
font-size: 14px;
color: #333;
}
.plugin-boldText {
font-size: 16px;
color: #1a1a1a;
}
.plugin-title {
height: 40px;
line-height: 40px;
position: relative;
width: 100%;
margin: 0px;
color: #1a1a1a;
font-size: 18px;
font-weight: bold;
}
.plugin-title span{
font-weight: bold;
}
/*个人首页部件图标共用样式*/
.plugin-icon {
display: inline-block;
width: 22px;
height: 22px;
margin-left: 15px;
vertical-align: middle;
cursor: url(image/cursor-click.ico), default !important;
}
/*待办图标*/
.todoPlugin-icon {
background: url(image/home-todoPlugin-icon.png) center center no-repeat;
}
/*待办刷新图标*/
.todoPlugin-loadingIcon {
background: url(image/home-todoPlugin-icon.gif) center center no-repeat;
}
/*催办图标*/
.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;
}
.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: 5px;
background: #f0f0f0;
border-top-left-radius: 2.5px;
border-bottom-left-radius: 2.5px;
border-bottom-right-radius: 2.5px;
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
max-width: 260px;
}
/* 向下箭头 */
.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 #aaafd2;
display: inline-block;
position: relative;
background-color: #ffffff;
}
/* 下拉菜单中的菜单项 */
.menu-item {
background-color: #fff;
height: 30px;
line-height: 30px;
color: #283494;
font-size: 18px;
/*font-size: 14px;*/
padding-right: 15px;
}
.menu-item:hover {
background-color: rgb(57, 89, 192);
font-size: 18px;
/*font-size: 14px;*/
color: #fff;
}
/* 打横菜单上面的菜单项 */
.menu-group {
position: relative;
float: left;
/*font-family: "Microsoft YaHei";*/
font-family: Avenir,Helvetica,Arial,sans-serif;
/*font-size: 14px;*/
font-size: 18px;
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: rgba(108, 158, 215, 1);
}
/*--------------------------------------menu样式结束------------------------------------------------*/
/*--------------------------------------照片样式----------------------------------------------------*/
/* 工作照 */
.photo {
width: 100%;
height: inherit;
border: 0px solid #cccccc;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
overflow: hidden;
float: left;
padding: 1px;
}
.photo img {
max-height: 100%;
max-width: 100%;
}
/*个性照*/
.personalPhoto {
width: 100%;
height: inherit;
/* 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: 100%;
height: inherit;
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%;
}
/*.photo-110*80*/
.photo-110-80 {
width: 100%;
height: inherit;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
overflow: hidden;
float: left;
}
.photo-110-80 img {
max-height: 100%;
max-width: 100%;
}
/*photo117*68*/
.photo-117-68 {
width: 100%;
height: inherit;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
overflow: hidden;
float: left;
}
.photo-117-68 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, 0.5);
}
/*------------------------------------弹窗样式结束-------------------------------*/
/*------------------------------------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-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: rgba(255, 255, 255, .8);
border-radius: 4px;
box-shadow: 0px 0px 10px 0px rgb(219 217 217 / 68%);
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: #4f83b2;
}
/*登录页版本信息*/
.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-div input[type='text'],
.login-div input[type='password'] {
background: #fff;
font-size: 14px;
border: 1px solid #6c9fd3 !important;
border-radius: 2px;
color: #666666;
outline: none;
}
.login-translucentDiv input[type='text'],
.login-translucentDiv input[type='password'] {
background: #fff;
font-size: 14px;
border: 1px solid #6c9fd3 !important;
border-radius: 2px;
color: #666666;
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: #fff;
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;
}
.mobileTabIcon-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;
margin-left: 0.2rem;
}
.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; */ /* 原来的值 */
top: 0.4rem; /* 龙锦煌 2022/7/14 改动 */
/* margin-top: 0.9rem; 杨文俊10/14有改动
margin-right: -5.5rem; 杨文俊10/14有改动*/
position: absolute;
/* right: 0.8rem; */ /* 原来的值 */
right: 0.4rem;/* 龙锦煌 2022/7/14 改动 */
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-cyy {
width: 1.5rem;
height: 2rem;
background: url(image/icon-cyy.png) center center no-repeat;
margin: 0.25rem 0.4rem;
}
.mobileIcon-phrase {
width: 1.25rem;
height: 1.5rem;
background: url(image/icon-phrase.png) center center no-repeat;
background-size: auto !important;
margin-left: 0.5rem;
}
.mobileIcon-phrase:active {
background: url(image/icon-phrase-hover.png) center center no-repeat;
}
/*cms附件*/
.mobileIcon-CMSattachment {
width: 1.5rem;
height: 2rem;
background: url(image/icon-shfj.png) center center no-repeat;
margin: 0.25rem 0.4rem;
}
.mobileIcon-CMSattachment:active {
background: url(image/icon-attachment-hover.png) center center no-repeat;
}
/*删除按钮*/
.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: #fbfbfb;
height: 2.25rem;
width: 100%;
box-sizing: border-box;
padding: 0 0.375rem;
overflow-x: auto;
position: absolute;
border-bottom: 0.1rem solid #ebebeb;
}
.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.15rem 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选项卡样式结束--------------------------*/
/*----------------------------mobileForm样式-------------------------------*/
.mobileForm {
width: calc(100% - 0.25rem);
margin: 0.5rem auto 0.5rem auto;
border-collapse: collapse;
border: 0.05rem solid #d4d6d9 ;
margin-bottom: 7.5rem;
table-layout: auto;
}
.mobileForm tr {
border: 0.05rem solid #d4d6d9 ;
}
.mobileForm th {
border: 0.05rem solid #d4d6d9 ;
box-sizing: border-box;
color: #818181;
font-size: 0.75rem;
text-align: right;
background-color: #fdfefe;
padding: 0.5rem .3rem;
line-height: 1.2rem;
vertical-align: middle;
word-break: break-all;
white-space: normal;
/*font-weight: bold;*/
}
.mobileForm td {
border: 0.05rem solid #d4d6d9 ;
box-sizing: border-box;
color: #000000;
font-size: 0.75rem;
text-align: left;
padding: 0.1rem .3rem;
line-height: 1.2rem;
vertical-align: middle;
position: relative;
}
/*----------------------------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: #e1e1e1;
border-top: 0.075rem solid #979899;
overflow: hidden;
}
.mobileBottom-button {
border: none;
outline: none;
width: 0;
/* width: calc(50% - 0.075rem); */
flex: 1;
height: 2rem;
color: #4863a4;
font-size: 1rem;
box-sizing: border-box;
/*background-color: #cacbcc;*/
-webkit-appearance: none;
border-radius: 0rem;
/*border-left: 0.075rem solid #979899;*/
border-right: 0.075rem solid #979899;
}
.mobileBottom-button:first-child{
border-left: none !important;
}
.mobileBottom-button:last-child {
border-right: none !important;
}
.mobileBottom-button:active {
color: #fff;
background-color: #c7e3fc;
}
/*-----------------------------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:-2px;
padding-right: 2px;
}
/*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:-2px;
padding-right: 2px;
}
/*相片图标（附件）*/
.mobileIcon-camera{
width: 2.5rem;
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-write{
width: 2.5rem;
height: 2.15rem;
background-image: url(image/mobileButton-write.png) ;
background-position: center center;
background-repeat: no-repeat;
background-size: 50%;
display:inline-block;
}
/*录像图标（附件）*/
.mobileIcon-videocamera{
width: 2.5rem;
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.5rem;
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.5rem;
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.05rem;
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 {
/*padding: .2rem;*/
border-top: 0.075rem solid #c2c2c2;
/*min-height: 2rem;*/
box-sizing: border-box;
background-color: #f2f2f2;
}
/*----------------------------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: calc(100% - 1.5rem);
}
.mobileSearch-div input[type="text"] {
border: none;
border-bottom: .05rem solid #ebebeb;
width: 100%;
box-sizing: border-box;
padding-left: 0.75rem;
height: 2rem;
line-height: 2rem;
font-size: 0.75rem;
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-family: Avenir,Helvetica,Arial,sans-serif;
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
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;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
color: #999;
}
.mobileSearch-button {
width: 100%;
height: 1.375rem;
border: none;
outline: none;
background-color: #6c9ed7;
text-align: center;
line-height: 1.375rem;
font-size: 0.75rem;
color: #fff;
letter-spacing: 0.1rem;
border-radius: 0.1rem;
margin: .375rem 0rem;
-webkit-appearance: none;
}
/*-----------------------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;
word-break: break-all;
}
/*-----------------------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;
}
/* 校验码边框 */
.mobile-Box {
border-radius: .3rem;
/*border: 0.1rem solid #6c9ddb;*/
position: absolute;
height: 100%;
width: 100%;
top: 5px;
background-color: #FFF;
display: flex;
align-items: center;
justify-content: center;
}
.mobile-S-Box {
/*height: 6.5rem;*/
position: absolute;
padding: .1rem 0.1rem;
box-sizing: border-box;
width: calc(100% - 0.25rem);
/*background: #fdfdfd;*/
font-size: 0.8rem;
color: #4b4b4b;
transform: translate(-50%, 0%);
left: 50%;
}
.mobile-Box-logo{
text-align: center;
margin-bottom: 1rem;
}
.mobile-Box-txt{
text-align: center;
margin-bottom: 1rem;
}
.mobileDownBox {
border-radius: .3rem;
border: 0.1rem solid #6c9ddb;
height: 6.5rem;
position: absolute;
padding: .1rem 0.1rem;
box-sizing: border-box;
top: 0px;
/* left: 0px; */
width: calc(100% - 0.25rem);
background: #fdfdfd;
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: "宋体";*/
font-family: Avenir,Helvetica,Arial,sans-serif;
}
/* 登录页背景 */
.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 .floatWindow {
width: 90%;
height: 80%;
position: fixed;
bottom: 10%;
left:5%;
border-radius: 0.5rem 0.5rem ;
text-align: center;
background: #efefef ;
border: solid 0.05rem #999;
box-shadow: 0px 0px 0.3rem 0.2rem #aaa;
overflow: hidden;
}
#app .floatWindow .floatTitle{
width: 100%;
position: relative;
height: 1.5rem;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
border-bottom: #999 solid 0.05rem;
font-size: .85rem;
color: #666;
/*margin-top: 0.3rem;
background: #6b9ed6;
border-radius: 0.15rem;*/
}
#app .floatWindow .floatIframe{
width: 99%;
height: calc(100% - 1.5rem);
bottom: 0;
}
#app .popupfloatWindow {
width: 90%;
height: 80%;
position: fixed;
bottom: 10%;
left:5%;
border-radius: 0.5rem 0.5rem ;
text-align: center;
background: #efefef ;
border: solid 0.05rem #999;
box-shadow: 0px 0px 0.3rem 0.2rem #aaa;
overflow: hidden;
}
#app .popupfloatWindow .floatTitle{
width: 100%;
position: relative;
height: 1.5rem;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
border-bottom: #999 solid 0.05rem;
font-size: .85rem;
color: #666;
}
#app .popupfloatWindow .floatIframe{
width: 99%;
height: calc(100% - 1.5rem);
bottom: 0;
}
#app .popupWindow {
width: 100%;
height: 100%;
position: fixed;
bottom: 0;
text-align: center;
background: #ffffff ;
}
#app .popupWindow .popupTitle{
position: fixed;
width: 100%;
/*background: #fff;*/
height: 2rem;
border-bottom: 0.1rem solid #6b9ed6;
}
#app .popupWindow .popupTitle .title{
position: absolute;
color: #6b9ed6;
font-size: .9rem;
margin: 0.5rem 0rem;
width: 100%;
z-index: 0;
/*width: calc(100% - 6.6rem);
overflow: scroll;
*/
}
#app .popupWindow .popupIframe{
width: 100%;
height: calc(100% - 2rem);
bottom: 0;
margin-top: 2rem;
}
#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.25rem;
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: 4.5rem;
display: block;
width: 12.75rem;
/*border-radius: 0.05rem;*/
-webkit-user-select: text;
-webkit-appearance: none;
background-color: #fafafa;
margin-left: 0.25rem;
box-sizing: border-box;
/*padding-right: 1.5rem;*/
/*padding-top: 0.1rem;*/
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:focus {
box-shadow: 0rem 0rem 0.4rem rgb(130 183 243);
border: 0.05rem solid rgb(108, 158, 215);
}
.cms-editor .content_div {
height: 2.5rem;
min-height: 2.5rem;
max-height: 2.5rem;
display: block;
width: 100%;
/*border-radius: 0.05rem;*/
/*-webkit-user-select: text;*/
/*-webkit-appearance: none;*/
background-color: #fafafa;
/*margin-left: 0.2rem;*/
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: .9rem;
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.25rem;
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 0.2rem center transparent;
background-size: 1rem;
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;
}
/*20230824 去掉growHeight*/
.mobileTextarea{
padding-left: 0px;
font-size: 0.75rem;
width: -webkit-fill-available;
height: -webkit-fill-available;
min-height:2rem;
}
/*20230824 去掉growHeight*/
.mobileForm td>input[type='text'] {
border: none;
background-size: 1rem;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
width: 100%;
height: 1.4rem;
color: #333333;
font-size: 0.75rem;
padding-left: 0px;
}
input[type=datetime-local] {
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.85rem;
color: #276ab0;
}
/* 移动端首页 用户提示语 */
.mobilePlugin-dimText {
font-size: 0.75rem;
color: #666666;
}
/* 移动端首页 日程内容 */
.mobilePlugin-text{
width: 12rem;
display: inline-block;
height: 1rem;
position: relative;
padding: 0.325rem 0rem 0rem;
margin-top: 0.3rem;
float: right;
font-size: .8rem;
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-family: Avenir,Helvetica,Arial,sans-serif;
/* 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-highlight {
font-weight: bolder!important;
color:#71a0ce !important;
}
.mobileDate-selected {
background-color: #71a0ce!important;
color: #fff !important;
font-weight:bolder!important;
}
.mobileDate-selected .mobileIcon-triangle {
color: #fff!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-family: Avenir,Helvetica,Arial,sans-serif;
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-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 36px;
color: #000000;
}
/*正文红色大字体*/
.content-largeWarningText {
/*font-family: Microsoft YaHei;*/
font-family: Avenir,Helvetica,Arial,sans-serif;
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: 3rem;
height:3rem;
background: url(image/mobileIcon-add.png) center center no-repeat;
background-size:150%;
background-position: center center;
border: none;
outline: none;
}
/*标题行的返回按钮图标*/
.mobileIcon-return {
margin: 0.5rem;
position: absolute;
left: 0.3rem;
width: 2rem;
font-size: 0.75rem;
color: #fff;
border-radius: 0.3rem;
border: 0.05rem solid #6b9ed6;
background: #6b9ed6;
box-shadow: rgb(223 226 229) 0rem 0rem 0.4rem;
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;
/*box-shadow: 0px 0px 1px 2px #ccc;*/
position: absolute;
z-index: 1;
}
.mobileIcon-return:after{
content: "返回";
text-align: center;
line-height: 1.1rem;
}
.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.05rem 0.05rem #dedede;
box-sizing: border-box;
word-break: break-all;
z-index: 9999 !important;
}
/*二维码上传样式*/
.qrcode-photo{
height: 100px;
width: 100px;
border: 1px solid #cccccc;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
overflow: hidden;
}
/*密码强度*/
.pw-bar {
background: url(image/pwd-1.png) no-repeat;
height: 15px;
overflow: hidden;
width: 200px;
background-size: 200px 15px;
}
.pw-bar-on {
background: url(image/pwd-2.png) no-repeat;
background-size: 200px 15px;
width: 0px;
height: 15px;
position: absolute;
top: 10px;
left: 12px;
transition: width .5s ease-in;
-moz-transition: width .5s ease-in;
-webkit-transition: width .5s ease-in;
-o-transition: width .5s ease-in;
}
#ueditor_0{
/*width: 600px;*/
margin: 0px auto;
display: flex;
background: #fff;
box-shadow: 1px -1px 4px 1px rgb(0 0 0 / 15%);
}
#zwPlay {
width: 600px;
margin: 0px auto;
}
#zwPlay::-webkit-scrollbar {
cursor: url(image/cur.ico), default !important;
width: 0px;
}
#zwPlay::-webkit-scrollbar-track {
background-color: none;
border-radius: 5px;
cursor: url(image/cur.ico), default !important;
}
#zwPlay::-webkit-scrollbar-thumb {
background: #b7b7b7;
cursor: url(image/cur.ico), default !important;
border-radius: 5px;
}
.searchTab-div {
float: right;
display: flex;
align-items: center;
}
.search-input-div {
display: flex;
height: 100%;
align-items: center;
border: 1px solid #bfbfbf;
border-radius: 5px;
}
.search-input-div input{
border: none;
background: unset;
}
.datetime-range-div {
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.datetime-range-div input{
border: 1px solid #bfbfbf;
}
/*搜索svg图标*/
.icon-svg-search {
width: 22px;
height: 22px;
background: url('data:image/svg+xml;utf-8,');
}
.icon-svg-search:hover{
background: url('data:image/svg+xml;utf-8,');
}
/*刷新svg图标*/
.icon-svg-refresh {
width: 22px;
height: 22px;
background: url('data:image/svg+xml;utf-8,');
}
.icon-svg-refresh:hover {
background: url('data:image/svg+xml;utf-8,');
}
/*关闭svg图标*/
.icon-svg-close{
background: url('data:image/svg+xml;utf-8,')
}
/*已读待办svg图标*/
.icon-svg-db-yd {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-db-yd:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*未读待办svg图标*/
.icon-svg-db-wd {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-db-wd:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*已办同意svg图标*/
.icon-svg-yb-ty {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-yb-ty:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*已办退回svg图标*/
.icon-svg-yb-th {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-yb-th:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*草稿svg图标*/
.icon-svg-cg {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*发起同意svg图标*/
.icon-svg-cg-ty {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*发起退回svg图标*/
.icon-svg-cg-th {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*置顶svg图标*/
.icon-svg-stick {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*取消置顶svg图标*/
.icon-svg-unstick {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*已读关注svg图标*/
.icon-svg-gz-yd {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-gz-yd:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
/*未读待办svg图标*/
.icon-svg-gz-wd {
width: 30px;
height: 30px;
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.icon-svg-gz-wd:hover {
background: url('data:image/svg+xml;utf-8,');
background-position: center;
background-size: 100% 100%;
}
.home-listItem-div {
background: white;
padding: 5px;
display: flex;
}
.home-listItem-div:hover {
background: #f8f8f8;
}
.home-listItem-div-icon{
width: 20px;
margin-left: 5px;
display: flex;
}
.home-listItem-div-content-left{
width: calc(100% - 190px);
margin-left: 5px;
/*display: flex;*/
}
.home-listItem-div-content-right{
width: 150px;
float: right;
}
.num-count{
margin-left: 3px;
font-size: 13px;
line-height: 18px;
background-color: #fff;
color: #ff5722;
}
.home-listItem-div-content-left .span-name{
font-size: 16px;
color: black;
line-height: 30px;
}
.home-listItem-div-content-left .span-name::before{
content:'【'
}
.home-listItem-div-content-left .span-name::after{
content:'】'
}
.span-icon-cuicu {
background: #e92828;
color: white;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 14px;
/*width: 35px;*/
text-align: center;
display: inline-block;
}
.span-icon-cuicu::after {
content:"催促 ";
}
.span-icon-deadline {
background: #e92828;
color: white;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 14px;
/*width: 35px;*/
text-align: center;
display: inline-block;
}
.span-icon-deadline::after {
content:"截止";
}
.span-icon-top {
background: #0eb0fd;
color: white;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 14px;
/*width: 35px;*/
text-align: center;
display: inline-block;
}
.span-icon-top::after {
content:" 置顶 ";
}
/*警告*/
.span-icon-red {
background: #e03737;
color: white;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 14px;
/*width: 35px;*/
text-align: center;
display: inline-block;
}
/*警告*/
.span-icon-grey {
background: #b6b6b6;
color: white;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 14px;
/*width: 35px;*/
text-align: center;
display: inline-block;
}
.span-icon-czry-sys {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px 5px;
margin-left: 5px;
border-radius: 8px;
font-size: 10px;
text-align: center;
display: inline-block;
}
.span-icon-czry-other {
border: 1px solid #e36e0c;
color: #e36e0c;
padding: 2px 5px;
margin-left: 5px;
border-radius: 8px;
font-size: 10px;
text-align: center;
display: inline-block;
}
.span-icon-plsh {
background: #fff;
border: 1px solid #6c9ed7;
color: #6c9ed7;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 15px;
text-align: center;
display: inline-block;
}
.span-icon-plsh::before {
content:"批处理:";
}
.span-icon-plsh:hover {
background: #6c9ed7;
border: 1px solid #fff;
color: #fff;
padding: 2px;
margin: 2px;
border-radius: 4px;
font-size: 15px;
text-align: center;
display: inline-block;
}
.home-listItem-div-content-left .span-content{
color: black;
font-size: 16px;
line-height: 30px;
/*font-weight: bold;*/
}
.home-listItem-div-content-right .span-time{
float: right;
text-align: right;
font-size: 16px;
margin: 3px;
/*font-weight: bold;*/
}
.home-listItem-div-content-right .span-lcjd{
float: right;
text-align: right;
font-size: 15px;
margin: 3px;
overflow: hidden;
/* white-space: nowrap; */
text-overflow: ellipsis;
width: 180px;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
line-clamp: 2;
-webkit-box-orient: vertical;
display: none;
}
.color-ff0{
background-color: #ff0;
}
/*homePluginRyxx个人空间背景颜色*/
#sybjBodyInner > .header>.header-main{
border-bottom: 0.025rem solid #6c9ddb;
background-color: #6c9ddb;
}
.sy-title{
color: #6b9fd3;
margin-left: 20px;
cursor: url(image/cursor-click.ico), default !important;
}
.mobileShxq_ck_header{
border-bottom: solid 0.1rem #eee;
background-color: #fdfefe;
min-height: 2rem;
font-size: 1rem;
display: flex;
justify-content: space-between;
align-items: center;
}
.mobileShxq_ck_title{
font-weight: bold;
font-family: '楷体',cursive;
font-size: 1rem;
margin-left: .5rem;
}
.mobileShxq_ck_lct_ck{
color: rgb(58, 142, 230);
font-size: 0.8rem;
margin-right: 0.5rem;
}
.mobileShxq_ck_bg_content-div{
margin: 0.1rem;
padding-bottom: 6rem;
height: 100%;
overflow-y: auto;
}
.mobileShxq_list_bg-table {
border-bottom: 0.05rem solid #d4d6d9;
width: 100%;
box-sizing: border-box;
}
.mobileShxq_list_bg-tr {
display: flex;
}
.mobileShxq_list_bg-tr>div{
}
.mobileShxq_list_bg-th {
font-size: .8rem;
width: 6rem;
display: flex;
align-items: center;
text-align: center;
padding: 0.3rem;
border-left: 0.05rem solid #d4d6d9;
border-top: 0.05rem solid #d4d6d9;
border-right: 0.05rem solid #d4d6d9;
box-sizing: border-box;
/*font-weight: bold;*/
justify-content: center;
}
.mobileShxq_list_bg-td {
width: calc(100% - 6rem);
}
.mobileShxq_list_bg-td-item {
font-size: .8rem;
/*color: #818181;*/
padding: 0.2rem 0.5rem;
border-top: 0.05rem solid #d4d6d9;
border-right: 0.05rem solid #d4d6d9;
box-sizing: border-box;
font-weight: bold;
}
.mobileShxq_list_bg-td-item>div{
font-weight: bold;
margin: 0.3rem 0;
line-height: 1.3rem;
}
.shxq_list_bg-table {
border-bottom: 1px solid #d4d6d9;
width: 100%;
padding-right: 5px;
box-sizing: border-box;
}
.shxq_list_bg-tr {
display: flex;
}
.shxq_list_bg-tr>div{
}
.shxq_list_bg-th {
background-color: #f7f7f7;
color: #666666;
font-size: 14px;
width: 200px;
display: flex;
align-items: center;
justify-content: right;
padding: 0px 10px 0px 48px;
border-left: 1px solid #d4d6d9;
border-top: 1px solid #d4d6d9;
border-right: 1px solid #d4d6d9;
box-sizing: border-box;
/*font-weight: bold;*/
}
.shxq_list_bg-td {
width: calc(100% - 200px );
}
.shxq_list_bg-td-item {
font-size: 14px;
/*color: #818181;*/
padding: 5px 10px;
border-top: 1px solid #d4d6d9;
border-right: 1px solid #d4d6d9;
box-sizing: border-box;
font-weight: bold;
}
.shxq_list_bg-td-item>div{
font-weight: bold;
margin: 10px 0;
line-height: 20px;
}
.icon-fj {
display: inline-block;
width: 1.5rem;
height: 1.5rem;
background-repeat: no-repeat;
background-position: center;
background-image: url('data:image/svg+xml;utf-8,');
}
/*env_search 录入未提交*/
.search-item-unsubmit-bdlbm-1 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-unsubmit-bdlbm-1::after {
content:" 录入未提交 ";
}
/*env_search 变动未提交*/
.search-item-unsubmit-bdlbm-11 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-unsubmit-bdlbm-11::after {
content:" 变动未提交 ";
}
/*env_search 停用未提交*/
.search-item-unsubmit-bdlbm-51 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-unsubmit-bdlbm-51::after {
content:" 停用未提交 ";
}
/*env_search 启用未提交*/
.search-item-unsubmit-bdlbm-55 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-unsubmit-bdlbm-55::after {
content:" 启用未提交 ";
}
/*env_search 录入待审*/
.search-item-submited-jlztm-21 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-submited-jlztm-21::after {
content:" 录入待审 ";
}
/*env_search 变动待审*/
.search-item-submited-jlztm-22 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-submited-jlztm-22::after {
content:" 变动待审 ";
}
/*env_search 停用待审*/
.search-item-submited-jlztm-25 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-submited-jlztm-25::after {
content:" 停用待审 ";
}
/*env_search 启用待审*/
.search-item-submited-jlztm-26 {
border: 1px solid #9d9d9d;
color: #9d9d9d;
padding: 2px;
margin-right: 5px;
border-radius: 2px;
text-align: center;
font-size: 11px;
}
.search-item-submited-jlztm-26::after {
content:" 启用待审 ";
}
/*env_search 录入未提交*/
.mobileSearch-item-unsubmit-bdlbm-1 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-unsubmit-bdlbm-1::after {
content:" 录入未提交 ";
}
/*env_search 变动未提交*/
.mobileSearch-item-unsubmit-bdlbm-11 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-unsubmit-bdlbm-11::after {
content:" 变动未提交 ";
}
/*env_search 停用未提交*/
.mobileSearch-item-unsubmit-bdlbm-51 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-unsubmit-bdlbm-51::after {
content:" 停用未提交 ";
}
/*env_search 启用未提交*/
.mobileSearch-item-unsubmit-bdlbm-55 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-unsubmit-bdlbm-55::after {
content:" 启用未提交 ";
}
/*env_search 录入待审*/
.mobileSearch-item-submited-jlztm-21 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-submited-jlztm-21::after {
content:" 录入待审 ";
}
/*env_search 变动待审*/
.mobileSearch-item-submited-jlztm-22 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-submited-jlztm-22::after {
content:" 变动待审 ";
}
/*env_search 停用待审*/
.mobileSearch-item-submited-jlztm-25 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-submited-jlztm-25::after {
content:" 停用待审 ";
}
/*env_search 启用待审*/
.mobileSearch-item-submited-jlztm-26 {
border: 0.05rem solid #9d9d9d;
color: #9d9d9d;
padding: 0.1rem;
border-radius: 0.2rem;
text-align: center;
font-size: 0.6rem;
}
.mobileSearch-item-submited-jlztm-26::after {
content:" 启用待审 ";
}
.Page-hover-color{
color:#808080;
}
.Page-hover-color:hover{
/*border-bottom: 1px #6b9fd3 solid;*/
background:#6b9fd3;
border-radius: 3px;
color: #fff;
margin-top:-1px;
}
/*新附件样式 start */
.attachment-file-item{
width: 100%;
display:flex;
align-items: center;
height: 30px;
border-bottom: solid 1px #eee;
box-sizing: border-box;
}
.attachment_file_batch_download,.attachment_file_download,.attachment_file_delete,.attachment-buttons-add,.attachment-template-download{
cursor: pointer;
padding: 0 10px;
text-align: center;
box-sizing: border-box;
height: 24px;
line-height: 24px;
}
.attachment_file_batch_download:hover,.attachment_file_download:hover,.attachment-buttons-add:hover,.attachment-template-download:hover{
color: #fff;
background: #6b9ed6;
}
.attachment_file_batch_download,.attachment_file_download,.attachment-buttons-add,.attachment_file_delete,.attachment-template-download{
color: #6b9ed6;
border: 1px solid #6b9ed6;
border-radius: 2px;
margin-left:5px;
}
.attachment_file_delete:hover{
color: #fff;
background: #A80000;
}
.attachment_file_delete{
color: #A80000;
border: 0;
/*border: 1px solid #A80000;*/
border-radius: 2px;
margin-left: 5px;
}
.attachment_file_download{
border: 0;
color: #6b9ed6;
/*border: 1px solid #6b9ed6;*/
border-radius: 2px;
}
.attachment-wrapper{
display:none;
position: fixed;
top: 0;
left: 0;
overflow: auto;
background-color: #4c4c4c7d;
width: 100vw;
height: 100vh;
z-index:991;
align-items: center;
justify-content: center;
}
.attachment-container{
min-height: 300px;
padding-bottom: 50px;
position: relative;
}
.attachment-file-item>div {
width: 80px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
box-sizing: border-box;
height: 30px;
line-height: 30px;
text-align:left;
/*border: solid 1px #ccc;*/
}
.attachment-file-item>div.attachment-file-prop-time{
width: 120px;
}
.attachment-file-item>div.attachment-file-prop-pick{
width: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.attachment-file-item>div.attachment-file-prop-sequence{
text-align: left;
width: 40px;
}
.attachment-file-item>div.attachment-file-prop-name {
cursor: pointer;
display: flex;
overflow: hidden;
color: #0000ed;
text-align:left;
/*margin: 5px;*/
}
.attachment-file-item>div.attachment-file-prop-name:hover{
color: #000;
}
.attachment-file-item>div.attachment-file-prop-operation {
flex: 2 1 140px;
display: flex;
align-items: center;
justify-content: center;
}
.attachment-buttons {
height: 50px;
background: #f5f5f5;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
}
.attachment-head {
height: 50px;
position: relative;
line-height: 50px;
box-sizing: border-box;
box-shadow: 0px 1px 1px 0px #ccc;
}
.attachment-files {
width:100%;
}
/**
弹窗列出附件
*/
.attachment-wrapper .attachment-files{
width: calc(100% - 20px);
max-height: calc(100vh - 200px);
overflow: auto;
padding-top: 30px;
position: relative;
}
.attachment-wrapper .attachment-files>.attachment-file-item:first-child{
position: absolute;
top: 0;
background-color: #fff;
}
.attachment-wrapper .attachment-files>.attachment-file-item:first-child>div{
/*border: none;*/
}
/*新附件样式 end */
/*表单编辑器样式*/
/*不让表格变形*/
table.form-design-table,
table:has(.f-input,.f-select,.f-datetime,.f-number,.f-boolean,.f-photo,.f-picture) {
table-layout: fixed;
}
table td.f-word{
padding: 0;
}
/*变动表格样式*/
.mobileList{
table-layout: fixed;
width: 150% !important;
height: auto;
border-collapse: separate;
/*border-top-left-radius: 0.2rem;*/
/*border-top-right-radius: 0.2rem;*/
border-spacing: 0px;
overflow: hidden;
box-sizing: border-box;
/*border: 1px solid #e0e0e0;*/
/*margin-left: 1.5rem;*/
font-size: 0.7rem;
color: #000;
}
.mobileList:nth-child(odd) {
background-color: #ffffff;
}
.mobileList tr {
line-height: 2rem;
}
.mobileList tr:nth-child(odd) {
background-color: #ffffff;
}
.mobileList tr:nth-child(even) {
background-color: #fafafa;
}
.mobileList th {
background-color: #6c9ed7;
padding: 0 1.5rem 0 0.5rem;
color: #fff;
min-width: 4rem;
max-width: 10rem;
text-align: left;
border-right: 1px solid #f2f2f2;
box-sizing: border-box;
word-break: break-word;
vertical-align: middle;
position: relative;
}
.mobileList tr td {
color: #747474;
box-sizing: border-box;
word-break: break-word;
position: relative;
overflow: hidden;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
padding: .2rem 0rem .2rem 0.5rem;
border-right: 1px solid #f2f2f2;
/*vertical-align: middle;*/
min-width: 4rem;
max-width: 10rem;
}
.mobileList tr td>div{
overflow-x: auto;
}
/*手写板样式*/
.matter-check-sign {
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: #f4f4f4;
width: calc(100% - 20px);
height: 100vh;
padding: 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.matter-check-sign .sign-btn-container {
width:calc(100% - 30px);
padding: 15px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
.matter-check-sign .sign-btn-container .btn-container {
width: 100%;
display: grid;
grid-template-columns: repeat(var(--C), 1fr);
grid-column-gap: 4px;
}
.matter-check-sign .sign-btn-container .btn-container .btn-item {
width: 100%;
height: 30px;
color: #666;
font-size: 14px;
font-weight: 600;
background: #fff;
box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
}
.matter-check-sign .sign-btn-container .btn-container .btn-item :first-child {
border-bottom-left-radius: 30px;
border-top-left-radius: 30px
}
.matter-check-sign .sign-btn-container .btn-container .btn-item :last-child {
border-bottom-right-radius: 30px;
border-top-right-radius: 30px
}
.matter-check-sign .sign-btn-container .btn-container .color-blue {
color: #0286DF
}
.matter-check-sign .sign-btn-container .btn-container .color-green {
color: #07c160
}
.matter-check-sign .sign-btn-container .btn-container .color-orange {
color: #ff976a
}
.matter-check-sign .sign-btn-container .btn-container .color-dust {
color: rgb(114, 50, 221)
}
.matter-check-sign .sign-btn-container .color-container {
position: absolute;
width: 80%;
height: 50px;
top: -58px;
left: 50%;
transform: translateX(-50%);
z-index: 100;
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.matter-check-sign .sign-btn-container .color-container .item {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.matter-check-sign .sign-btn-container .color-container .item .color-item {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .color-box {
width: 32px;
height: 32px;
border-radius: 50%;
background: rgba(150, 150, 150, 0.1);
padding: 4px;
display: flex;
justify-content: center;
align-items: center;
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .color-box .color {
width: 100%;
height: 100%;
border-radius: 50%;
background: #333;
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .color-box .back-blue {
background: #0286DF
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .color-box .back-green {
background: #07c160
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .color-box .back-red {
background: #ee0a24
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .border-dark {
box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.3)
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .border-blue {
box-shadow: 0 0 3px 3px rgba(40, 159, 239, 0.9)
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .border-green {
box-shadow: 0 0 3px 3px #07c160
}
.matter-check-sign .sign-btn-container .color-container .item .color-item .border-red {
box-shadow: 0 0 3px 3px #ee0a24
}
.matter-check-sign .sign-container {
width: calc(100% - 30px);
flex: 1;
padding: 15px;
background: linear-gradient(to left, black, black) left top no-repeat, linear-gradient(to bottom, black, black) left top no-repeat, linear-gradient(to left, black, black) right top no-repeat, linear-gradient(to bottom, black, black) right top no-repeat, linear-gradient(to left, black, black) left bottom no-repeat, linear-gradient(to bottom, black, black) left bottom no-repeat, linear-gradient(to left, black, black) right bottom no-repeat, linear-gradient(to left, black, black) right bottom no-repeat;
background-size: 10px 30px, 30px 10px, 10px 30px, 30px 10px;
}
.matter-check-sign .sign-container .canvas-container {
width: 100%;
height: 100%;
}
.matter-check-sign .sign-container .canvas-container #signCanvas {
width: 100%;
height: 100%;
background: #FFF;
border: none;
}
.review-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.review-image-box {
width: 90%
}
.show-enter-active {
animation: open 0.5s;
-webkit-animation: open 0.5s;
}
.show-leave-active {
animation: hidden 0.5s;
-webkit-animation: hidden 0.5s;
}
@keyframes open {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes hidden {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.slide-left-enter-active {
animation: go-left 0.5s;
-webkit-animation: go-left 0.5s;
}
.slide-left-leave-active {
animation: go-left 0.5s reverse;
-webkit-animation: go-left 0.5s reverse;
}
@keyframes go-left {
0% {
transform: translate3d(-100%, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
.slide-right-enter-active {
animation: go-right 0.5s;
}
.slide-right-leave-active {
animation: go-right 0.5s reverse
}
@keyframes go-right {
0% {
transform: translate3d(100%, 0, 0)
}
100% {
transform: translate3d(0, 0, 0)
}
}
.moren {
display: inline-block;
font-family: Avenir,Helvetica,Arial,sans-serif;
font-size: 14px;
font-weight: normal;
height: 28px;
line-height: 28px;
outline: none;
color: #999999;
background: url(image/false.png) right bottom no-repeat;
background-color: #ebebeb;
border-radius: 3px;
overflow: hidden;
padding: 0px 13px;
vertical-align: middle;
border: none;
box-sizing: border-box;
}
.moren:hover {
background: none;
color: #fff;
background-color: #6c9ddb;
}
.sItem {
background: url(image/true.png) right bottom no-repeat;
border-radius: 2px;
position: relative;
border-bottom: 2px solid #6c9ddb;
}
.Text_left{
text-align: left;
}
.Text_center{
text-align: center;
}
.Text_right{
text-align: right;
}
/*pc -- ygl 4/10=======================================================================================================*/
/*基础菜单页面*/
.longCardList-info{
display: flex !important;
flex-direction: column;
justify-content: center;
}
.button{
box-shadow: rgba(79,148,212,0.46) 0px 0px 0px 0.457342px,rgba(79,148,212,0.365) 0px 0px 0.914685px 0.457342px;
}
/*跳转按钮链接*/
.longCardList-highlight a {
color: #5588bb;
}
/*cardList-div 卡片 样式*/
.cardList{
padding-top: 10px;
}
.cardList-div{
width: auto !important;
height: auto !important;
margin: 10px !important;
box-shadow: 4px 7px 4px rgb(221 235 255);
padding: 10px;
}
.iconList-div{
text-align: center;
margin: 15px !important;
box-shadow: rgba(0,61,255,0.12) 0px 0px 6px 2px;
}
/* 右内容盒子 头部菜单*/
.hLine-dashed {
border-bottom: 1px dashed #cfcece;
margin: 0px 17px 0px 11px;
}
.el-tabs--border-card {
background: #f2f7ff !important;
}
.el-tabs__nav-scroll{
background: #e0edff;
}
/*发表按钮*/
.fb-style{
background-color: #e9f5ff !important;
border: solid 1px #d0eaf9 !important;
}
/*回到首页 - 刷新*/
.home-page-main .main-tab .el-tabs__header.is-top .right-buttons .el-button{
background-color:#e0edff !important;
border-color:#5599FF !important;
}
.contextMenu-div{
background-color: #f2f7ff;
box-shadow: rgba(0,71,101,0.06) 0px 0px 8px 0px,rgba(0,71,101,0.06) 0px 0px 32px 0px;
}
.descShow{
width: 7rem;
display: inline-block;
text-align: center;
}
.main-tab.el-tabs--border-card .el-tabs__header{
border-bottom-color: #e0edff;
}
/*流程 底部 icon */
.dhtmlx_skin_dhx_skyblue .bottom-div .bottom-up-div .bottom-up-div-top{
margin-left: 22px !important;
}
/*底部按钮*/
.bottom-down-div {
padding: 10px 0px 15px 0px;
}
/*外层 右边盒子 边距*/
#containerDiv {
padding-left: 10px !important;
}
/*移动端========*/
/*全部应用*/
.mobileContent-div .layui-tab-item{
/*
border-radius: 10px;
padding-bottom: 10px;
background: #f2f9ff;
margin: 20px;
box-shadow: rgba(117,95,255,0.06) 0px -5.65488px 0px 0px inset;
*/
}
/*列表详情 tab*/
.dhtmlx_skin_dhx_skyblue .tab-div .tab {
color: #2f3a45;
background: top -webkit-linear-gradient(#92cbff, #ffffff);
}
/*统计表 计划页面*/
.content-div .drcg{
color: #98ceff;
font-family: cursive;
}
/*统计表*/
.tjb-top {
border-radius: 10px !important;
}
/*表格左边标题*/
.mobileForm th{
/* width: 30% !important;*/
}
.tjb-bottom span {
background-color: #fff !important;
color: #446da9;
}
/*表单编辑器*/
.vue-grid-item {
border: 1px dashed #b7b7b7 !important;
}
.button-group{
background: #fff !important;
}
/*pc -- ygl =========== end */
.mobileContent-div{
overflow-x: auto;
}
/*移动端 end */
/*移动端表单编辑-其他组件-标题 */
.mobile-otherComponents-title{
background-color: #6B9ED6;
color: #fff;
font-size: 1rem;
/*font-weight: bolder;*/
height: 2rem;
display: flex;
align-items: center;
justify-content: center;
}
/**env_search变动按钮 start **/
.env-search-button{
align-items: center;
justify-content: center;
padding: 5px 5px 5px 5px;
min-width: 50px;
background-color: #f7f7f7;
border-radius: 2px;
color: #6c9ed7;
text-align: center;
outline: none;
border: none;
display: flex;
box-shadow: -1px 1px 1px rgb(108 158 215 / 40%);
font-size: 12px;
flex-wrap: wrap;
}
.env-search-button-icon{
background-position-x: center;
background-repeat: no-repeat;
height: 30px;
width:100%;
}
.env-search-button-text{
color: #6c9ed7;
text-align: center;
}
/*鼠标经过样式*/
.env-search-button:hover{
background-color: #6c9ed7;
color: #FFF;
}
.env-search-button:hover>.env-search-button-text{
color: #FFF;
}
/*默认变动*/
.env-search-button>.env-search-button-icon {
background-image: url(image/list-change-button.png);
}
.env-search-button:hover>.env-search-button-icon {
background-image: url(image/list-change-button-hover.png);
}
/*修改*/
.env-search-button:hover>.env-search-button-icon.icon-update{
background-image: url(image/addIcon-hover.png);
}
.env-search-button>.env-search-button-icon.icon-update{
background-image: url(image/addIcon.png);
}
/*启用*/
.env-search-button:hover>.env-search-button-icon.icon-enableSubmit{
background-image: url(image/button-enable-hover.png);
}
.env-search-button>.env-search-button-icon.icon-enableSubmit{
background-image: url(image/button-enable.png);
}
/*打印*/
.env-search-button:hover>.env-search-button-icon.icon-objectPrint{
background-image: url(image/icon-print-hover.png);
}
.env-search-button>.env-search-button-icon.icon-objectPrint{
background-image: url(image/icon-print.png);
}
/**env_search变动按钮 end**/