ss_dc_wechat_mini_program/alf/Main.css

/*-----------------start 20240708 样式--------------*/
/*
* {
    cursor: url(image/cur.ico), default;
}
*/
html,
body {
    height: 100%;
}

body,
div,
span,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
em,
a,
img,
ul,
li,
form,
b,
u,
i,
fieldset,
form,
label,
tbody,
thead,
tr,
th,
td,
canvas,
audio,
textarea,
video {
    font-size: 100%;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
    border: none;
    font-weight: normal;
    text-decoration: none;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
    outline: none;
}

body {
    font-size: 14px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: url(image/cur.ico), default;

    -webkit-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

hr {
    margin: 0px;
    height: 0px;
    border: none;
    border-bottom: 1px solid #cccccc;
}

body,
input,
button,
select {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
    margin: 0;
    padding: 0;
}

strong span {
    font-weight: bold;
}

input {
    background: none;
}

ul {
    list-style: none;
}

textarea {
    background-color: transparent;
    outline: none;
}

input[type='text'],
input[type='number'],
input[type='password'] {
    width: 160px;
    height: 30px;
    color: #000000;
    border: none;
    vertical-align: middle;
    margin-right: 2px;
    padding-left: 12px;
    box-sizing: border-box;
    border-radius: 2px;
    font-size: 16px;
    outline: none;
    background: none;
}

input[type='text']:focus,
input[type='number']:focus,
input[type='password']:focus {
    border: 1px solid #6c9ed7;
    /* box-shadow: 0 0 5px #6c9ed7; */
    outline: none;
}

input[type='text']::-webkit-input-placeholder,
input[type='number']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder {
    color: #ccc;
    font-family: "SimHei", Georgia, Serif !important;
    font-size: 14px;
}






/*-------锁屏样式-------*/

.lock-screen {
    background: url(image/SuoPin1.jpg) !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    background-size: cover !important;


}

/*----------------线样式-----------------*/
/*hLine*/
/*普通hLine*/
.hLine {
    border-bottom: 1px solid #d9d9d9;
}

/*上边框浅色实线*/
.hLine-top {
    border-top: 1px solid #d9d9d9;
}

/*浅色hLine*/
.hLine-dim {
    border-bottom: 1px solid #e5e8e9;
}

/*hLine高亮*/
.hLine-highlight {
    border-bottom: 1px solid #6c9ed7;
}

/*hLine高亮加粗*/
.hLine-highlightBlod {
    border-bottom: 2px solid #6c9ed7;
}

.hLine-dashed {
    border-bottom: 1px dashed #ededed;
}

/* 拖拉界面的红线 */
.hLine-warning {
    width: calc(100% - 4px);
    height: 2px;
    background-color: red;
    display: inline-block;
    vertical-align: top;
}

/*vLine*/
/*普通vLine*/
.vLine {
    border-right: 1px solid #d9d9d9;
}

/*左边框浅色实线*/
.vLine-left {
    border-left: 1px solid #d9d9d9;
}

/*vLine虚线*/
.vLine-dashed {
    border-right: 1px dashed #cacfd9;
}

/*非空校验的样式*/
.vLine-leftWarning {
    border-left: 2px solid red;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0px;
}

.vLine-warning {
    border-left: 2px solid red;
    height: 20px;
    display: inline-block;
    float: left;
}

.vline-dim {
    border-right: 1px solid #c3c3c3;
}

/* .menu-vLine {
    border-right: 1px solid rgba(30, 39, 105, 1);
    box-shadow: 1px 0px 0px rgba(60, 74, 185, 1);
} */

.vLine-leftHighlight {
    border-left: 2px solid #71a0ce;
}

/*-------------------线样式结束----------------------*/

/* ------------------鼠标样式 -----------------------*/
/* 向左拖一个 */
.cursor-hDrag {
    cursor: url(image/cursor-hDrag.ico), default !important;
}

.cursor-hDrag * {
    cursor: url(image/cursor-hDrag.ico), default !important;
}

/* 向左拖多个 */
.cursor-hDragMultiple {
    cursor: url(image/cursor-hDragMultiple.ico), default !important;
}

.cursor-hDragMultiple * {
    cursor: url(image/cursor-hDragMultiple.ico), default !important;
}

/* 手形（点击打开） */
.cursor-click {
    cursor: url(image/cursor-click.ico), default !important;
}

.cursor-click * {
    cursor: url(image/cursor-click.ico), default !important;
}

/* 向上拖一个 */
.cursor-vDrag {
    cursor: url(image/cursor-vDrag.ico), default !important;
}

.cursor-vDrag * {
    cursor: url(image/cursor-vDrag.ico), default !important;
}

/* 向上拖多个 */
.cursor-vDragMultiple {
    cursor: url(image/cursor-vDragMultiple.ico), default !important;
}

.cursor-vDragMultiple * {
    cursor: url(image/cursor-vDragMultiple.ico), default !important;
}

/* 可点击带帮助 */
.cursor-clickHelp {
    cursor: url(image/cursor-clickHelp.ico), default !important;
}

/* 带帮助 */
.cursor-help {
    cursor: url(image/cursor-help.ico), default !important;
}

/* 普通 */
.cursor {
    cursor: url(image/cur.ico), default !important;
}

/* 倒计时 */
.cursor-timing1 * {
    cursor: url(image/ready1.ico), default !important;
}

.cursor-timing2 * {
    cursor: url(image/ready2.ico), default !important;
}

.cursor-timing3 * {
    cursor: url(image/ready3.ico), default !important;
}

.cursor-timing4 * {
    cursor: url(image/ready4.ico), default !important;
}

.cursor-timing5 * {
    cursor: url(image/ready5.ico), default !important;
}

.cursor-timing6 * {
    cursor: url(image/ready6.ico), default !important;
}

.cursor-timing7 * {
    cursor: url(image/ready7.ico), default !important;
}

.cursor-timing8 * {
    cursor: url(image/ready8.ico), default !important;
}

.cursor-timing9 * {
    cursor: url(image/ready9.ico), default !important;
}

.cursor-timing10 * {
    cursor: url(image/ready10.ico), default !important;
}

.cursor-timing11 * {
    cursor: url(image/ready11.ico), default !important;
}

.cursor-timing12 * {
    cursor: url(image/ready12.ico), default !important;
}

/*忙（转圈圈）*/
.cursor-loading {
    width: 34px;
    height: 34px;
    background: url(image/cursor-loading.gif) center center no-repeat;
}

/*------------------鼠标样式结束--------------------*/

/*--------------------滚动条样式--------------------*/
/*大滚动条*/
div.nicescroll-rails {
    /*background-color: inherit !important;*/
}

/*大滚动条样式*/
/* .scrollbar{} */

/*小滚动条样式*/
/* .smallScrollbar {} */
/*---------------------滚动条样式结束----------------*/

/*----------------------背景颜色样式-------------*/
/*主体背景颜色*/
.home-div {
    background-color: #f5f5f5;


}

/*内容*/
.background-content {
    background-color: #fff;
}

/*应用首页操作区底色*/
.sysbar-div {
    background-color: #fff;
}

.cms-background {
    background-color: #f5f5f5;
}

/*---------------------背景颜色样式结束------------*/

/*---------------------按钮样式-------------------*/
/* 搜索按钮 */
.content-invertButton {
    font-size: 14px;
    color: #fff;
    padding: 0px 13px;
    height: 28px;
    line-height: 28px;
    background-color: #393d51;
    box-sizing: border-box;
    border: 1px solid #393d51;
    vertical-align: middle;
    border-radius: 3px;
    outline: none;
    margin-right: 2px;
}

.content-invertButton:hover {
    border: 1px solid #c4c7cc;
    color: #c4c7cc;
    background-color: transparent;
}

.content-invertButton:active {
    border: 1px solid #000;
    color: #fff;
    background: #000;
}

/* 管理按钮 */
.content-button {
    font-size: 14px;
    color: #999999;
    padding: 0px 13px;
    height: 29px;
    line-height: 28px;
    box-sizing: border-box;
    border: 1px solid #c4c7cc;
    vertical-align: middle;
    border-radius: 3px;
    outline: none;
    margin-right: 2px;
    background: none;
}

.content-button:hover {
    background-color: #393d51;
    border: 1px solid #393d51;
    color: #fff;
    /* background-color: #6b9fd3; */
}

.content-button:active {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}

/*底部按钮样式*/
.bottom-button {
    width: 161px;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 16px;
    font-weight: normal;
    clear: both;
    /* height: 37px; */
    box-sizing: border-box;
    padding: 5px 20px;
    line-height: 33px;
    /* margin: 0 12.5px; */
    color: #333333;
    border: none;
    border-radius: 5px;
    background: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #A6ABB3;
    outline: none;
    letter-spacing: unset !important;
}

.bottom-button:hover {
    color: #fff;
    background-color: #575D6D;
}

.bottom-button:active {
    color: #fff;
    background-color: #575D6D;
}

/*on按钮*/
.content-onButton {
    display: inline-block;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 16px;
    min-width: 80px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    outline: none;
    color: #393d51;
    background: url(image/svg_icon/gouxuan.svg) right bottom no-repeat;
    background-color: #ffffff;
    overflow: hidden;
    padding: 5px 10px;
    vertical-align: middle;
    position: relative;
    box-sizing: border-box;
    border-radius: 2px;
    border: 1px solid #393d51;
    background-size: 24px;
}

.content-onButton:hover {
    color: #fff;
    background: #393d51 url(image/svg_icon/gouxuan.svg) right bottom no-repeat;
}

/*off按钮*/
.content-offButton {
    display: inline-block;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 16px;
    min-width: 80px;
    font-weight: normal;
    padding: 5px 10px;
    outline: none;
    color: #c3c6ca;
    background: url(image/svg_icon/bugouxuan.svg) right bottom no-repeat;
    background-color: #ffffff;
    border-radius: 4px;
    overflow: hidden;
    /* padding: 0px 13px; */
    vertical-align: middle;
    border: 1px solid #bfc1c6;
    box-sizing: border-box;
    background-size: 24px;
}

.content-offButton:hover {
    border-radius: 4px;
    color: #fff;
    background: #393d51 url(image/svg_icon/bugouxuan.svg) right bottom no-repeat;
}

/*label按钮*/
.label-button {
    font-size: 14px;
    padding: 0px 13px;
    background-color: #6c9ed7;
    box-sizing: border-box;
    border: 1px solid #fff;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    color: #fff;
    border-radius: 4px;
    outline: none;
    cursor: pointer;
    margin-right: 2px;
}

.label-button:hover {
    border-radius: 4px;
    color: #6c9ed7;
    background-color: #fff;
}

.smallButton {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: #f7f7f7;
    color: #6c9ddb;
    text-align: center;
    line-height: 22px;
    box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
    border-radius: 2px;
    outline: none;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

.smallButton:hover {
    color: #fff;
    background-color: #6c9ed7;
}

.smallButton:active {
    color: #fff;
    background-color: #415f7f;
}

.button {
    width: 50px;
    background-color: #f7f7f7;
    border-radius: 2px;
    color: #6c9ed7;
    text-align: center;
    outline: none;
    border: none;
    display: inline-block;
    box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
    background-position-x: center;
    background-position-y: calc(50% - 10px);
    font-size: 13px;
    background-repeat: no-repeat;
}

.button:hover {
    background-color: #6c9ed7;
    color: #fff;
}

.button:active {
    background-color: #415f7f;
    color: #fff;
}

.builtinButton {
    width: 50px;
    background-color: #f7f7f7;
    border-radius: 2px;
    color: #6c9ed7;
    text-align: center;
    outline: none;
    border: none;
    display: inline-block;
    box-shadow: -1px 0px 1px rgba(108, 158, 215, .4);
    background-position-x: center;
    background-position-y: calc(50% - 10px);
    font-size: 13px;
    background-repeat: no-repeat;
}

.builtinButton:hover {
    background-color: #6c9ed7;
    color: #fff;
}

.builtinButton:active {
    background-color: #415f7f;
    color: #fff;
}

/*--------------------按钮样式结束----------------------*/

/*--------------------icon图标样式-----------------------*/
/*附件*/
.icon-attachment {
    background-image: url(image/icon-attachment.png);
}

.icon-attachment:hover {
    background-image: url(image/icon-attachment-hover.png);
}

.icon-attachment:active {
    background-image: url(image/icon-attachment-hover.png);
}

/*常用语*/
.icon-phrase {
    background-image: url(image/icon-phrase.png);
}

.icon-phrase:hover {
    background-image: url(image/icon-phrase-hover.png);
}

.icon-phrase:active {
    background-image: url(image/icon-phrase-hover.png);
}

/*手写*/
.icon-pen {
    background-image: url(image/icon-pen.png);
}

.icon-pen:hover {
    background-image: url(image/icon-pen-hover.png);
}

.icon-pen:active {
    background-image: url(image/icon-pen-hover.png);
}

/*待办小I*/
.icon-i {
    vertical-align: middle;
    background-image: url(image/smallButton-i.png);
    cursor: url(image/cur.ico), default !important;
    float: left;
    margin-top: 10px !important;
    margin-left: 8px;
}

.smallButton.icon-i:hover {
    background-image: url(image/smallButton-i-hover.png);
}

.smallButton.icon-i:active {
    background-image: url(image/smallButton-i-hover.png);
}

/*待办大I按钮*/
.icon-bigI {
    vertical-align: middle;
    background-image: url(image/smallButton-bigIbutton.png);
    float: left;
    cursor: url(image/cur.ico), default !important;
    margin-top: 10px;
    margin-left: 10px;
}

.smallButton.icon-bigI:hover {
    background-image: url(image/smallButton-bigIbutton-hover.png);
}

.smallButton.icon-bigI:active {
    background-image: url(image/smallButton-bigIbutton-hover.png);
}

/*增加*/
.icon-add {
    background-image: url(image/addIcon.png);
    background-position-x: center;
    background-repeat: no-repeat;
    display: inline-block;
    width: 22px;
    height: 22px;
}

input.icon-add {
    
    border: none;
    outline: none;
    float: left;
    margin-right: 8px;
    
}

.button.icon-add:hover {
    background-image: url(image/addIcon-hover.png);
    background-position-x: center;
    background-repeat: no-repeat;
}

/*删除*/
.icon-del {
    background-image: url(image/icon-del.png);
}

input.icon-del {
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    float: left;
    margin-right: 8px;
    display: inline-block;
}

.button.icon-del:hover {
    background-image: url(image/icon-del-hover.png);
}


/* 变动 */
.icon-change {
    background-image: url(image/changeIcon.png);
}

input.icon-change {
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    float: left;
    margin-right: 8px;
    display: inline-block;
}

/* 停用 */
.icon-disable {
    background-image: url(image/disableIcon.png);
}

input.icon-disable {
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    float: left;
    margin-right: 8px;
    display: inline-block;
}

/* 启用 */
.icon-enable {
    background-image: url(image/icon-enable.png);
}

input.icon-enable {
    width: 22px;
    height: 22px;
    border: none;
    outline: none;
    float: left;
    margin-right: 8px;
    display: inline-block;
}

/*数量*/
.icon-num {
    display: inline-block;
    height: 19px;
    line-height: 19px;
    font-size: 14px;
    color: #6c9ed7;
    background-color: #fff;
    padding: 0px 5px;
    border: 1px solid #6c9ed7;
    vertical-align: middle;
}

/* 总数超过9的图标 */
.icon-fullNum {
    height: 19px;
    width: 19px;
    box-sizing: border-box;
    border: 1px solid #6c9ed7;
    background: url(image/icon-num-9p.png) center center;
    background-color: #fff;
    background-color: #6c9ed7;
}

/*objectpicker不可输入时下拉图标*/
.icon-down {
    display: inline-block;
    vertical-align: middle;
    width: 26px;
    height: 26px;
    background: url(image/dialog-select-icon.png) center center no-repeat;
    /* border: 1px solid rgb(195 199 203); */
    position: absolute;
    right: 2px;
    border-radius: 2px;
    box-shadow: none;
    /* top: 8px; */
    /* transform: translateY(-50%); */
}

/*objectpicker可输入时下拉图标*/
.smallButton.icon-down {
    position: absolute;
    right: -1px;
    top: -1px;
    background-image: url(image/svg_icon/xiangxiajiantou.svg);
    background-position: center !important;
    background-size: 80%;
    border-radius: 2px;
    border: 1px solid rgb(195 199 203);
}

.smallButton.icon-down:hover {
    background-color: #393d51;
    background-image: url(image/svg_icon/xiangxiajiantou.svg);
}

.smallButton.icon-down:active {
    background-color: rgb(0 0 0);
    background-image: url(image/svg_icon/xiangxiajiantou.svg);
}

/*实心闭合文件夹icon*/
.icon-fullFolder {
    display: inline-block;
    width: 22px;
    height: 40px;
    background: url(image/list-fullGroupIcon.png) center calc(50% - 2px) no-repeat;
    color: #333;
    font-size: 0px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    float: left;
    margin-right: 6px;
    cursor: url(image/cursor-click.ico), default;
}

.icon-fullFolder:hover {
    background: url(image/list-fullGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
    color: #fff;
}

.icon-fullFolder:active {
    color: #fff;
    background: url(image/list-fullGroupIcon-active.png) center calc(50% - 2px) no-repeat;
}

.icon-fullFolder a {
    color: #333;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: url(image/cursor-click.ico), default;
    line-height: inherit;
}

.icon-fullFolder:hover a {
    color: #fff;
}

.icon-fullFolder:active a {
    color: #fff;
}

/*实心展开文件夹icon*/
.icon-openFullFolder {
    display: inline-block;
    width: 22px;
    height: 40px;
    background: url(image/list-expandedFullGroupIcon.png) center calc(50% - 2px) no-repeat;
    color: #333;
    font-size: 0px;
    text-align: center;
    vertical-align: middle;
    float: left;
    margin-right: 6px;
    cursor: url(image/cursor-click.ico), default;
    line-height: 40px;
}

.icon-openFullFolder:hover {
    background: url(image/list-expandedFullGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
    color: #fff;
}

.icon-openFullFolder:active {
    color: #fff;
    background: url(image/list-expandedFullGroupIcon-active.png) center calc(50% - 2px) no-repeat;
}

.icon-openFullFolder a {
    color: #333;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 40px;
    cursor: url(image/cursor-click.ico), default;
    line-height: inherit;
}

.icon-openFullFolder:hover a {
    color: #fff;
}

.icon-openFullFolder:active a {
    color: #fff;
}

/*闭合文件夹icon*/
.icon-folder {
    display: inline-block;
    width: 22px;
    height: 40px;
    background: url(image/svg_icon/folderShare.svg) center calc(50% - 2px) no-repeat;
    color: #333;
    font-size: 13px;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    float: left;
    margin-right: 6px;
    letter-spacing: 0.5px;
    cursor: url(image/cur.ico), default !important;
}

/* .icon-folder:hover {
    background: url(image/list-groupIcon-hover.png) center calc(50% - 2px) no-repeat;
    color: #fff;
}

.icon-folder:active {
    color: #fff;
    background: url(image/list-groupIcon-active.png) center calc(50% - 2px) no-repeat;
} */

.icon-folder a {
    color: #fff;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    cursor: url(image/cur.ico), default !important;
}

.icon-folder:hover a {
    color: #fff;
}

.icon-folder:active a {
    color: #fff;
}

/*展开文件夹icon*/
.icon-openFolder {
    font-size: 13px;
    letter-spacing: 0.5px;
    color: #fff;
    display: inline-block;
    width: 22px;
    height: 40px;
    background: url(image/svg_icon/olderOpen.svg) center calc(50% - 2px) no-repeat;
    text-align: center;
    line-height: inherit;
    vertical-align: middle;
    float: left;
    margin-right: 6px;
    cursor: url(image/cur.ico), default !important;
}

/* .icon-openFolder:hover {
    color: #fff;
    background: url(image/list-expandedGroupIcon-hover.png) center calc(50% - 2px) no-repeat;
}

.icon-openFolder:active {
    color: #fff;
    background: url(image/list-expandedGroupIcon-active.png) center calc(50% - 2px) no-repeat;
} */

.icon-openFolder a {
    color: #fff;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    width: 100%;
    height: 100%;
    line-height: inherit;
    cursor: url(image/cur.ico), default !important;
}

.icon-openFolder:hover a {
    color: #fff;
}

.icon-openFolder:active a {
    color: #fff;
}

/*子文件icon*/
.icon-point {
    display: inline-block;
    width: 22px;
    height: 40px;
    vertical-align: middle;
    /* background: url(image/list-itemIcon.png) right center no-repeat; */
    float: left;
    margin-right: 6px;
    cursor: url(image/cur.ico), default !important;
    position: relative;
}

.icon-point::after {
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #666;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/*单文件icon*/
.icon-doc {
    width: 22px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(image/list-icon.png) center center no-repeat;
    float: left;
    margin-right: 6px;
    cursor: url(image/cur.ico), default !important;
}

/*草稿单文件*/
.icon-writingDoc {
    width: 22px;
    /* height:40px; */
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    background: url(image/icon-writingDoc.png) center center no-repeat;
    float: left;
    margin-right: 6px;
    cursor: url(image/cur.ico), default !important;
}

.icon-writingDoc:hover {
    background: url(image/icon-writingDoc-hover.png) center center no-repeat;
}

.icon-writingDoc:active {
    background: url(image/icon-writingDoc-active.png) center center no-repeat;
}

/*代理icon*/
.icon-proxy {
    width: 22px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(image/icon-proxy.png) center center no-repeat;
    float: left;
    margin-right: 6px;
    cursor: url(image/cur.ico), default !important;
}

/*带下划线的附件*/
.underlineIcon-attachment {
    width: 25px;
    height: 40px;
    border: none;
    outline: none;
    background: url(image/underlineIcon-attachment.png) center center no-repeat;
}

.toolbar-button.underlineIcon-attachment:hover {
    background-image: url(image/underlineIcon-attachment-hover.png);
}

.toolbar-button.underlineIcon-attachment:active {
    background-image: url(image/underlineIcon-attachment-hover.png);
}

/*带下划线的媒体*/
.underlineIcon-media {
    width: 25px;
    height: 40px;
    border: none;
    outline: none;
    background: url(image/icon-image.png) center center no-repeat;
}

/* 转换 */
.icon-translate {
    width: 22px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background: url(image/icon-translate.png) center center no-repeat;
    float: left;
    margin-right: 6px;
}

/* 关闭按钮 */
.icon-close {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/svg_icon/guanbi.svg) center center no-repeat;
    position: absolute;
    top: 9px;
    right: 10px;
}

/* 复制帮助代码按钮 */
.icon-key {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/help-keyButton.png) center center no-repeat;
    /* position: absolute;*/
    /* right: 45px;*/
    top: 9px;
}

/*退格图标*/
.icon-backspace {
    background-image: url(image/icon-backspace.png);
}

.icon-backspace:hover {
    background-image: url(image/icon-backspace-hover.png);
}

.icon-backspace:active {
    background-image: url(image/icon-backspace-hover.png);
}

/* 选项卡灰色圆点 */
.icon-dimPoint {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #acacac;
    border-radius: 50%;
    float: right;
    margin-right: -20px;
    margin-top: 4px;
}

/* 选项卡高亮圆点 */
.icon-highlightPoint {
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #fa8c00;
    border-radius: 50%;
    float: right;
    margin-right: -22px;
    margin-top: 3px;
}

/* 撤销 */
.icon-undo {
    background-image: url(image/icon-undo.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-undo:hover {
    background-image: url(image/icon-undo-hover.png);
}

.icon-undo:active {
    background-image: url(image/icon-undo-hover.png);
}

/* 重做 */
.icon-redo {
    background-image: url(image/icon-redo.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-redo:hover {
    background-image: url(image/icon-redo-hover.png);
}

.icon-redo:active {
    background-image: url(image/icon-redo-hover.png);
}

/* 加粗 */
.icon-bold {
    background-image: url(image/icon-bold.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-bold:hover {
    background-image: url(image/icon-bold-hover.png);
}

.icon-bold:active {
    background-image: url(image/icon-bold-hover.png);
}

/* 颜色 */
.icon-color {
    background-image: url(image/icon-color.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* 插入图片 */
.icon-image {
    background-image: url(image/icon-image.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-image:hover {
    background-image: url(image/icon-image-hover.png);
}

.icon-image:active {
    background-image: url(image/icon-image-hover.png);
}

/* 插入表格 */
.icon-table {
    background-image: url(image/icon-table.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-table:hover {
    background-image: url(image/icon-table-hover.png);
}

.icon-table:active {
    background-image: url(image/icon-table-hover.png);
}

/* 插入分隔线 */
.icon-hLine {
    background-image: url(image/icon-hLine.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-hLine:hover {
    background-image: url(image/icon-hLine-hover.png);
}

.icon-hLine:active {
    background-image: url(image/icon-hLine-hover.png);
}

/* 查找 */
.icon-search {
    background-image: url(image/icon-search1.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-search:hover {
    background-image: url(image/icon-search-hover.png);
}

.icon-search:active {
    background-image: url(image/icon-search-hover.png);
}

/* 下划线 */
.icon-underline {
    background-image: url(image/icon-underline.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-underline:hover {
    background-image: url(image/icon-underline-hover.png);
}

.icon-underline:active {
    background-image: url(image/icon-underline-hover.png);
}

/* 更多 */
.icon-more {
    background-image: url(image/icon-more.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-more:hover {
    background-image: url(image/icon-more-hover.png);
}

.icon-more:active {
    background-image: url(image/icon-more-hover.png);
}

/* 斜体 */
.icon-italic {
    background-image: url(image/icon-italic.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-italic:hover {
    background-image: url(image/icon-italic-hover.png);
}

.icon-italic:active {
    background-image: url(image/icon-italic-hover.png);
}

/* 删除线 */
.icon-strikethrough {
    background-image: url(image/icon-strikethrough.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-strikethrough:hover {
    background-image: url(image/icon-strikethrough-hover.png);
}

.icon-strikethrough:active {
    background-image: url(image/icon-strikethrough-hover.png);
}

/* 上标 */
.icon-superScript {
    background-image: url(image/icon-superScript.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-superScript:hover {
    background-image: url(image/icon-superScript-hover.png);
}

.icon-superScript:active {
    background-image: url(image/icon-superScript-hover.png);
}

/* 下标 */
.icon-subScript {
    background-image: url(image/icon-subScript.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-subScript:hover {
    background-image: url(image/icon-subScript-hover.png);
}

.icon-subScript:active {
    background-image: url(image/icon-subScript-hover.png);
}

/* 居左 */
.icon-justifyLeft {
    background-image: url(image/icon-justifyLeft.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-justifyLeft:hover {
    background-image: url(image/icon-justifyLeft-hover.png);
}

.icon-justifyLeft:active {
    background-image: url(image/icon-justifyLeft-hover.png);
}

.toolbar-button-selected.icon-justifyLeft {
    background-image: url(image/icon-justifyLeft-hover.png);
}

/* 右对齐 */
.icon-justifyRight {
    background-image: url(image/icon-justifyRight.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-justifyRight:hover {
    background-image: url(image/icon-justifyRight-hover.png);
}

.icon-justifyRight:active {
    background-image: url(image/icon-justifyRight-hover.png);
}

.toolbar-button-selected.icon-justifyRight {
    background-image: url(image/icon-justifyRight-hover.png);
}

/* 居中 */
.icon-justifyCenter {
    background-image: url(image/icon-justifyCenter.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-justifyCenter:hover {
    background-image: url(image/icon-justifyCenter-hover.png);
}

.icon-justifyCenter:active {
    background-image: url(image/icon-justifyCenter-hover.png);
}

.toolbar-button-selected.icon-justifyCenter {
    background-image: url(image/icon-justifyCenter-hover.png);
}

/* 首行缩进 */
.icon-indent {
    background-image: url(image/icon-indent.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-indent:hover {
    background-image: url(image/icon-indent-hover.png);
}

.icon-indent:active {
    background-image: url(image/icon-indent-hover.png);
}

/* 段前距 */
.icon-rowSpacingTop {
    background-image: url(image/icon-rowSpacingTop.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-rowSpacingTop:hover {
    background-image: url(image/icon-rowSpacingTop-hover.png);
}

.icon-rowSpacingTop:active {
    background-image: url(image/icon-rowSpacingTop-hover.png);
}

/* 段后距 */
.icon-rowSpacingBottom {
    background-image: url(image/icon-rowSpacingBottom.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-rowSpacingBottom:hover {
    background-image: url(image/icon-rowSpacingBottom-hover.png);
}

.icon-rowSpacingBottom:active {
    background-image: url(image/icon-rowSpacingBottom-hover.png);
}

/* 行间距 */
.icon-lineHeight {
    background-image: url(image/icon-lineHeight.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-lineHeight:hover {
    background-image: url(image/icon-lineHeight-hover.png);
}

.icon-lineHeight:active {
    background-image: url(image/icon-lineHeight-hover.png);
}

/* 地图 */
.icon-map {
    background-image: url(image/icon-map.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-map:hover {
    background-image: url(image/icon-map-hover.png);
}

.icon-map:active {
    background-image: url(image/icon-map-hover.png);
}

/* 插入word */
.icon-word {
    background-image: url(image/icon-word.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-word:hover {
    background-image: url(image/icon-word-hover.png);
}

.icon-word:active {
    background-image: url(image/icon-word-hover.png);
}

/* 插入excel */
.icon-excel {
    background-image: url(image/icon-excel.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-excel:hover {
    background-image: url(image/icon-excel-hover.png);
}

.icon-excel:active {
    background-image: url(image/icon-excel-hover.png);
}

/* 快捷图标 */
.icon-shortcut {
    background-image: url(image/icon-shortcut.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-shortcut:hover {
    background-image: url(image/icon-shortcut-hover.png);
}

.icon-shortcut:active {
    background-image: url(image/icon-shortcut-hover.png);
}

/* 超链接 */
.icon-link {
    background-image: url(image/icon-link.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-link:hover {
    background-image: url(image/icon-link-hover.png);
}

.icon-link:active {
    background-image: url(image/icon-link-hover.png);
}

.icon-backColor {
    background-image: url(image/icon-backgroundColor.png);
}

/* 全部往右移 */
.icon-allRight {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/rightYi1.png) center center no-repeat;
    position: absolute;
    left: 50%;
    top: 10px;
}

.icon-allRight:hover {
    background: url(image/rightYi3.png) center center no-repeat;
}

.icon-allRight:active {
    background: url(image/rightYi3.png) center center no-repeat;
}

/* 全部往左移 */
.icon-allLeft {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/leftYi1.png) center center no-repeat;
    position: absolute;
    left: 50%;
    top: 10px;
}

.icon-allLeft:hover {
    background: url(image/leftYi3.png) center center no-repeat;
}

.icon-allLeft:active {
    background: url(image/leftYi3.png) center center no-repeat;
}

/* 播放按钮 */
.icon-play {
    background: url(image/play-button.png) center center no-repeat;
}

.icon-play:hover {
    background: url(image/play-button-hover.png) center center no-repeat;
}

/* 暂停按钮 */
.icon-pause {
    background: url(image/pause-button.png) center center no-repeat;
}

.icon-pause:hover {
    background: url(image/pause-button-hover.png) center center no-repeat;
}

/*批示录入框中的喇叭图标*/
.icon-voiceMsg {
    display: inline-block;
    width: 110px;
    height: 40px;
    background: url(image/mobileIcon-voiceMsg.png) center center no-repeat;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*批示录入框中的播放录音图标*/
.icon-playVoice {
    display: inline-block;
    background: url(image/mobileIcon-playVoice.gif) center center no-repeat;
    box-sizing: border-box;
    border: none;
    width: 110px;
    height: 40px;
}

/*批示录入框中的播放录音图标*/
.icon-pauseVoice {
    display: inline-block;
    background: url(image/stop-msg.png) center center no-repeat;
    box-sizing: border-box;
    width: 110px;
    height: 40px;
    background-size: 40px 40px;
}

.icon-copy {
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    z-index: 99999;
    background: url(image/smallButton-timechecked.png) center center no-repeat;
}

/* 切换一二次登录页图标 */
.icon-replace {
    background: url('image/svg_icon/qiehuanyonghu.svg');
}

/*登录页用户名图标*/
.icon-user {
    color: #fff;
    background: url("image/svg_icon/yonghuming.svg") no-repeat #575D6D;

}


/*登录页密码图标 */
.icon-password {
    color: #fff;
    background: url("image/svg_icon/mima.svg") no-repeat #575D6D;
}

/*登录页验证码图标*/
.icon-captcha {
    color: #fff;
    background: url("image/svg_icon/yanzhengma.svg") no-repeat #575D6D;
}

/*登录页锁屏时间图标*/
.icon-timer {
    color: #fff;
    background: url("image/svg_icon/shijian.svg") no-repeat #575D6D;
}

/*密码框小眼睛*/
/* .icon-eye {
    background-image: url("image/ksmm.png");
    background-size: 100%;
}

.icon-eye:hover {
    background-image: url("image/ksmm-hover.png");
    background-size: 100%;
} */

/*按钮左边的小手机图标*/
.icon-mobile {
    background-image: url(image/bottom-buttonIcon.png);
    background-position: 10px 5px;
    background-repeat: no-repeat;
    padding: 0px 10px;
    text-indent: 25px;
}

.icon-mobile:hover {
    background-image: url(image/bottom-buttonIcon-hover.png);
}

/*按钮左边的二维码扫码图标*/
.icon-qrcode {
    background: url('image/svg_icon/yaoyiyaocu.svg') no-repeat 30px center;
    background-size: 15%;
    padding-left: 40px;
    /* 给图标预留空间 */
    letter-spacing: unset !important;
}

.icon-qrcode:hover {
    background: url('image/svg_icon/yaoyiyaocu_hover.svg') no-repeat 30px center #575D6D;
    background-size: 15%;
    padding-left: 40px;
    /* 给图标预留空间 */
    letter-spacing: unset !important;
}

/* 登录按钮的图标 */
.icon-login {
    background: url('image/svg_icon/denglu.svg') no-repeat 45px center;
    background-size: 10%;
    text-indent: 20px;
    padding: 0px 25px;
    padding-left: 40px;
    /* 给图标预留空间 */
    letter-spacing: unset !important;
}

.icon-login:hover {
    background: url('image/svg_icon/denglu_hover.svg') no-repeat 45px center #575D6D;
    background-size: 10%;
    text-indent: 20px;
    padding: 0px 25px;
    padding-left: 40px;
    /* 给图标预留空间 */
}

/*锁屏页倒计时按钮*/
.icon-countdownButton {
    color: #fff;
    background: #3e5d7c;
}

/*锁屏页评论图标*/
.icon-forum {
    background: url(image/icon_comment.png);
}

/*锁屏页点赞图标*/
.icon-like {
    background: url(image/icon-like-alt.png);
}

.icon-like:active {
    background: url(image/icon_like_alt-red.png);
}

/*锁屏页i图标*/
.icon-info {
    background: url(image/icon-error-circle-alt.png);
}

.icon-setHelpButton {
    display: none;
    width: 36px;
    height: 36px;
    background: url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
    background-size: 24px;
}

.icon-setHelpButton:hover {
    background: #383d50 url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
    background-size: 24px;
    border-radius: 4px;
}

.icon-setHelpButton:active {
    background: #000 url(image/home-plugin-editWdHelpButton.png) center center no-repeat;
    background-size: 24px;
    border-radius: 4px;
}

.icon-helpButton {
    display: none;
    width: 22px;
    height: 22px;
    background: url(image/home-plugin-WdHelpButton.png) center center no-repeat;
}

.icon-helpButton:hover {
    background: url(image/home-plugin-WdHelpButton-hover.png) center center no-repeat;
}

.icon-helpButton:active {
    background: url(image/home-plugin-WdHelpButton-active.png) center center no-repeat;
}

.hugeIcon-help {
    width: 42px;
    height: 42px;
    background: url(image/download-document.png) center center no-repeat;
    background-size: 100% 100%;
}

/*变动按钮*/
.icon-change {
    float: right;
    background-image: url(image/list-change-button.png);
}

.icon-change:hover {
    background-image: url(image/icon-change-hover.png);
}

.icon-change-hover {
    width: 22px;
    height: 22px;
    background-image: url(image/icon-change-hover.png);
    border: none;
    outline: none;
    display: inline-block;
}

.button.icon-change:hover {
    background-image: url(image/list-change-button-hover.png);
}

.button.icon-change:active {
    background-image: url(image/list-change-button-hover.png);
}

.toolbar-button.icon-change:hover {
    background-image: url(image/list-change-button-hover.png);
}

.toolbar-button.icon-change:active {
    background-image: url(image/list-change-button-hover.png);
}

/*  办理按钮图标 */
.icon-do {
    background-image: url(image/icon-do.png);
    /* width: 22px;
	height: 22px; */
    border: none;
    outline: none;
    float: right;
    margin-right: 8px;
    display: inline-block;
}

.icon-do:hover {
    background-image: url(image/icon-do-hover.png);
}

.icon-do:active {
    background-image: url(image/icon-do-hover.png);
}

/*启用按钮*/
.icon-enable {
    background-image: url(image/button-enable.png);
    float: right;
}

.button.icon-enable:hover {
    background-image: url(image/button-enable-hover.png);
}

.button.icon-enable:active {
    background-image: url(image/button-enable-hover.png);
}

/*改稿按钮*/
.icon-revise {
    background-image: url(image/button-rewrite.png);
    float: right;
}

.button.icon-revise:hover {
    background-image: url(image/button-rewrite-hover.png);
}

.button.icon-revise:active {
    background-image: url(image/button-rewrite-hover.png);
}

/*原由按钮*/
.icon-reason {
    background-image: url(image/list-reasonButton.png);
    float: right;
}

.button.icon-reason:hover {
    background-image: url(image/list-reasonButton-hover.png);
}

.button.icon-reason:active {
    background-image: url(image/list-reasonButton-hover.png);
}

/*报名按钮*/
.icon-register {
    background-image: url("image/icon-register.png");
    float: right;
}

.button.icon-register:hover {
    background-image: url("image/icon-register-hover.png");
}

.button.icon-register:active {
    background-image: url("image/icon-register-hover.png");
}

.icon-vLine-dashed {
    display: block;
    min-height: 30px !important;
    background: url(image/icon-vLine-dashed.png) -3px top repeat-y !important;
}

.icon-TLine-dashed {
    display: inline-block !important;
    width: 22px !important;
    height: 30px !important;
    background: url(image/icon-TLine-dashed.png) left center no-repeat !important;
    /* background-color: #fff !important;*/
}

.icon-LLine-dashed {
    display: inline-block !important;
    width: 22px !important;
    height: 30px !important;
    background: url(image/icon-LLine-dashed.png) left center no-repeat !important;
    /* background-color: #fff !important;*/
}

/*已打钩*/
.icon-checked {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-checked.png) center center no-repeat;
}

.icon-checked:hover {
    background: url(image/icon-checked-hover.png) center center no-repeat !important;
}

/*未钩*/
.icon-unchecked {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-unchecked.png) center center no-repeat;
}

.icon-unchecked:hover {
    background: url(image/icon-unchecked-hover.png) center center no-repeat !important;
}

.list .icon-unchecked {
    background: none;
}

.list:hover .icon-unchecked {
    background: url(image/icon-unchecked.png) center center no-repeat;
}

.cardList-div .icon-unchecked {
    background: none;
}

.cardList-div:hover .icon-unchecked {
    background: url(image/icon-unchecked.png) center center no-repeat;
}

.iconList-div .icon-unchecked {
    background: none;
}

.iconList-div:hover .icon-unchecked {
    background: url(image/icon-unchecked.png) center center no-repeat;
}


/* 截图功能放大按钮 */
.icon-zoomIn {
    background-image: url(image/icon-zoomIn.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-zoomIn:hover {
    background-image: url(image/icon-zoomIn-hover.png);
}

.icon-zoomIn:active {
    background-image: url(image/icon-zoomIn-hover.png);
}

.disableIcon-zoomIn {
    background-image: url(image/disableIcon-zoomIn.png);
    background-position: center;
    background-repeat: no-repeat;
}

/* 截图功能缩小按钮 */
.icon-zoomOut {
    background-image: url(image/icon-zoomOut.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-zoomOut:hover {
    background-image: url(image/icon-zoomOut-hover.png);
}

.icon-zoomOut:active {
    background-image: url(image/icon-zoomOut-hover.png);
}

/* 截图功能顺时针选择按钮 */
.icon-rightRotation {
    background-image: url(image/icon-rightRotation.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-rightRotation:hover {
    background-image: url(image/icon-rightRotation-hover.png);
}

.icon-rightRotation:active {
    background-image: url(image/icon-rightRotation-hover.png);
}

/* 截图功能逆时针旋转按钮 */
.icon-leftRotation {
    background-image: url(image/icon--leftRotation.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-leftRotation:hover {
    background-image: url(image/icon--leftRotation-hover.png);
}

.icon-leftRotation:active {
    background-image: url(image/icon--leftRotation-hover.png);
}

/*编辑选项卡按钮*/
.icon-set {
    display: inline-block;
    width: 36px;
    height: 36px;

    background: url(image/svg_icon/shezhi.svg) center center no-repeat;
    background-size: 24px;
}

.icon-set:hover {
    background: #383d50 url(image/svg_icon/shezhi.svg) center center no-repeat;
    background-size: 24px;
    border-radius: 4px;
}

.icon-set:active {
    background: #000 url(image/svg_icon/shezhi.svg) center center no-repeat;
    background-size: 24px;
    border-radius: 4px;
}

/* 打钩按钮 */
.invertIcon-save {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-image: url(image/icon-ok.png);
    background-position: center;
    background-repeat: no-repeat;
}

.invertIcon-save:hover {
    background-image: url(image/icon-ok-hover.png);
}

.invertIcon-save:active {
    background-image: url(image/icon-ok-hover.png);
}

/* 收藏按钮 */
.icon-favorite {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-favorite.png) center center no-repeat;
}

.icon-favorite:hover {
    background: url(image/icon-favorite-hover.png) center center no-repeat;
}

.icon-favorite:active {
    background: url(image/icon-favorite-active.png) center center no-repeat;
}

/* 帮助按钮 */
.icon-help {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-help.png) center center no-repeat;
}

.icon-help:hover {
    background: url(image/icon-help-hover.png) center center no-repeat;
}

.icon-help:active {
    background: url(image/icon-help-active.png) center center no-repeat;
}

/* 下载按钮 */
.icon-download {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-download.png) center center no-repeat;
}

.icon-download:hover {
    background: url(image/icon-download-hover.png) center center no-repeat;
}

.icon-download:active {
    background: url(image/icon-download-active.png) center center no-repeat;
}

/* 锁定按钮 */
.icon-lock {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-lock.png) center center no-repeat;
}

.icon-lock:hover {
    background: url(image/icon-lock-hover.png) center center no-repeat;
}

.icon-lock:active {
    background: url(image/icon-lock-active.png) center center no-repeat;
}

/* 编辑个人选值按钮 */
.icon-setValue {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-setValue.png) center center no-repeat;
}

.icon-setValue:hover {
    background: url(image/icon-setValue-hover.png) center center no-repeat;
}

.icon-setValue:active {
    background: url(image/icon-setValue-active.png) center center no-repeat;
}

/* 编辑帮助按钮 */
.icon-editHelp {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-setHelp.png) center center no-repeat;
}

.icon-editHelp:hover {
    background: url(image/icon-setHelp-hover.png) center center no-repeat;
}

.icon-editHelp:active {
    background: url(image/icon-setHelp-active.png) center center no-repeat;
}

/* （内容）属性按钮 */
.icon-property {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-property.png) center center no-repeat;
}

.icon-property:hover {
    background: url(image/icon-property-hover.png) center center no-repeat;
}

.icon-property:active {
    background: url(image/icon-property-active.png) center center no-repeat;
}

/* 变动查看-关按钮 */
.icon-history {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-history.png) center center no-repeat;
}

.icon-history:hover {
    background: url(image/icon-history-hover.png) center center no-repeat;
}

.icon-history:active {
    background: url(image/icon-history-active.png) center center no-repeat;
}

/* 变动查看-开按钮 */
.icon-historyOn {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-historyOn.png) center center no-repeat;
}

.icon-historyOn:hover {
    background: url(image/icon-historyOn-hover.png) center center no-repeat;
}

.icon-historyOn:active {
    background: url(image/icon-historyOn-active.png) center center no-repeat;
}

/* 已收藏按钮 */
.icon-favoriteOn {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-favoriteOn.png) center center no-repeat;
}

.icon-favoriteOn:hover {
    background: url(image/icon-favoriteOn-hover.png) center center no-repeat;
}

.icon-favoriteOn:active {
    background: url(image/icon-favoriteOn-active.png) center center no-repeat;
}

/* 已收藏按钮 */
.largeIcon-close {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(image/largeIcon-close.png) center 2px no-repeat;
}

.largeIcon-close:hover {
    background: url(image/largeIcon-close-hover.png) center 2px no-repeat;
}

.largeIcon-close:active {
    background: url(image/largeIcon-close-active.png) center 2px no-repeat;
}

/* 全屏按钮 */
.icon-fullscreen {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-fullscreen.png) center center no-repeat;
}

.icon-fullscreen:hover {
    background: url(image/icon-fullscreen-hover.png) center center no-repeat;
}

.icon-fullscreen:active {
    background: url(image/icon-fullscreen-active.png) center center no-repeat;
}

/* 退出全屏按钮 */
.icon-restore {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-restore.png) center center no-repeat;
}

.icon-restore:hover {
    background: url(image/icon-restore-hover.png) center center no-repeat;
}

.icon-restore:active {
    background: url(image/icon-restore-active.png) center center no-repeat;
}

/* 退出全屏按钮（大） */
.largeIcon-restore {
    display: inline-block;
    width: 42px;
    height: 42px;
    background: url(image/largeIcon-restore.png) center center no-repeat;
}

.largeIcon-restore:hover {
    background: url(image/largeIcon-restore-hover.png) center center no-repeat;
}

.largeIcon-restore:active {
    background: url(image/largeIcon-restore-active.png) center center no-repeat;
}

/*删除表格*/
.icon-deleteTable {
    width: 60px;
    height: 45px;
    background: url(image/icon-deleteTable.png) center center no-repeat;
}

.icon-deleteTable:hover {
    background-image: url(image/icon-deleteTable-hover.png);
}

.icon-deleteTable:active {
    background-image: url(image/icon-deleteTable-hover.png);
}

/*插入行*/
.icon-insertRow {
    width: 60px;
    height: 45px;
    background: url(image/icon-insertRow.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-insertRow:hover {
    background-image: url(image/icon-insertRow-hover.png);
}

.icon-insertRow:active {
    background-image: url(image/icon-insertRow-hover.png);
}

/*插入列*/
.icon-insertCol {
    width: 60px;
    height: 45px;
    background: url(image/icon-insertCol.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-insertCol:hover {
    background-image: url(image/icon-insertCol-hover.png);
}

.icon-insertCol:active {
    background-image: url(image/icon-insertCol-hover.png);
}

/*删除行*/
.icon-deleteRow {
    width: 60px;
    height: 45px;
    background: url(image/icon-deleteRow.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-deleteRow:hover {
    background-image: url(image/icon-deleteRow-hover.png);
}

.icon-deleteRow:active {
    background-image: url(image/icon-deleteRow-hover.png);
}

/*删除列*/
.icon-deleteCol {
    width: 60px;
    height: 45px;
    background: url(image/icon-deleteCol.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-deleteCol:hover {
    background-image: url(image/icon-deleteCol-hover.png);
}

.icon-deleteCol:active {
    background-image: url(image/icon-deleteCol-hover.png);
}

/*右合并*/
.icon-mergeRight {
    width: 60px;
    height: 45px;
    background: url(image/icon-mergeRight.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-mergeRight:hover {
    background-image: url(image/icon-mergeRight-hover.png);
}

.icon-mergeRight:active {
    background-image: url(image/icon-mergeRight-hover.png);
}

/*向下合并*/
.icon-mergeDown {
    width: 60px;
    height: 45px;
    background: url(image/icon-mergeDown.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-mergeDown:hover {
    background-image: url(image/icon-mergeDown-hover.png);
}

.icon-mergeDown:active {
    background-image: url(image/icon-mergeDown-hover.png);
}

/*选中合并*/
.icon-mergeCells {
    width: 60px;
    height: 45px;
    background: url(image/icon-mergeCells.png) center center no-repeat;
    padding: 0px;
    margin-right: 3px;
}

.icon-mergeCells:hover {
    background-image: url(image/icon-mergeCells-hover.png);
}

.icon-mergeCells:active {
    background-image: url(image/icon-mergeCells-hover.png);
}

/* 附件 */
.invertIcon-fullscreen {
    background-image: url(image/invertIcon-fullscreen.png);
    background-position: center;
    background-repeat: no-repeat;
}

.invertIcon-fullscreen:hover {
    background-image: url(image/invertIcon-fullscreen-hover.png);
}

.invertIcon-fullscreen:active {
    background-image: url(image/invertIcon-fullscreen-hover.png);
}

.toolbar-button-selected.invertIcon-fullscreen {
    background-image: url(image/invertIcon-fullscreen-hover.png);
}

/*顺排*/
.icon-justifyDefault {
    background-image: url(image/icon-justifyDefault.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-justifyDefault:hover {
    background-image: url(image/icon-justifyDefault-hover.png);
}

.icon-justifyDefault:active {
    background-image: url(image/icon-justifyDefault-hover.png);
}

/*左环绕*/
.icon-imageLeft {
    background-image: url(image/icon-imageLeft.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-imageLeft:hover {
    background-image: url(image/icon-imageLeft-hover.png);
}

.icon-imageLeft:active {
    background-image: url(image/icon-imageLeft-hover.png);
}

/*右环绕*/
.icon-imageRight {
    background-image: url(image/icon-imageRight.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-imageRight:hover {
    background-image: url(image/icon-imageRight-hover.png);
}

.icon-imageRight:active {
    background-image: url(image/icon-imageRight-hover.png);
}

/*不环绕*/
.icon-imageCenter {
    background-image: url(image/icon-imageCenter.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-imageCenter:hover {
    background-image: url(image/icon-imageCenter-hover.png);
}

.icon-imageCenter:active {
    background-image: url(image/icon-imageCenter-hover.png);
}

.icon-pin {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/icon-pin.png) center center no-repeat;
}

.icon-unpin {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/icon-unpin.png) center center no-repeat;
}

/* 打印按钮 */
.icon-print {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/icon-print.png) center center no-repeat;
}

.icon-print:hover {
    background: url(image/icon-print-hover.png) center center no-repeat;
}

.icon-print:active {
    background: url(image/icon-print-active.png) center center no-repeat;
}

/*统计图标*/
.icon-chart {
    background: url(image/icon-chart.png) center center no-repeat;
}

/*统计刷新图标*/
.icon-loadingChart {
    background: url(image/icon-chart.gif) center center no-repeat;
}

/*课程表图标*/
.icon-schedule {
    background: url(image/icon-schedule.png) center center no-repeat;
}

/*清除按钮*/
.icon-clear {
    background-image: url(image/icon-clear.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-clear:hover {
    background-image: url(image/icon-clear-hover.png);
}

.icon-clear:active {
    background-image: url(image/icon-clear-hover.png);
}

/*--------------------icon图标样式结束--------------------*/

/*--------------------选项卡样式------------------------*/
.tab-div {
    position: relative;
    float: left;
    width: 100%;
    display: inline-block;
    background-color: #fff;
    box-sizing: border-box;
    border-bottom: 1px solid #e0e0e0;
    padding-top: 1px;
}

.tab-div ul {
    list-style: none;
}

.tab-div ul li ul {
    margin-left: -26px;
}

.tab-div ul:after {
    display: block;
    visibility: hidden;
    clear: both;
    width: 0;
    height: 0;
    content: '';
}

/*默认选项卡样式*/
.tab {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    margin-left: 8px;
    margin-bottom: -1px;
    float: left;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #808080;
    border: 1px solid #becacc;
    background: top -webkit-linear-gradient(#e1e5e7, #cfd4d7);
    cursor: url(image/cursor-click.ico), default !important;
}

/*选项卡鼠标悬停样式*/
.tab:hover {
    color: #fff;
    border: 1px solid #6b9fd3;
    border-bottom: 1px solid #e0e0e0;
    background: #6b9fd3;
}

/*选项卡选中样式*/
.tab-selected {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    padding: 0 25px;
    margin-left: 8px;
    margin-bottom: -1px;
    float: left;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #5f81b3;
    border: 1px solid #e0e0e0;
    border-bottom: 1px solid #fff;
    background: #fff;
    /*cursor: url(image/cursor-click.ico), default !important;*/
    cursor: url(image/cursor-click.ico), default;
}

/*选项卡下的打钩区域不显示*/
.tab .icon-unchecked,
.tab-selected .icon-unchecked {
    display: none !important;
}

.tab .icon-checked,
.tab-selected .icon-checked {
    display: none !important;
}

.lightTab-selected .icon-checked,
.lightTab .icon-checked {
    display: none !important;
}

.lightTab-selected .icon-unchecked,
.lightTab .icon-unchecked {
    display: none !important;
}

/*查询页面管理区域选项卡样式默认样式*/
.lightTab {
    display: inline-block;
    color: #808080;
    font-size: 14px;
    padding: 0px 10px;
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
    cursor: url(image/cursor-click.ico), default !important;
}

/*查询页面管理区域选项卡样式鼠标滑过样式*/
.lightTab:hover {
    color: #6b9fd3;
    border-bottom: 2px solid #6b9fd3;
}

/*查询页面管理区域选项卡样式选中样式*/
.lightTab-selected {
    border-bottom: 2px solid #6b9fd3;
    display: inline-block;
    color: #000;
    font-size: 14px;
    padding: 0px 10px;
    height: 37px;
    line-height: 37px;
    box-sizing: border-box;
}

/*左侧选项卡*/
.leftTab {
    width: calc(100% - 10px);
    box-sizing: border-box;
    background-color: #f5f5f5;
    margin: 0 auto;
    padding: 0 5px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
}

.leftTab-selected {
    width: 100%;
    background: #FFF;
    padding: 0px 11px 0px 10px;
    border-top: 1px solid #6c9ed7;
    border-bottom: 1px solid #6c9ed7;
    margin-top: -1px;
    font-size: 14px;
    color: #000;
}

.leftTab-dim {
    font-size: 13px;
    color: #666666;
}

/*右侧选项卡*/
.rightTab {
    width: calc(100% - 10px);
    box-sizing: border-box;
    background-color: #fff;
    margin: 0 auto;
    padding: 0 5px;
    font-size: 14px;
    color: #666666;
    overflow: hidden;
}

.rightTab-selected {
    width: 100%;
    background: #f5f5f5;
    padding: 0px 11px 0px 10px;
    border-top: 1px solid #6c9ed7;
    border-bottom: 1px solid #6c9ed7;
    margin-top: -1px;
    font-size: 14px;
    color: #000;
}

.rightTab-dim {
    font-size: 13px;
    color: #666666;
}

/*-----------------------------选项卡样式结束--------------------------*/

/*-----------------------------largeIcon样式-----------------------------*/
.largeIcon-home {
    background: url(image/svg_icon/home.svg) no-repeat center;
    background-size: 24px 24px;
}

/* .largeIcon-home:hover {
    background: url(image/svg_icon/home.svg) no-repeat center;
    width: 34px !important;
    height: 34px !important;
    background-size: 24px 24px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

.largeIcon-home:active {
    background: url(image/svg_icon/home.svg) no-repeat center;
} */

/*退出按钮*/
.largeIcon-exit {
    width: 48px !important;
    height: 48px !important;

    background: url(image/svg_icon/tuichu.svg) no-repeat center;
    background-size: 36px 36px;
}

.largeIcon-exit:hover {
    width: 46px !important;
    height: 46px !important;
    background: #242835 url(image/svg_icon/tuichu.svg) no-repeat center;
    background-size: 36px 36px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

.largeIcon-exit:active {
    width: 46px !important;
    height: 46px !important;
    background: #000 url(image/svg_icon/tuichu.svg) no-repeat center;
    background-size: 36px 36px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

/*换肤按钮*/
.largeIcon-skin {
    background: url(image/svg_icon/huanfu.svg) no-repeat center;
    background-size: 24px 24px;
}

.largeIcon-skin:hover {
    width: 34px !important;
    height: 34px !important;
    background: #242835 url(image/svg_icon/huanfu.svg) no-repeat center;
    background-size: 24px 24px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

.largeIcon-skin:active {
    width: 34px !important;
    height: 34px !important;
    background: #000 url(image/svg_icon/huanfu.svg) no-repeat center;
    background-size: 24px 24px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

/*锁定按钮*/
.largeIcon-lock {
    background: url(image/svg_icon/suoping.svg) no-repeat center;
    background-size: 24px 24px;
}

.largeIcon-lock:hover {
    width: 34px !important;
    height: 34px !important;
    background: #242835 url(image/svg_icon/suoping.svg) no-repeat center;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
    background-size: 24px 24px;
}

.largeIcon-lock:active {
    width: 34px !important;
    height: 34px !important;
    background: #000 url(image/svg_icon/suoping.svg) no-repeat center;
    background-size: 24px 24px;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
}

/*帮助按钮*/
.largeIcon-help {
    background: url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
    background-size: 24px 24px;
}

.largeIcon-help:hover {
    width: 34px !important;
    height: 34px !important;
    background: #242835 url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
    background-size: 24px 24px;
}

.largeIcon-help:active {
    width: 34px !important;
    height: 34px !important;
    background: #000 url(image/svg_icon/zaixianbangzhu.svg) no-repeat center;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
    background-size: 24px 24px;
}

/*下载按钮*/
.largeIcon-download {
    background: url(image/svg_icon/xiazai.svg) no-repeat center;
    background-size: 24px 24px;
}

.largeIcon-download:hover {
    width: 34px !important;
    height: 34px !important;
    background: #242835 url(image/svg_icon/xiazai.svg) no-repeat center;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
    background-size: 24px 24px;
}

.largeIcon-download:active {
    width: 34px !important;
    height: 34px !important;
    background: #000 url(image/svg_icon/xiazai.svg) no-repeat center;
    border: 1px solid #EDF1F5;
    border-radius: 4px;
    background-size: 24px 24px;
}

/*编辑首页按钮*/
.largeIcon-set {
    background: url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
    background-size: 24px 24px;
    /* box-sizing: border-box; */
}

.largeIcon-set:hover {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid white;
    border-radius: 4px;
    background: #242835 url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
    background-size: 24px 24px;
}

.largeIcon-set:active {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid white;
    border-radius: 4px;
    background: #000 url(image/svg_icon/shouyeshezhi.svg) no-repeat center;
    background-size: 24px 24px;
}

/* 首页添加删除时的 部件居中 */
.gridster>ul {
    margin-top: 5px;
    margin-bottom: 30px;
    margin-left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0);
    margin: 0 auto;
}

/* 首页部件编辑状态 关闭按钮 */
.gridster .close {
    background-image: url("image/svg_icon/shanchujiaobiao.svg");
    cursor: pointer;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 36px;
    height: 36px;
    font-size: 0;
    z-index: 2;
    transform: rotate(270deg);
}

/* 首页部件编辑状态 右下角拖拽图标 */
.gs-resize-handle-both {
    width: 36px !important;
    height: 36px !important;
    bottom: 0px !important;
    right: 0px !important;
    /* position: relative !important; */
    /* background-color: red; */
    background-image: url(image/svg_icon/guangbiao-tuozhuai.svg) !important;
    background-position: center !important;
    transform: rotate(-45deg);
}

/* .gs-resize-handle-both::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width:100%;
    height:3px;
    background:green;
    transform: rotate(45deg);
}
.gs-resize-handle-both::before{
    content: '';
    position: absolute;
    right:  0;
    bottom: 0;
    display: block;
    width:3px;
    height:100%;
    background:green;
    transform: rotate(45deg);
} */
/*编辑帮助*/
.largeIcon-setHelp {
    background-image: url(image/editWdHelp.png);
}

.largeIcon-setHelp:hover {
    background-image: url(image/editWdHelp-hover.png);
}

.largeIcon-setHelp:active {
    background-image: url(image/editWdHelp-active.png);
}

/*菜单开始按钮*/
.largeIcon-start {
    width: 28px;
    height: 28px;
    cursor: url(image/cursor-click.ico), default;
    background: url(image/menu-startButton.png) center center no-repeat;
}

/*菜单查询按钮*/
.largeIcon-search {
    width: 28px;
    height: 28px;
    background: url(image/menu-searchButton.png) center center no-repeat;
    cursor: url(image/cursor-click.ico), default;
}

/*-----------------------------largeIcon样式结束-----------------------------*/

/*---------------------------------翻页样式--------------------------*/
.icon-prevPage {
    background: url('image/prevPage.png') 0px center no-repeat;
    cursor: url(image/cursor-click.ico), default !important;
}

.icon-prevPage:hover {
    background: url('image/prevPage.png') 0px center no-repeat;
}

.icon-nextPage {
    background: url('image/nextPage.png') 0px center no-repeat;
    cursor: url(image/cursor-click.ico), default !important;
}

.icon-nextPage:hover {
    background: url('image/nextPage.png') 0px center no-repeat;
}

/*-----------------------------翻页样式结束--------------------*/

/*----------------------------底部区域样式--------------------*/
/* 外框 */
.bottom-div {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
    background-color: rgba(231, 234, 234, 1);
}

/*底部区域上部*/
.bottom-up-div {
    height: 110px;
    background-color: rgba(246, 249, 249, 1);
    border-top: 3px solid #4863a4;
}

/* 底部区域下部 */
.bottom-down-div {
    padding: 10px 10px 9px 0px;
    text-align: right;
    border-top: 1px solid #e2e4ec;
    box-shadow: 0px -1px 1px rgba(241, 241, 241, 1);
    font-size: 18px;
    gap: 20px;
    color: #333;
    background: #fafbfe;
}

.bottom-div .input-div {
    background-color: #fff;
    border: 1px solid #e1e1e1;
}

/* 其中一格手写区域 */
.write-div {
    background: url(image/input-write-div.png) center center no-repeat;
}

/*----------------------------底部区域样式结束--------------------*/

/*----------------------------popup样式----------------------*/
.popup-div {
    box-shadow: 4px 4px 9px rgba(0, 0, 0, .13);
    box-sizing: border-box;
    background-color: #393d51;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 4px;
    z-index: 1013;
    position: absolute;
    width: auto;
    /* border-top: 1px solid #6c9ed7; */
    min-width: max-content;
}

.popupList {
    text-indent: 12px;
    height: 30px;
    padding-left: 6px;
    /*padding-right: 28px;*/
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.popupList.selected::before {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background: url(image/svg_icon/baocun.svg) no-repeat center;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}

.popupList:hover {
    color: #393d51;
    background: #fff;
}

/* 向上长的 */
.popupUp-Div {
    box-shadow: 4px 4px 9px rgba(0, 0, 0, .13);
    padding-right: 4px;
    box-sizing: border-box;
    background-color: #fff;
    border-left: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    z-index: 1013;
    position: absolute;
    width: auto;
}

/*-------------------------------popup样式结束---------------------*/

/*------------------------------form区域样式--------------------------*/
.form {
    width: 100%;
    height: auto;
    /* border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 0px;
    border-left: 1px solid #E2E4EC;
    border-top: 1px solid #E2E4EC;
    overflow: auto;
}

.form tr {
    height: 55px;

}

.form th {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 14px;
    color: #666666;
    height: 55px;
    text-align: right;
    background-color: #f8f9fb;
    border-right: 1px solid #E2E4EC;
    border-bottom: 1px solid #E2E4EC;
    word-break: break-word;
    position: relative;
    vertical-align: middle;
    padding: 0px 10px 0px 48px;
    box-sizing: border-box;
}

.form td {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 14px;
    color: #333;
    height: 55px;
    background: #fff;
    vertical-align: middle;
    word-break: break-word;
    border-right: 1px solid #e8eaed;
    border-bottom: 1px solid #d4d6d9;
    position: relative;
    box-sizing: border-box;
    padding: 0px 12px 0px 12px;
    line-height: 28px;
}

.form .tdWidth {
    width: 11.6rem !important
}

/*----------------------------------form区域样式结束-----------------------*/

/*-----------------------------------objectpicker样式-------------------------*/
.form .input-div {
    margin-left: -6px;
}

.input-div {
    border: 1px solid transparent;
    outline: none;
    border-radius: 2px;
    font-size: 14px;
    color: #000;
    line-height: 22.8px;
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    min-height: 28px;
    display: inline-block;
    vertical-align: middle;
}

.input-div textarea,
.input-div textarea:disabled {
    border: none;
    outline: none;
    border-radius: 2px;
    line-height: 19px;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
}

.search-div .input-div {
    border: 1px solid #c4c7cc;
}

.search-div .input-div textarea {
    padding-left: 11px !important;
}

/* 选中状态的文本框蓝色边框 */
.input-div-selected {
    border: 1px solid rgb(195 199 203) !important;
    box-shadow: 2px 2px 2px #dedede;
    box-sizing: border-box;
    word-break: break-all;
    z-index: 9999 !important;
}

.input-underlineDiv {
    font-size: 14px;
    color: #276bab;
    letter-spacing: 2px;
    border: none;
    outline: none;
    position: relative;
    border-bottom: 1px solid #5482b8;
    display: inline-block;
    padding-right: 21px;
}

.input-underlineDiv::after {
    content: "";
    width: 14px;
    height: 8px;
    background: url(image/uditor-select.png) center center no-repeat;
    position: absolute;
    right: 0px;
    top: 11px;
}

.input-div {}

.input-div textarea::-webkit-input-placeholder {
    color: #ccc;
}

.input-div textarea::-moz-placeholder {
    color: #ccc;
}

.input-div textarea:-moz-placeholder {
    color: #ccc;
}

.input-div textarea:-ms-input-placeholder {
    color: #ccc;
}

/*时间输入框外层div*/
.input-inside {
    display: inline-block;
    position: relative;
}

/*-----------------------------------objectpicker样式结束-------------------------*/

/*--------------------------------------search-div区域样式------------------------*/
.search-div {
    font-size: 14px;
    color: #808080;
    overflow: hidden;
    box-sizing: border-box;

}

/*-----------------------------------search-div区域样式结束------------------------*/

/*-----------------------------------list样式------------------------------*/
.list-div {
    position: relative;
    overflow: auto;
    box-sizing: border-box;
}

.list {
    font-size: 14px;
    color: #000;
}

.list:nth-child(odd) {
    background-color: #ffffff;
}

.list:nth-child(even) {
    background-color: #fafafa;
}

span.list:hover {
    background-color: #c7e3fc;
}

div.list:hover {
    background-color: #c7e3fc;
}

.list a {
    color: #000;
}

table.list {
    width: calc(100% - 60px) !important;
    height: auto;
    border-collapse: separate;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-spacing: 0px;
    overflow: hidden;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    margin-left: 30px;
}

.list tr {
    height: 40px;
}

.list tr:nth-child(odd) {
    background-color: #ffffff;
}

.list tr:nth-child(even) {
    background-color: #fafafa;
}

.list th {
    background-color: #6c9ed7;
    font-size: 14px;
    height: 40px;
    padding: 0px 30px 0px 12px;
    color: #fff;
    min-width: 50px;
    max-width: 250px;
    text-align: left;
    border-right: 1px solid #f2f2f2;
    box-sizing: border-box;
    word-break: break-word;
    vertical-align: middle;
    position: relative;
}

.list th:last-child {
    border-right: none;
}

.list tr td {
    font-size: 14px;
    color: #747474;
    box-sizing: border-box;
    word-break: break-word;
    position: relative;
    line-height: 42px;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 30px 0px 12px;
    border-right: 1px solid #f2f2f2;
    vertical-align: middle;
    max-width: 370px;
}

.list tr td:last-child {
    border-right: none;
}

/*闭合文件夹样式*/
.list-highlight {
    color: #333;
    font-size: 14px;
}

/* 次要的（待办列表灰色时间） */
.list-smallDim {
    color: #969696;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    /* box-sizing: border-box; */
    height: 40px;
    cursor: url(image/cur.ico), default !important;
}

/* 警告的（待办列表红色时间） */
.list-warning {
    color: #ff0000;
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    cursor: url(image/cur.ico), default !important;
}

.list-dim {
    font-size: 14px;
    color: #666666;
    width: 130px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 5px;
    height: 41px;
}

/*列表按钮样式*/
.list-button {
    font-size: 14px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: rgba(108, 158, 215, 1);
    background-color: rgba(255, 255, 255, 1);
    border-radius: 2px;
    padding: 0px 13px;
    outline: none;
    border: 1px solid rgba(108, 158, 215, 1);
    cursor: pointer;
}

.list-button:hover {
    background-color: rgba(108, 158, 215, 1);
    color: rgba(255, 255, 255, 1);
}

/*-----------------------------------list样式结束------------------------------*/

/*----------------------------------longCardList-div区域样式-------------------------------*/
.longCardList-div {
    background: #fff;
    margin-bottom: 10px;
}

.longCardList-div table {
    border-collapse: collapse;
    display: block;
}

.longCardList-div table tbody {
    display: block;
}

.longCardList-div table tr {
    display: block;
    width: 100%;
}

.longCardList-div table tr td {
    position: relative;
    display: block;
    width: 100%;
    padding: 16px 10px 11px 14px;
    box-sizing: border-box;
    zoom: 1;
}

.longCardList-div table tr td:hover {
    background: #c7e3fc;
}

.longCardList-div table tr td::after {
    clear: both;
    content: "";
    display: block;
    width: 0px;
    height: 0px;
}

.longCardList-div .longCardList-thumbnail {
    max-width: 141px;
    max-height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    box-sizing: border-box;
    float: left;
}

.longCardList-div .longCardList-thumbnail img {
    max-width: 139px;
    max-height: 78px;
    border: 1px solid #ededed;
}

.longCardList-dim {
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    font-size: 13px;
    color: #666;
    line-height: 20px;
    min-height: 20px;
    max-height: 40px;
    overflow: hidden;
    max-width: 100%;
    margin-bottom: 6px;
}

.longCardList {
    font-size: 13px;
    color: #010101;
    line-height: 18px;
    height: 18px;
    margin-top: 3px;
}

.longCardList span {
    margin-right: 8px;
    vertical-align: middle;
}

.longCardList-highlight {
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 16px !important;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica !important;
    display: inline-block;
    color: #273495 !important;
}

.longCardList-highlight a {
    text-decoration: none;
    color: #273495;
    font-size: 16px;
}

/* 滤镜-黑白 */
.filter {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    /*background-color: #f7f7f7 !important;*/
}

/*----------------------------------longCardList-div区域样式结束-------------------------------*/

/*----------------------------------box样式-------------------------------*/
.box {
    border: 1px solid #a9c5e1;
    box-sizing: border-box;
    border-radius: 3px;
    font-size: 18px;
    color: #4c4c4c;
}

/* 左侧盒子边框（左边圆角，右边直角） */
.leftBox-dim {
    position: relative;
    float: left;
    overflow: auto;
    width: 761px;
    border: 1px solid #c2c2c2;
    font-size: 0px;
    box-sizing: border-box;
    font-size: 0px;
    background: #fff;
    border-radius: 3px 0px 0px 3px;
}

/* rightBox  右侧栏边框（左边直角，右边圆角） */
.rightBox {
    border: 1px solid #a9c5e1;
    box-sizing: border-box;
    border-radius: 0px 3px 3px 0px;
}

/*----------------------------------box样式结束-------------------------------*/

/*---------------------------------cardList-div区域样式----------------------------------*/
.cardList-div {
    display: inline-block;
    color: #333;
    box-sizing: border-box;
    position: relative;
}

.cardList-div:hover:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 90%;
    right: 0px;
    bottom: 0px;
    width: 2px;
    background-color: #6c9ed7;
}

.cardList-div:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 90%;
    right: 0px;
    bottom: 0px;
    height: 2px;
    background-color: #6c9ed7;
}

.cardList-thumbnail {
    padding: 2px 2px 2px 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.cardList-thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.cardList-highlight {
    font-size: 14px;
    color: #000;
}

.cardList-smallDim {
    font-size: 12px;
    color: #666;
    word-break: break-all;
}

.cardList {
    position: relative;
    float: left;
    overflow: auto;
    width: 761px;
    border: 1px solid #c2c2c2;
    font-size: 0px;
    height: 516px;
    border-radius: 3px;
    box-sizing: border-box;
    font-size: 0px;
    background: #fff;
}

.cardList-dim {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin-left: 5px;
    box-sizing: border-box;
}

/*---------------------------------cardList-div区域样式结束----------------------------------*/

/*---------------------------------iconlist区域样式------------------------------------------*/
.iconList-div {
    display: inline-block;
    color: #333;
    box-sizing: border-box;
    position: relative;
}

.iconList-div:hover:before {
    content: "";
    display: inline-block;
    position: absolute;
    height: 90%;
    right: 0px;
    bottom: 0px;
    width: 2px;
    background-color: #6c9ed7;
    z-index: 1;
}

.iconList-div:hover:after {
    content: "";
    display: inline-block;
    position: absolute;
    width: 90%;
    right: 0px;
    bottom: 0px;
    height: 2px;
    background-color: #6c9ed7;
}

.iconList-thumbnail {
    padding: 2px 2px 2px 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.iconList-thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

.iconList-smallDim {
    font-size: 12px;
    color: #666;
    line-height: 14px;
    margin-left: 5px;
    box-sizing: border-box;
}

.icon-status {
    position: absolute;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
}

/* 绿色 */
.mainState-green {
    background-color: #cdecdf;
}

/*黄色*/
.mainState-yellow {
    background-color: #fef6dc;
}

/*红色*/
.mainState-red {
    background-color: #f9dcdb;
}

/*橙色*/
.mainState-orange {
    background-color: #f8d7ae;
}

/*灰色*/
.mainState-gray {
    background-color: #e3e3e3;
}

/*---------------------------------iconlist区域样式结束------------------------------------------*/

/*---------------------------------contextMenu右键菜单样式---------------------------------------*/
.contextMenu-div {
    background-color: #f5f5f5;
    border-radius: 2px;
    overflow: hidden;
    position: absolute;
    z-index: 999999;
    display: none;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    padding: 3px 8px;
    font-size: 0px;
}

.contextMenu-button {
    font-size: 13px;
    font-weight: normal;
    line-height: 15px;
    padding: 5px 8px;
    margin-right: 2px;
    letter-spacing: 2px;
    color: #FFf;
    border: 1px solid #6c94d7;
    background-color: #6c94d7;
    border-radius: 4px;
}

/*---------------------------------contextMenu右键菜单样式结束--------------------------------------*/

/*--------------------------------dragList拖拽区域样式---------------------------------------------*/
.dragList-div {
    overflow: hidden;
}

.dragList-div .box {
    overflow: hidden;
    width: 48.5%;
    box-sizing: border-box;
}

.dragList-div .box:first-child {
    float: left;
    margin-left: 7px;
}

.dragList-div .box:last-child {
    float: right;
    margin-right: 7px;
}

.label {
    margin: 0;
    background-color: #6c9ddb;
    text-indent: 15px;
    height: 42px;
    text-overflow: ellipsis;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    font-weight: bold;
    color: #fff;
    line-height: 42px;
    font-size: 16px;
    position: relative;
}

/*--------------------------------dragList拖拽区域样式结束---------------------------------------------*/

/*--------------------------------smallList区域样式------------------------------------------------------*/
.smallList-div {
    position: relative;
    width: auto;
    margin: 0 auto;
    box-sizing: border-box;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .13);
}

.smallList-div table {
    width: auto;
    height: auto;
    border-collapse: separate;
    text-decoration: none;
    color: #000000;
    background-color: #fafafa;
    border: 1px solid #e1e1e1;
    border-spacing: 0px;
    box-sizing: border-box;
}

.smallList-div th {
    background-color: #6c9ed7;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
    padding: 0px 30px 0px 12px;
    color: #fff;
    text-align: left;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #cccccc;
}

.smallList-div td {
    font-size: 14px;
    box-sizing: border-box;
    word-break: break-word;
    position: relative;
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-weight: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 30px 0px 12px;
    border-right: 1px solid #f0f0f0;
    border-bottom: 1px solid #cccccc;
    max-width: 350px;
}

/*--------------------------------smallList区域样式结束-------------------------------------------------*/

/*----------------------------------------个人首页样式--------------------------------------------------*/
.plugin-div {
    overflow: hidden;
    border: 1px solid #ededed;
    border-radius: 4px;
    list-style: none;
    box-shadow: 1px 1px 1px #e6e6e6;
    background-color: #fff;
    font-size: 14px;
    color: #333;
}

.plugin-largeText {
    font-size: 14px;
    color: #333;
}

.plugin-boldText {
    font-size: 14px;
    color: #1a1a1a;
}

.plugin-title {
    font-weight: bold;
    height: 55px;
    line-height: 55px;
    position: relative;
    width: 100%;
    margin: 0px;
    color: #1a1a1a;
    font-size: 16px;
}

/*个人首页部件图标共用样式*/
.plugin-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin-left: 15px;
    vertical-align: middle;
    cursor: url(image/cursor-click.ico), default !important;
}

/* 个人首页部件右边那些按钮应该鼠标进入部件才显示 */
.todoPlugin-title-right,
.infoPlugin-title-right {
    visibility: hidden;
}

.ContainerForLoad:hover .todoPlugin-title-right,
.ContainerForLoad:hover .infoPlugin-title-right {
    visibility: visible;
}

/*待办图标*/
.todoPlugin-icon {
    background: url(image/svg_icon/daiban.svg) center center no-repeat;
}

.todoPlugin-icon:hover {
    background: url(image/svg_icon/shaugxin.svg) center center no-repeat;
}

/*待办刷新图标*/
.todoPlugin-loadingIcon {
    background: url(image/home-todoPlugin-icon.gif) center center no-repeat;
}

/* 待办 一级文件夹，一级文件背景颜色 */
.folder1:hover,
.file1:hover {
    background-color: #edf1f5;
}

/* 待办 二级文件颜色和底部边框*/
.file2::after {
    display: block;
    content: '';
    width: calc(100% - 52px);
    height: 100%;
    background-color: transparent;
    position: absolute;
    left: 43px;
    bottom: 0;
    border-bottom: 1px solid #eee;
    z-index: 0;
}

/* 待办 二级文件鼠标经过背景颜色 */
.file2:hover:after {
    background-color: #edf1f5;
}

/*催办图标*/
.urgePlugin-icon {
    background: url(image/home-urgePlugin-icon.png) center center no-repeat;
}

/*催办刷新图标*/
.urgePlugin-loadingIcon {
    background: url(image/urgePlugin-loadingIcon.gif) center center no-repeat;
}

/*公告图标*/
.noticePlugin-icon {
    background: url(image/noticePlugin-icon.png) center center no-repeat;
}

/*公告刷新图标*/
.noticePlugin-loadingIcon {
    background: url(image/noticePlugin-loadingIcon.gif) center center no-repeat;
}

/*快捷图标*/
.shortcutPlugin-icon {
    background: url(image/home-shortcutPlugin-icon.png) center center no-repeat;
}

/*分隔符，分隔菜单组左右两边*/
.menu-seperator {
    width: 36px;
    height: 36px;
    background: url(image/menu-separator.png) center center no-repeat;
    visibility: hidden;
}

.menu-seperator:hover {
    background: url(image/menu-draggingSplit.png) center center no-repeat;
}

/*催办梯形按钮*/
.listProgress-button {
    float: right;
    background-color: #edeff0;
    height: 27px;
    display: inline-block;
    line-height: 32px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 0px;
    color: #333;
    position: relative;
    border-top-left-radius: 3px;
}

/*催办梯形按钮三角形*/
.listProgress-button:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 27px solid transparent;
    border-bottom: 27px solid #edeff0;
    border-left: 24px solid transparent;
    border-right: none;
    position: absolute;
    top: -27px;
    left: -23px;
}

.listProgress-button:hover {
    background-color: #6c9fd3;
    color: #fff;
}

.listProgress-button:hover:before {
    border-bottom: 27px solid #6c9fd3;
}

.listProgress-button:hover .list-smallDim {
    color: #fff;
}

.listProgress-button:hover .vLine-dashed {
    border-right: 1px dashed #fff;
}

/*催办进度条外围的DIV*/
.listProgress-div {
    height: 5px;
    background: #f0f0f0;
    border-top-left-radius: 2.5px;
    border-bottom-left-radius: 2.5px;
    border-bottom-right-radius: 2.5px;
}

/*进度条进度*/
.listProgress-done {
    height: 100%;
    background-color: #6c9ed7;
    border-radius: 2.5px;
}

/*快捷部件-快捷部件搜索小图标*/
.miniIcon-search {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 19px;
    height: 19px;
    background: url(image/icon-search.png) center center no-repeat;
    z-index: 10;
}

/*快捷部件-快捷部件开始小图标*/
.miniIcon-start {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 19px;
    height: 19px;
    background: url(image/icon-start.png) center center no-repeat;
    z-index: 10;
}

/*个人信息进度条外围的DIV*/
.progress-div {
    height: 20px;
    background: #edeff0;
    border-radius: 10px;
    /* box-shadow: 0px 1px 1px #959595; */
}

/*个人信息进度条进度*/
.progress-done {
    height: 5px;
    background: #759acf;
    border-radius: 2px;
    position: relative;
    width: 0px;
}

/*个人信息梯形*/
.progress-button {
    float: right;
    background-color: rgba(237, 239, 240, 1);
    height: 18px;
    display: inline-block;
    line-height: 18px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 14px;
    color: #333;
    position: relative;
    text-align: center;
    padding: 0 8px;
    box-sizing: border-box;
    border-top-left-radius: 2px;
}

/*个人信息三角形*/
.progress-button:before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: 31px solid transparent;
    border-bottom: 31px solid rgba(237, 239, 240, 1);
    border-left: 24px solid transparent;
    border-right: none;
    position: absolute;
    top: -30px;
    left: -24px;
}

.progress-button:hover {
    background-color: #6c9fd3;
    color: #fff;
}

.progress-button:hover:before {
    border-bottom: 31px solid #6c9fd3;
}

/* 小文本 */
.plugin-smallText {
    color: #1a1a1a;
    font-size: 14px;
    padding-top: 11px;
}

/* 搜索录入框 */
.home-input {
    height: 28px;
    color: #000000;
    border: 1px solid #6c9ed7 !important;
    vertical-align: middle;
    margin-right: 2px;
    box-sizing: border-box;
    padding-left: 12px;
    border-radius: 2px;
    font-size: 14px;
    outline: none;
}

.plugin-dragHeight {
    display: block;
    width: 100%;
    height: 1px;
    background-color: transparent;
    border-radius: 1px;
    vertical-align: bottom;
    position: relative;
}

.plugin-dragHeight span {
    width: 35px;
    height: 11px;
    position: absolute;
    right: 1px;
    bottom: 1px;
    background: url(image/handlebtn.png) center center no-repeat;
    z-index: 9999999999;
}

.plugin-dragHeight span:hover::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 18px;
    background: url(image/handlebtn-cursor.png);
    position: absolute;
    top: -4px;
    right: 8px;
}

/*拖动调节大小按钮*/
.plugin-drag {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: url(image/plugin-drag.png) center center no-repeat;
}

.plugin-drag:hover::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(image/plugin-drag-cursor.png) center center no-repeat;
    position: absolute;
    right: 4px;
    bottom: 3px;
}

.plugin-invertDiv {
    display: inline-block;
    background-color: #f3f3f3;
}

/*----------------------------------------个人首页样式结束--------------------------------------------------*/

/*-----------------------------------------反色图标样式----------------------------------------------------*/
/*场地*/
.invertIcon-place {
    display: inline-block;
    height: 100%;
    width: 40px;
    background: url(image/field.png) center center no-repeat;
    vertical-align: top;
}

/*人员*/
.invertIcon-person {
    display: inline-block;
    height: 100%;
    width: 40px;
    background: url(image/ycd-ry.png) center center no-repeat;
    vertical-align: top;
}

/*服务*/
.invertIcon-service {
    display: inline-block;
    height: 100%;
    width: 40px;
    background: url(image/ycd-fw.png) center center no-repeat;
    vertical-align: top;
}

/* 复制帮助代码按钮 */
.invertIcon-key {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/smallHelp-keyButton.png) center center no-repeat;
    display: inline-block;
    position: absolute;
    right: 23px;
    top: 4px;
}

/*信息框固定按钮*/
.invertIcon-unpin {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/smallHelp-fixButton.png) center center no-repeat;
    position: absolute;
    top: 4px;
    right: -8px;
}

/* 信息框关闭按钮 */
.invertIcon-close {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: url(image/smallHelp-closeButton.png) center center no-repeat;
    position: absolute;
    right: -8px;
    top: 4px;
}

.invertIcon-mobile {
    background-image: url(image/bottom-buttonIcon-hover.png);
    background-position: center;
    background-repeat: no-repeat;
}

.invertIcon-mobile:hover {
    background-image: url(image/bottom-buttonIcon.png);
    background-position: center;
    background-repeat: no-repeat;
}

/*-----------------------------------------反色图标样式结束----------------------------------------------------*/

/*-----------------------------------------分隔线样式---------------------------------------------------*/
/*拖拉分隔线*/
.content-hSeperator {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 7px;
    background-color: #6c9ed7;
    border-radius: 4px;
    box-shadow: 0px 2px 1px #415e7f;
}

.content-hSeperator span {
    right: 0px;
    position: absolute;
    top: -26px;
    background-image: url(image/dragmask.png);
    width: 109px;
    height: 32px;
    display: inline-block;
}

.content-hSeperator span:hover {
    background-image: url(image/dragmask-hover.png);
}

/*-----------------------------------------分隔线样式结束------------------------------------------------*/

/*-------------------------------------自动消失的信息框-------------------------------------------------*/
.flashMsg-div {
    display: inline-block;
    background-color: #6c9ed7;
    padding: 5px 16px;
    line-height: 20px;
    position: absolute;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    font-family: 'SimHei', 'Microsoft YaHei', 'Helvetica Neue', Helvetica;
    max-width: 260px;
    display: none;
}

/* 向下箭头 */
.flashMsg-down {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 7px 0px 0px;
    border-color: #6c9ed7 transparent transparent transparent;
    position: absolute;
    bottom: -10px;
    left: 7px;
}

.flashMsg-up {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 7px 10px 0px;
    border-color: transparent transparent #6c9ed7 transparent;
    position: absolute;
    top: -10px;
    left: 7px;
}

.flashMsg-title {
    height: 23px;
    position: relative;

}

/*登录提示框*/
.warningFlashMsg-div {
    background-color: #ffffff;
    color: #ff0000;
    box-shadow: 1px 1px 1px #dddddd;
    padding: 8px 16px;
    border-radius: 3px;
}

/*登录页提示框向上箭头 */
.warningFlashMsg-up::before {
    border-width: 1px 11px 18px 8px;
    border-style: solid;
    border-color: transparent transparent #ffffff transparent;
}

/*登录页提示框向下箭头*/
.warningFlashMsg-down::before {
    border-width: 17px 8px 1px 4px;
    border-style: solid;
    border-color: #ffffff transparent transparent transparent;
}

/*烽火台登录页提示框向上箭头*/
.loginFlashMsg-up {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 7px 10px 0px;
    border-color: transparent transparent #6c9ed7 transparent;
    position: absolute;
}

/*烽火台登录页提示框向下箭头*/
.loginFlashMsg-down {
    display: inline-block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 10px 7px 0px 0px;
    border-color: #6c9ed7 transparent transparent transparent;
    position: absolute;
}

/*-------------------------------------自动消失的信息框结束--------------------------------------------*/

/*-------------------------------------menu样式------------------------------------------------------*/
.menu-div {
    /* border: 1px solid #e6e6e6; */
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.8);
    display: inline-block;
    position: relative;
    background-color: #393d51;
    border-radius: 4px;
}

/* 下拉菜单中的菜单项 */
.menu-item {
    /* background-color: #393d51; */
    height: 30px;
    line-height: 30px;
    color: #FFFDFD;
    font-size: 14px;
    padding-right: 15px;
}

.menu-item:hover {
    background-color: rgb(245, 245, 245);
    font-size: 14px;
    color: #393d51;
}

/* 打横菜单上面的菜单项 */
.menu-group {
    position: relative;
    float: left;
    font-family: "Microsoft YaHei";
    font-size: 14px;
    font-weight: bolder;
    white-space: nowrap;
    -moz-user-select: none;
    height: 33px;
    line-height: 33px;
    vertical-align: middle;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background: none;
    color: #ffffff;
}

.menu-group:hover {
    background-color: rgb(245, 245, 245);
    color: rgb(58, 62, 81);
}

/*--------------------------------------menu样式结束------------------------------------------------*/

/*--------------------------------------照片样式----------------------------------------------------*/
/* 工作照 */
.photo {
    width: 102px;
    height: 142px;
    border: 1px solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    float: left;
}

.photo img {
    max-height: 100%;
    max-width: 100%;
}

/*个性照*/
.personalPhoto {
    width: 100px;
    height: 100px;
    border: 1px solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
}

.personalPhoto img {
    max-width: 100%;
    max-height: 100%;
}

/* 小个性照*/
.personalPhoto-small {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #ccc;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    margin-left: 11px;
    margin-top: 8px;
    box-sizing: border-box;
    background: #fff;
}

.personalPhoto-small img {
    max-height: 100%;
    max-width: 100%;
}

/*--------------------------------------照片样式结束------------------------------------------------*/

/*--------------------------------------content样式------------------------------------------------*/
.content-div {
    position: relative;
    overflow: auto;
    box-sizing: border-box;
    padding: 12px 8px 17px 8px;
    color: #666;
    font-size: 14px;
}

.content-div input[type='text'],
.content-div input[type='number'] {
    border: 1px solid transparent;
    padding-left: 0px;
}

/*-------------------------------------content样式结束--------------------------------------------*/

/*------------------------------------轻量级弹窗-------------------------------*/
.lightDialog-div {
    background: #f7f7f7;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
    border-radius: 3px;
}

.lightDialog-title {
    height: 37px;
    line-height: 37px;
    padding-left: 10px;
    position: relative;
    box-sizing: border-box;
    background-color: #f2f2f2;
}

/*------------------------------------轻量级弹窗结束----------------------------*/

/*------------------------------------帮助弹窗样式------------------------------*/
.help-div {
    background: #e6f2ff;
    border-radius: 3px;
    color: #fff;
}

.help {
    font-size: 14px;
    color: #686868;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.help-title {
    display: block;
    padding-bottom: 20px;
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 15px;
}

.help-title1 {
    font-size: 18px;
    color: #001111;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-title2 {
    font-size: 16px;
    color: #111;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-item {
    font-size: 14px;
    color: #111;
    background: url(image/item-text.png) 29px 11px no-repeat;
    padding-left: 38px;
    box-sizing: border-box;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-highlight {
    font-size: 14px;
    color: #2b368f;
    line-height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.help-highlightTitle {
    display: block;
    padding-bottom: 20px;
    font-size: 20px;
    color: #2b368f;
    text-align: center;
    margin-top: 15px;
}

.help-highlightTitle1 {
    font-size: 18px;
    color: #2b368f;
    line-height: 30px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-highlightTitle2 {
    font-size: 16px;
    color: #2b368f;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.help-highlightItem {
    font-size: 14px;
    color: #2b368f;
    background: url(image/item-text.png) 29px 11px no-repeat;
    padding-left: 38px;
    box-sizing: border-box;
    line-height: 22px;
    margin-bottom: 5px;
    margin-top: 5px;
}

/* 帮助窗口边框、背景色 */
.smallHelp-div {
    background: #6c9ddb;
    border-radius: 3px;
    padding-bottom: 16px;
    padding-left: 18px;
    padding-right: 18px;
    color: #fff;
}

.smallHelp-div::before {
    content: "";
    width: 0px;
    height: 0px;
    border-top: none;
    border-bottom: 15px solid #6c9ddb;
    border-left: 0px solid transparent;
    border-right: 15px solid transparent;
    position: absolute;
    top: -12px;
    left: 15px;
}

.smallHelp {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

/* 帮助标题（文章顶部居中的那个） */
.smallHelp-title {
    font-size: 20px;
    color: #fff;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

/* 一级标题 */
.smallHelp-title1 {
    font-size: 18px;
    color: #fff;
}

/* 二级标题 */
.smallHelp-title2 {
    font-size: 16px;
    color: #fff;
}

/* 项目 */
.smallHelp-item {
    font-size: 14px;
    color: #fff;
    background: url(image/item-text.png) 29px 5px no-repeat;
    padding-left: 38px;
}

.smallHelp-highlight {
    font-size: 14px;
    color: #2b368f;
    margin-top: 5px;
}

/* 帮助标题（文章顶部居中的那个） */
.smallHelp-highlightTitle {
    font-size: 20px;
    color: #2b368f;
    height: 48px;
    line-height: 48px;
    text-align: center;
}

/* 一级标题 */
.smallHelp-highlightTitle1 {
    font-size: 18px;
    color: #2b368f;
}

/* 二级标题 */
.smallHelp-highlightTitle2 {
    font-size: 16px;
    color: #2b368f;
}

/*------------------------------------帮助弹窗样式结束--------------------------*/

/*------------------------------------弹窗样式-------------------------------*/
/*关闭按钮*/
.dialog-closeButton {
    background: url(image/dialog-closeButton.png) center center no-repeat;
}

.dialog-closeButton:hover {
    background: url(image/dialog-closeButton-hover.png) center center no-repeat;
}

.dialog-closeButton:active {
    background: url(image/dialog-closeButton-active.png) center center no-repeat;
}

/* 帮助按钮 */
.dialog-helpButton {
    background: url(image/dialog-helpButton.png) center center no-repeat;
}

.dialog-helpButton:hover {
    background: url(image/dialog-helpButton-hover.png) center center no-repeat;
}

.dialog-helpButton:active {
    background: url(image/dialog-helpButton-active.png) center center no-repeat;
}

/* 下载按钮 */
.dialog-downloadButton {
    background: url(image/dialog-downloadButton.png) center center no-repeat;
}

.dialog-downloadButton:hover {
    background: url(image/dialog-downloadButton-hover.png) center center no-repeat;
}

.dialog-downloadButton:active {
    background: url(image/dialog-downloadButton-active.png) center center no-repeat;
}

/* 打钩按钮 */
.dialog-okButton {
    background: url(image/dialog-okButton.png) center center no-repeat;
}

.dialog-okButton:hover {
    background: url(image/dialog-okButton-hover.png) center center no-repeat;
}

.dialog-okButton:active {
    background: url(image/dialog-okButton-active.png) center center no-repeat;
}

/* 编辑选项卡按钮 */
.dialog-setButton {
    background: url(image/dialog-setButton.png) center center no-repeat;
}

.dialog-setButton:hover {
    background: url(image/dialog-setButton-hover.png) center center no-repeat;
}

.dialog-setButton:active {
    background: url(image/dialog-setButton-active.png) center center no-repeat;
}

/* 编辑个人选值按钮 */
.dialog-setValueButton {
    background: url(image/dialog-setValueButton.png) center center no-repeat;
}

.dialog-setValueButton:hover {
    background: url(image/dialog-setValueButton-hover.png) center center no-repeat;
}

.dialog-setValueButton:active {
    background: url(image/dialog-setValueButton-active.png) center center no-repeat;
}

/* 编辑帮助按钮 */
.dialog-setHelpButton {
    background: url(image/dialog-setHelpButton.png) center center no-repeat;
}

.dialog-setHelpButton:hover {
    background: url(image/dialog-setHelpButton-hover.png) center center no-repeat;
}

.dialog-setHelpButton:active {
    background: url(image/dialog-setHelpButton-active.png) center center no-repeat;
}

/* 收藏按钮 */
.dialog-favoriteButton {
    background: url(image/dialog-favoriteButton.png) center center no-repeat;
}

.dialog-favoriteButton:hover {
    background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
}

.dialog-favoriteButton:active {
    background: url(image/dialog-favoriteButton-active.png) center center no-repeat;
}

/* 已收藏按钮 */
.dialog-favoriteOnButton {
    background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
}

.dialog-favoriteOnButton:hover {
    background: url(image/dialog-favoriteButton-hover.png) center center no-repeat;
}

.dialog-favoriteOnButton:hover {
    background: url(image/dialog-favoriteButton.png) center center no-repeat;
}

/*弹窗遮罩层*/
.dialog-mask {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
    background-color: rgba(0, 0, 0, 1);
}

/*------------------------------------弹窗样式结束-------------------------------*/

/*------------------------------------toolbar样式------------------------*/
.toolbar-button {
    border: none;
    outline: none;
    display: inline-block;
    width: 28px;
    height: 28px;
    border-radius: 2px;
    overflow: hidden;
    font-size: 12px;
    color: #276bab;
    text-align: center;
}

.toolbar-button:hover {
    background-color: #6c9ed7;
    color: #fff;
}

.toolbar-button:active {
    background-color: #276ab0;
    color: #fff;
}

.toolbar-button-selected {
    border: none;
    outline: none;
    display: inline-block;
    width: 28px;
    height: 28px;
    background-color: #276ab0;
    color: #fff;
    overflow: hidden;
    border-radius: 2px;
}

/*div加背景颜色*/
.toolbar-div {
    background-color: #f7f7f7;
    border-radius: 2px;
    font-size: 14px;
    color: #6c9ed7;
}

.floatToolbar-div {
    background-color: rgba(255, 255, 255, .7);
    border-radius: 2px;
    font-size: 14px;
    color: #666;
    box-shadow: none;
    border: none;
}

/*------------------------------------toolbar样式结束------------------------*/

/*------------------------------------large样式-------------------------------*/
.largeVWarningProgress-div {
    width: 15px;
    background-color: #e1e1e1;
}

.largeVWarningProgress-done {
    width: 15px;
    background-color: #ff0000;
}

/*------------------------------------large样式结束-------------------------------*/

/*------------------------------------warningProgress样式------------------------*/
.warningProgress-div {
    background-color: #ebebeb;
    height: 3px;
    border-radius: 1px;
}

.warningProgress-done {
    background-color: #f00;
    height: 3px;
    border-radius: 1px;
}

/*------------------------------------warningProgress样式结束------------------------*/

/*---------------------------------------login样式-----------------------------------*/

.login-wrapper-top {
    width: 510px;
    height: 100%;
    position: absolute;
    right: 0;
    background-size: 100% 100%;
    background-color: rgba(255, 255, 255, 0.2);
}

.login-div {
    width: 434px;
    height: 496px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 5px 0px 5px 0px #000000;
    background: #f7f7f7;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.logo {
    float: left;
    margin-top: 41px;
    margin-bottom: 41px;
    /* margin-left: 52px; */
    width: 348px;
    height: 98px;
    background-size: 100% !important;
}

.form-wrapper {
    display: inline-block;
    float: right;
    /* width: 383px;
    height: 267px; */
    /* position: relative; */
    box-sizing: border-box;
    /* padding-top: 27px;
    padding-left: 44px; */
}

.form-wrapper form {
    width: 100%;
    height: 100%;
    /* position: relative; */
}

.form-wrapper .form-wrapper-row {
    display: block;
    width: 359px;
    height: 37px;
    position: relative;
    overflow: hidden;
    margin-bottom: 16px;
}

/*登录页输入框的*/
.login-div input[type="text"],
.login-div input[type="password"],
.login-div .goon {
    width: calc(100% - 48px);
    height: 37px;
    box-sizing: border-box;
    margin-right: 0px;
    /* padding-left: 12px; */
    /* outline: none; */
    background: #fff;
    font-size: 14px;
    border: 1px solid #575D6D !important;
    border-radius: 0 4px 4px 0;
    color: #999999;
    box-sizing: border-box;
    outline: none;
}

/* 登录页验证码输入框 */
.login-div .login-yzm_input {
    text-indent: 120px;
}

.login-div .goon {
    text-indent: 10px;
}

.login-div .form-icon {
    display: inline-block;
    width: 46px;
    height: 36px;
    float: left;
    border-radius: 4px 0 0 4px;
    background-size: 40%;
    background-position: center;
    border: 1px solid #575D6D;
    /* margin-right: 13px; */
}

.login-div .loginScanCodeBox {
    display: flex !important;
    position: relative !important;
    justify-content: space-between !important;
}

.ksmm {
    width: 17px;
    height: 11px;
    display: inline-block;
    position: absolute;
    right: 8px;
    top: 8px;
}

.header_yzmimg {
    position: absolute;
    left: 48px;
    top: 1px;
    width: 120px;
    height: 35px;
}

.login-div .bottom-button {
    margin: 0px;
}

.zdspDiv {
    position: absolute;
}

.ic {
    z-index: 2
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.goon {
    /* border: 1px solid rgba(0, 0, 0, 0);
    width: calc(100% - 48px);
    height: 37px;
    box-sizing: border-box;
    margin-right: 0px;

    outline: none;
    font-size: 14px;
    color: #999;
    border-radius: 2px;
    appearance: none;
    background: rgba(0, 0, 0, 0); */
}

.sp {
    position: relative;
    padding-left: 33px;
    bottom: 21px;
    width: 240px;
}


.bottom-container {
    width: 1000px;
    height: 2px;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-left: -500px;
    margin-top: 155px;
}


.resetpwddiv,
.phonelogindiv {
    display: inline-block;
    position: relative;

}

.login {
    position: relative;
    width: 80px;
    text-align: center !important;
}

.phoneloginmask,
.resetpwdmask {
    width: 100%;
    text-align: center;
    line-height: 33px;
    outline: medium;
    /* color: rgb(72, 99, 164); */
    font-size: 16px;

    border-radius: 5px;
    position: absolute;
    top: 0;
}

/*登录次数*/
.login-sca {

    display: inline-block;
    position: absolute;
    left: 14px;
    bottom: 10px;
    display: flex;
    flex-direction: column;

}

.login-sc {
    margin-bottom: 5px;
}

.link_gs a {
    position: fixed;
    right: 40px;
    bottom: 30px;
}

.link_bbh {
    position: fixed;
    right: 40px;
    bottom: 60px;
}

#msgDiv::before {
    position: absolute;
    content: '';
    top: -12px;
    right: 13px;
    z-index: 9999;
}

.Start-banben {
    color: #fff;
    font-size: 18px;
    text-align: right;
    position: fixed;
    bottom: 7%;
    right: 3%;
    width: 100%;
    font-family: "SIL Hei";
}

.Start-copyright {
    color: #fff;
    font-size: 18px;
    text-align: right;
    position: fixed;
    right: 3%;
    bottom: 3%;
    width: 100%;
    font-family: "黑体";
}

#trianglebottomright {
    width: 40px;
    height: 40px;
}

.bottomright {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    background-color: #FFF;
    border-radius: 5px;
    bottom: 0;
    padding: 8px;
}

.bottomright-small {
    position: absolute;
    right: 8px;
    bottom: 8px;
}

.qrcode-text {
    font-family: "SIL Hei";
    font-size: 14px;
    line-height: 24px;
}

/*整个大的背景图*/
.login-pageBackground {
    width: 100vw;
    height: 100vh;
    position: fixed;
    left: 0px;
    top: 0px;
    background: url(image/bgpic.png) center center no-repeat;
    background-size: 100% 100%;
}

/*中间(线)左边部份*/
.login-pageLeftLine {
    background: linear-gradient(to right, rgba(108, 157, 192, 0), rgba(108, 157, 192, 1));
    width: 500px;
    height: 2px;
    display: inline-block;

}

/*中间(线)右边部份*/
.login-pageRightLine {
    background: linear-gradient(to left, rgba(108, 157, 192, 0), rgba(108, 157, 192, 1));
    width: 500px;
    height: 2px;
    display: inline-block;
    float: right;
}

/*倒影*/
.login-pageShadow {
    width: 668px;
    height: 65px;
    background: linear-gradient(180deg, rgb(145, 165, 195, 0.15), rgba(145, 165, 195, 0));
    border-radius: 3px;
    position: absolute;
    left: 50% !important;
    top: 50% !important;
    margin-left: -333px;
    margin-top: 180px;
}

/*二次登录页登录区域*/
.login-translucentDiv {
    background: #f7f7f7;
    border-radius: 4px;
    box-shadow: 5px 0px 5px 0px #000000;
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

/*登录页登录区域*/
.login-div {
    /* background: url(image/login-div.png) center center no-repeat; */
}

/*登录页版权信息*/
.login-copyright {
    color: #fff;
    font-size: 20px;
}

/*登录错误次数*/
.login-used {
    border: 1px solid #cacbcc;
}

.login-unused {
    width: 10px !important;
    height: 10px !important;
    border: none !important;
    background-color: #EF5D0C;
}

/*登录页版本信息*/
.login-version {
    color: #fff;
    font-size: 20px;
}

/*锁屏页登录区域*/
.login-unlockDiv {
    background: url(image/sp-bg.png);
}

/*锁屏页输入框字体颜色*/
.login-unlockInput {
    color: #4f83b2;
}

/*锁屏页箭头图标*/
.icon-enter {
    /* background: url(image/icon-enter.png); */
    background-image: url(image/icon-enter.png);
    background-position: center;
    background-repeat: no-repeat;
}

.icon-enter:hover {
    background-image: url(image/icon-enter-hover.png);
    background-repeat: no-repeat;
    background-position: center;
}

/*锁屏页时间*/
.desktop-time {
    font-size: 60px;
    color: #fff;
}


.login-translucentDiv input[type='text'],
.login-translucentDiv input[type='password'] {
    background: #fff;
    font-size: 14px;
    border: 1px solid #575D6D !important;
    border-radius: 4px;
    color: #999999;
    outline: none;
}

/*------------------------------------login样式结束---------------------------------*/

/*--------------------------content-vSeperator样式---------------------------------------*/
.content-vSeperator-left {
    width: 1px;
    height: 100%;
    position: relative;
    background-color: #6c9ed7;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.content-vSeperator-left span {
    width: 11px;
    height: 35px;
    background: url(image/handlevbtn.png) center center no-repeat;
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: 99999999999;
}

.content-vSeperator-left span:hover::after {
    content: "";
    width: 23px;
    height: 12px;
    display: inline-block;
    background: url(image/handlevbtn-cursor.png) center center no-repeat;
    position: absolute;
    bottom: 6px;
    left: -5px;
}

.content-vSeperator {
    width: 1px;
    height: 100%;
    position: relative;
    background-color: #6c9ed7;
    display: inline-block;
    position: relative;
    vertical-align: top;
}

.content-vSeperator span {
    width: 11px;
    height: 35px;
    background: url(image/handlevbtn-r.png) center center no-repeat;
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 99999999999;
}

.content-vSeperator span:hover::after {
    content: "";
    width: 23px;
    height: 12px;
    display: inline-block;
    background: url(image/handlevbtn-cursor.png) center center no-repeat;
    position: absolute;
    bottom: 6px;
    left: -5px;
}

/*--------------------------content-vSeperator样式结束---------------------------------------*/

/*--------------------------sideList样式---------------------------------------*/
.sideList {
    color: #333;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
}

.sideList:hover {
    background-color: #c7e4fa;
}

/*--------------------------sideList样式结束---------------------------------------*/

/*--------------------------iconList样式------------------------------------------*/
.iconList-dim {
    font-size: 14px;
    color: #666;
    line-height: 14px;
    margin-left: 5px;
    box-sizing: border-box;
}

.iconList-highlight {
    color: #6c9ddb;
    font-weight: bold;
    font-size: 12px;
}

.iconList-boxDiv {
    border: 1px solid #c2c2c2 !important;
    border-radius: 2px;
    font-size: 12px;
    color: #000;
}

.iconList {
    position: relative;
    float: left;
    overflow: auto;
    width: 761px;
    border: 1px solid #c2c2c2;
    font-size: 0px;
    height: 516px;
    box-sizing: border-box;
    font-size: 0px;
    background: transparent;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

/*--------------------------iconList样式结束------------------------------------------*/

/*--------------------------滚动条箭头样式----------------------------------------------*/
/* 滚动条上箭头 */
.scrollbar-up {
    border-top: none;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 8px solid #c4c4c4;
}

/* 滚动条下箭头 */
.scrollbar-down {
    border-top: 8px solid #c4c4c4;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: none;
}

/* 滚动条左箭头 */
.scrollbar-left {
    border-top: 5px solid transparent;
    border-right: 8px solid #c4c4c4;
    border-bottom: 5px solid transparent;
    border-left: none;
}

/* 滚动条右箭头 */
.scrollbar-right {
    border-top: 5px solid transparent;
    border-left: 8px solid #c4c4c4;
    border-bottom: 5px solid transparent;
    border-right: none;
}

/*--------------------------滚动条箭头样式结束-----------------------------------------*/

/* 录入框内嵌标签 2019.9.11  */
.builtinLabel-focus {
    border: 1px solid #6b9ed6 !important;
    box-shadow: 2px 2px 2px #dedede;
    word-break: break-all;
    z-index: 9999 !important;
    border-radius: 3px;
    display: inline-block;
}

.builtinLabel {
    border: 1px solid #ebebeb;
    border-radius: 3px;
    z-index: 9999;
    display: inline-block;
    vertical-align: middle;

}

.builtinLabel span {
    background: #ebebeb;
    float: left;
    color: #999;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    border-radius: 2px 0 0 2px;
    display: inline-block;
}

.builtinLabel-focus span {
    background: #ebebeb;
    float: left;
    color: #999;
    text-align: center;
    line-height: 26px;
    font-size: 14px;
    border-radius: 2px 0 0 2px;
    display: inline-block;
}

.builtinLabel input {
    border: none;
    color: #000;
    outline: none;
    background: white;
    font-size: 14px;
}

.builtinLabel-focus input {
    border: none;
    color: #000;
    outline: none;
    background: white;
    font-size: 14px;
}

/************************************************************************mobile样式开始*****************************************************************************/
/*-------------------------------mobileVWarning样式---------------*/
.mobileLargeVWarningProgress-div {
    width: 0.75rem;
    background-color: #e1e1e1;
}

.mobileLargeVWarningProgress-done {
    width: 0.75rem;
    background-color: #ff0000;
}

.mobileSmallWarningProgress-div {
    height: 0.15rem;
    background-color: #e1e1e1;
}

.mobileSmallWarningProgress-done {
    height: 0.15rem;
    background-color: #ff0000;
}

/*-------------------------------mobileVWarning样式结束---------------*/

/*------------------------------mobileIcon样式----------------------*/
/* 菜单图标 */
/* .mobileIcon-menu{
    background: #6c9ed7 url(image/meun.png) center center no-repeat;
    width: 2.25rem;
    height: 2.25rem;
    float: right;
    position: relative;
    background-size: 1.4rem 1.0rem;
} */
/* 菜单图标底部按钮 */
.mobileList-invertButton {
    background: #6c9ed7;
    width: 2.25rem;
    height: 2.25rem;
    float: right;
    position: relative;
    /* background-size: 1.4rem 1.0rem; */
}

/* 菜单图标白色三横 */
.mobileInvertIcon-menu {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(image/mobileInvertIcon-menu.png) no-repeat center center;
    background-size: 70%;
}

.mobileSmallIcon-add {
    width: .9rem;
    height: .9rem;
    background: url(image/icon-add.png) center center no-repeat;
    background-size: contain;
    border: none;
    outline: none;
}

.mobileSmallIcon-change {
    width: .9rem;
    height: .9rem;
    background: url(image/changeIcon.png) center center no-repeat;
    background-size: contain;
    border: none;
    outline: none;
}

.mobileSmallIcon-disable {
    width: .9rem;
    height: .9rem;
    background: url(image/disableIcon.png) center center no-repeat;
    background-size: contain;
    border: none;
    outline: none;
}

.mobileSmallIcon-enable {
    width: .9rem;
    height: .9rem;
    background: url(image/icon-enable.png) center center no-repeat;
    background-size: contain;
    border: none;
    outline: none;
}

.mobileIcon-down {
    display: inline-block;
    width: 0.825rem;
    height: 0.45rem;
    background: url(image/mobileIcon-down.png) center center no-repeat;
    background-size: contain;
    vertical-align: middle;
    float: right;
    margin: 0rem;
    /* 原来的值 */
    top: 0.8rem;

    /* margin-top: 0.9rem;   杨文俊10/14有改动 
    margin-right: -5.5rem;   杨文俊10/14有改动*/

    position: absolute;
    right: 0.8rem;
    pointer-events: none;
}

.mobileLargeIcon-playVoice {
    width: 3.325rem;
    height: 3.425rem;
    background: url("image/voice-big.gif") center center no-repeat;
    background-size: contain;
}

/*手写按钮*/
.mobileIcon-pen {
    width: 3.15rem;
    height: 1.5rem;
    background: url(image/mobileButton-pen.png) center center no-repeat;
    background-size: 3.15rem 1.5rem;
    margin-left: 0.625rem;
}

.mobileIcon-pen:active {
    background: url(image/mobileButton-pen-active.png) center center no-repeat;
    background-size: 3.15rem 1.5rem;
}

/*语音按钮*/
.mobileIcon-voice {
    width: 4.7rem;
    height: 1.5rem;
    background: url(image/mobileButton-voice.png) center center no-repeat;
    background-size: 4.7rem 1.5rem;
    margin-left: 0.625rem;
}

.mobileIcon-voice:active {
    background: url(image/mobileButton-voice-active.png) center center no-repeat;
    background-size: 4.7rem 1.5rem;
}

/*常用语*/
.mobileIcon-phrase {
    width: 4.075rem;
    height: 1.5rem;
    background: url(image/mobileButton-phrase.png) center center no-repeat;
    background-size: 4.075rem 1.5rem;
    margin-left: 0.625rem;
}

.mobileIcon-phrase:active {
    background: url(image/mobileButton-phrase-active.png) center center no-repeat;
    background-size: 4.075rem 1.5rem;
}

/*删除按钮*/
.mobileIcon-backspace {
    width: 1.5rem;
    height: 1.5rem;
    background: url(image/mobileButton-backspace.png) center center no-repeat;
    background-size: 1.5rem 1.5rem;
    position: absolute;
    right: 0rem;
    top: 0rem;
}

.mobileIcon-backspace:active {
    background: url(image/mobileButton-backspace-active.png) center center no-repeat;
}

/*批示录入框中的喇叭图标*/
.mobileIcon-voiceMsg {
    display: inline-block;
    height: 1.5rem;
    width: 1.8rem;
    background: url(image/mobileIcon-voiceMsg.png) center center no-repeat;
    background-size: 1.8rem 1.5rem;
    box-sizing: border-box;
    border: none;
}

/*批示录入框中的播放录音图标*/
.mobileIcon-playVoice {
    display: inline-block;
    height: 1.5rem;
    width: 1.8rem;
    background: url(image/mobileIcon-playVoice.gif) center center no-repeat;
    background-size: 1rem 1rem;
    box-sizing: border-box;
    border: none;
}

/*删除按钮*/
.mobileIcon-backspace {
    background-image: url(image/mobileButton-backspace-big.png);
    background-size: 1.175rem 1.45rem;
}

.mobileIcon-backspace:active {
    background-image: url(image/mobileButton-backspace-big-active.png);
    background-size: 1.175rem 1.45rem;
}

/*灰色小圆点*/
.mobileIcon-dimPoint {
    width: 0.25rem;
    height: 0.25rem;
    display: inline-block;
    background-color: #acacac;
    float: right;
    margin-top: 0.625rem;
    margin-right: -0.25rem;
    border-radius: 50%;
}

/* 高亮小圆点 */
.mobileIcon-highlightPoint {
    width: 0.25rem;
    height: 0.25rem;
    display: inline-block;
    background-color: #f99138;
    margin-top: 0.625rem;
    float: right;
    border-radius: 50%;
    margin-right: -0.25rem;
}

.mobileIcon-media {
    display: inline-block;
    width: 0.875rem;
    height: 1.075rem;
    background: url(image/mobileIcon-media.png) center center no-repeat;
    background-size: 0.875rem 1.075rem;
    float: left;
}

.mobileIcon-attachment {
    display: inline-block;
    width: 0.875rem;
    height: 1.075rem;
    background: url(image/mobileIcon-attachment.png) center center no-repeat;
    background-size: 0.875rem 1.075rem;
    float: left;
}

.mobileIcon-checked {
    background: url(image/mobileIcon-checked.png) center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 0.7rem;
    height: 0.45rem;
}

/*移动端待办i图标*/
.mobileIcon-i {
    vertical-align: middle;
    background: url(image/mobileSmallButton-i.png)center center no-repeat;
    width: 1.25rem;
    height: 1.25rem;
    cursor: url(image/cur.ico), default !important;
    background-size: 88%;
}

/*------------------------------mobileIcon样式结束----------------------*/

/*-----------------------------mobile选项卡样式--------------------------*/
.mobileTab-div {
    background-color: #ebebeb;
    height: 2.25rem;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.375rem;
    overflow-x: auto;
    position: absolute;
}

.mobileTab-div::after {
    content: "";
    display: inline-block;
    width: 1.25rem;
    height: 2.125rem;
    /* background: -webkit-linear-gradient(left, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
    background: -o-linear-gradient(right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
    background: -moz-linear-gradient(right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1));
    background: linear-gradient(to right, rgba(235, 235, 235, 0.1), rgba(235, 235, 235, 1)); */
    position: fixed;
    right: 0rem;
    top: 0rem;
}

.mobileTab-selected {
    display: inline-block;
    padding: 0 0.875rem;
    height: 100%;
    font-size: 0.75rem;
    color: #2b368f;
    box-sizing: border-box;
    height: 2.25rem;
    line-height: 2.25rem;
    border-bottom: 0.125rem solid #6c9ed7;
    /* margin: 0 0.25rem; */
    float: left;
}

.mobileTab {
    display: inline-block;
    padding: 0 0.875rem;
    height: 100%;
    font-size: 0.75rem;
    color: #2b368f;
    box-sizing: border-box;
    height: 2.25rem;
    line-height: 2.25rem;
    /* margin: 0 0.25rem; */
    color: #000000;
    float: left;
}

.mobileSearchTab-selected {
    font-size: 0.75rem;
    color: #2b368f;
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 0.125rem solid #6c9ed7;
    line-height: 2.25rem;
    padding: 0 0.65rem;
    margin: 0 0.45rem;
}

.mobileSearchTab {
    font-size: 0.75rem;
    color: #000;
    display: inline-block;
    height: 100%;
    box-sizing: border-box;
    line-height: 2.25rem;
    padding: 0 0.65rem;
    margin: 0 0.45rem;
}

.mobileTab-content {
    margin-top: 2.25rem;
    height: calc(100% - 2.25rem);
    box-sizing: border-box;
}

/*-----------------------------mobile选项卡样式结束--------------------------*/

.mobileDelete-button,
.mobileAdd-button {
    width: 1.5rem;
    height: 1.5rem;
    background: #999999;
    color: #fff;
    text-align: center;
    line-height: 1.5rem;
    border-radius: 50%;
    display: block;

}

.mobileAdd-button {
    position: relative;
}

.mobileAdd-button::after {
    content: "";
    /* 生成一个空内容 */
    display: block;
    /* 使伪元素成为块元素 */
    width: 100%;
    /* 适应父元素宽度 */
    height: 100%;
    /* 适应父元素高度 */
    background: url(image/svg_icon/xinzeng.svg) no-repeat center;
    /* 使用 SVG 作为背景 */
    background-size: 70%;
    position: absolute;
    /* 绝对定位 */
    top: 0;
    /* 位置在顶部 */
    left: 0;
    /* 位置在左边 */
    filter: brightness(0) invert(1);
    /* 将 SVG 颜色改为白色 */
}

.mobileDelete-button {
    position: relative;

}

.mobileDelete-button::after {
    content: "";
    width: 1rem;
    height: 2px;
    display: block;
    background: white;
    background-size: 70%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.mobileDelete-button:active,
.mobileAdd-button:active {
    background-color: #585e6e;
}

.mobileApply-bg {
    background-color: #f2f3f4;
}

/*----------------------------mobileForm样式-------------------------------*/
.mobileForm-title {
    font-size: 1rem;
    width: calc(100% - 20px);
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobileForm {
    width: 100%;

}

.mobileForm table {
    width: calc(100% - 20px);
    margin: 0.5rem auto 0.5rem auto;
    border-collapse: collapse;
    border: 0.05rem solid #d4d6d9;
    margin-bottom: 1rem;
}

.mobileForm table tr {
    border: 0.05rem solid #e6e6e6;
}

.mobileForm table th {
    border: 0.05rem solid #e6e6e6;
    box-sizing: border-box;
    color: #000;
    font-size: 1rem;
    text-align: right;
    background-color: #fafafa;
    padding: 0.4rem 0.65rem 0.4rem 1rem;
    line-height: 1.2rem;
    vertical-align: middle;
    word-break: break-all;
    white-space: normal;
}

.mobileForm table td {
    border: 0.05rem solid #e6e6e6;
    background-color: #fff;
    box-sizing: border-box;
    color: #000000;
    font-size: 1rem;
    text-align: left;
    padding: 0.4rem 0.75rem 0.4rem 1rem;
    line-height: 1.2rem;
    vertical-align: middle;
    position: relative;
}

.mobileForm input {
    padding-left: 0;
}

/*----------------------------mobileForm样式结束-------------------------------*/

/*-----------------------------mobile图片样式---------------------------------*/
.mobilePhoto {
    width: 3.75rem;
    height: 5.25rem;
    border: 0.025rem solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.mobilePhoto img {
    max-height: 100%;
    max-width: 100%;
}

.mobilePersonalPhoto {
    width: 4rem;
    height: 4rem;
    border: 1px solid #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 50%;
    background: #fff;
    margin: 0.35rem 0.525rem 0 0.525rem;
}

.mobilePersonalPhoto img {
    max-height: 100%;
    max-width: 100%;

}

/*-----------------------------mobile图片样式---------------------------------*/

/*-----------------------------mobile底部区域----------------------------------*/
.mobileBottom-div {
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 100;
    width: 100%;
}

.mobileBottom-down-div {
    display: flex;
    background-color: #e6e6e6;
    border-top: 0.075rem solid #e6e6e6;
    overflow: hidden;
}

.mobileBottom-button {
    border: none;
    outline: none;
    width: 0;
    /* width: calc(50% - 0.075rem); */
    flex: 1;
    height: 3rem;
    color: #000;
    font-size: 1rem;
    box-sizing: border-box;
    background-color: #fafafb;
    -webkit-appearance: none;
    border-radius: 0rem;
    border-left: 0.075rem solid #e6e6e6;
    border-right: 0.075rem solid #e6e6e6;
}

.mobileBottom-button:first-child {
    border-left: none !important;
}

.mobileBottom-button:last-child {
    border-right: none !important;
}

.mobileBottom-button:active {
    color: #fff;
    background-color: #585e6e;
}
.mobileBottom-active-button{
    color: #659af1;
}

/*-----------------------------mobile底部区域结束------------------------------*/

/*----------------------------mobile分隔线样式----------------------------*/
.mobileContent-hSeperator {
    position: relative;
    z-index: 99;
    width: 100%;
    height: 0.2rem;
    background-color: #6c9ed7;
    border-radius: 4px;
    box-shadow: 0px 2px 1px #415e7f;
}

.mobileContent-hSeperator span {
    right: 0px;
    position: absolute;
    top: -0.875rem;
    background-image: url(image/mobileContent-hSeperator.png);
    width: 3.45rem;
    height: 1.075rem;
    display: inline-block;
    background-size: cover;
}

.mobileContent-vSeperator {
    display: inline-block;
    width: .15rem;
    height: 100%;
    background-color: #6c9ed7;
    border-radius: 0.1rem;
    position: relative;
}

.mobileContent-vSeperator span {
    display: inline-block;
    width: 0.6rem;
    height: 1.6rem;
    background: url(image/mobileContent-vSeperator.gif) no-repeat;
    background-size: contain;
    background-position-y: bottom;
    margin-left: -0.6rem;
    position: absolute;
    left: 0rem;
    bottom: 0rem;
}

/*----------------------------mobile分隔线样式结束----------------------------*/

/*----------------------------mobileButton样式---------------------------*/
/* 批示历史意见列表聚合行右面点击可展开折叠行的按钮 */
.mobileFreeButton {
    width: 3.2rem;
    height: 3.2rem;
    background-color: #f2f2f2;
    float: right;
    box-shadow: -0.025rem -0.05rem 0 0.025rem #c8daee;
    font-size: 0px;
}

/* (左滑拉出的)更多按钮 */
.mobileMoreButton {
    width: 3.15rem;
    background-color: #6ca0d3;
    float: left;
    font-size: .75rem;
    color: #fff;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px
}

/*20200410新增样式－begin*－by 杨文俊/
/*列表左滑拉出红色更多按钮*/
.mobileList-warningInvertButton {
    width: 3.15rem;
    background-color: red;
    float: left;
    font-size: .75rem;
    color: #fff;
    line-height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -1px
}

/*相片图标（附件）*/
.mobileIcon-camera {
    width: 2.75rem;
    height: 2.15rem;
    background-image: url(image/mobileIcon-camera.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    display: inline-block;
}

/*录像图标（附件）*/
.mobileIcon-videocamera {
    width: 2.75rem;
    height: 2.15rem;
    background-image: url(image/mobileIcon-videocamera.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    display: inline-block;
}

/*麦克风图标（附件）*/
.mobileIcon-mike {
    width: 2.75rem;
    height: 2.15rem;
    background-image: url(image/mobileIcon-mike.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 44%;
    display: inline-block;
}

/*文件图标（附件）*/
.mobileIcon-file {
    width: 2.75rem;
    height: 2.15rem;
    background-image: url(image/mobileIcon-file.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 50%;
    display: inline-block;
}

/*（分隔图标的）浅色纵向分隔线*/
.mobileVLine-dim {
    width: 0.1rem;
    height: 1.725rem;
    background: #ebf0f2;
    display: inline-block;
    vertical-align: super;
}

/*20200410新增样式－end*/

.mobileButton {
    border-radius: 0.05rem;
    box-shadow: -0.05rem 0.05rem 0.025rem rgba(108, 158, 215, .4);
    -webkit-appearance: none;
    background-size: contain;
    background-color: #f2f2f2;
}

.mobileButton:active {
    background-color: #6c9fd3;
}

.mobileBuiltinButton {
    background-color: #f2f2f2;
    border-radius: 0.05rem;
    box-shadow: -0.05rem 0rem 0.025rem rgba(108, 158, 215, .4);
    -webkit-appearance: none;
}

.mobileBuiltinButton:active {
    background-color: #6c9fd3;
}

/*----------------------------mobileButton样式结束-----------------------*/

/*----------------------------mobileList样式----------------------------------*/
.mobileList-largeHighlight {
    font-size: 1.35rem;
    color: #6c9ed7;
}

.mobileList-highlight {
    font-size: 0.75rem;
    color: #2b368f;
    height: 2rem;
    line-height: 2rem;
}

.mobileList {
    height: 2rem;
    line-height: 2rem;
    font-size: 0.75rem;
    color: #4c4c4c;
}

/*----------------------------mobileList样式结束----------------------------------*/

/*-----------------------------mobileIcon样式-------------------------------------*/
.mobileIcon-openFolder {
    width: 0.75rem;
    height: 0.675rem;
    float: left;
    margin: 0.425rem 0.425rem 0 0.35rem;
    display: inline-block;
    background: url(image/mobileList-expandedGroupIcon.png) center center no-repeat;
    background-size: cover;
}

.mobileIcon-folder {
    width: 0.75rem;
    height: 0.675rem;
    float: left;
    margin: 0.425rem 0.425rem 0 0.35rem;
    display: inline-block;
    background: url(image/mobileList-groupIcon.png) center center no-repeat;
    background-size: cover;
}

.mobileIcon-point {
    width: 0.75rem;
    height: 0.675rem;
    float: left;
    margin: 0.425rem 0.425rem 0 0.35rem;
    display: inline-block;
    background: url(image/mobileList-itemIcon.png) center center no-repeat;
    background-size: cover;
}

.mobileIcon-doc {
    width: 0.75rem;
    height: 0.675rem;
    float: left;
    margin: 0.425rem 0.425rem 0 0.35rem;
    display: inline-block;
    background: url(image/mobileList-icon.png) center center no-repeat;
    background-size: cover;
}

/*-----------------------------mobileIcon样式结束-------------------------------------*/


/*----------------------------mobile底部区域样式-------------------------------------*/
.mobileBottom-up-div {
    border-top: 0.075rem solid #e6e6e6;
    background: #e6e6e6;
    height: 3rem;
    box-sizing: border-box;
    background-color: #e1e1e1;
    display: flex;


}

.mobileBottom-up-left-div {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 1rem;
    justify-content: center;
}

.mobileBottom-up-right-div {
    flex: 3;
    background: #fff;
    height: 100%;
}

.mobileBottom-up-right-div input {
    width: 100%;
    height: 100%;
    padding-left: 12px;
    font-size: 1rem;
}

.mobileBottom-up-right-div input:focus {
    border: none;
}

.mobileBottom-up-right-div input::placeholder {
    font-size: 1rem;
}

/*----------------------------mobile底部区域样式-------------------------------------*/


/*---------------------------mobileLongCardList样式----------------------------------*/
.mobileLongCardList-div {}

.mobileLongCardList-highlight {
    color: #2b368f;
    font-size: 0.75rem;
    line-height: 1rem;
}

li.mobileLongCardList-highlight {
    margin-bottom: .8rem;
}

.mobileLongCardList-dim {
    font-size: 0.65rem;
    color: #666666;
    float: left;
    line-height: 0.9rem;
    max-height: 2.7rem;
    overflow: hidden;
}

.mobileLongCardList {
    font-size: 0.65rem;
    line-height: 0.9rem;
    color: #000;
    margin-top: 0.175rem;
}

.mobileLongCardList-thumbnail {
    max-width: 5.5rem;
    max-height: 3.1rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.05rem solid #edeff2;
    overflow: hidden;
    border-radius: 0.125rem;
    float: left;
    margin-right: 0.3rem;
}

.mobileLongCardList-thumbnail img {
    max-width: 100%;
    max-height: 100%;
}

/*---------------------------mobileLongCardList样式结束----------------------------------*/

/*-------------------------mobileList样式-----------------------*/
.mobileList-background:nth-child(odd) {
    background-color: #fff;
}

.mobileList-background:nth-child(even) {
    background-color: #fafafa;
}

/*-------------------------mobileList样式结束-----------------------*/

/*------------------------mobile线样式------------------------------*/
.mobileHLine {
    border-bottom: 0.05rem solid #edeff2;
}

.mobileHLine-bold {
    border-bottom: 0.25rem solid #edeff2;
}

.mobileHLine-highlight {
    border-bottom: 0.05rem solid #6c9ed7;
}

.mobileVLine-highlight {
    border-right: 0.2rem solid #6ca0d3;
}

.mobileVline-leftHighlight {
    border-left: 0.2rem solid #71a0ce;
}

.mobileVLine-warning {
    border-right: 0.25rem solid #ff0000;
    border-top-right-radius: 0.05rem;
    /*杨文俊10.24新增*/
    border-bottom-right-radius: 0.05rem;
    /*杨文俊10.24新增*/
}

.mobileVLine-dashed {
    border-right: 0.025rem dashed #c2c2c2;
}

.mobileVLine-leftDashed {
    border-left: 0.05rem dashed #c2c2c2;
}

/*------------------------mobile线样式------------------------------*/

/*-----------------------mobileSearch样式--------------------------*/
.mobileSearch-div {
    box-sizing: border-box;
    margin-left: 0.675rem;
    margin-right: 0.825rem;
    width: 95%;
    display: flex;
    /* justify-content: space-between; */
    gap: 5px;
}
.mobileSearch-input-div{
    position: relative;
    flex: 1;
    border: 1px solid #eceded;
    background: white;
    border-radius: 4px;
}
.mobileSearch-div input[type="text"] {
    border: none;
    font-size: 1rem;
    width: calc(100% - 3rem - 2px);
    box-sizing: border-box;
    padding-left: 0.75rem;
    height: 2rem;
    line-height: 2rem;
    color: #000;
    
    
}

.mobileSearch-div input[type='text']::-webkit-input-placeholder,
.mobileSearch-div input[type='number']::-webkit-input-placeholder {
    color: #999;
    font-family: "SimHei", Georgia, Serif !important;
    font-size: 0.75rem;
}

.mobileSearch-div input[type='text']::-moz-placeholder,
.mobileSearch-div input[type='number']::-moz-placeholder {
    font-size: 0.75rem;
    font-family: "SimHei", Georgia, Serif !important;
    color: #999;
}

.mobileSearch-div input[type='text']:-moz-placeholder,
.mobileSearch-div input[type='number']:-moz-placeholder {
    font-size: 0.75rem;
    font-family: "SimHei", Georgia, Serif !important;
    color: #999;
}

.mobileSearch-div input[type='text']:-ms-input-placeholder,
.mobileSearch-div input[type='number']:-ms-input-placeholder {
    font-size: 0.75rem;
    font-family: "SimHei", Georgia, Serif !important;
    color: #999;
}
.mobileSearch-icon{
    width: calc(3rem - 2px);
    height: calc(2rem - 2px);
    display: block;
    background: #fff url(image/svg_icon/chazhao.svg) no-repeat center;
    background-size: 35%;
    position: absolute;
    right: 1px;
    top: 1px;
    border-radius: 4px;
}
.mobileSearch-icon::before{
    display:block;
    content: '';
    width: 1px;
    height: 1rem;
    background-color: #c3c6ca;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
/* 移动端搜索上的二维码区域 */
.mobileSearch-qrcode{
    background-size: 90%;
    border-radius:  4px;
    border: 1px solid #eceded;
    width: 2rem;
    height: 2rem;
}
.mobileSearch-button {
    width: auto;
    height: auto;
    padding: 0 1rem;
    border: 1px solid #eceded;
    outline: none;
    background-color: #fff;
    text-align: center;
    /* line-height: 1.375rem; */
    font-size: 1rem;
    color: #585d6e;
    letter-spacing: 0.1rem;
    border-radius: 4px;
    margin: unset;
    display: flex;
    align-items: center;
    -webkit-appearance: none;
}
.mobileSearch-button:active {
    background-color: #eceded;
    color: #fff;
}
/*-----------------------mobileSearch样式结束--------------------------*/

/*-----------------------mobilePopup样式--------------------------------*/
.mobilePopup-div {
    border: 0.05rem solid #b7b7b7;
    border-top: 0.125rem solid #6d9edb;
    display: inline-block;
    max-height: 12.957rem;
    overflow: auto;

    box-shadow: 0.1rem 0.1rem 0.225rem rgba(0, 0, 0, .13);
    box-sizing: border-box;
    background-color: #fff;
    position: absolute;
}

.mobilePopup-div select {
    width: 100%;
}

.mobilePopupList {
    height: 1.95rem;
    line-height: 1.95rem;
    padding: 0 1.4rem;
    font-size: 0.75rem;
    color: #000;
    background: #fff;
    position: relative;
}

/*-----------------------mobilePopup样式结束--------------------------------*/

/*------------------------mobileBox样式---------------------------------*/
.mobileBox {
    border: .05rem solid #75a3dd;
    border-radius: 0.325rem;
}

.mobileBox-dim {
    border: 0.05rem solid #c2c8cc !important;
    border-radius: 0.5rem !important;
    box-sizing: border-box;
}

/* 校验码边框 */
.mobileDownBox {
    border-radius: 0rem 0rem .3rem .3rem;
    border: 0.1rem solid #6c9ddb;
    height: 4.5rem;
    position: absolute;
    padding: .1rem 0.1rem;
    box-sizing: border-box;
    top: 0px;
    /* left: 0px; */
    width: calc(100% - 0.25rem);
    background: #fff;
    font-size: 0.8rem;
    color: #4b4b4b;
    transform: translate(-50%, 0%);
    left: 50%;
}

.mobileBox-dashed {
    border: 0.025rem dashed #6c9ed7;
    border-radius: .1rem;
}

.iconList-boxDiv-selected {
    border: 1px solid rgba(255, 0, 0, 1);
}

.mobileBox-highlight {
    border: .05rem solid #6c9ed7;
    border-radius: 0.325rem;
}

/*------------------------mobileBox样式结束---------------------------------*/

/*------------------------smallFlashMsg样式----------------------------------*/
.smallFlashMsg-div {
    background: #7ca6cc;
    color: #fff;
    font-size: 14px;
    border-radius: 1px;
}

.smallFlashMsg-div::after {
    content: "";
    display: inline-block;
    width: 0px;
    height: 0px;
    position: absolute;
    left: 18px;
    bottom: -3px;
    border-top: 3px solid #7ca6cc;
    border-right: 3px solid transparent;
    border-left: 3px solid transparent;
    border-bottom: none;
}

/* ------------------------smallFlashMsg样式结束---------------------------------- */

/*-------------------------mobile按钮样式---------------------------------*/
/*on按钮*/
.mobileContent-onButton {
    display: inline-block;
    font-size: 0.75rem;
    height: 1.3rem;
    line-height: 1.3rem;
    outline: none;
    color: #6c9ddb;
    background: url(image/true.png) right bottom no-repeat;
    background-size: 0.7rem 0.7rem;
    background-color: #ebebeb;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0rem 0.5rem;
    vertical-align: middle;
    border: none;
    box-sizing: border-box;
    border-bottom: 0.08rem solid #6c9ddb;
}

/*off按钮*/
.mobileContent-offButton {
    display: inline-block;
    font-size: 0.75rem;
    height: 1.3rem;
    line-height: 1.3rem;
    outline: none;
    color: #999999;
    background: url(image/false.png) right bottom no-repeat;
    background-size: 0.7rem 0.7rem;
    background-color: #ebebeb;
    border-radius: 0.1rem;
    overflow: hidden;
    padding: 0px 0.5rem;
    vertical-align: middle;
    border: none;
    box-sizing: border-box;
}

/*-------------------------mobile按钮样式结束---------------------------------*/

/*-------------------------启动页样式-----------------------------------------*/
/* 右下角的公司链接文字 */
.mobileStart-copyright {
    color: #fff;
    font-size: .7rem;
    text-align: center;
    position: fixed;
    bottom: 2.3%;
    width: 100%;
    font-family: "宋体";
}

/* 登录页背景 */
.mobileStart-background {
    width: 100%;
    height: 100%;
    background: url(image/mobilestartbg.jpg) center center no-repeat;
}

/* 登录页小图标 */
.mobileIcon-user {
    width: 1rem;
    height: 1.05rem;
    position: absolute;
    top: 0.95rem;
    left: 2rem;
    background-image: url(image/app-login/account.png);
    background-size: 100%;
}

.mobileIcon-password {
    width: 1rem;
    height: 1.2rem;
    position: absolute;
    top: 0.95rem;
    left: 2rem;
    background-image: url(image/app-login/lock.png);
    background-size: 100% 98%;
}

.mobileLogin-button {
    font-size: 0.85rem;
    border: none;
    background: #6c9bdf;
    color: white;
    border-radius: 0.3rem;
}

/*-------------------------启动页样式结束-----------------------------------------*/


/*--------------------------mobileHelp样式---------------------------------------*/
.mobileHelp-bottomDiv {
    height: 2.65rem;
    position: fixed;
    bottom: 0rem;
    left: 0rem;
    border-top: 0.025rem solid #a6b7dc;
    width: 100%;
    background-color: #d8ecff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.mobileHelp-bottomButton {
    width: 7.175rem;
    height: 1.8rem;
    outline: none;
    -webkit-appearance: none;
    border: none;
    background-color: #6c9dda;
    color: #fff;
    border-radius: 0.1rem;
    margin: 0 0.45rem;
    font-size: 0.75rem;
}

.mobileHelp-div {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0.25rem;
    background-color: #e6f2ff;
    margin-bottom: 2.65rem;
    height: 100%;
}

.mobileHelp-titleText {
    /*新增加*/
    line-height: 2.375rem;
    color: #000;
    font-family: "黑体";
    font-size: 0.9rem;
}

.mobileHelp-title1Text {
    /*原mobileHelp-title1重命名*/
    font-size: 0.75rem;
    color: #000;
    font-family: "黑体";
    line-height: 1.25rem;
}

.mobileHelp-text {
    /*原mobileHelp重命名*/
    font-size: 0.75rem;
    font-family: "宋体";
    line-height: 1rem;
}

.mobileLightDialog-title {
    width: 100%;
    text-align: center;
    height: 2.375rem;
}

/*--------------------------mobileHelp样式---------------------------------------*/

/*-------------------------------mobileObjectpicker样式--------------------------*/
.mobileInput-div {
    border: 1px solid transparent;
    outline: none;
    border-radius: 2px;
    font-size: 0.75rem;
    color: #000;
    /*  line-height: 1.1rem;*/
    background-color: transparent;
    box-sizing: border-box;
    position: relative;
    min-height: 1.4rem;
    /* min-height: 28px;*/
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
    /* vertical-align: top; */
    /*left: 10px;*/
    /*margin-left: :;em;*/
    height: 1.4rem;
    /*min-height: unset !important;*/
}

.mobileInput-div textarea {
    line-height: 1.4rem;
}

.mobileInput-selectedDiv {
    border: 1px solid #6b9ed6 !important;
    box-shadow: 2px 2px 2px #dedede;
    box-sizing: border-box;
    word-break: break-all;
    z-index: 9999 !important;
    margin-left: 0.4rem;
    height: 1.4rem !important;
    /*height:28px !important;*/
    /*min-height: unset !important;*/
}

/*-------------------------------mobileObjectpicker样式结束--------------------------*/

/*-------------------------------mobileList样式----------------------------*/
.mobileList-smallDim {
    font-size: 0.7rem;
    line-height: 0.7rem;
    color: #666666;
}

.mobileLargeIcon-smile {
    background: url(image/smile.png) no-repeat;
    display: block;
    width: 2.6rem;
    height: 2.6rem;
    margin: 0 auto;
    background-size: 100%;
}

/*-------------------------------mobileList样式结束----------------------------*/

/*-----------------------------叶老大说先不改的代码------------------------*/
.form-model {
    position: absolute;
    width: 98%;
    height: 68%;
    left: 0px;
    top: 0px;
    border: 1px solid #e4e4e4;
    overflow-y: auto
}

.operate-div {
    width: 100%;
    z-index: 1000;
    position: fixed;
    _position: absolute;
    bottom: 110px;
}

#app {
    display: flex;
    flex-direction: column;
    /* position:absolute */
    position: fixed;
    overflow: auto;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: rgb(255, 255, 255);
    /* -webkit-touch-callout: none !important;
    -webkit-user-select: ​none !important;
    -webkit-touch-callout: none !important;
    user-select: none !important;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none; */
}

#app *::-webkit-scrollbar {
    display: none
}

#app * {
    user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;

    /* -webkit-touch-callout: none; 
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	 user-select: none; */
}

/* #app div,input,textarea {
		  -webkit-user-select: auto;
		  margin: 0px;
		  padding: 0px;
		  outline: none;
		} */

#app iframe {
    width: 100%;
    min-height: 0px;
    height: 100vh;
    border: none;
}

/*文字输入框*/
.cms-editor .content_edit1 {
    min-height: 1.5rem;
    max-height: 3.25rem;
    display: block;
    width: 8.3rem;
    border-radius: 0.05rem;
    -webkit-user-select: text;
    -webkit-appearance: none;
    background-color: #fafafa;
    margin-left: 0.625rem;
    box-sizing: border-box;
    padding-right: 1.5rem;
    padding-top: 0.07rem;
    box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
    line-height: 1.5rem;
    font-size: 1rem;
}

.cms-editor .content_edit {
    min-height: 1.5rem;
    max-height: 3.25rem;
    display: block;
    width: 12.75rem;
    border-radius: 0.05rem;
    -webkit-user-select: text;
    -webkit-appearance: none;
    background-color: #fafafa;
    margin-left: 0.625rem;
    box-sizing: border-box;
    padding-right: 1.5rem;
    padding-top: 0.07rem;
    overflow: hidden;
    box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
    line-height: 1.5rem;
    font-size: 1rem;
}

.cms-editor .content_div {
    min-height: 1.5rem;
    max-height: 3.24rem;
    display: block;
    width: 13.7rem;
    border-radius: 0.05rem;
    -webkit-user-select: text;
    -webkit-appearance: none;
    background-color: #fafafa;
    margin-left: 0.625rem;
    box-sizing: border-box;
    padding-right: 1.5rem;
    overflow: hidden;
    box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
    line-height: 1.5rem;
    font-size: 1rem;
    overflow: auto;
}

.cms-editor .content_start {
    min-height: 1.5rem;
    max-height: 3.25rem;
    display: block;
    width: 8.3rem;
    border-radius: 0.05rem;
    -webkit-user-select: text;
    -webkit-appearance: none;
    background-color: #fafafa;
    margin-left: 0.625rem;
    box-sizing: border-box;
    padding-right: 1.5rem;
    box-shadow: -0.05rem 0.025rem 0.025rem rgba(108, 158, 215, .4);
    line-height: 1.5rem;
    font-size: 1rem;
}

.itemNum {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-color: #f2f2f2;
    text-align: center;
    line-height: 2rem;
    font-size: 1.35rem;
    color: #6c9ed7;
    float: right;
}

[v-cloak] {
    display: none !important;
}

.plsh-box {
    width: calc(100% - 0.5rem);
    border: 0.025rem solid #c2c2c2;
    border-radius: 0.15rem;
    height: 3.25rem;
    margin: 0.625rem 0rem;
    margin-left: 0.25rem;
    overflow: hidden;
    background-color: #fafafa;
    box-shadow: 0rem 0.025rem 0.025rem rgba(0, 0, 0, .15);
}

.plsh-left {
    float: left;
    height: 100%;
}

.plsh-right {
    float: right;
}

.plsh-icon {
    float: left;
    width: 1.375rem;
    height: 100%;
}

.plsh-text {
    width: 13.5rem;
    height: 2.25rem;
    line-height: 1.125rem;
    box-sizing: border-box;
    margin-top: 0.5rem;
    color: #2b368f;
    float: left;
    overflow: hidden;
}

.plsh-right {
    float: right;
    height: 100%;
    width: 3.25rem;
}

.plsh-button {
    color: #6c9ed7;
    width: 100%;
    height: 3.25rem;
    box-sizing: border-box;
    line-height: 3.25rem;
    box-shadow: -0.025rem 0.025rem 0.025rem rgba(0, 0, 174, .15);
    line-height: 3.25rem;
    background-color: #f2f2f2;
    font-size: 0.75rem;
    text-align: center;
}

div {
    -webkit-user-select: text;
}

/*--------------------------------叶老大说先不改的代码----------------------*/

/*--------------------------------photowripe插件样式，叶老大说先不改----------*/
.pswp {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 1500;
    -webkit-text-size-adjust: 100%;
    -webkit-backface-visibility: hidden;
    outline: none;
}

.pswp * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pswp img {
    max-width: none;
}

.pswp--animate_opacity {
    opacity: 0.001;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
    display: block;
}

.pswp--zoom-allowed .pswp__img {
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
    cursor: -webkit-grab;
    cursor: -moz-grab;
    cursor: grab;
}

.pswp--dragging .pswp__img {
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
    cursor: grabbing;
}

.pswp__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__scroll-wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.pswp__container,
.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
    -webkit-backface-visibility: hidden;
}

.pswp__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    top: 0;
    left: 0;
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
}

.pswp__img--placeholder--blank {
    background: #222;
}

.pswp--ie .pswp__img {
    width: 100% !important;
    height: auto !important;
    left: 0;
    top: 0;
}

.pswp__error-msg {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    text-align: center;
    line-height: 16px;
    margin-top: -8px;
    color: #CCC;
}

.pswp__error-msg a {
    color: #CCC;
    text-decoration: underline;
}

.pswp__button {
    width: 44px;
    height: 44px;
    position: relative;
    background: none;
    cursor: pointer;
    overflow: visible;
    -webkit-appearance: none;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
    float: right;
    opacity: 0.75;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.pswp__button:focus,
.pswp__button:hover {
    opacity: 1;
}

.pswp__button:active {
    outline: none;
    opacity: 0.9;
}

.pswp__button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    background: url(default-skin.png) 0 0 no-repeat;
    background-size: 264px 88px;
    width: 44px;
    height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1),
(-webkit-min-device-pixel-ratio: 1.09375),
(min-resolution: 105dpi),
(min-resolution: 1.1dppx) {

    .pswp--svg .pswp__button,
    .pswp--svg .pswp__button--arrow--left:before,
    .pswp--svg .pswp__button--arrow--right:before {
        background-image: url(default-skin.svg);
    }

    .pswp--svg .pswp__button--arrow--left,
    .pswp--svg .pswp__button--arrow--right {
        background: none;
    }
}

.pswp__button--close {
    background-position: 0 -44px;
}

.pswp__button--share {
    background-position: -44px -44px;
}

.pswp__button--fs {
    display: none;
}

.pswp--supports-fs .pswp__button--fs {
    display: block;
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0;
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0;
}

.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
    visibility: hidden;
}

.pswp__button--arrow--left,
.pswp__button--arrow--right {
    background: none;
    top: 50%;
    margin-top: -50px;
    width: 70px;
    height: 100px;
    position: absolute;
}

.pswp__button--arrow--left {
    left: 0;
}

.pswp__button--arrow--right {
    right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
    content: '';
    top: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    height: 30px;
    width: 32px;
    position: absolute;
}

.pswp__button--arrow--left:before {
    left: 6px;
    background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
    right: 6px;
    background-position: -94px -44px;
}

.pswp__counter,
.pswp__share-modal {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pswp__share-modal {
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 10px;
    position: absolute;
    z-index: 1600;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    -webkit-backface-visibility: hidden;
    will-change: opacity;
}

.pswp__share-modal--hidden {
    display: none;
}

.pswp__share-tooltip {
    z-index: 1620;
    position: absolute;
    background: #FFF;
    top: 56px;
    border-radius: 2px;
    display: block;
    width: auto;
    right: 44px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-backface-visibility: hidden;
    will-change: transform;
}

.pswp__share-tooltip a {
    display: block;
    padding: 8px 12px;
    color: #000;
    text-decoration: none;
    line-height: 18px;
}

.pswp__share-tooltip a:hover {
    text-decoration: none;
    color: #000;
}

.pswp__share-tooltip a:first-child {
    border-radius: 2px 2px 0 0;
}

.pswp__share-tooltip a:last-child {
    border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
    opacity: 1;
}

.pswp__share-modal--fade-in .pswp__share-tooltip {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}

.pswp--touch .pswp__share-tooltip a {
    padding: 16px 12px;
}

a.pswp__share--facebook:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: -12px;
    right: 15px;
    border: 6px solid transparent;
    border-bottom-color: #FFF;
    -webkit-pointer-events: none;
    -moz-pointer-events: none;
    pointer-events: none;
}

a.pswp__share--facebook:hover {
    background: #3E5C9A;
    color: #FFF;
}

a.pswp__share--facebook:hover:before {
    border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
    background: #55ACEE;
    color: #FFF;
}

a.pswp__share--pinterest:hover {
    background: #CCC;
    color: #CE272D;
}

a.pswp__share--download:hover {
    background: #DDD;
}

.pswp__counter {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    line-height: 44px;
    color: #FFF;
    opacity: 0.75;
    padding: 0 10px;
}

.pswp__caption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    min-height: 44px;
}

.pswp__caption small {
    color: #BBB;
}

.pswp__caption__center {
    text-align: left;
    max-width: 420px;
    margin: 0 auto;
    padding: 10px;
    line-height: 20px;
    color: #CCC;
}

.pswp__caption--empty {
    display: none;
}

.pswp__caption--fake {
    visibility: hidden;
}

.pswp__preloader {
    width: 44px;
    height: 44px;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -webkit-transition: opacity 0.25s ease-out;
    transition: opacity 0.25s ease-out;
    will-change: opacity;
    direction: ltr;
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px;
}

.pswp__preloader--active {
    opacity: 1;
}

.pswp__preloader--active .pswp__preloader__icn {
    background: url(preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
    opacity: 1;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise 500ms linear infinite;
    animation: clockwise 500ms linear infinite;
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
    animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}

.pswp--css_animation .pswp__preloader__icn {
    background: none;
    opacity: 0.75;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 15px;
    top: 15px;
    margin: 0;
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden;
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #FFF;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: none;
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position: relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right;
    }
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes donut-rotate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

    50% {
        -webkit-transform: rotate(-140deg);
        transform: rotate(-140deg);
    }

    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    z-index: 1550;
}

.pswp__top-bar {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    -webkit-backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
    transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
    background-color: rgba(0, 0, 0, 0.5);
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
    background-color: rgba(0, 0, 0, 0.3);
}

.pswp__ui--idle .pswp__top-bar {
    opacity: 0;
}

.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
    opacity: 0;
}

.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
    opacity: 0.001;
}

.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
    display: none;
}

.pswp__element--disabled {
    display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
    background: none;
}

/*---------------------------------------photowripe插件样式结束-------------------------------*/
/***************APP报名学员临时样式（571/2019/06/11）*********************/
#app select {
    width: 100%;
    height: 1.4rem;
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(image/mobileIcon-down.png) no-repeat right center transparent;
    background-size: 9%;
    color: #333333;
    font-size: 0.75rem;
    padding-right: .8rem;
}


.mobileForm .input-selectedDiv div {
    padding-left: 7px;
}

.mobileForm td>select {
    vertical-align: top;
}

input[type=date] {
    border: none;
    background: url(image/mobileIcon-down.png) no-repeat right center transparent;
    background-size: 9%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 1.4rem;
    color: #333333;
    font-size: 0.75rem;
}

/*****完善个人信息备用*********/

.ry {
    margin-bottom: 2.5rem;
}

.ry div input {
    border: none;
    height: 1.4rem;
    vertical-align: top;
}

.content_nr {
    display: inline-block;
    width: 97px;
    height: 40px;
    float: left;
    position: relative;
    top: 12px;
}

/*已打钩*/
.mobileicon-checked_new {
    display: inline-block;
    background: url(image/icon-checked.png) center center no-repeat;
    width: .9rem;
    height: .7rem;
    background-size: 100%;
}

/*未钩*/
.mobileicon-unchecked_new {
    display: inline-block;
    background: url(image/icon-unchecked.png) center center no-repeat;
    width: .9rem;
    height: .7rem;
    background-size: 100%;
}

/* 2019.8.18 */

/* 选中 */
.icon-warningFull {
    width: 17px;
    height: 17px;
    background-color: #ff0000;
    border: 1px solid #6c9ddb;
}

/* 未选中    */
.icon-empty {
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    border: 1px solid #6c9ddb;
}


/* 2019.8.19 */
.largeInvertIcon-save {
    width: 25px;
    height: 28px;
    background: url(image/largeInvertIcon-save.png);
    display: inline-block;
}

/* 2019.8.28 */
/* 移动端截图 */
/*
 mobilePlugin-drag 裁剪图片右下角自由拖动的三角形
mobileDialog-mask 裁剪图片遮罩层
mobileArea-div  选区的框(裁剪图片的框)
mobileArea-msg 选区信息(裁剪图片区域宽、高的DIV)
 */
.mobilePlugin-drag {
    display: inline-block;
    bottom: -0.1rem !important;
    right: -0.1rem !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    background: url(image/plugin-drag.png) center center no-repeat;
    background-size: 87%;
}

.mobileDialog-mask {
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    /* -moz-opacity: 0.2; */
    /* opacity: .20; */
    filter: alpha(opacity=20);
    background-color: rgba(0, 0, 0, .2);
}

.mobileArea-div {
    display: block;
    height: 100%;
    outline-color: rgba(51, 153, 255, 0.75);
    outline: 1px solid #39f;
    overflow: hidden;
    width: 100%;
}

.mobileArea-msg {
    /* display: none; */
    background-color: #000;
    opacity: 0.6;
    color: #fff;
    position: absolute;
    z-index: 9999999999;
}

/* 2019.9.23移动端上下文菜单 */
.mobileContextMenu-div {
    background: rgba(0, 0, 0, 0.4);

}

.mobileContextMenu-button {
    width: 2.5rem;
    height: 2.5rem;
    background: #6c9ed7;
    color: white;
    line-height: 2.5rem;
    text-align: center;
    border-radius: 50%;
}

/* 2019.9.23移动端刷新按钮 */
.mobileIcon-refresh {
    width: 2rem;
    height: 2rem;
    background: #d9d9d9 url(image/refresh-app.png)no-repeat center;
    background-size: 70%;
    border-radius: 0.25rem;
    display: inline-block;
    position: fixed;
    right: 1rem;
    top: 1rem;
    z-index: 30000000;
}


/* 2019.9.24 */
/* 移动端首页 头像框样式 */
/* .mobilePersonalPhoto {
    width: 4.25rem;
    height: 4.25rem;
    border: 0.025rem solid #cccccc;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-radius: 50%;
    background: #fff;
    margin: 0.35rem 0.525rem 0 0.525rem;
} */

/* 移动端首页梯形 */
.mobileProgress-button {
    float: right;
    background-color: rgba(237, 239, 240, 1);
    height: 1.425rem;
    display: inline-block;
    line-height: 1.425rem;
    border-top-right-radius: 0.05rem;
    border-bottom-right-radius: 0.05rem;
    font-size: 0.75rem;
    color: #333;
    position: relative;
    text-align: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
    border-top-left-radius: 0.05rem;
}

/* 移动端首页梯形旁的三角形 */
.mobileProgress-button:before {
    content: "";
    width: 0rem;
    height: 0rem;
    border-top: 1.775rem solid transparent;
    border-bottom: 1.775rem solid rgba(237, 239, 240, 1);
    border-left: 1.5rem solid transparent;
    border-right: none;
    position: absolute;
    top: -2.12rem;
    left: -1.2rem;
}

/* 梯形下边的蓝色线 */
.mobileProgress-div {
    background: #c7e2fe;
    width: 100%;
    height: 0.275rem;
    border-bottom: 0.025rem solid #959595;
}

/* 移动端首页 用户名字 */
.mobliePlugin-boldText {
    font-size: 0.75rem;
    color: #276ab0;
}

/* 移动端首页 用户提示语 */
.mobilePlugin-dimText {
    font-size: 0.75rem;
    color: #666666;
}

/* 移动端首页 日程内容 */
.mobilePlugin-text {
    width: 12rem;
    display: inline-block;
    height: 20px;
    position: relative;
    padding: 0.325rem 0rem 0rem;
    margin-top: 0.3rem;
    float: right;
    font-size: 15px;
    margin-right: 1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
}

/* 事务的下边框 */
.mobilePlugin-largeText {
    border-bottom: 0.025rem solid #6c9ddb;

}

/* 用于移动端首页事件 右边小icon */
.mobileIcon-num {
    width: 0.85rem;
    height: 0.85rem;
    border: 0.025rem solid #6c9ddb;
    display: inline-block;
    text-align: center;
    line-height: 0.85rem;
    margin-right: 0.2rem;
    position: absolute;
    right: 0;
    bottom: 0.35rem;
    color: #6c9ddb;
}

/* 2019.9.25 */
.mobilePlugin-boldText {
    font-size: 0.68rem;
    color: black;
}

/* 2019.9.26 */
.mobileMiniIcon-start {
    width: 19px;
    height: 19px;
    background: url(image/mobileMiniIcon-start.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mobileMiniIcon-search {
    width: 19px;
    height: 19px;
    background: url(image/mobileMiniIcon-search.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
}

.mobileFilter {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    background-color: #e1e1e1;
    /*2019.11.12 杨文俊增加*/

}

/* 下载页鸽子 2019.10.14 */
.largeIcon-beacon {
    background: url(image/gezi.png)center center no-repeat;
    background-size: 85%;
}

/* app选择日期 */
input[type=datetime-local] {
    width: 100%;
    height: 100%;
    min-height: 1rem;
    position: relative;
    top: 0;
    font-size: 0.75rem;

}


/* app悬浮菜单 */
.mobileFloatButton {
    width: 2rem;
    height: 2rem;
    background: #D8D8D8;
    display: inline-block;
    border-radius: 0.2rem;
}

.mobileIcon-menu {
    width: 100%;
    height: 100%;
    display: inline-block;
    background: url(image/mobileIcon-menu.png) no-repeat center center;
    background-size: 70%;
}

/*  灰色小圆角边框 用于审批表单元格当前编辑状态的高亮边框及待办边框 */
.mobileSmallBox-dim {
    border: 0.05rem solid #c2c2c2;
    background-color: #ffffff;
    border-radius: 0.15rem;
}

/* 高亮小圆角边框 用于审批表单元格当前编辑状态的高亮边框 */
.mobileSmallBox-highlight {
    border: 0.05rem solid #6c9ed7;
    background-color: #ffffff;
    border-radius: 0.15rem;
}

/* app首页横栏蓝色按钮 2019.12.5 */
.grxxTarbar {
    width: 100%;
    text-align: center;
    height: 3.3rem;
    font-size: 18px;
    background: #cccccc;
    color: #2b368f;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    border-top: 0.2rem solid #6c9ddb;
}

.mobileIcon-beacon {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background: url(image/mobileIcon-beacon.png);
    background-size: 100%;
    margin: 0 0.3rem 0 0;
}

/* 边框（被选中） 2019.12.31 */
.plugin-div-selected {
    border: 1px solid #679cd9;
    border-radius: 3px;
    box-shadow: 5px 5px 10px 0px #a7a5a5;
}

/* 个人空间上半部分样式 2020.1.9 */

/* APP属性设置页面背景色（天蓝色，位于完善个人信息所在页面的上半部分） */
.mobileSet-div {
    background: #ebf0f2;
}

/* APP属性设置页面行（白色，含默认字体样式） */
.mobileSet-list {
    background: white;
}

/* APP属性设置页面行（灰色，选中状态） */
.mobileSet-list-selected:active {
    background-color: #d7d7d7 !important;
}

/* APP日历样式begin*/

.mobileDate-div td,
.mobileDate-headerDiv * {
    transition-duration: .3s;
    -webkit-transition-duration: .3s;
}

.mobileDate-headerDiv {
    position: relative;
    /*line-height: 48px;
  padding: 10px 70px 5px; */
    /* border-bottom: 1px solid #e2e2e2; */
    border-bottom: 0.05rem solid #e2e2e2;

    line-height: 2.4rem;
    padding: 0.25rem 3.5rem 0.25rem
}

.mobileDate-headerDiv i {
    /* padding: 0 5px; */
    padding: 0 0.25rem;
    cursor: pointer;
    position: absolute;
    /* top: 10px; */
    color: #999;
    /*  font-size: 24px; */


    top: 0.125rem;
    font-size: 1.2rem;
}

.mobileDate-headerDiv * {
    display: inline-block;
    vertical-align: bottom;
}

.mobileDate-headerDiv i.mobileIcon-fastPrev {
    /* left: 25px; */
    left: 0.8rem;
}

.mobileDate-headerDiv i.mobileIcon-prev {
    /*  left: 75px; */
    left: 3rem;
}

.mobileDate-headerDiv i.mobileIcon-fastNext {
    /* right: 23px; */
    right: 0.8rem
}

.mobileDate-headerDiv i.mobileIcon-next {
    /* right:75px; */
    right: 3rem;
}

.mobileDate-headerDiv i:hover,
.mobileDate-headerDiv span:hover {
    color: #71a0ce;
}


.mobileDate-div {
    position: relative;
    /* padding: 10px; */
    padding: 0.5rem;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    border-top: none 0;
    border-bottom: none 0;
}

.mobileDate-div table {
    border-collapse: collapse;
    font-family: "黑体-Regular" !important;
    /* font-size: 18px; */
    font-size: 0.9rem;
    width: 100%;
}

.mobileDate-div td,
.mobileDate-div th {
    /* width: 55px;
  height: 48px; */
    width: 2.7rem;
    height: 2.4rem;
    text-align: center;
    /*  border: 2px #FFF solid ; */
    border: 0.1rem #FFF solid;
}

.mobileDate-div td {

    position: relative;
    cursor: pointer;
    /*  line-height: 48px; */
    line-height: 2.4rem;
    /* border: 2px #FFF solid ; */
    border: 0.1rem #FFF solid;
    font-weight: bolder;
    color: #666;

}

.mobileDate-div th {
    font-weight: 400;
    color: #333
}



.mobileDate-div td:hover {
    background-color: #eaeaea;
    color: #333;
}

.mobileDate-div .mobileDate-dim,
.mobileDate-div .laydate-day-prev {
    color: #d2d2d2;
}

.mobileDate-div .mobileDate-dim {
    color: #d2d2d2;
}

.mobileIcon-dimTriangle::after {
    /* border-top:8px solid #e1e1e1 !important; */
    border-top: 0.4rem solid #e1e1e1 !important;
    z-index: -98;
}

.laydate-selected.mobileDate-dim,
.laydate-selected.laydate-day-prev {
    background-color: #f8f8f8 !important;
}

.mobileDate-selected {
    background-color: #71a0ce !important;
    color: #fff !important;
    font-weight: bolder !important;
}

.mobileDate-selected .mobileIcon-triangle {
    color: #fff !important;
}

.mobileDate-highlight {
    /* color:#71a0ce !important;*/
    font-weight: bolder !important;
}

.mobileIcon-triangle {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    /* height: 48px;
  line-height: 48px; */
    height: 2.4rem;
    line-height: 2.4rem;

    overflow: hidden;
    font-weight: bolder;
    justify-content: center;
}

.mobileIcon-triangle::after {
    position: absolute;
    content: '';
    right: 0px;
    top: 0px;
    width: 0px;
    height: 0px;
    /* border-top:8px solid #71a0ce;*/
    /*border-left: 8px solid  transparent; */
    border-top: 0.4rem solid #71a0ce;
    border-left: 0.4rem solid transparent;
    z-index: -99;
}

.mobileIcon-dimTriangle::after {
    border-top: 0.4rem solid #e1e1e1 !important;
    z-index: -98;
}

layui-laydate-header .layui-icon {
    display: none !important
}


/* APP日历样式end*/

/* 报名缴费微信支付 */
.icon-wechatPay {
    width: 127px;
    height: 51px;
    background: url(image/wxpay.png) no-repeat;
    display: inline-block;
}

.largeIcon-checked {
    width: 128px;
    height: 128px;
    display: inline-block;
    background: url(image/icon_success.png) no-repeat;
}

.content-warning {
    /* color: #ff0000; */
    color: #fa5a32;
    font-size: 14px;
}

/*app修改密码的错误提示文字*/
.mobileContent-warning {
    color: FF0000;
    font-family: SIL Hei;
    font-size: 0.75rem;
    text-align: center;
    line-height: 1.2rem;
}

/*app端ueditor样式*/
.ueditor p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.ueditor img {
    width: 100%;
    height: auto !important;
    max-width: 100%;
    max-height: 100%;
}

.ueditor video {
    width: 100%;
}

/*pc端UEDITORFIELD样式*/
.UEDITORFIELD p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

/* 移动端个人信息页面样式 20200716 杨文俊 */
.mobileIcon-location {
    /* 图标定位 */
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    background: url(image/mobileIcon-location.png) no-repeat;
    background-size: 100%;
}

/*  锁定按钮（显示在用户设备列表，锁定设备行的右上角）20200720 杨文俊*/
.mobileIcon-lock {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background: url(image/mobileIcon-lock.png) no-repeat;
    background-size: 100%;
}

/*  铃铛（显示在用户设备列表，消息提醒设备的右上角）20200720 杨文俊*/
.mobileIcon-bell {
    width: 1.25rem;
    height: 1.25rem;
    display: inline-block;
    background: url(image/mobileIcon-bell.png) no-repeat;
    background-size: 100%;
}

/*pc  锁定按钮（显示在用户设备列表，锁定设备行的右上角）20200721 杨文俊*/
.smallIcon-lock {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(image/smallIcon-lock.png) no-repeat;
    background-size: 100%;
}

/*pc  铃铛（显示在用户设备列表，消息提醒设备的右上角）20200721 杨文俊*/
.smallIcon-bell {
    width: 18px;
    height: 18px;
    display: inline-block;
    background: url(image/smallIcon-bell.png) no-repeat;
    background-size: 100%;
}

/*  内容按钮样式    对应PC样式content-button 20200723 杨文俊*/
.padContent-button {
    font-size: 1rem;
    color: #6b9fd3;
    padding: 0rem 1rem;
    height: 2.6rem;
    line-height: 2.4rem;
    box-sizing: border-box;
    border: 1px solid #6b9fd3;
    vertical-align: middle;
    border-radius: 0.3rem;
    outline: none;
    margin-right: 0.1rem;
    background: none;
}

.padContent-button:hover {
    border: 0.05rem solid #6b9fd3;
    color: #fff;
    background-color: #6b9fd3;
}

/*.padContent-button:active {
    border: 0.05rem solid #415e7d;
    color: #fff;
    background-color: #415e7d;
}	*/
/* 关闭    对应PC样式icon-close 20200723 杨文俊*/
.padIcon-close {
    width: 2rem;
    height: 2rem;
    display: inline-block;
    background: url(image/help-closeButton.png) no-repeat;
    background-size: 100%;
}

/* 平板底部按钮20200724 杨文俊*/
.padBottom-button {
    border: none;
    outline: none;
    width: calc(50% - 0.075rem);
    height: 4rem;
    color: #4863a4;
    font-size: 1.8rem;
    text-align: center;
    box-sizing: border-box;
    background-color: #cacbcc;
    -webkit-appearance: none;
    border-radius: 0rem;
}

.padBottom-button:nth-child(1) {
    float: left;
}

.mobileContent-button {
    font-size: 0.7rem;
    color: #6b9fd3;
    padding: 0rem 0.65rem;
    height: 1.4rem;
    line-height: 1.4rem;
    box-sizing: border-box;
    border: 0.05rem solid #6b9fd3;
    vertical-align: middle;
    border-radius: 0.15rem;
    outline: none;
    margin-right: 0.1rem;
    background: none;

}

/* app关闭按钮 */
.mobileIcon-close {
    display: inline-block;
    width: 1.2rem;
    height: 1.2rem;
    background: url(image/spb-close.png) center center no-repeat;
    background-size: 100%;
}

.mobile-titleText {
    font-size: 0.8rem;
    line-height: 1rem;
    color: #000;
}

.mobile-contentText {
    font-size: 0.75rem;
    line-height: 1rem;
    color: #000;
}


/* 学阳做的flashMsg动画样式 begin*/
@-webkit-keyframes layui-upbit {
    from {
        -webkit-transform: translate3d(0, 30px, 0);
        opacity: .3
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

@keyframes layui-upbit {
    from {
        transform: translate3d(0, 30px, 0);
        opacity: .3
    }

    to {
        transform: translate3d(0, 0, 0);
        opacity: 1
    }
}

.wd-anim {
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.wd-anim-upbit {
    -webkit-animation-name: layui-upbit;
    animation-name: layui-upbit
}

/* 学阳做的flashMsg动画样式 end*/

/* 迎新推送按钮 */
.icon-yxts {
    width: 80px;
    height: 22px;
    line-height: 22px;
    color: #FFF;
    background: url(image/yx_ts.png) no-repeat;
    display: inline-block;
}

/*裁剪*/
.cat {
    width: 23px !important;
    height: 23px !important;
    background: url(image/cat.png) no-repeat !important;
    background-size: 100% 100% !important;
    background-color: transparent !important;
}

/*app顺时针旋转*/
.mobileIcon-rightRotation {
    background-image: url(image/icon-rightRotation.png);
    background-position: center;
    background-repeat: no-repeat;
}

.mobileIcon-rightRotation:active {
    background-image: url(image/icon-rightRotation-hover.png);
}

/*app逆时针旋转*/
.mobileIcon-leftRotation {
    background-image: url(image/icon--leftRotation.png);
    background-position: center;
    background-repeat: no-repeat;
}

.mobileIcon-leftRotation:active {
    background-image: url(image/icon--leftRotation-hover.png);
}

/*app增加（大）*/
.mobileIcon-bigAdd {
    background-image: url(image/addIcon.png);
    background-position-x: center;
    background-repeat: no-repeat;
}

.button.mobileIcon-bigAdd:active {
    background-image: url(image/addIcon-hover.png);
}

.button.mobileIcon-bigAdd:hover {
    background-image: url(image/addIcon-hover.png);
}

/*正文黑色大字体*/
.content-largeText {
    font-family: Microsoft YaHei;
    font-size: 36px;
    color: #000000;
}

/*正文红色大字体*/
.content-largeWarningText {
    font-family: Microsoft YaHei;
    font-size: 36px;
    color: #FF0000;
}

.mobileSmallIcon-file {
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(image/mobileIcon-file.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 65%;
    display: inline-block;
    vertical-align: top;
    margin-top: -0.1rem;
}

/*快捷图标左下角的个人空间小图标*/
.miniIcon-personal {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 19px;
    height: 19px;
    background: url(image/icon-personal.png) center center no-repeat;
    z-index: 10;
}

.mobileMiniIcon-personal {
    width: 19px;
    height: 19px;
    background: url(image/icon-personal.png) no-repeat;
    position: absolute;
    left: 0;
    bottom: 0;
}

/*右渐隐效果*/
.right-fade {
    position: absolute;
    width: 1.5rem;
    height: 100%;
    background-image: linear-gradient(to right, transparent, #ebebeb 70%, #ebebeb);
}

/*左渐隐效果*/
.left-fade {
    position: absolute;
    width: 1.5rem;
    height: 100%;
    background-image: linear-gradient(to left, transparent, #ebebeb 70%, #ebebeb);
}

/* 调分数右边的普通红色竖线*/
.vLine-rightWarning {
    border-right: 2px solid red !important;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0px;
}

/*调分数右边的细红色竖线 （粗细只有一像素）*/
.vLine-smallRightWarning {
    border-right: 1px solid red !important;
    height: 100%;
    position: absolute;
    left: -1px;
    top: 0px;
}

/*行灰色背景 */
.list-dimBackground {
    background-color: #e1e1e1 !important;
}

.list-background td {
    border-bottom: 1px #f2f2f2 solid !important;
}

.smallIcon-user {
    display: inline-block;
    height: 51px;
    width: 51px;
    background: url(image/smallIcon-user.png) center center no-repeat;
    background-size: 50%;
}

.smallIcon-dimUser {
    display: inline-block;
    height: 51px;
    width: 51px;
    background: url(image/smallIcon-dimUser.png) center center no-repeat;
    background-size: 50%;
}

.icon-switchUser {
    display: inline-block;
    height: 61px;
    width: 61px;
    background: url(image/icon/icon-switchUser.png) center center no-repeat;
    background-size: 50%;
}

.mobileIcon-scan {
    width: 2.75rem;
    height: 2.15rem;
    background: url(image/icon/icon-scan.png) center center no-repeat;
    background-size: 50%;
    background-position: center center;
    border: none;
    outline: none;
}

.mobileIcon-add {
    width: 2.75rem;
    height: 2.15rem;
    background: url(image/mobileIcon-add.png) center center no-repeat;
    background-size: 130%;
    background-position: center center;
    border: none;
    outline: none;
}

/*标题行的返回按钮图标*/
.mobileIcon-return {
    display: inline-block;
    width: 1.1rem;
    height: 1.1rem;
    background: url(image/mobileIcon-return.png) center center no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
}

.mobileInvertIcon-i {
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    background: url(image/i_icon.png) center center no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
}

/*文字前面的三角形感叹号图标*/
.icon-warning {
    display: inline-block;
    margin-top: -12px;
    height: 35px;
    width: 60px;
    background: url(image/icon-warning.gif) center center no-repeat;
}

/* 党校班次计划图标begin*/
.smallIcon-bed {
    display: inline-block;
    /*  width:15px;*/
    height: 15px;
    background: url(image/smallIcon-bed.png) left center no-repeat;
    padding: 4px 0px 4px 18px;
    border: none;
    outline: none;
}

.smallIcon-classroom {
    display: inline-block;
    /*  width:15px;*/
    height: 15px;
    background: url(image/smallIcon-classroom.png) left center no-repeat;
    padding: 4px 0px 4px 18px;
    border: none;
    outline: none;
}

.smallIcon-extraBed {
    display: inline-block;
    /*  width:15px;*/
    height: 15px;
    background: url(image/smallIcon-extraBed.png) left center no-repeat;
    padding: 4px 0px 4px 18px;
    border: none;
    outline: none;
}

.smallIcon-restaurant {
    display: inline-block;
    /*  width:15px;*/
    height: 15px;
    background: url(image/smallIcon-restaurant.png) left center no-repeat;
    padding: 4px 0px 4px 18px;
    border: none;
    outline: none;
}

/* 班数目*/
.smallIcon-class {
    display: inline-block;
    /*  width:15px;*/
    height: 15px;
    background: url(image/smallIcon-class.png) left center no-repeat;
    padding: 4px 0px 4px 18px;
    border: none;
    outline: none;
}

/* 党校班次计划图标end*/

/* 蓝色代表开始的三角形*/
.calendar-play-2a3493::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #2a3493;
}

/* 蓝色横线*/
.calendar-hLine-2a3493 {

    border-bottom: 2px solid #2a3493 !important;
}

/* 蓝色代表结束的正方形*/
.calendar-stop-2a3493::after {
    display: inline-block;
    content: '';

    position: absolute;
    right: 0;
    bottom: -2px;
    width: 6px;
    height: 6px;
    background-color: #2a3493;
}

/* 玫瑰红色代表开始的三角形*/
.calendar-play-fa0cff::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #fa0cff;
}

/* 玫瑰红色横线*/
.calendar-hLine-fa0cff {

    border-bottom: 2px solid #fa0cff !important;
}

/* 玫瑰红色代表结束的正方形*/
.calendar-stop-fa0cff::after {
    display: inline-block;
    content: '';

    position: absolute;
    right: 0;
    bottom: -2px;
    width: 6px;
    height: 6px;
    background-color: #fa0cff;
}

/* 绿色代表开始的三角形*/
.calendar-play-21a750::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #21a750;
}

/* 绿色横线*/
.calendar-hLine-21a750 {

    border-bottom: 2px solid #21a750 !important;
}

/* 绿色代表结束的正方形*/
.calendar-stop-21a750::after {
    display: inline-block;
    content: '';

    position: absolute;
    right: 0;
    bottom: -2px;
    width: 6px;
    height: 6px;
    background-color: #21a750;
}

/* 红色代表开始的三角形*/
.calendar-play-ff0000::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #ff0000;
}

/* 红色横线*/
.calendar-hLine-ff0000 {

    border-bottom: 2px solid #ff0000 !important;
}

/* 红色代表结束的正方形*/
.calendar-stop-ff0000::after {
    display: inline-block;
    content: '';

    position: absolute;
    right: 0;
    bottom: -2px;
    width: 6px;
    height: 6px;
    background-color: #ff0000;
}

/* 橙色代表开始的三角形*/
.calendar-play-ff9600::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #ff9600;
}

/* 橙色横线*/
.calendar-hLine-ff9600 {

    border-bottom: 2px solid #ff9600 !important;
}

/* 橙色代表结束的正方形*/
.calendar-stop-ff9600::after {
    display: inline-block;
    content: '';

    position: absolute;
    right: 0;
    bottom: -2px;
    width: 6px;
    height: 6px;
    background-color: #ff9600;
}

/*其它班次色代表开始的三角形*/
.calendar-play-6c9ed7::before {
    display: inline-block;
    content: '';
    border-width: 4px;
    border-style: solid;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    border-right-color: transparent !important;
    position: absolute;
    left: 0;
    bottom: -3px;
    border-color: #6c9ed7;
}

/* 其它班次色横线*/
.calendar-hLine-6c9ed7 {
    border-bottom: 2px solid #6c9ed7 !important;
}

/* 其它班次色代表结束的正方形*/
.calendar-stop-6c9ed7::after {
    display: inline-block;
    content: '';
    position: absolute;
    right: 0;
    bottom: -2px;
    /*  border-width: 3px;
    border-style: solid;
    border-color:#6c9ed7;*/
    width: 6px;
    height: 6px;
    background-color: #6c9ed7;
}

/*是否点名图标*/
.icon-form {
    display: inline-block;
    width: 26px;
    height: 26px;
    background: url(image/icon-form.png) center center no-repeat;
    background-size: 100%;
    border: none;
    outline: none;
}

/*移动端objectpicker相关样式*/

.mobileInput-div textarea,
.mobileInput-div textarea:disabled {
    border: none;
    outline: none;
    border-radius: 0.05rem;
    line-height: 1.3rem;
    color: #000;
    vertical-align: middle;
    box-sizing: border-box;
    resize: none;
    width: calc(100% - 1.1rem);
}


.mobileSmallButton {
    display: inline-block;
    width: 0.55rem;
    height: 0.55rem;
    ;
    background-color: #f7f7f7;
    color: #6c9ddb;
    text-align: center;
    line-height: 0.55rem;
    box-shadow: -1px 1px 1px rgba(108, 158, 215, .4);
    border-radius: 0.05rem;
    outline: none;
    border: none;
    background-position: center center;
    background-repeat: no-repeat;
}

.mobileSmallButton:hover {
    color: #fff;
    background-color: #6c9ed7;
}

.mobileSmallButton:active {
    color: #fff;
    background-color: #415f7f;
}

.mobileSmallButton.icon-down {
    box-shadow: none !important;
    background-image: url(image/dialog-select-icon.png) !important;
    background-position: center center !important;
    z-index: 9999;
    right: 0rem;
    width: 1rem;
    height: 1rem;
}

.mobileInput-div>icon-down {
    display: inline-block;
    vertical-align: middle;
    width: 0.55rem;
    height: 0.55rem;
    background: url(image/dialog-select-icon.png) center center no-repeat;
    position: absolute;
    right: 0rem;
    top: 0rem;

}

.mobileSmallButton.icon-down:active {
    background-image: url(image/objectPicker-button-hover.png);
}

.mobileSmallButton.icon-down:hover {
    background-image: url(image/objectPicker-button-hover.png);
}

.mobileInput-div-selected {
    border: 0.025rem solid #6b9ed6 !important;
    box-shadow: 0.05rem 0.05remx 0.05rem #dedede;
    box-sizing: border-box;
    word-break: break-all;
    z-index: 9999 !important;
}



/* 车牌号录入 */
.carNumber-items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.carNumber-items-box,
.carNumber-item,
.carNumber-item-newpower {
    width: 35px;
    height: 35px;
    border: 2px solid #e9e9e9;
    border-radius: 1px;
    text-align: center;
    line-height: 35px;
    font-size: 16px;
    cursor: pointer;
}

.carNumber-items-point {
    width: 5px;
    height: 5px;
    background-color: #000;
    border-radius: 50%;
}

.carNumber-item-newpower {
    border: 2px solid #c4e3b9;
    background-color: #f6f9ff;
}

.keyboard {
    background: #d1d5d9;
    position: fixed;
    bottom: 0;
    width: 100%;
    /* padding: 10px; */
    left: 0;
    box-sizing: border-box;
    z-index: 1111;
}

.keyboardClose {
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    height: 1.5rem;
    padding: 10px;
    /* margin-bottom: 10px; */
}

.keyboardClose span {
    font-size: 1rem;
    line-height: 1.5rem;
}

.keyboard-item {
    padding: 10px 5px;
}

.keyboard-line {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.keyboard-btn {
    padding: 8px 5px;
    margin: 3px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2);
    color: #000;
    text-align: center;
    font-size: 1.2rem;
    cursor: pointer;
    border: none;
    box-sizing: border-box;
}

.keyboard-btn:active {
    background: #e0e0e0;
}

.keyboard-delete-btn {

    background: #a7b0bc url(image/keyboardDelete.png) no-repeat center;
    background-size: 75%;
}

.keyboard-delete-btn:active {
    background: #fff url(image/keyboardDelete.png) no-repeat center !important;
    background-size: 75% !important;
}

/* ss暂用下拉框样式 */
.ss-select-container {
    position: relative;
    width: 100%;
    font-size: 1rem;
}

.ss-select {
    padding: 5px 0;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}

.ss-options {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: #393D51;
    z-index: 1000;
    color: #fff;
    border: 1px solid #393D51;
    box-sizing: border-box;
    border-radius: 5px;
    overflow: hidden;
    max-height: 30rem;
    overflow: auto;
}

.ss-options div {
    padding: 10px 10px 10px 23px;
    cursor: pointer;
    position: relative;
}

.ss-options div::after {
    content: "";
    position: absolute;

    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 1px;
    background-color: #303445;

}

.ss-options div:last-child::after,
.ss-options div:hover::after,
.ss-options div.selected::after {
    display: none;
}

.ss-options div:hover {
    background-color: #fff;
    color: #393D51;
}

.ss-options div.selected {
    background-color: #fff;
    color: #393D51;

}

.ss-options div.selected::before {
    content: "";
    background: url(image/svg_icon/baocun.svg) no-repeat center;
    position: absolute;
    width: 15px;
    height: 100%;
    left: 5px;
    top: 0;
    color: #393D51;
}

.ss-select-container.open .ss-options {
    display: block;
}

/* .ss-select-container.open .ss-select::after {
    content: "▲";
  } */

.ss-select::after {
    width: 15px;
    height: 100%;
    content: "";
    background: url(image/svg_icon/xiangxiajiantou.svg) no-repeat center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

/* 来访移动端提交图标 */
/* 成功 */
.lf-success {
    width: 100px;
    height: 100px;
    background: url(image/svg_icon/tijiaochenggong.svg) no-repeat center;
    background-size: 100%;
}

/* 失败 */
.lf-fail {
    width: 100px;
    height: 100px;
    background: url(image/svg_icon/tijiaoshibai.svg) no-repeat center;
    background-size: 100%;
}

/* 缩略图容器样式 */

.mobileFilePreview {
    display: flex;
    flex-wrap: wrap;
    /* 保证多列布局 */
    justify-content: flex-start;
    /* padding: 10px; */
}

.mobileFilePreviewItem {
    box-sizing: border-box;
    /* 使宽高计算准确，包含 padding 和 border */
    border-radius: 4px;
    border: 1px solid #ebebeb;
    position: relative;
    overflow: hidden;
}

/* 缩略图样式，确保图片比例 */
.mobileFilePreviewItem img {
    width: 100%;
    height: 100%;
    /* 缩略图固定高度 */
    object-fit: contain;
    cursor: pointer;
    
}

/* 遮罩层样式 */
.mobileFilePreviewOverlay {
    display: none;
    /* 默认隐藏 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
    overflow: hidden;
    /* 防止图片超出时溢出 */
}


/* 放大图片样式，仅应用于 .mobileFilePreviewOverlay 内的图片 */
.mobileFilePreviewOverlay img {
    max-width: 100%;
    /* 最大宽度 90% */
    max-height: 100%;
    /* 最大高度 90% */
    object-fit: contain;
    /* 保证图片保持原有比例 */
    transform-origin: center center;
    transition: transform 0.2s ease;
    position: relative;
}
/* 添加附件按钮 */
.mobileFilePreviewAddButton{
    width: 100px;
    height: 100px;
    border: 2px dashed rgb(221, 221, 221);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 24px;
    color: rgb(170, 170, 170);
    /* margin-bottom: 18.4667px; */
    margin-right: 0px;
}
/* 删除附件按钮 */
.mobileFilePreviewDeleteButton{
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 0px;
    right: 0px;
    background: url(image/svg_icon/guanbi.svg) no-repeat center;
    background-size: 70%;
    color: rgb(255, 255, 255);
    border: none;
    cursor: pointer;
}
/* 附件文件名查看 */
.mobileFilePreviewFile{
    width: 100%;
    height: 100%;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
    overflow-wrap: anywhere;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: auto;
}

/* 进度条容器 */
.progress-container {
    position: relative;
    width: 150px;
    height: 150px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
/* SVG 进度条 */
.progress-svg {
    width: 100%;
    height: 100%;
    transform: rotate(-90deg); /* 从顶部开始 */
    position: absolute;
}

/* 背景圆形，静态 */
.progress-circle-bg {
    fill: none;
    stroke: #ddd;
    stroke-width: 2;
}

/* 前景圆形，动态进度条 */
.progress-circle {
    fill: none;
    stroke: #4caf50;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-dasharray: 100, 100;
    stroke-dashoffset: 100;
    transition: stroke-dashoffset 0.35s;
}

/* 显示百分比的文本 */
.progress-text {
    font-size: 24px;
    color: #fff;
}

/* 显示动作信息的文本，例如 "上传中..." */
.action-text {
    font-size: 16px;
    color: #fff;
}

/* 搜索图标 */
.mobileIcon-qrcode{
    background-color: #fff; /* 设置背景颜色为白色 */
    background-image: url(image/svg_icon/qrcode.svg); /* 设置背景图像 */
    background-repeat: no-repeat; /* 设置背景图像不重复 */
    background-position: center; /* 设置背景图像居中显示 */
}


/* 来访卡片开始 */
.mobileLf-card {
    position: relative;
    width: 95%;
    margin: 0 auto 0.8rem;
    background: #fff;
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem;
    box-sizing: border-box;
    border-radius: 4px;
    color: #333;
    box-shadow: 0 0 5px rgba(168, 168, 168, 0.1);
}

.mobileLf-title {
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 2rem;
    color: #000;
    display: flex;
    align-items: center;
}
/* 审核中 */
.mobileLf-card-ing-tag{
    position: absolute;
    right: 0;
    top: 0;
    background: #fccb81;
    color: white;
    border-radius: 4px;
    padding: 2px 5px;
    width: 4rem;
    text-align: center;
    letter-spacing: 1px;
    font-size:0.95rem;
}
/* 同意 */
.mobileLf-card-agree-tag{
    /* position: absolute;
    right: 0;
    top: 0; */
    background: #fff;
    color: #c0e0b7;
    border: 1px solid #c0e0b7;
    border-radius: 4px;
    padding: 2px 5px;
    /* width: 2.5rem; */
    margin-left: .5rem;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    line-height: normal;
    font-size:0.95rem;
}
/* 拒绝 */
.mobileLf-card-refuse-tag{
    /* position: absolute;
    right: 0;
    top: 0; */
    background: #fff;
    color: #f29149;
    border: 1px solid #f29149;
    border-radius: 4px;
    padding: 2px 5px;
    /* width: 2.5rem; */
    margin-left: .5rem;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    line-height: normal;
    font-size:0.95rem;
}

/* 失败 */
.mobileLf-card-fail-tag{
    /* position: absolute;
    right: 0;
    top: 0; */
    background: #fff;
    color: red;
    border: 1px solid red;
    border-radius: 4px;
    padding: 2px 5px;
    /* width: 2.5rem; */
    margin-left: .5rem;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    line-height: normal;
    font-size:0.95rem;
}
/* 来访卡片结束 */

/* 移动端审核流程开始 */
.mobileShList{
    width: calc(100% - 22px);
    margin: 0.5rem auto 0.5rem auto;
}

.mobileShList-task-title{
    font-size: 1rem;
    display: flex;
    align-items: center;
}

.mobileShList-task-hollowPoint{
    width: 1rem;
    height: 1rem;
    display: block;
    background: #fff;
    border: 1px solid #585e6c;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.mobileShList-task-solidPoint{
    width: 1rem;
    height: 1rem;
    display: block;
    background: #585e6c;
    border-radius: 50%;
    margin-right: 0.5rem;
}
.mobileShList-task-content{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0.8rem 0 1.8rem;
    position: relative;
}
.mobileShList-task-content::before{
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #585e6c;
    left: 0.5rem;
    top: 0;

}
.mobileShList-task:last-child .mobileShList-task-content::before{
    height: 0;
}
.mobileShList-task-content p{
    background: url(image/svg_icon/yonghu02.svg) no-repeat;
    width: calc(100% - 1.6rem);
    font-size: 0.95rem;
    margin-bottom: 0.7rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-size: 1.1rem;
    padding-left: 1.5rem;
    box-sizing: border-box;
    line-height: 1.25rem;
}
.mobileShList-task-content p:last-child{
    margin-bottom: 0;
}

.mobileShList-task-author {
    white-space: nowrap;
}
.mobileShList-task-comment {
    flex-grow: 1;
    
    word-break: break-word;
}
.mobileShList-task-time {
    white-space: nowrap;
    color:#999;
}
/* 移动端审核流程结束 */
/* .mobileShList-task-content p{
    background: url(image/svg_icon/yonghu02.svg) no-repeat;
    background-size: 1rem;
    background-position: left top;
    width: calc(100% - 1.3rem);
    font-size: 0.98rem;
    margin-bottom: 0.3rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
   
    padding-left: 1.2rem;
    box-sizing: border-box;
} */

/* 移动端搜索按钮 */
.mobileSearch {
    background: url(image/svg_icon/queding.svg) no-repeat;
    background-size: 90%;
    background-position: center;
    color: #fff;
}
/* 移动端扫码按钮 */
.mobileScan {
    background: url(image/svg_icon/saoyisao2.svg) no-repeat;
    background-size: 98%;
    background-position: center;
    color: #fff;
}

/* 统计图 */
.mobileLfStatistics {
    width: calc(100% - 20px);
    margin: 0 auto;
}

.mobileLfStatistics table {
    width: 100%;
    border-collapse: collapse;
    /* 边框合并 */
    table-layout: inherit;
}

.mobileLfStatistics tr {
    height: 47px;
    line-height: 47px;
}

.mobileLfStatistics tr:first-child th {
    background: white;
}

.mobileLfStatistics th {
    display: table-cell;
    vertical-align: middle;
    background: #fafafa;
    border: 1px solid #e6e6e6;
    text-align: center;
    font-size: 1rem;
}

.mobileLfStatistics td {
    border: 1px solid #e6e6e6;
    text-align: center;
    background: #fff;
    font-size: 0.95rem;
}

.mobileLfStatistics .mobileLfStatistics-day {
    height: 67px;
    line-height: unset;
}

.mobileLfStatistics .mobileLfStatistics-day th {
    width: 4.5rem;
}

.mobileLfStatistics .mobileLfStatistics-day div {
    margin: 1px;
}

.mobileLfStatistics .mobileLfStatistics-day div p {
    height: 33px;
    display: flex;
    align-items: center;
    width: 85%;
    justify-content: center;
    margin: 0 auto;
    font-size: 0.95rem;
}

/* 过去时间*/
.mobileLfStatistics-overTime {
    background-color: #f0f0f0;
}

.mobileLfStatistics-overTime p {
    color: #999999;
}

.mobileLfStatistics-overTime p:first-child {
    border-bottom: 1px dashed #b8b8b8;
}

/* 当前时间 */
.mobileLfStatistics-currentTime {
    background-color: #c7ffe0;
}

.mobileLfStatistics-currentTime p {
    color: #000;
}

.mobileLfStatistics-currentTime p:first-child {
    border-bottom: 1px dashed #b8b8b8;
}

/* 未来时间 */
.mobileLfStatistics-futureTime {
    background-color: #c7e0ff;
}

.mobileLfStatistics-futureTime p {
    color: #000;
}

.mobileLfStatistics-futureTime p:first-child {
    border-bottom: 1px dashed #b8b8b8;
}

/* 大于100小于500人 */
.mobileLfStatistics-orange {
    background-color: #ffb882;
    color: #fff !important;
    width: 100% !important;
}

/* 大于等于500人 */
.mobileLfStatistics-red {
    background-color: #ff5b5b;
    color: #fff !important;
    width: 100% !important;
}

.mobileLfStatistics-title {
    position: relative;
}

.mobileLfStatistics-title span {
    position: absolute;
    right: 1rem;
    top: 0;
    font-size: 0.95rem;
}

.mobileLfStatistics-Color666 {
    color: #666666;
}
.mobileLfStatistics-prev {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(90deg); 
    
    background: url(image/svg_icon/shangyizhang.svg) no-repeat;
    background-size: 90%;
    background-position: center;
    color: #fff;
}
.mobileLfStatistics-next {
    width: 1.5rem;
    height: 1.5rem;
    transform: rotate(90deg); 
    background: url(image/svg_icon/xiayizhang.svg) no-repeat;
    background-size: 90%;
    background-position: center;
    color: #fff;
}