html,
body {
    width: 100%;
    height: 100%;
    font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    min-width: 1200px;
}

*,
div,
p {
    padding: 0;
    margin: 0;
    list-style: none;
    font-style: normal;
    box-sizing: border-box;
    font-size: 13px;
}

img[src=""],
img:not([src]) {
    opacity: 0;
}

ul,
ol,
li {
    list-style: none;
}

button {
    border: none;
}

button,
input {
    outline: none;
}

a {
    text-decoration: none;
    color: #222;
    cursor: pointer;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.inlineBlock {
    display: inline-block;
}
.block{
    display: block;
}
.inlineBlick {
    display: inline-block;
    margin-left: -12px;
}
.font20{
    font-size: 20px;
}
.fontW500{
    font-weight: 500;
}
.fontW900{
    font-weight: 900;
}
/*.center {*/
    /*text-align: center;*/
/*}*/

.cursor {
    cursor: pointer;
}

.left {
    float: left;
}

.right {
    float: right;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
}

::-webkit-input-placeholder { /* WebKit browsers */
    color: #999;
    font-size: 12px;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
    font-size: 12px;
}

:-ms-input-placeholder { /* Internet Explorer 10+ */
    color: #999;
    font-size: 12px;
}

body a {
    text-decoration: none;
    color: inherit;
}

html a:hover, html a:focus {
    color: inherit;
}

html a:hover, html a:focus {
    /* color: #23527c; */
    text-decoration: none;
}

body {
    overflow: hidden;
    position: relative;
    background-color: #f3f9ff !important;
}

.errorDiv h3 {
    font-size: 20px;
    margin-bottom: 10px;
}

.errorDiv p {
    margin-bottom: 10px;
}

.errorDiv img {
    margin: 0 auto;
    display: inline-block;
    width: 500px;
    height: 500px;
}

.errorDiv {
    text-align: center;
    position: absolute;
    width: 500px;
    height: 600px;
    top: 50%;
    left: 50%;
    margin-top: -320px;
    margin-left: -250px;
}

.form-horizontal div.checkbox label,
.form-horizontal div.checkbox input {
    margin: 0 3px 0 0;
    vertical-align: middle;
    font-size: 13px;
    display: inline-block;
    position: inherit;
    padding-left: 0px;
}

.form-horizontal div.checkbox label {
    margin-right: 15px;
}

.form-horizontal div.checkbox input[type="radio"] {
    margin-top: -2px;
}

.form-horizontal div.checkbox {
    padding: 0;
    line-height: 30px;
}

.padding20 {
    padding: 0 20px;
}

.marginbottom10{
    margin-bottom: 10px;
}
p.marginTop10,
div.marginTop10 {
    margin-top: 10px;
}

.marginright10 {
    margin-right: 10px;
}

.margin10 {
    margin: 10px 10px 0 10px;
}

.margin0 {
    margin: 0 !important;
}

.inlineBlock {
    display: inline-block !important;
}

.clear {
    clear: both;
}

.borderBottom {
    border-bottom: 2px solid #cccccc;
}

.red {
    color: #f56c6c;
}

.color409eff {
    color: #409eff;
}

.color555 {
    color: #555;
}

.color777 {
    color: #777;
}

.color909090 {
    color: #909090;
}

body .help-block {
    margin-bottom: 0;
}

body .checkbox label.myLabel {
    padding-left: 0;
}

body .checkbox label.myLabel input {
    vertical-align: middle;
    margin: -2px 2px 0 0;
}

body .layui-layer-dialog {
    min-width: 420px;
    border-radius: 6px;
    overflow: hidden;
}

body .layui-layer-title {
    border-bottom: none;
    font-size: 18px;
    margin-top: 10px;
    overflow: hidden;
    background-color: white;
}
body .layui-layer-dialog .layui-layer-content{
    /*padding: 10px 20px;*/
    /*min-height: 60px;*/
}
/*.layui-layer-dialog .layui-layer-content,*/
body .layui-layer-dialog .layui-layer-padding {
    /*padding-top: 10px;*/
    color: #606266;
}

body .layui-layer-dialog .layui-layer-content .layui-layer-ico {
    /*top: 6px;*/
}

body .layui-layer-btn {
    padding-bottom: 22px;
    
}

body .layui-layer-btn a {
    padding: 0 18px;
    border-radius: 4px;
}

body .layui-layer-btn .layui-layer-btn0 {
    background: #1298F5;
    border-color: #1298F5;
}

div.layui-laydate .layui-this {
    background-color: #409eff !important;
}

.layui-laydate-content > .layui-laydate-list {
    padding-bottom: 0px;
    overflow: hidden;
}

.layui-laydate-content > .layui-laydate-list > li {
    width: 50%
}

div.layui-laydate-list > li {
    width: 50%;
}

.displayBlock {
    /*display: block !important;*/
}

.el-button {
    display: inline-block;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid #409eff;
    color: #606266;
    -webkit-appearance: none;
    text-align: center;
    box-sizing: border-box;
    outline: none;
    margin: 0;
    transition: .1s;
    font-weight: 500;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 3px;
    margin-left: 10px;
    color: #fff;
    background-color: #409eff;
}

div button.borderNone:hover {
    background: white;
    font-weight: 500;
}

div button.borderNone {
    border: none;
    color: #409eff;
}

div button.dangerBorderNone:hover {
    background: white;
    font-weight: 500;
    color: #f56c6c;
}

div button.dangerBorderNone {
    border: none;
    color: #f56c6c;
}

div button.disabled {
    border: 1px solid #c3c3c3 !important;
    color: #909090 !important;
    background: #eeeeee !important;
}

div button.disabled:hover {
    border: 1px solid #c3c3c3 !important;
    color: #a5a5a5 !important;
    background: #f4f4f4 !important;
}

div .tag-button i.icon-guanbi:hover {
    color: white;
    background: #409eff;
    border-radius: 50%;
}

div .tag-button i.icon-guanbi {
    margin-left: 4px;
}

div .tag-button i {
    font-size: 12px;
}

div button.tag-button {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
    padding: 6px 9px;
}

div.goBack i {
    color: #409eff;
    font-size: 14px;
}

div.goBack {
    line-height: 30px;
    position: relative;
    top: 8px;
    padding: 0 10px 0 10px;
}

.laydate_body .laydate_top {
    height: 37px !important;
}

.laydate_body .laydate_ym {
    height: 26px !important;
}

.laydate_body .laydate_m {
    width: 101px !important;
}

.laydate_body .laydate_m input {
    width: 44px !important;
}

.laydate_body .laydate_bottom {
    height: 33px !important;
}

.page_filterMenu {
    width: 100px;
    min-width: 100px;
    left: -20px;
    top: 30px;
}

.page_filterMenu li {
    line-height: 30px;
    cursor: pointer;
}

.page_filterMenu li i.iconfont {
    padding-right: 5px;
}

.page_filterMenu > li:hover {
    color: #408ef1;
}

.page_filterMenu > li:hover i {
    color: #408ef1;
}

.newPage .layui-laypage .layui-laypage-curr .layui-laypage-em {
    background-color: #408ef1;
}

. .page_filterMenu li i.iconfont {
    padding-right: 5px;
}

.newPage .layui-laypage a:hover {
    color: #408ef1;
    
}

.newPage .page_filterMenu > li:hover {
    color: #408ef1;
}

.newPage .page_filterMenu > li:hover i {
    color: #408ef1;
}

.newPage {
    text-align: center;
    /*position: absolute;*/
    /*bottom:0;*/
    /*width: 800px;*/
    /*left: 50%;*/
    /*margin-left: -276px;*/
}

.newPage .layui-laypage input:focus, .newPage .layui-laypage select:focus {
    border-color: #408ef1 !important;
}

.newPage .layui-laypage select {
    background: white;
}

.center .timeInput {
    height: 30px;
    line-height: 30px;
    border: 1px solid #E1E3E8;
    border-radius: 3px;
    margin: 0;
    font-size: 12px;
    color: #666;
    padding-left: 10px;
    background-color: transparent;
    min-width: 180px;
}

.el-button i,
.el-button span {
    font-size: 12px;
}

.looding {
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: hsla(0, 0%, 100%, .9);
    transition: opacity .3s;
    opacity: 0.9;
}

.el-loading-spinner {
    top: 50%;
    margin-top: -21px;
    width: 100%;
    z-index: 1;
    text-align: center;
    position: absolute;
}

.el-loading-spinner .circular {
    height: 50px;
    width: 50px;
    animation: loading-rotate 2s linear infinite;
    text-align: center;
}

.el-loading-spinner .path {
    animation: loading-dash 1.5s ease-in-out infinite;
    stroke-dasharray: 90, 150;
    stroke-dashoffset: 0;
    stroke-width: 2;
    stroke: #409eff;
    stroke-linecap: round;
}

@keyframes loading-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes loading-dash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0
    }
    50% {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -40px
    }
    to {
        stroke-dasharray: 90, 150;
        stroke-dashoffset: -120px
    }
}

