.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:#D84C31;color:#fff;}
.HTooltip.ok{background-color:#00a14c;color:#fff;}
.HTooltip.load{background-color:#38f;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);width:100%;height:100%;position: fixed; z-index: 9;top:0;left:0}
.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}



.layer-remove-bg{position: fixed;left:0;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: 2000;font-size: 12px;min-width: 260px;}
.layer-remove-info .icon-close1{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:14px;border-radius: 50%;border:#fff 3px solid}
.layer-remove-info .icon-ic_close:hover{background-color:#1E9FFF}
.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}

.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-close1{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:58px;height:58px;line-height: 58px;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:6px 0 6px 10px;line-height:16px;font-size:12px;width: calc(100% - 140px);color:#f00}
.mask-box .lableset_list{background-color: #efefef;padding:5px 0;}
.mask-box .mask-box-label .lableset{padding:0 5px;color:#000;font-size:14px}
.mask-box .mask-box-label .lableset.icon-normal{cursor: pointer;}
.mask-box .mask-box-label .lableset::before{font-size:18px;padding-right: 3px;}
.mask-box .mask-box-label .lableset.icon-sel{color: #59f;}

.mask-box-footer{padding: 0;margin: 25px 0 10px;}
.mask-box-footer button{float: right;}
.mask-box-footer .submits{line-height:30px;height:30px;font-size:12px}
.mask-box-footer .button{margin-left: 10px;font-size:12px}

.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-close1{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-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-close1{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 #DEEFFB;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{background-color:#efeff8;}
.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:#1890ff}
.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;}


.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}

.popupe-bg{background-color: rgba(0,0,0,.2);width:100%;height:100%;position: fixed;top:0;left:0;z-index:9998}
.popupe{position:fixed;z-index: 9999;border:0;color:#222;padding:20px;border-radius:5px;background:#fff;}
.popupe.popupe_new{bottom:0;left:0;width:calc(100% - 40px);padding-bottom: 0;}
.popupe .popupe_top{overflow:hidden;color:#999;font-size:14px;line-height: 20px;}
.popupe.popupe_new .popupe_top{text-align: center;}
.popupe .popupe_body{padding:0; overflow:hidden}
.popupe .popupe_body .popupe_input{}
.popupe .popupe_body .popupe_input input{display: block;padding:0;font-size:18px;color:#000;border-bottom:2px solid #38f;width:100%;line-height:48px;height:48px;}
.popupe .popupe_body .popupe_radio{padding-top:10px;}
.popupe .popupe_body .popupe_radio label{display: block;overflow: hidden;line-height:35px;height:35px;font-size:18px;}
.popupe .popupe_body .popupe_radio label input[type="radio"]{float: left;margin-right: 5px;width:18px;height:18px;margin-top: 8px;}
.popupe .popupe_body .popupe_select{max-height:50%;overflow: auto;}
.popupe .popupe_body .popupe_select label{display: block;overflow: hidden;border-bottom:1px solid #999;padding:10px 0 10px 30px;position: relative;}
.popupe .popupe_body .popupe_select label em{float: left;width:20px;height:20px;text-align: center;border:1px solid #999;color:#fff;border-radius: 50%;position: absolute;left:0;top:15px;}
.popupe .popupe_body .popupe_select label.curr em{background-color:#38f;color:#fff;border-color:#38f}
.popupe .popupe_body .popupe_select label b{color:#000;font-size:16px;line-height:30px;font-weight: 400;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;height:30px}
.popupe .popupe_body .popupe_select label p{color:#999;font-size:12px;}

.popupe .popupe_footer{padding-top:5px;overflow: hidden;;}
.popupe .popupe_footer .popupe_footer_1{float:right;color:#38f;padding-top:10px;font-size:16px;width:60px;line-height:35px;text-align: center;}
.popupe.popupe_new .popupe_footer{padding:10px 0;}
.popupe.popupe_new .popupe_footer .popupe_footer_1{width:50%;padding: 0;line-height:30px;}
.popupe.popupe_new .popupe_footer .popupe_footer_1:last-child{color:#333;width:calc(50% - 1px);border-right:1px solid #f4f4f4}