
/* frame_win.js */
#eicWinMask{ position:fixed; z-index:30000; left:-100000px; top:0; background-color:#000000; width:100%; height:100%; opacity:0; }
.eicWinMaskShow{ opacity:0.3!important; left:0!important; transition:opacity 0.15s; }

.eicWindow{ position:fixed; background-color:#ffffff; max-width:calc(100% - 50px); max-height:calc(100% - 80px);
     border-radius:5px; padding:0; margin:0; box-shadow:0 0 1px #666666; transform:scale(0.1); transform-origin:top left; opacity:0.1; }
.eicWindowShow{ top:calc( 50% - 10px )!important; left:50%!important; transform:translate(-50%,-50%)!important; opacity:1!important; }
.eicWindowTran{ transition:0.1s!important; }

.eicWindow .moveTitle{ width:100%; height:40px; background-color:#ffffff; border-bottom:1px solid #ffffff; }
.eicWindow .moveTitle .icon{ width:18px; height:18px; float:left; margin:13px 0 0 10px; filter:grayscale(50%); }
.eicWindow .moveTitle .title{ font-size:14px; float:left; color:#333333; line-height:32px; padding:6px 0 0 8px; width:calc( 100% - 76px ); }
.eicWindow .moveTitle .close{ position:relative; float:right; width:16px; height:16px; padding:13px 13px 7px 9px; filter:grayscale(100%); cursor:pointer; }
.eicWindow .moveTitle .close:hover{ filter:grayscale(0); }
.eicWindow .moveTitle .close:active{ filter:grayscale(0); transform:scale(0.8); }
.eicWindow .moveTitle:hover{ background-color:#f2f7fd; border-bottom:1px solid #fffeee; transition:0.5s; }
.eicWindow .winMark{ width:100%; height:calc( 100% - 20px ); background-color:#000000; position:absolute; opacity:0; display:none; }
.eicWindow .winFrame{ width:100%; height:calc( 100% - 20px ); border:0; border-radius:0 0 3px 3px; }



    /* frame_pop.js */
#eicPopMask{ position:fixed; z-index:50000; left:-100000px; top:0; background-color:#000000; width:100%; height:100%; opacity:0; }
.eicPopMaskShow{ opacity:0.3!important; left:0!important; transition:opacity 0.15s; }

#eicPopConfirm{ position:fixed; z-index:51000; background-color:#ffffff; transform:scale(0.1); border-radius:5px;
    width:330px;height:150px; left:-100000px; top:-100000px; box-shadow: 0 0 5px #666666; opacity:0.1; }
#eicPopConfirm img{ width:50px; height:50px; margin:22px 0 0 20px; }
#eicPopConfirm .epc1{ float:right; width:220px; margin:25px 20px 0 0; line-height:25px; color:#333333; font-size:14px;
    height:75px; overflow:hidden; }
#eicPopConfirm .epc2{ float:right; margin:0 25px 0 0; }
#eicPopConfirm .epc2 button{ margin-left:10px; }
.eicPopConfirmShow{ top:80px!important; left:50%!important; transform:translate(-50%,0) scale(1)!important;
    transition:0.15s; opacity:1!important; }

.eicPopAlert{ position:fixed; z-index:60000; left:50%; background-color:#ffffff; padding:10px 18px 8px 14px;
    transform:translate(-50%,0); text-align:left; line-height:22px; color:#262626; font-size:14px; border:1px solid #dddddd;
    box-shadow: 0 0 5px #cccccc; border-radius:5px; top:-50px; }
.eicPopAlert > img{ width:20px; height:20px; margin-right:10px; float:left; }
.eicPopAlert > div{ float:left; white-space:nowrap; height:20px; line-height:20px; }
.eicPopAlertShow{ left:-1000px; top:8px; transition:top 0.1s, left 0s ease 5s; }
.eicPopAlertClose{ left:-1000px; top:10px; }