.el-input__inner .icon-sousuo5 {
    font-size: 17px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #707070;
    z-index:2;
}
.el-input__inner .icon-sousuo3 {
    font-size: 17px;
    position: absolute;
    right: 8px;
    top: 0px;
    color: #707070;
    z-index:2;
}

.el-input__inner {
    display: inline-block;
    width: 200px;
    position: relative;
    vertical-align: middle;
}

div.topInput{
    margin-right: 20px;
    width: 220px;
    line-height: 30px;
    height: 30px;
}
div.topInput i:hover + form{
    display: block;
    animation-name: stretchLeft;
	-webkit-animation-name: stretchLeft;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease-out;	

	transform-origin: 100% 0%;
	-ms-transform-origin: 100% 0%;
	-webkit-transform-origin: 100% 0%;
}

div.topInput form{
    display: none;
   }
div.topInput form:hover{
    display: block;
   }

    

@keyframes stretchLeft {
	0% {
		transform: scaleX(0.3);
	}
	40% {
		transform: scaleX(1.02);
	}
	60% {
		transform: scaleX(0.98);
	}
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(0.98);
	}				
	80% {
		transform: scaleX(1.01);
	}
	100% {
		transform: scaleX(1);
	}							
}

@-webkit-keyframes stretchLeft {
	0% {
		-webkit-transform: scaleX(0.3);
	}
	40% {
		-webkit-transform: scaleX(1.02);
	}
	60% {
		-webkit-transform: scaleX(0.98);
	}
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(0.98);
	}				
	80% {
		-webkit-transform: scaleX(1.01);
	}
	100% {
		-webkit-transform: scaleX(1);
	}		
}
div.topInput input.hideInout{
    width: 0;
    border:none;
    padding: 0;
}
div.topInput input{
    border-radius: 6px;
    line-height: 30px;
    height: 30px;
}
.el-time__inner .icon-shijian{
    position: absolute;
    left: 9px;
    color: #cccccc;
}

.el-time__inner .icon-guanbi1 {
    position: absolute;
    right: 10px;
    color: #cccccc;
    font-size: 12px;
    display: none;
    top: -1px;
}

.el-time__inner:hover .icon-guanbi1 {
    display: inline-block !important;
    cursor: pointer;
}

.el-input__inner input {
    -webkit-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: inherit;
    height: 32px;
    line-height: 32px;
    outline: none;
    width: 100%;
    padding: 0 15px;
    transition: border-color .2s cubic-bezier(.645, .045, .355, 1);
    font-size: 13px;
}

.el-time__inner input {
    padding-left: 28px;
}

.el-time__inner {
    position: relative;
    width: 150px;
}

#chart-container {
    position: relative;
    display: inline-block;
    top: 10px;
    left: 10px;
    height: 420px;
    width: calc(100% - 24px);
    border: 2px dashed #aaa;
    border-radius: 5px;
    overflow: auto;
    text-align: center;
}
div.modalearlyWarning .modal-dialog .modal-content .modal-body{
    overflow-x: hidden;
}
div.modalearlyWarning .modal-dialog {
    width: 900px;
    position: absolute;
    top:50%;
    right: 50%;
    margin: -200px -450px 0 0 ;
}
/*邮箱登陆弹窗*/


.modalMail .modal-dialog {
    margin-top: 100px;
    width: 324px;
    height: 320px;
    border-radius: 3px;
    overflow: hidden;
}

.modalMail .close {
    color: white;
    font-size: 12px;
    opacity: 1;
    margin-right: 12px;
    margin-top: 12px;
}

.modalMail .close .icon-dankuangguanbi- {
    font-size: 12px;
}

.modalMail .modal-header {
    height: 194px;
    background: url("../../img/newMail_bg.png") no-repeat center;
    background-size: 100% 100%;
    border: none;
}

.modalMail .modal-content .modal-body-text {
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 14px;
    color: #333333;
    border: none;
}

.modalMail .modal-content {
    height: 100%;
    border: none;
    border-radius: inherit;
}

.modalMail .modal-content .modal-body {
    padding: 28px 0 24px 0;
    min-height: 20px;
    border: none;
}

.
.modalMail .modal-content .modal-footer {
    display: none;
    padding: 0;
    text-align: center;
    border: none;
}

.modalMail .modal-content .mail_tip {
    display: none;
    text-align: center;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #999999;
    border: none;
}

.modalMail .modal-content .modal-footer .modalMailSubimt:hover {
    background: #039EFB;
    border: none;
}

.modalMail .modal-content .modal-footer .modalMailSubimt:focus {
    border: none;
    outline: none;
}

.modalMail .modal-content .modal-footer .modalMailSubimt {
    background: #1298F5;
    box-shadow: 0 2px 4px 0 #A4D6FF;
    border-radius: 30px;
    border: none;
    width: 148px;
    height: 28px;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #FFFFFF;
}


.topNav .downMobileModal p {
    line-height: 24px;
    margin: 0;
}

