:root {
    --wqzc-font-blue: #1C50E8;
    --wqzc-font-whiteblue: #AABCED;
    --wqzc-grey: #88899B;
    --wqzc-lightgray: #999999;
    --wqzc-red: #E02020;;
    --wqzc-font-grey: #333333;
    --wqzc-bg-dark: #020F34;
    /*下面是v2.1.1版统一配色*/
    --wq-black: #000000;
    --wq-lightBlack: #232D42;
    --wq-lightGray: #8A92A6;
    --wq-indigo: #369BFF;
    --wq-blue: #4B71E0;
    --wq-brightBlue: #3A57E8;
    --wq-darkGrey: #999999;
    --wq-greyBlue: #BEBBEB;
    --wq-lightOrangeRed: #EB8712;
    --wq-lightWhite: #F5F6FA;
    --wq-bg-lightGray: #CFCFCF;
    --wq-bg-trHead: #F1F3F7;
    --wq-font-1: #6C757D;
    --wq-font-2: #F2F3F5;
    --wq-font-paleGreen: #FA541C;
    --wq-font-bule: #096DD9;
    --wq-font-bule2: #2F54EB;
    --wq-bg-lightBlue: #D6E4FF;
    --wq-bg-paleGreen: #E6F7FF;
    --wq-bg-lightRed: #FFCCC7;
    --wq-blue-hover: rgba(58, 87, 232, 0.1);
    --wq-dropdown-item-hover: #f6f6f6;
}

body, html {
    margin: 0;
    height: 100%;
}

body {
    font: 14px SourceHanSansCN-Medium, SourceHanSansCN, "PingFang SC", -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Source Han Sans", "Noto Sans CJK Sc", "Microsoft YaHei", "Microsoft Jhenghei", sans-serif;
    font-weight: 400;
    line-height: 1.3;
    -moz-font-feature-settings: "liga", "kern";
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
    color: var(--wq-lightBlack);
    background: #F1F3F7;
}

body > hr {
    height: 1px;
    margin: 0 15px 10px 15px;
    background: #979797;
}

em {
    color: #E02020;
    font-style: normal;
}

.color-lightblue {
    color: var(--wq-blue);
}

.color-lightgray {
    color: var(--wq-lightGray);
}

.color-red {
    color: var(--wqzc-red);
}

.layui-input:focus, .layui-textarea:focus {
    border: 1px solid #809ADF !important;
    transition: width .2s ease, height .2s ease, left .2s ease, top .2s ease, border-radius .2s ease;
    box-shadow: none;
}

.layui-select-title .layui-input:focus {
    border: inherit;
}

.layui-laypage input:focus, .layui-laypage select:focus {
    border-color: #0037CA !important;
}

.wqzc-body-bg1 {
    width: 100%;
    height: 100%;
    background-color: #F1F3F7;
}

.wqzc-container-box1 {
    margin: 0 auto;
}

.wqzc-container-box1 .layui-form {
    margin: 0 auto;
}

.wqzc-content-bg1 {
    margin: 0;
    padding: 0;
    background-color: white;
}

.wqzc-blockbox-1 {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    background-color: white;
}

.wqzc-a-btn {
    font-weight: 500;
    color: var(--wq-lightGray);
    margin: 0 6px;
    cursor: pointer;
}

.wqzc-a-btn:hover,
.wqzc-a-btn-this {
    color: var(--wq-blue);
}

.wqzc-tab-ul1 {
    height: 47px;
    color: var(--wq-lightGray);
}

.wqzc-tab-ul1 > li {
    height: 48px;
    line-height: 48px;
    padding: 0 !important;
    margin: 0 16px !important;
}

.layui-tab-brief > .layui-tab-title .layui-this {
    color: var(--wq-brightBlue);
}

.layui-tab-brief > .layui-tab-title .layui-this:after {
    border-bottom: 2px solid var(--wq-brightBlue);
}

/*表边框*/
.wqzc-vrtable .layui-table-view {
    border-color: transparent;
}

.layui-table-view .layui-table[lay-skin="line"] {
    border: 0;
}

/*表头颜色*/
.wqzc-vrtable .layui-table-header,
.wqzc-vrtable .layui-table-view thead tr {
    color: var(--wq-lightBlack);
    font-weight: 500;
    background-color: var(--wq-bg-trHead);
}

.wqzc-vrtable .layui-table tr {
    color: var(--wq-lightBlack);
    font-weight: 500;
}

