.HTooltip{padding:10px;text-align:center;z-index:100001;box-shadow:1px 1px 5px #333;-webkit-box-shadow:1px 1px 5px #333;position:fixed;}
.HTooltip.no{background-color:#17A1FF;color:#fff;}
.HTooltip.ok{background-color:#00a14c;color:#fff;}
.HTooltip.load{background-color:#D84C31;color:#fff;}
.HTooltip a{color:#fff}
.HTooltip a:hover{text-decoration: underline}
.shake {-webkit-animation-name: shake;animation-name: shake;}
.animated {-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}
.close-info .close-info-bg{background: rgba(0,0,0,.2);top:50px;left:120px;position: fixed; z-index: 9;}
.close-info .close-info-inner{position: fixed;border-radius: 2px;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);border-radius: 10px;box-shadow: 0 1px 6px rgba(0,0,0,.2);background-color: #fff;z-index: 2000;padding:10px 0;}
.close-info .close-info-inner .close-info-content{padding:20px;color:#333;width:230px;font-size:16px;text-align: center;line-height: 20px;}
.close-info .close-info-inner .close-info-button{text-align: center;padding:0 60px 20px;overflow: hidden;}
.close-info .close-info-inner button{float: left;width:70px;padding:0;}
.close-info .close-info-inner .submits{line-height:30px;height:30px;font-size:12px}
.close-info .close-info-inner .button{margin-left: 10px;font-size:12px}
.remove-info{border-radius: 2px;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);box-shadow: 0 1px 6px rgba(0,0,0,.2);background-color: #fff;z-index: 2000;font-size: 12px;}
.remove-info .remove-info-inner{padding: 10px 20px;background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: flex;
    -webkit-box-align: center;-webkit-align-items: center;-moz-box-align: center;align-items: center;position: relative;z-index: 2;}
.remove-info .remove-info-arrow{position: absolute;z-index: 1;width: 6px;height: 6px;background: #fff;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);box-shadow: 0 1px 4px rgba(0,0,0,.2);overflow: hidden;}
.remove-info-right .remove-info-arrow{-webkit-transform: translate(50%,-50%) rotate(45deg);transform: translate(50%,-50%) rotate(45deg);top: 50%;right:0}
.remove-info-left .remove-info-arrow{-webkit-transform: translate(-50%,-50%) rotate(45deg);transform: translate(-50%,-50%) rotate(45deg);top: 50%;left:0}
.remove-info .remove-info-content{padding-right:20px;color:#333}
.remove-info .submits{line-height:30px;height:30px;font-size:12px}
.remove-info .button{margin-left: 10px;font-size:12px}

.layer-remove-bg{position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,.3);z-index: 1999;top:0}
.layer-remove-info{position: fixed;display:none;border-radius: 2px;background-color: #fff;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);box-shadow: 0 1px 6px rgba(0,0,0,.2);background-color: #fff;z-index: 9999;font-size: 12px;min-width: 260px;}
.layer-remove-info .icon-close{position: absolute;
    right: -15px;top: -15px;width: 24px;cursor: pointer;
    height: 24px;line-height: 24px;text-align: center;background-color:#777777;color:#fff;font-size:22px;border-radius: 50%;border:#fff 3px solid}
.layer-remove-info .icon-close:hover{background-color:#17A1FF}
.layer-remove-info .layer-remove-info-content{position: relative;padding: 20px;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;overflow-x: hidden;overflow-y: auto;color:#333}
.layer-remove-info .layer-remove-info-button{text-align: right;padding: 0 15px 12px;pointer-events: auto;user-select: none;-webkit-user-select: none;}
.layer-remove-info .submits{line-height:30px;height:30px;font-size:12px}
.layer-remove-info .button{margin-left: 10px;font-size:12px}

/*layer-show*/
.layer-show-bg{position: fixed;width:100%;height:100%;background-color: rgba(0,0,0,.3);z-index: 1999;top:0}
.layer-show-info{position: fixed;display:none;border-radius: 2px;background-color: #fff;-webkit-box-shadow: 0 1px 6px rgba(0,0,0,.2);box-shadow: 0 1px 6px rgba(0,0,0,.2);background-color: #fff;z-index: 9999;font-size: 12px;min-width: 260px;}
.layer-show-info .icon-close{position: absolute;
    right: -15px;top: -15px;width: 24px;cursor: pointer;
    height: 24px;line-height: 24px;text-align: center;background-color:#777777;color:#fff;font-size:22px;border-radius: 50%;border:#fff 3px solid}
.layer-show-info .icon-close:hover{background-color:#17A1FF}
.layer-show-info .layer-show-info-content{position: relative;padding: 20px;overflow: hidden;line-height: 24px;word-break: break-all;overflow: hidden;font-size: 14px;overflow-x: hidden;overflow-y: auto;color:#333}
.layer-show-info .layer-show-info-content>.main_table1{min-width: 100% !important;}
.layer-show-info .layer-show-info-page{padding:0 20px 20px;overflow: hidden;}

.mask-bg{background-color: rgba(0,0,0,.2);width:100%;height:100%;position: fixed;top:0;left:0;z-index:9998}
.mask-box{z-index:9999;background-color: #fff;border-radius: 4px;padding: 20px;white-space: normal;-webkit-box-sizing: border-box;box-sizing: border-box;min-width:400px}
.mask-box em.icon-shanchu1{top: 14px;right:20px;position: absolute;font-size:12px;color:#999;cursor: pointer; line-height: 20px;}
.mask-box .mask-box-header{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin: 0 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;color:#333;line-height: 1;font-weight: bold}
.mask-box .mask-box-label,.mask-box .mask_select_div{font-size: 12px;padding-top:10px;color: #333;overflow: hidden;}
.mask-box .mask-box-label label,.mask-box .mask_select_div label{float:left;width:100px;text-align: right;line-height:32px;text-overflow: ellipsis;white-space: nowrap;height:32px}
.mask-box .mask-box-label label.lableradio{width:auto;padding-right: 5px;}
.mask-box .mask-box-label .mask-box-controls,.mask-box .mask_select_div .mask-box-controls{float: left;padding-left: 10px}
.mask-box .mask-box-label .imgpreview{width:calc(100% - 110px)}
.mask-box .mask-box-label .imgpreview .upfile{width:60px;height:60px;line-height: 60px;font-size:30px}
.mask-box .mask-box-label .imgpreview .imgbox{width:48px;height:48px;line-height: 48px;}
.mask-box .mask-box-label .imgpreview .imgmsg{float: right;padding-left: 5px;color:red;font-size:12px;width:calc(100% - 137px)}
.mask-box-footer{padding: 0 0 0 110px;margin: 25px 0 10px;}
.mask-box-footer button{float: left;}
.mask-box-footer .submits{line-height:30px;height:30px;font-size:12px}
.mask-box-footer .button{margin-left: 10px;font-size:12px}

.required::before{content: "*";color:#F00}
.toolinfo{font-size: 12px;font-family: \5b8b\4f53;line-height: 1.5;position: absolute;padding: 5px;z-index: 100003}
.toolinfo .tipsy-arrow {position: absolute;width: 0;height: 0;line-height: 0;border: 6px dashed rgba(0,161,71,.8);;top: 0;left:50%;margin-left: -6px;border-bottom-style: solid;border-top: 0;border-left-color: transparent;border-right-color: transparent}
.toolinfo .tipsy-arrow-n {border-bottom-color: rgba(0,161,71,.8);}
.toolinfo .tipsy-inner {
    background-color: rgba(0,161,71,.8);color: #fff;max-width: 200px;padding: 5px 8px 4px 8px;text-align: center;border-radius: 3px;
    box-shadow:1px 1px 5px rgba(0,0,0,.2);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.2);
}
.dialog{position:fixed;z-index: 9999;border:0;color:#222;padding: 20px;border-radius:5px;background:#fff;}
.dialog .dialog_top{overflow:hidden;padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin:0;}
.dialog .dialog_top span{float:left;font-size: 14px;line-height: 1;font-weight: 700;color: #333;}
.dialog .dialog_top a{float:right;font-size:13px;cursor:pointer;color:#fff; text-decoration:none;line-height:1;color:#999}
.dialog .dialog_top a:hover{border-color:#aaa;color:#000}
.dialog .dialog_body{padding:0; overflow:hidden}
.dialog .dialog_del{color:#666; text-align:center; line-height:22px;}
.dialog .dialog_button{text-align:center; padding-top:10px}
.dialog .dialog_button_sure{color:#fff; background:#00a14c;padding:4px 15px;border-radius:5px; display:inline-block; line-height:22px; border:0;margin:0 5px;cursor:pointer}
.dialog .dialog_button_error{color:#333; background:#e5e5e5;padding:4px 15px;border-radius:5px; display:inline-block; line-height:22px; border:0;margin:0 5px;cursor:pointer}
.dialog .dialog_button_sure:hover{background:#00813d}
.dialog .dialog_button_error:hover{background:#ccc}
.dialog .dialog_img{ padding:10px 5px; overflow:hidden}
.dialog .dialog_img img{width:100%}
.dialogbg{position:fixed;z-index: 9998;width:100%;height:100%;background: rgba(0,0,0,.2);top:0;left:0}


/*virtual*/
.virtual-mask-box{z-index:9999;background-color: #fff;border-radius: 4px;padding: 20px;white-space: normal;-webkit-box-sizing: border-box;box-sizing: border-box;min-width:400px}
.virtual-mask-box .icon-close{top: 14px;right:20px;position: absolute;font-size:12px;color:#999;cursor: pointer; line-height: 20px;}
.virtual-mask-box .virtual-box-header{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin: 0 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;color:#333;line-height: 1;font-weight: bold}
.virtual-mask-box .virtual-box-search{padding-bottom: 10px;}
.virtual-mask-box .virtual-box-body{overflow: auto;height:300px;position: relative;}
.virtual-mask-box .virtual-box-body li{background-color: #fff;border-top:1px dotted #f2bbc0;overflow: hidden;}
.virtual-mask-box .virtual-box-body li em{float: left;width:30px;color:#fff;font-size:14px;text-align: center;line-height: 29px;}
.virtual-mask-box .virtual-box-body li span{float: left;width:calc(100% - 140px);line-height: 29px;height:29px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.virtual-mask-box .virtual-box-body li font{float: right;text-align: right;font-size:12px;line-height: 29px;padding-right: 10px;}
.virtual-mask-box .virtual-box-body li:hover,.virtual-mask-box .virtual-box-body li.curr{background-color:#f8eff0;}
.virtual-mask-box .virtual-box-body li:hover em,.virtual-mask-box .virtual-box-body li:hover span,.virtual-mask-box .virtual-box-body li:hover font{color:#17A1FF}
.virtual-mask-box .virtual-box-body li.curr em,.virtual-mask-box .virtual-box-body li.curr span,.virtual-mask-box .virtual-box-body li.curr font{color:#17A1FF}
.virtual-mask-box .virtual-box-body li.nothing{line-height: 30px;border:0;color:#999}
.virtual-mask-box .virtual-box-body li.nothing:hover{background-color:#fff;}


.virtual-bg{background-color: rgba(0,0,0,.2);width:100%;height:100%;position: fixed;top:0;left:0;z-index:9998}
.virtual-box{z-index:9999;background-color: #fff;border-radius: 4px;padding: 20px;white-space: normal;-webkit-box-sizing: border-box;box-sizing: border-box;min-width:400px}
.virtual-box em.icon-close{top: 14px;right:20px;position: absolute;font-size:12px;color:#999;cursor: pointer; line-height: 20px;}
.virtual-box .virtual-box-header{padding-bottom: 10px;border-bottom: 1px solid #e5e5e5;margin: 0 0 10px;-webkit-box-sizing: border-box;box-sizing: border-box;color:#333;line-height: 1;font-weight: bold}
.virtual-box .buttonlist{padding:10px;overflow: hidden;}
.virtual-box .buttonlist li{float: left;margin:0 10px;}
.virtual-box-footer{padding: 0 0 0 110px;margin: 25px 0 10px;overflow: hidden;}
.virtual-box-footer button{float: right;}
.virtual-box-footer .submits{line-height:30px;height:30px;font-size:12px}
.virtual-box-footer .button{margin-left: 10px;font-size:12px}
.virtual-box-footer .buttonicon {margin-left: 10px;line-height:30px;height:30px;font-size:12px;cursor: pointer;padding: 0 20px;border-radius: 3px;}