.topNav .downMobileModal {
    position: absolute;
    width: 224px;
    top: 10px;
    left: -200px;
    padding: 10px 10px 10px 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(170, 170, 170) 0px 1px 5px;
    display: none;
    overflow: hidden;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    opacity: 0;
}

.topNav .downMobileModal img {
    width: 204px;
    text-align: center;
    height: 204px;
}

.topNav .iconfont.downMobile {
    font-size: 18px;
    top: 5px;
    color: #999999;
}

downMobileModal:hover,
.topNav .dropdown-toggle:hover .downMobileModal {
    display: block;
    animation: myfirst 0.6s;
    -webkit-animation: myfirst 0.6s;
    animation-fill-mode: forwards;
}

@keyframes myfirst {
    0% {
        top: 80px;
        opacity: 0.7;
    }
    100% {
        top: 56px;
        opacity: 1;
    }
}

@-webkit-keyframes myfirst /* Safari and Chrome */
{
    0% {
        top: 80px;
        opacity: 0.7;
    }
    100% {
        top: 56px;
        opacity: 1;
    }
}

@-moz-keyframes myfirst /* Firefox */
{
    0% {
        top: 50px;
        opacity: 0.7;
    }
    100% {
        top: 40px;
        opacity: 1;
    }
}

@-o-keyframes myfirst /* Opera */
{
    0% {
        top: 50px;
        opacity: 0.7;
    }
    100% {
        top: 40px;
        opacity: 1;
    }
}

.footer {
    text-align: center;
    margin: 10px 0 0 0;
    flex: 0 0 auto;
}

.topNav {
    width: 100%;
    height: 66px;
    z-index: 10;
    flex: 0 0 auto;
    position: relative;
}

.topNav .topNavCenter {
    background: #fff;
    box-shadow: 0px 4px 9px -1px #a7c1ecab;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    left: 10px;
    right: 10px;
    top: 10px;
    bottom: 0px;
    border-radius: 6px;
    
}

.topNav .topNavCenter .welcome {
    color: #5a5a5a;
}

.topNav .topNavCenter .icon-shousuo1 {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 10px;
    color: #049FFC;
    display: inline-block;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0);
    /*transition:0.5s;*/
}

.topNav .topNavCenter .open {
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=2);
    /*transition:0.5s;*/
    
}

.topNav .dropdown .showCustomer i.icon-lianxikefu:hover{
    color: #e175fb;
}
.topNav .dropdown .showCustomer i.icon-lianxikefu{
    color: #C465DA;
    vertical-align: middle;
    font-size: 21px;
}
.topNav .js_showMobile,
.topNav .dropdown .showCustomer ,
.topNav .dropdown .js_showMailbox {
    width: 50px;
    position: relative;
    line-height: 56px;
}

.topNav span.tip {
    position: absolute;
    left: 10px;
    top: -12px;
    box-sizing: border-box;
    margin: 0px;
    min-width: 25px;
    line-height: 18px;
    border: 2px solid rgb(255, 255, 255);
    color: rgb(255, 255, 255);
    background-color: rgb(241, 64, 60);
    padding: 1px 4px;
    position: absolute;
    font-size: 12px;
    border-radius: 20px;
    text-align: center;
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
}

.topNav .iconfont.mail:hover{
    color: #707070;
}
.topNav .iconfont.mail {
    color: #707070;
    font-size: 23px;
    cursor: pointer;
    vertical-align: middle;
}
.topNav .iconfont.mail2:hover{
    color: #707070;
}
.topNav .iconfont.mail2 {
    color: #707070;
    font-size: 17px;
    cursor: pointer;
    vertical-align: middle;
}
.topNav .iconfont.blue:hover{
    color: #039EFB;
}
.topNav .iconfont.blue {
    color: #039EFB;
    font-size: 23px;
    cursor: pointer;
    vertical-align: middle;
}

.topNav .dropdown {
    height: 56px;
    min-width: 308px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

.topNav .photo {
    width: 40px;
    height: 40px;
    /*margin-right: 7px;
    */display: inline-block;
    border-radius: 6px;
    overflow: hidden;
    vertical-align: middle;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

.topNav ul li {
    line-height: 30px;
    cursor: pointer;
}

.topNav ul li a i.iconfont {
    padding-right: 0;
    margin: 0 18px;
    font-size: 16px;
}

#personDropMenu span {
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    
}
#personDropMenu p {
    overflow: hidden;
    /* text-overflow: ellipsis; */
    white-space: nowrap;
    /* display: inline-block; */
    vertical-align: middle;
    
}

    #personDropMenu {
    height: 100%;
    padding-top: 8px;
}

.personMenu {
 
    min-width: 120px;
    border-radius: 0;
    border: none;
    box-shadow: 0 5px 8px 3px #a7c1ecab;
    padding-top: 6px;
    padding-bottom: 6px;
    background: white;
    position: absolute;
    top: 71px;
    z-index: 1;
    right: -51px;
     display: none; 
}
.personMenu > li {
    text-align: left;
    }

.personMenu > li > a {
    width: 100%;
    display: inline-block;
    font-size: 14px;
    letter-spacing: 0;
    padding: 0;
    line-height: 28px;
    font-family: PingFangSC-Light;
    color: #777777;
    letter-spacing: 0;
}

.personMenu li i.iconfont {
    padding-right: 0;
    margin: 0 12px;
    font-size: 16px;
}

.personMenu li i.icon-lianxikefu ,
.personMenu li i.icon-wodeziliao {
    color: #409eff;
}

.personMenu li i.icon-zhongqi {
    font-weight: 600;
}

.personMenu li i.icon-qianming,
.personMenu li i.icon-xiazai {
    color: #00cacf;
}

.topNav .icon-houtaiguanli:hover{
    color: #a585ff;
}
.topNav .icon-houtaiguanli {
    color: #826ae5;
    font-size: 23px;
    vertical-align: middle;
}
.topNav .icon-gaojing-copy:hover{
    color: #FF4949;
}
.topNav .icon-gaojing-copy {
    font-size: 20px;
    font-weight: 700;
    color: #ff705c;
    position: relative;
    z-index:11;
}
.topNav .earlyWarning:after {
    position: absolute;
    top: 2px;
    left: 0;
    width: 100%;
    height: 100%;
    border: 3px solid #ff705c;
    border-radius: 50%;
    animation: antStatusProcessing 1.1s ease-in-out infinite;
    content: "";
}
@keyframes antStatusProcessing {
    0% {
        transform: scale(0.4);
        opacity: 0.7;
    }
    to {
        transform: scale(1.8);
        opacity: 0;
    }
}

.personMenu li i.icon-tuichu {
    color: #F56C6C;
}

.personMenu li a:hover {
    background: none;
    color: #039EFB;
}

.contactLeft {
    min-width: 220px;
    background: #f5f7fa;
    font-size: 14px;
    width: min-content;
    min-height: 100%;
    overflow: hidden;
    max-height: 100%;
    position: relative;
}

.contactPerson {
    padding: 10px 0px;
}