/*数据表格样式2*/
.wqzc-vrtable-2 .wqzc-table-titlebox {
    font-size: 18px;
    display: block;
    height: 42px;
    line-height: 42px;
    clear: both;
}

.wqzc-vrtable-2 .wqzc-table-titlebox > .leftbox {
    float: left;
    color: black;
    font-weight: 500;
    font-size: 14px;
}

.wqzc-vrtable-2 .wqzc-table-titlebox > .rightbox {
    float: right;
    color: #0037CA;
}

.wqzc-vrtable-2 .wqzc-action-btn {
    background: transparent;
    border: none;
    padding: 2px;
}

.wqzc-vrtable-2 .wqzc-action-btn > i {
    font-size: 30px;
    color: #333333;
}

.wqzc-vrtable-2 .wqzc-action-btn:hover > i,
.wqzc-vrtable-2 .wqzc-action-btn > i:hover {
    color: #0037CA;
}

.wqzc-vrtable-2 .wqzc-table-titlebox .wqzc-add-btn {
    font-size: 14px;
    border-radius: 0;
    background-color: #0037CA;
}

/*公共图标-----start  */
.wqzc-icon-question-1 {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url("/static/img/ipsms/icon-1.png");
    background-repeat: no-repeat;
    background-size: 644px auto;
    background-position: -161px -24px;
    vertical-align: middle;
}

.wqzc-icon-pen {
    background: url("/static/img/ipsms/icon-edit1.png") no-repeat center;
    vertical-align: middle;
}

.wqzc-icon-img1 {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url("/static/img/ipsms/icon-1.png");
    background-repeat: no-repeat;
    background-size: 654px auto;
    vertical-align: top;
}

.wqzc-icon-img2 {
    background-image: url("/static/img/ipsms/icon-1.png");
    background-repeat: no-repeat;
    background-size: 654px auto;
}

.wqzc-icon-question-red {
    background-position: -23px -241px;
}

.wqzc-icon-web {
    background-position: -23px -241px;
}

.wqzc-icon-wechat {
    background-position: -71px -240px;
}

.wqzc-icon-app {
    background-position: -123px -240px;
}

.wqzc-icon-forum {
    background-position: -219px -240px;
}

.wqzc-icon-weibo {
    background-position: -170px -240px;
}

.wqzc-icon-news {
    background-position: -270px -240px;
}

.wqzc-icon-eye {
    background-position: -26px -197px;
}

.wqzc-icon-eye-white {
    background-position: -27px -299px;
}

.wqzc-icon-save-white {
    background-position: -85px -294px;
}

.wqzc-icon-edit {
    background-position: -56px -196px;
}

.wqzc-icon-delete {
    background-position: -86px -196px;
}

.wqzc-icon-friends {
    background-position: -196px -20px;
}

.wqzc-icon-key {
    background-position: -196px -48px;
}

.wqzc-icon-university {
    background-position: -196px -70px;
}

.wqzc-icon-cellphone {
    background-position: -196px -93px;
}

.wqzc-icon-login-wechat {
    background-position: -196px -120px;
}

.wqzc-icon-export {
    background-position: -111px -189px;
}

.wqzc-icon-help {
    background: url("/static/img/ipsms/help.png") center no-repeat;
}

.wq-icon2 {
    display: inline-block;
    width: 19px;
    height: 19px;
    background: url("/static/img/ipsms/icon-2.png") no-repeat;
    margin: 4px;
    cursor: pointer;
}

.wq-icon2-edit {
    background-position: -3px -26px;
}

.wq-icon2-download {
    background-position: -47px -26px;
}

.wq-icon2-share {
    background-position: -25px -26px;
}

.wq-icon2-delete {
    background-position: -69px -26px;
}

.wq-icon2-x {
    background-position: -4px -4px;
}

.wq-icon2-delete2 {
    background-position: -25px -4px;
}

.wq-icon2-fileAdd {
    background-position: -49px -4px;
}

.wq-icon2-tag {
    background-position: -117px -27px;
}

.wq-icon2-merge {
    background-position: -79px -74px;
}

.wq-icon2-generate {
    background-position: -79px -74px;
}

.icon-bulletin {
    display: inline-block;
    height: 19px;
    width: 18px;
    background-position: -95px -3px;
    border-radius: 2px;
}

.icon-bulletin:hover {
    opacity: .94;
}

.icon-bulletin.icon-bulletined {
    background-position: -73px -3px;
}

.icon-bulletin.icon-bulletin2 {
    background-position: -118px -3px;
}

/*公共图标-----end  */