.contactPerson h6 img {
    width: 20px;
    height: 20px;
    margin: -3px 6px 0 0;
}

.contactPerson h6 {
    padding: 0 15px;
    font-weight: 500;
    margin: 10px 0;
    font-size: 16px;
}

.contactPerson ul li ul li ul li ul li ul li ul li ul li ul li ul li p {
    padding-left: 166px;
}

.contactPerson ul li ul li ul li ul li ul li ul li ul li ul li p {
    padding-left: 146px;
}

.contactPerson ul li ul li ul li ul li ul li ul li ul li p {
    padding-left: 126px;
}

.contactPerson ul li ul li ul li ul li ul li ul li p {
    padding-left: 106px;
}

.contactPerson ul li ul li ul li ul li ul li p {
    padding-left: 86px;
}

.contactPerson ul li ul li ul li ul li p {
    padding-left: 76px;
}

.contactPerson ul li ul li ul li p {
    padding-left: 58px;
}

.contactPerson ul li ul li p {
    padding-left: 40px;
}

.contactPerson li ul {
    display: none;
}

.contactPerson p .positionSpan {
    font-size: 12px;
    color: #636363;
}

.contactPerson p {
    font-size: 13px;
    padding: 0 50px 0 26px;
    margin-bottom: 0;
    max-width: 360px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    moz-user-select: -moz-none;
    -moz-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.contactPerson p:hover,
.contactPerson ul li p:hover i.icon-xiaji {
    background: #e9ebee;
}

.titleCrumbs span.active,
.contactPerson ul li p.active i.icon-xiaji,
.contactPerson ul li p.active {
    color: #409eff;
}

.contactPerson ul li .checkbox-inline input[type="checkbox"] {
    position: inherit;
    margin-left: 0;
}

.contactPerson .checkbox-inline {
    padding: 0;
}

.contactPerson ul li img {
    width: 22px;
    /* margin-top: 14px; */
    border-radius: 50%;
    height: 22px;
}

.contactPerson ul li i.icon-xiaji {
    position: absolute;
    right: 10px;
    font-size: 12px;
    top: 1px;
    color: #8c8c8c;
}

.contactPerson ul li {
    font-size: 14px;
    position: relative;
}

.contactPerson ul {
    margin-bottom: 0;
}

.contactPerson {
    line-height: 40px;
    width: 280px;
    padding-right: 20px;
    overflow: scroll;
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
}

.tabCenterTable {
    display: none;
    height: min-content;
    padding: 0 10px;
}

.box {
    display: flex;
    flex-direction: row;
    height: 100%;
}

.box .centerLeft {
    /*flex: 0 0 130px;*/
    z-index: 100;
    height: 100%;
    background: white;
    position: relative;
    width: 80px;
    flex: 0 0 80px;
    max-width: 80px;
    min-width: 80px;
    
}

.box .centerLeftShrink {
    /*width: 80px;*/
    /*flex: 0 0 80px;*/
    /*max-width: 80px;*/
    /*min-width: 80px;*/
}

.box .centerLeft .centerLeftMargin {
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 0;
    box-shadow: -3px 0px 10px 4px #a7c1ecab;
    border-radius: 6px;
}

.box .centerLeft .mini_new_menuInner {
    padding: 0px 12px;
    height: 88%;
}


.box .centerLeft .mini_new_menuInner > ul > li {
    margin-bottom: 6px;
    position: relative;
}

.box .centerLeft .mini_new_menuInner li ol a:hover,
.box .centerLeft .mini_new_menuInner li:hover .icon,
.box .centerLeft .mini_new_menuInner li:hover em {
    color: #289bf0;
}

.box .centerLeft .mini_new_menuInner li:hover .icon-shangjiantou {
    /*color: white;*/
}

.box .centerLeft .mini_new_menuInner li.activeLi .icon,
.box .centerLeft .mini_new_menuInner li.activeLi em {
    color: #289bf0;
}

.box .centerLeft .mini_new_menuInner li {
    line-height: 30px;
    cursor: pointer;
    text-align: left;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    
}

.box .centerLeft .mini_new_menuInner li .icon em {
    margin-left: 5px;
    font-weight: 500;
    font-size: 14px;
}

.opacity0 {
    opacity: 0 !important;
}

.box .contactPerson li .icon-xialasanjiaozhedie {
    display: inline-block;
    width: 12px;
    color: #777;
    font-size: 13px;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=0);
    /*transition:0.5s;*/
}

.box .contactPerson ul li.perentli .openIcon {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
    /*transition:0.5s;*/
}

.box .centerLeft .mini_new_menuInner li .icon {
    color: #909090;
    font-size: 16px;
    display: inline-block;
}

.box .centerLeft .mini_new_menuInner li .icon-xingzhuang,
.box .centerLeft .mini_new_menuInner li .icon-mokuai,
.box .centerLeft .mini_new_menuInner li .icon-icon_xiangmushenpidan {
    font-size: 15px;
}

.box .centerLeft .mini_new_menuInner li .icon-OA,
.box .centerLeft .mini_new_menuInner li .icon-Set_up {
    font-size: 18px;
}

.box .centerLeft .mini_new_menuInner li ol a {
    color: #909090;
    
}

.box .centerLeft .mini_new_menuInner li .icon-shangjiantou {
    position: absolute;
    top: 70%;
    margin-top: -15px;
    color: white;
    right: -3px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    display: none;
}

.box .centerLeft .mini_new_menuInner li ol {
    display: none;
    padding-left: 22px;
    font-size: 13px;
    /*border:1px solid #a7c1ecab;*/
}

.box .centerLeftShrink .mini_new_menuInner li ol li a {
    /*font-size: 12px;*/
}
.box .centerLeftShrink .mini_new_menuInner .frontDesk li {
    display: block;
    text-align: left;
    }
.box .centerLeftShrink .mini_new_menuInner .frontDesk {
    position: absolute;
    top: 46px;;
    margin-top: -25px;
    left: 70px;
    min-width: 86px;
    border-radius: 4px;
    background: white;
    box-shadow: -3px 0px 10px 4px #a7c1ecab;
    padding: 10px 10px 10px 10px;
    font-size: 12px;
    line-height: 28px;
    z-index: 1;
}

.box .centerLeftShrink .mini_new_menuInner li ol {
    position: absolute;
    top: -5%;
    margin-top: -25px;
    left: 70px;
    min-width: 78px;
    border-radius: 4px;
    background: white;
    box-shadow: -3px 0px 10px 4px #a7c1ecab;
    padding: 10px 0;
    font-size: 12px;
    line-height: 28px;
    z-index: 1;
}

.box .centerLeft .mini_new_menuInner li i.icon-xiala1 {
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    right: 0px;
    top: 2px;
    display: block;
}

.box .centerLeft .mini_new_menuInner li:hover .icon-shangjiantou {
    display: none;
}

.box .centerLeft .M_logoBox {
    font-size: 16px;
    color: #909090;
    letter-spacing: 0;
    height: 80px;
    line-height: 25px;
    width: 100%;
    text-align: center;
    position: relative;
    
}
.box .centerLeft .logoBox {
    font-size: 16px;
    color: #909090;
    letter-spacing: 0;
    height: 80px;
    line-height: 80px;
    width: 100%;
    text-align: center;
    position: relative;
    
}

.box .centerLeftShrink .mini_new_menuInner li:hover .icon-shangjiantou,
.box .centerLeftShrink .mini_new_menuInner li:hover ol {
    display: block !important;
}

.box .centerLeftShrink .mini_new_menuInner li {
    text-align: center;
}

.box .centerLeftShrink .mini_new_menuInner {
    padding: 0;
}

.box .centerLeftShrink .mini_new_menuInner li .icon {
    font-size: 20px;
}

.box .centerLeftShrink .mini_new_menuInner li .icon-mokuai,
.box .centerLeftShrink .mini_new_menuInner li .icon-xingzhuang,
.box .centerLeftShrink .mini_new_menuInner li .icon-icon_xiangmushenpidan {
    font-size: 18px;
}

.box .centerLeftShrink .mini_new_menuInner li .icon-OA,
.box .centerLeftShrink .mini_new_menuInner li .icon-Set_up {
    font-size: 18px;
}

.box .centerLeftShrink .mini_new_menuInner li .icon em {
    display: block;
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    margin-left: 0px;
}

.box .centerLeftShrink .mini_new_menuInner li i.icon-xiala1 {
    display: none;
}

.contactRight {
    min-height: 100%;
    position: absolute;
    left: 260px;
    right: 0px;
    top: 0;
    bottom: 0;
}

.logoBox img.icon-boxlogo {
    /*font-family: PingFangSC-Semibold;*/
    /*color: #409eff;*/
    font-size: 36px;
    width: 36px;
    height: 36px;
}

.box .centerRight .center {
    flex: auto;
    position: relative;
}

.box .centerRight {
    order: 1;
    overflow: hidden;
    display: flex;
    flex: auto;
    flex-direction: column;
    min-height: 0;
}

.box .centerRight .centerBack {
    position: absolute;
    left: 10px;
    top: 10px;
    right: 10px;
    bottom: 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 9px -1px #a7c1ecab;
    border-radius: 6px;
    overflow: hidden;
}

/*通用表格样式开始*/
.publicList table {
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    flex: 1;
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #606266;
    border-left: 1px solid #ebeef5;
    border-top: 1px solid #ebeef5;
    table-layout: fixed;
    
}

.publicList table thead tr th,
.publicList table tbody tr td {
    box-sizing: border-box;
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid #ebeef5;
    border-right: 1px solid #ebeef5;
    padding: 6px 8px;
    min-width: 0;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: center;
    position: relative;
    font-size: 13px;
    color: #606266;
}

.publicList table thead tr th {
    overflow: hidden;
    user-select: none;
    color: #909399;
    font-weight: 500;
    background-color: #f5f7fa;
    
}

.publicList table thead tr th:first-child,
.publicList table tbody tr td:first-child {
    width: 50px;
}

.publicList table thead tr th:last-child,
.publicList table tbody tr td:last-child {
    max-width: 180px;
}

.publicList table tbody tr td.width100 {
    width: 100px;
}

.publicList table tbody tr td.width120 {
    width: 120px;
}

.publicList table tbody tr td.width150 {
    width: 150px;
}

.center .publicList table tbody tr td.width200 {
    width: 200px;
}

.publicList table tbody tr td.width300 {
    width: 300px;
}

.publicList table .photo {
    width: 26px;
    height: 26px;
    border-radius: 50%;
}

.publicList table .checkbox label {
    min-height: 14px;
}

.publicList table .checkbox {
    margin: 0;
    display: inline-block;
}

div.tableTitle:hover {
    display: block !important;
}

div.tableTitle i {
    position: absolute;
    color: #303133;
    font-size: 14px;
    width: 20px;
    height: 20px;
    left: 50%;
    margin-left: -10px;
    top: 18px;
}

div.tableTitle {
    position: fixed;
    top: 0px;
    left: 0px;
    width: auto;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
    padding: 0 4px;
    background: #303133;
    color: #fff;
    display: none;
    z-index: 10000;
}

/*通用表格样式结束*/

.publicList {
    min-height: 90%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 102%;
    padding: 0 2% 10px 0px;
    overflow: auto;
}

.centerBack .publicList a .el-button {
    margin-right: 6px;
}

.publicList .el-button {
    margin-right: 6px;
    margin-left: 0;
    padding: 8px 8px;
    font-weight: 400;
}

.publicList table .el-button {
    padding: 4px 8px;
}

.publicList .el-button:last-child {
    margin-right: 0;
}

.publicList .searchButton {
    padding: 8px 10px;
    margin-left: 8px;
    vertical-align: middle;
}

.el-button:hover {
    background: #66b1ff;
    border-color: #66b1ff;
    color: #fff;
}

button.text:hover {
    color: #409eff;
    border-color: #c6e2ff;
    background-color: #ecf5ff;
}

.publicList .danger {
    color: #fff;
    background-color: #f56c6c;
    border-color: #f56c6c;
}

.danger:focus, .danger:hover {
    background: #f78989;
    border-color: #f78989;
    color: #fff;
}

button.text {
    background-color: white;
    border: 1px solid #dcdfe6;
    color: #606266;
}

.publicList table tr:hover > td {
    background-color: #f5f7fa;
}

.modal h6 {
    color: #777;
    
}

.modal-content .modal-body .textCenter,
.modal-title {
    text-align: center;
}

.modal-header .close i.icon {
    font-size: 22px;
}

.modal-content .modal-body {
    padding-top: 10px;
    
}

.modal-content .modal-header .close {
    margin-top: 0;
    font-size: 18px;
}

.form-horizontal .control-label {
    font-size: 14px;
    color: #606266;
    font-weight: 400;
    
}

.titleCrumbs span.titlespan {
    font-size: 15px;
}

.titleCrumbs span {
    font-size: 13px;
}

.titleCrumbs {
    padding: 10px 10px 10px 10px;
    /*font-size: 14px;*/
    min-height: 50px;
    /*border-top:1px solid #ccc;*/
    line-height: 30px;
}

.addPersonModal .modalBodyRight {
    width: 540px;
}

.addPersonModal .modal-dialog {
    width: 800px !important;
    
}

.step {
    width: 100%;
    min-height: 60px;
    border: 1px solid #ddd;
    border-radius: 10px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px 5px 10px 10px;
}

.stage {
    width: 22%;
    min-height: 560px;
    margin: 5px 16px 5px 0;
    display: inline-block;
    text-align: left;
}

.vue-tabs .left-vertical-tabs {
    width: 100px !important;
    min-width: 100px !important;
}

.whiteBlock .vue-tabs .nav-stacked > li > a {
    padding: 7px 0;
}

div .vue-tabs .right-text-tabs {
    width: calc(100% - 50px) !important;
    float: left;
    padding: 0 0 0 10px;
}