/*重写日期选择器的颜色*/
.layui-laydate .layui-this,
.layui-laydate .layui-this>div {
    background-color: var(--wq-blue) !important;
}

.layui-form-select dl dd.layui-this,
.layui-form-select dl dd.layui-this>div {
    background-color: var(--wq-blue) !important;
    color: #FFFFFF;
}

.layui-laydate-footer span.layui-laydate-preview {
    color: #666 !important;
}

.layui-laydate-header i:hover,
.layui-laydate-header span:hover,
.layui-laydate-footer span:hover,
.layui-laydate-footer span[lay-type=date] {
    color: var(--wq-blue) !important;
}

/*重写复选框*/
.layui-form-checkbox[lay-skin=primary]{
    min-height: 15px;
    min-width: 15px;
}
.layui-form-checkbox[lay-skin=primary] i{
    width: 15px;
    height: 15px;
}
.layui-form-checked[lay-skin=primary] i {
    border-color: var(--wq-blue) !important;
    background-color: var(--wq-blue);
    color: #FFFFFF;
}

.layui-form-checkbox[lay-skin=primary]:hover i {
    border-color: var(--wq-blue);
}

.layui-form-checkbox[lay-skin="primary"] span {
    line-height: 16px;
    color: var(--wq-lightBlack);
}

/*重写单选框的样式*/
.layui-form-radio>i{
    font-size: 20px;
}
.layui-form-radio:hover *,
.layui-form-radioed,
.layui-form-radioed > i {
    color: var(--wq-blue);
}

/*重写分页按钮的颜色*/
.layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: var(--wq-blue);
}

.layui-laypage a:hover {
    color: var(--wq-blue);
}

.merge-box .scrollbox .merge-list {
    padding-bottom: 5px;
}

/*禁止layui数据表格的的文本溢出下拉*/
.layui-table-grid-down {
    display: none;
}

/*设定某些复选框的宽度*/
.wqzc-set-checkbox1 .layui-form-checkbox[lay-skin=primary] {
    max-width: 162px;
    word-break: break-all;
}

.wqzc-set-checkbox1 .layui-form-checkbox[lay-skin=primary] span {
    word-break: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 4px;
    overflow: hidden;
    width: 100%;
}

/*取消设定某些复选框的宽度*/
.wqzc-unset-checkbox1.common-checkbox,
.wqzc-unset-checkbox1 .layui-form-checkbox[lay-skin=primary] {
    width: auto;
}

/*时间选择器中横线*/
.layui-input-inline.wqzc-hr {
    width: 30px;
}

.layui-input-inline.wqzc-hr hr {
    margin-top: 17px;
    background-color: #666666a3;
}

.btn-blue {
    color: white;
    background: var(--wq-blue);
}

.btn-border-blue,
.btn-border-blue:hover{
    color: var(--wq-blue);
    border: 1px solid var(--wq-blue);
    background-color: #FFFFFF;
}

.btn-radius {
    border-radius: 4px;
}

.btn-noradius {
    border-radius: 0;
}

.btn-lightblue,
.btn-lightblue:hover {
    color: var(--wqzc-font-grey);
    background: #E9F5FB;
}

.btn-blue,
.btn-lightblue {
    font-weight: 500;
    font-size: 14px;
    line-height: 28px;
}

.wqzc-btn-1 {
    font-weight: 500;
    font-size: 14px;
    color: var(--wq-lightBlack);
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.2);
    line-height: 28px;
}

.wqzc-btn-1:hover {
    color: #000000;
}

.wqzc-btn-1.wqzc-btn-this {
    color: #FFFFFF;
    background-color: var(--wq-blue);
}

.wqzc-btn-2 {
    width: 110px;
    color: white;
    background-color: var(--wq-blue);
}

.wqzc-btn-3 {
    width: 110px;
    color: #000000;
    background-color: #E9F5FB;
    border-color: transparent;
}

.wqzc-btn-3:hover {
    border-color: #c9c9c9;
}

.wqzc-btn {
    color: #FFFFFF;
    border-radius: 0;
}

/*图标按钮统一基础样式*/
.wqzc-icon-btn {
    color: var(--wq-lightBlack);
    background-color: transparent;
    border: none;
}

.wqzc-icon-btn:hover {
    color: var(--wq-blue);
    background-color: transparent;
    border: none;
}

.btn-captcha {
    font-weight: 500;
    color: var(--wq-blue);
}

.btn-form-item {
    padding-top: 20px;
    text-align: center;
}

.wqzc-loading {
    position: relative;
    height: 50px;
    width: 80px;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    text-align: center;
}