/*自定义表单样式*/
.customGroup {
    width: 500px;
    color: #606266;
    line-height: 40px;
}

.customGroup .form-control {
    background-color: white;
    border: 1px solid #dcdfe6;
    color: #606266;
    width: 100%;
    min-width: 200px;
}

.customGroup input.form-control {
    height: 32px;
    line-height: 32px;
    margin-top: 4px;
}

.customGroup textarea.form-control {

}

.customGroup i {
    display: inline-block;
    vertical-align: middle;
}

.customGroup label input {
    width: auto;
    vertical-align: middle;
    margin: 0;
    
}

.customGroup label span {
    vertical-align: middle;
    display: inline-block;
    line-height: 40px;
}

.customGroup label {
    line-height: 40px;
    vertical-align: middle;
    margin: 0;
    font-weight: inherit;
}

.customGroup div {
    display: inline-block;
}

.form-group .winth90 {
    width: 90%;
}

.form-group.winth10 {
    width: 10%;
}

.form-group .alineRight {
    text-align: right;
}

.form-horizontal .has-feedback .form-control-feedback {
    display: none !important;
}

/*手风琴开始*/
.p-collapse .p-collapse-item .collapse-title {
    background: #f5f7fa;
}

.p-collapse .p-collapse-item .collapse-center table tbody tr td,
.p-collapse .p-collapse-item .collapse-center table thead tr th {
    line-height: 28px;
}

.p-collapse .p-collapse-item .collapse-center p {
    margin: 0;
}

.p-collapse .p-collapse-item .collapse-center .form-group .bootstrap-select {
    top: -8px;
}

.p-collapse .p-collapse-item .collapse-center .form-group .control-label {
    text-align: left;
    padding-top: 0;
}

.p-collapse .p-collapse-item .collapse-center {
    padding: 10px 16px;
    min-height: 0px;
}

.p-collapse .p-collapse-item .collapse-title {
    height: 48px;
    padding: 0 16px;
    color: #3e3e3ee0;
    font-weight: 500;
    
}

.borderI {
    border: 1px solid #409eff;
    display: inline-block;
    height: 14px;
    position: relative;
    margin-right: 3px;
    top: 3px;
}

.p-collapse .p-collapse-item .collapse-title span {
    font-size: 12px;
    font-weight: 400;
}

.p-collapse .p-collapse-item:first-child {
    border-top: 1px solid #e0e3ea;
}

.p-collapse .p-collapse-item:last-child {
    border-bottom: 1px solid #e0e3ea;
}

.p-collapse .p-collapse-item {
    min-height: 48px;
    line-height: 48px;
    border-top: 1px solid #e0e3ea;
    
}

.p-collapse {
    padding: 0 20px;
    
}

/*手风琴结束*/
/*日历插件*/
.center .fc .fc-button-primary:hover {
    background: #66b1ff;
    border-color: #66b1ff;
}

.center .fc .fc-button-primary {
    background: #409eff;
    border-color: #409eff;
}

.fc .fc-button:disabled {
    opacity: 1 !important;
}

.tab ul {
    margin-bottom: 0;
}

.tab ul li.active {
    color: #409eff;
    border-bottom: 2px solid #409eff;
}

.tab ul li {
    display: inline-block;
    float: left;
    padding: 0 20px;
    position: relative;
    top: 2px;
    line-height: 45px;
    font-weight: 500;
    font-size: 14px;
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.tab {
    width: 100%;
    /*height: 70px;*/
    border-bottom: 2px solid #cccccc;
}

/*附件上传*/
.attBlock {
    margin-top: 10px;
    /*width: 190px;*/
    width: 180px;
    height: 60px;
    background: #FBFBFB;
    border-radius: 5px;
    margin-right: 10px;
    margin-bottom: 5px;
    position: relative;
    overflow: hidden;
}

.attBlock dl {
    float: left;
    margin: 0;
    padding-top: 15px;
    padding-left: 15px;
}

.attBlock dl span {
    float: left;
}

.attBlock dl dt {
    float: left;
    font-weight: normal;
}

.attBlock dl dt i.icon-wenjianjia {
    /*color: rgb(241 202 0);*/
    color: #5D38DB;
}

.attBlock dl dt i {
    font-size: 28px;
    position: relative;
    top: -3px;
}

.attBlock dl dd {
    float: left;
    padding-left: 14px;
}

.attBlock dl dd h6 {
    margin: 0;
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #484848;
    letter-spacing: 0px;
    line-height: 14px;
    margin-bottom: 5px;
    font-weight: bold;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.attBlock dl dd p {
    font-family: PingFangSC-Regular;
    font-size: 12px;
    color: #A9AAAC;
    letter-spacing: 0px;
    margin: 0;
}

.attBlock > span i {
    /*float: right;
    margin-right: 15px;
    margin-top: 20px;*/
    position: absolute;
    top: 20px;
    right: 10px;
}

.attBlock > span a {
    width: 19px;
    height: 19px;
    display: block;
    text-decoration: none;
    color: #409eff;
    cursor: pointer;
}

.attBlock > span em {
    position: absolute;
    font-style: normal;
    color: #F56C6C;
    font-size: 16px;
    right: 8px;
    top: 16px;
    display: none;
    cursor: pointer;
}

.attBlock > span i.icon-xiazai11,
.attBlock > span i.icon-guanbi2 {
    position: absolute;
    font-style: normal;
    color: #F56C6C;
    font-size: 14px;
    right: 8px;
    top: 22px;
    cursor: pointer;
    display: none;
}

.attBlock > span i.icon-xiazai11 {
    color: #409eff;
    display: block;
}

.attBlock:hover > span i.icon-xiazai11,
.attBlock:hover > span i.icon-guanbi2,
.attBlock:hover > span em {
    display: block;
}

/*个人详情开始*/
.personDetailModal img {
    width: 50px;
    height: 50px;
    border-radius: 5px;
}

.personDetailModal.in .modal-dialog p {
    margin: 0;
    line-height: 20px;
    padding: 3px 0 0 16px;
}

.personDetailModal.in .modal-dialog .modal-content {
    min-height: 400px;
}

.personDetailModal.in .modal-dialog {
    width: 380px;
    border-radius: 10px;
    overflow: hidden;
    
}

.personDetailModal.in .modal-header {
    background: #cfd6df;
}

.personDetailModal.in .personDetailList:last-child {
    border: none;
    padding-bottom: 50px;
}

.personDetailModal.in .personDetailList {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0px;
    padding-top: 10px;
}

.personDetailModal.in .personDetailList .col-lg-5 {
    text-align: right;
    padding: 0 5px 0 0;
    line-height: 26px;
    font-size: 13px;
    margin-bottom: 6px;
}

.personDetailModal.in .personDetailList .col-lg-7 span {
    display: block;
    width: 100%;
    height: 26px;
    line-height: 26px;
}

.personDetailModal.in .personDetailList .col-lg-7 {
    text-align: left;
    line-height: 26px;
    padding: 0 0 0 5px;
    font-size: 13px;
    margin-bottom: 6px;
}

.personDetailModal .font16 {
    font-size: 16px;
}

.personDetailModal .modal-content .modal-body {
    padding-top: 0px;
    max-height: 460px;
    overflow-y: auto;
    width: 105%;
    padding-right: 10%;
}

/*个人详情结束*/

/*通讯录*/
.publicList .tabCenterTable table thead tr .width60 {
    width: 60px;
}

.publicList .tabCenterTable table thead tr .width80 {
    width: 80px;
}

.publicList .tabCenterTable table thead tr .width100 {
    width: 100px;
}

.publicList .tabCenterTable table thead tr .width120 {
    width: 120px;
}

.publicList .tabCenterTable table thead tr .width150 {
    width: 150px;
}

.publicList .tabCenterTable table thead tr .width200 {
    width: 200px;
}

.publicList .tabCenterTable table thead tr .width300 {
    width: 300px;
}

td span.showPerosnDetail:hover {
    color: #409eff;
}

td.imgText {
    padding: 3px 8px !important;
}

span.photo,
td.imgText span {
    display: inline-block;
    height: 30px;
    width: 32px;
    line-height: 30px;
    color: white;
    border-radius: 50%;
    background: #409eff;
    text-align: center;
    font-size: 12px;
    border: 1px solid #409eff;
    overflow: hidden;
    vertical-align: middle;
}
p.photo{
    display: inline-block;
    height: 30px;
    width: 32px;
    line-height: 38px;
    color: white;
    border-radius: 50%;
    background: #409eff;
    text-align: center;
    font-size: 14px;
    border: 1px solid #409eff;
    overflow: hidden;
    vertical-align: middle;
    margin: 0;
}
span.photo {
    height: 50px;
    width: 52px;
    line-height: 50px;
    font-size: 16px;
}

.dropdown span.photo {
    line-height: 40px;
    font-size: 14px;
}
.dropdown span.M_photo {
    line-height: 40px;
    font-size: 14px;
}
.dropdown #personDropMenu:hover .personMenu{
    display: block!important;
}
.stepDiv .strpCenter i.top {
    bottom: 0;
    right: 4px;
    top: -20px;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.stepDiv .strpCenter i.right {
    bottom: inherit;
    right: inherit;
    top: 22px;
    left: -19px;
    transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
}

.stepDiv .strpCenter i {
    position: absolute;
    color: white;
    font-size: 24px;
    bottom: -19px;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

.stepDiv .strpCenter .el-button {
    padding: 4px 8px;
}

.stepDiv .strpCenter p {
    margin: 4px 0;
}

.stepDiv .strpCenter {
    position: absolute;
    top: -82px;
    left: 0;
    min-height: 70px;
    min-width: 220px;
    background: white;
    padding: 10px;
    border-radius: 8px;
    z-index: 11;
}

.stepBack {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 111;
    display: none;
}

.stepDiv {
    box-shadow: 0 0px 15px rgba(0, 0, 0, .4), 0px 0px 0px 9999px rgba(0, 0, 0, 0.3);
    position: absolute;
    z-index: 1000;
    border-radius: 5px;
}

.labels input[type="checkbox"] {
    vertical-align: middle;
    margin: 0 2px 2px 0;
}

.labels {
    float: right;
    font-size: 12px;
    color: #333;
    margin: 3px 0 0px 0;
    font-weight: 400;
}

#my-search .xm-form-checkbox > i{
    display: none;
}
.xm-select-parent .xm-select-title div.xm-select-label>span i {
    position: absolute;
    /* margin-left: -23px; */
    top: 2px;
    right: -4px;
    font-size: 12px;
    cursor: pointer;
    line-height: 20px;
}
/* 红包掉落 */
#RedPacketsDrop .imgBox {
    position: fixed;
    top: 100%;
    margin: 0;
    transform: translateY(calc(-100vh - 100%));
    -webkit-animation: rainy 2s linear infinite;
            animation: rainy 2s linear infinite;
  }
  @-webkit-keyframes rainy {
    to {
      transform: none;
    }
  }
  @keyframes rainy {
    to {
      transform: none;
    }
  }
  #RedPacketsDrop  .imgBox:nth-of-type(1) {
    left: calc(1 * (100vw - 150px));
    -webkit-animation-delay: 0.92s;
            animation-delay: 0.92s;
    -webkit-animation-duration: 4.56s;
            animation-duration: 4.56s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(1) .img {
    /* transform: scale(0.31);
    -webkit-transform: scale(0.31);
    -moz-transform: scale(0.31);
    -ms-transform: scale(0.31);
    -o-transform: scale(0.31); */
}
  #RedPacketsDrop .imgBox:nth-of-type(2) {
    left: calc(0.38 * (100vw - 150px));
    -webkit-animation-delay: 0.8s;
            animation-delay: 0.8s;
    -webkit-animation-duration: 6.56s;
            animation-duration: 6.56s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(2) .img {
    /* transform: scale(0.48); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(3) {
    left: calc(0.17 * (100vw - 150px));
    -webkit-animation-delay: 0.62s;
            animation-delay: 0.62s;
    -webkit-animation-duration: 6.52s;
            animation-duration: 6.52s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(3) .img {
    /* transform: scale(0.71); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(4) {
    left: calc(0.41 * (100vw - 150px));
    -webkit-animation-delay: 0.18s;
            animation-delay: 0.18s;
    -webkit-animation-duration: 4.68s;
            animation-duration: 4.68s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(4) .img {
    /* transform: scale(0.46); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(5) {
    left: calc(0.57 * (100vw - 150px));
    -webkit-animation-delay: 0.32s;
            animation-delay: 0.32s;
    -webkit-animation-duration: 4.92s;
            animation-duration: 4.92s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(5) .img {
    /* transform: scale(0.78); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(6) {
    left: calc(0.99 * (100vw - 150px));
    -webkit-animation-delay: 1.12s;
            animation-delay: 1.12s;
    -webkit-animation-duration: 4.72s;
            animation-duration: 4.72s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(6) .img {
    /* transform: scale(0.63); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(7) {
    left: calc(0.38 * (100vw - 150px));
    -webkit-animation-delay: 0.98s;
            animation-delay: 0.98s;
    -webkit-animation-duration: 4.28s;
            animation-duration: 4.28s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(7) .img {
    /* transform: scale(0.61); */
  }
  #RedPacketsDrop  .imgBox:nth-of-type(8) {
    left: calc(0.44 * (100vw - 150px));
    -webkit-animation-delay: 1.1s;
            animation-delay: 1.1s;
    -webkit-animation-duration: 7.52s;
            animation-duration: 7.52s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(8) .img {
    /* transform: scale(0.54); */
  }
  #RedPacketsDrop  .imgBox:nth-of-type(9) {
    left: calc(0.85 * (100vw - 150px));
    -webkit-animation-delay: 0.38s;
            animation-delay: 0.38s;
    -webkit-animation-duration: 7.2s;
            animation-duration: 7.2s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(9) .img {
    /* transform: scale(0.44); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(10) {
    left: calc(0.14 * (100vw - 150px));
    -webkit-animation-delay: 0.5s;
            animation-delay: 0.5s;
    -webkit-animation-duration: 4.08s;
            animation-duration: 4.08s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(10) .img {
    /* transform: scale(0.6); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(11) {
    left: calc(0.69 * (100vw - 150px));
    -webkit-animation-delay: 1.86s;
            animation-delay: 1.86s;
    -webkit-animation-duration: 5.44s;
            animation-duration: 5.44s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(11) .img {
    /* transform: scale(0.66); */
  }
  #RedPacketsDrop  .imgBox:nth-of-type(12) {
    left: calc(0.26 * (100vw - 150px));
    -webkit-animation-delay: 0.96s;
            animation-delay: 0.96s;
    -webkit-animation-duration: 6s;
            animation-duration: 6s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(12) .img {
    /* transform: scale(0.67); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(13) {
    left: calc(0.66 * (100vw - 150px));
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    -webkit-animation-duration: 6.12s;
            animation-duration: 6.12s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(13) .img {
    /* transform: scale(0.58); */
  }
  #RedPacketsDrop  .imgBox:nth-of-type(14) {
    left: calc(0.6 * (100vw - 150px));
    -webkit-animation-delay: 1.76s;
            animation-delay: 1.76s;
    -webkit-animation-duration: 5.96s;
            animation-duration: 5.96s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(14) .img {
    /* transform: scale(0.76); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(15) {
    left: calc(0.6 * (100vw - 150px));
    -webkit-animation-delay: 0.52s;
            animation-delay: 0.52s;
    -webkit-animation-duration: 7.44s;
            animation-duration: 7.44s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(15) .img {
    /* transform: scale(0.54); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(16) {
    left: calc(0.1 * (100vw - 150px));
    -webkit-animation-delay: 0.88s;
            animation-delay: 0.88s;
    -webkit-animation-duration: 6.24s;
            animation-duration: 6.24s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(16) .img {
    /* transform: scale(0.8); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(17) {
    left: calc(0.01 * (100vw - 150px));
    -webkit-animation-delay: 0.08s;
            animation-delay: 0.08s;
    -webkit-animation-duration: 7.56s;
            animation-duration: 7.56s;
  }
  #RedPacketsDrop .imgBox:nth-of-type(17) .img {
    /* transform: scale(0.72); */
  }
  #RedPacketsDrop .imgBox:nth-of-type(18) {
    left: calc(0.71 * (100vw - 150px));
    -webkit-animation-delay: 1.52s;
            animation-delay: 1.52s;
    -webkit-animation-duration: 4.16s;
            animation-duration: 4.16s;
  }
  #RedPacketsDrop  .imgBox:nth-of-type(18) .img {
    /* transform: scale(0.43); */
  }
  #RedPacketsDrop .imgBox::after {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    right: -50%;
    bottom: 100%;
    transform: translateX(-50%) translateY(-0.5em);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0.25em 1em;
    color: #fff;
    background-color: #000;
    border-radius: 1em;
    text-align: center;
    opacity: 0;
    transition: opacity 0.2s;
    pointer-events: none;
  }
  #RedPacketsDrop  .imgBox:hover {
    z-index: 1;
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
  }
  #RedPacketsDrop .imgBox:hover::after {
    opacity: 1;
    transition-delay: 0.3s;
  }
  #RedPacketsDrop .imgBox:hover .img {
    transform: none;
  }
  
  #RedPacketsDrop .img {
    display: block;
    /* transform: scale(0.1); */
    transition: transform 0.3s;
    width: 50px;
    height: 50px;
}
  
  #RedPacketsDrop {
    position: absolute;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    z-index:100000000;

  }

  
  #RedPacketsDrop .intro {
    width: 90%;
    max-width: 50rem;
    padding-bottom: 1rem;
    margin: 0 auto 1em;
    padding-top: 0.5em;
    font-size: calc(1rem + 2vmin);
    text-transform: capitalize;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
    text-align: center;
  }
  #RedPacketsDrop .intro small {
    display: block;
    opacity: 0.5;
    font-style: italic;
    text-transform: none;
  }
  
  #RedPacketsDrop .info {
    margin: 0;
    padding: 1em;
    font-size: 0.9em;
    font-style: italic;
    font-family: serif;
    text-align: right;
    opacity: 0.75;
  }
  #RedPacketsDrop .info a {
    color: inherit;
  } 


  .layui-form-checked[lay-skin=primary] i {
    border-color: rgb(64,158,255)!important;
    background-color: rgb(64,158,255);
    color: #fff;
}
#loginForm1 .dropdown{
    position: relative;
    text-align: right;
    color: #777;
}
#loginForm1 .dropdown:hover .downMobileModal{
    display: block;
    opacity: 1;
    animation-name: slideExpandUp;
	-webkit-animation-name: slideExpandUp;	

	animation-duration: 0.6s;	
	-webkit-animation-duration: 0.6s;

	animation-timing-function: ease-out;	
	-webkit-animation-timing-function: ease -out;

	visibility: visible !important;	
}
#loginForm1  .downMobileModal {
    position: absolute;
    width: 224px;
    top: -280px;
    left: -40px;
    padding: 10px 10px 10px 10px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(170 170 170) 0px 1px 5px;
    display: none;
    overflow: hidden;
    border-radius: 6px;
    font-size: 12px;
    text-align: center;
    opacity: 0;
}
#loginForm1  .downMobileModal img {
    width: 204px;
    text-align: center;
    height: 204px;
}
#loginForm1 .downMobileModal p {
    line-height: 24px;
    margin: 0;
}