.wqzc-loading .ani {
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding-bottom: 10px;
}

.wqzc-loading .txt {
    text-align: center;
    font-size: 13px;
    color: #ffffff;
}

.wqzc-span-tips {
    color: #E31414;
}

.layui-form-onswitch {
    border-color: var(--wq-blue);
    background-color: var(--wq-blue);
}

.wqzc-btn-color1 {
    background-color: var(--wq-blue) !important;
}

.common-checkbox {
    display: inline-block;
    width: 162px;
}

/*自定义滚动条*/
.custom-scrollbar::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

.custom-scrollbar::-webkit-scrollbar-track {
    -webhit-box-shadow: inset 0 0 5px transparent;
    border-radius: 0;
    background: transparent;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px #c0c0c0;
    background: #c0c0c0;
}

/*复合输入框 -start- */
.mixinput-input.layui-input-inline {
    width: 400px;
    margin: 2px 0;
    padding-bottom: 1px;
}

.mixinput-input .layui-input {
    width: 270px;
    float: none;
}

.mixinput-view.layui-input-inline {
    width: auto;
    max-width: 340px;
    padding: 8px 2px;
}

.mixinput-view .layui-icon {
    font-size: 18px;
    vertical-align: top;
    color: #999999;
    cursor: pointer;
    border-radius: 4px;
}

.mixinput-text {
    max-width: 310px;
    line-height: 20px;
}

.mixinput-save.layui-input-inline,
.mixinput-cancel.layui-input-inline {
    width: auto;
    color: var(--wq-blue);
    line-height: 1.3;
    padding: 5px;
    border-radius: 2px;
    text-decoration: none;
    float: none;
}

.mixinput-save:hover,
.mixinput-cancel:hover {
    color: var(--wq-blue);
    opacity: .8;
    text-decoration: none;
}

/*复合输入框 -end- */
/*弹窗中表单底部按钮框*/
.wqzc-btn-wrap {
    width: 80% !important;
    min-width: 120px !important;
    padding-top: 25px;
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    justify-content: center;
    margin: 0 auto;
}

.btn-cancel,
.wqzc-btn-wrap .cancel {
    color: var(--wq-lightBlack);
    margin-left: 60px;
    background-color: #FFFFFF;
    border: 1px solid #dedede;
}

.btn-confirm {
    color: #FFFFFF;
    background-color: var(--wq-blue);
}

.btn-confirm:hover,
.wqzc-btn-wrap .btn-confirm:hover {
    color: #FFFFFF;
    background-color: var(--wq-blue);
    opacity: .8;
}

.btn-cancel:hover,
.wqzc-btn-wrap .cancel:hover {
    color: var(--wq-lightBlack);
    opacity: .7;
}

/*情感标签颜色 start*/
.rim-tag,
.rim-neutral,
.rim-positive,
.rim-negative{
    border: none;
    height: auto;
    line-height: 23px;
}

.rim-neutral {
    color: var(--wq-font-bule2);
    background-color: var(--wq-bg-lightBlue);
}

.rim-positive {
    color: var(--wq-font-bule);
    background-color: var(--wq-bg-paleGreen);
}

.rim-negative {
    color: var(--wq-font-paleGreen);
    background-color: var(--wq-bg-lightRed);
}

/*情感标签颜色 end*/

/*- scrollbar -*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

::-webkit-scrollbar-thumb {
    background-color: #9d9c9c;
    -webkit-border-radius: 5px;
    border-radius: 0;
}

::-webkit-scrollbar-thumb:vertical:hover {
    background-color: #868484;
}

::-webkit-scrollbar-thumb:vertical:active {
    background-color: #333;
}

::-webkit-scrollbar-button {
    display: none;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}
/*- scrollbar end -*/

.layui-table-checked,
.layui-table-checked.layui-table-click,
.layui-table-checked.layui-table-hover{
    background-color: #f8f8f8;
}

.layui-bg-blue{
    background: var(--wq-blue);
}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate{
    border-color: var(--wq-blue);
}
.layui-form-checkbox[lay-skin=primary]>.layui-icon-indeterminate:before{
    background-color: var(--wq-blue);
}

.layui-input-wrap .layui-input:focus+.layui-input-split{
    border-color: var(--wq-blue);
}

.layui-table-view .layui-table td[data-edit]:hover:after{
    border:1px solid transparent;
}

.layui-table-view .layui-table td[data-edit]:focus:after{
    border:1px solid var(--wq-blue);
}