#loginForm1 .js_showMobile, .topNav .dropdown .showCustomer, .topNav .dropdown .js_showMailbox {
    line-height: 19px;
    position: relative;
    color: #777;
}
@keyframes slideExpandUp {
	0% {
		transform: translateY(100%) scaleX(0.5);
	}
	30%{
		transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		transform: translateY(2%) scaleX(0.5);
	}
	50%{
		transform: translateY(0%) scaleX(1.1);
	}
	60%{
		transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		transform: translateY(0%) scaleX(1);		
	}
}

@-webkit-keyframes slideExpandUp {
	0% {
		-webkit-transform: translateY(100%) scaleX(0.5);
	}
	30%{
		-webkit-transform: translateY(-8%) scaleX(0.5);
	}	
	40%{
		-webkit-transform: translateY(2%) scaleX(0.5);
	}
	50%{
		-webkit-transform: translateY(0%) scaleX(1.1);
	}
	60%{
		-webkit-transform: translateY(0%) scaleX(0.9);		
	}
	70% {
		-webkit-transform: translateY(0%) scaleX(1.05);
	}			
	80%{
		-webkit-transform: translateY(0%) scaleX(0.95);		
	}
	90% {
		-webkit-transform: translateY(0%) scaleX(1.02);
	}	
	100%{
		-webkit-transform: translateY(0%) scaleX(1);		
	}
}