*{ margin:0; padding:0; font-weight: normal; box-sizing:border-box; }
html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em,i,b,strong{margin:0; padding:0; font-weight: normal; box-sizing:border-box; }
ul,ol,li{list-style:none;}
a{text-decoration:none; }
img{ border:0;}
i,em,b,strong{font-style:normal; }
table{border-collapse:collapse; }
input,select,textarea,button{ outline:none; font-family:"Microsoft Yahei","微软雅黑"; }
*:focus{outline:none}

/* 自定义弹窗 */
.popUI{ position:fixed; _position:absolute; background-color:#fff; z-index:999999;
    -webkit-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -moz-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -ms-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -o-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    transition: transform ease-out 0.6s, opacity ease-out 0.6s;
	/*
    -webkit-transform: rotate(0deg) scale(0);
    -moz-transform: rotate(0deg) scale(0);
    -ms-transform: rotate(0deg) scale(0);
    -o-transform: rotate(0deg) scale(0);
    transform: rotate(0deg) translate(0,-100%) scale(0);
	*/
}
.popUI.transform{ display:none; }
.popUI.transform1{ visibility: hidden; opacity:0; filter:alpha(opacity=0);
    -webkit-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -moz-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -ms-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    -o-transition: transform ease-out 0.6s, opacity ease-out 0.6s;
    transition: transform ease-out 0.6s, opacity ease-out 0.6s;
	
    -webkit-transform: rotate(1080deg) scale(1);
    -moz-transform: rotate(1080deg) scale(1);
    -ms-transform: rotate(1080deg) scale(1);
    -o-transform: rotate(1080deg) scale(1);
    transform: rotate(1080deg) scale(0);
}
.popUI.transform2{ visibility: hidden; opacity:0; filter:alpha(opacity=0);
    -webkit-transition: transform ease-out 0.3s, visibility ease-out 0.9s;
    -moz-transition: transform ease-out 0.3s, visibility ease-out 0.9s;
    -ms-transition: transform ease-out 0.3s, visibility ease-out 0.9s;
    -o-transition: transform ease-out 0.3s, visibility ease-out 0.9s;
    transition: transform ease-out 0.3s, visibility ease-out 0.9s;
	
    -webkit-transform: translate(0,-300%);
    -moz-transform: translate(0,-300%);
    -ms-transform: translate(0,-300%);
    -o-transform: translate(0,-300%);
    transform: translate(0,-300%);
}
.popUI .popUI-close{ display:block; position:absolute; top: 10px; right: 10px; width:16px; height:16px; line-height:15px; text-align:center; font-style:normal; font-size:17px; color:#444; font-weight:bold; cursor:pointer; background-repeat:no-repeat; background-position:0px 0px; }
.popUI .popUI-close:hover{ color: #000; }
.popUI .popUI-header{ display: block; width:100%; font-weight: normal; background-color: #008cd6; color: #fff; padding: 6px; cursor: move; overflow: hidden; }
.popUI .popUI-header .text{ display: block; float: left; height: 20px; line-height: 20px; width: 100%; margin: 0px 0 0 -20px; padding: 0 28px 0 25px; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.popUI .popUI-header .icon{ display: block; float: left; width: 20px; height: 20px; background-image: url(../images/icon-header.png); background-repeat: no-repeat; background-position: 0px center; }
.popUI .popUI-body{ width:100%; padding:10px; overflow-y:auto; background-color:#fff; }
.popUI .popUI-footer{ width:100%; padding: 8px; text-align: right; overflow: hidden; background-color:#fff; }
.popUI .popUI-footer .btn{ display:inline-block; padding: 0 20px; margin: 0 5px 0 5px; height:32px; line-height:32px; text-align:center; border-radius:2px; background-color: #008cd6; color: #fff; font-size:14px; cursor:pointer; }
.popUI .popUI-footer .btn-cancel{ background-color:#999;}
.popUI .popUI-footer .btn:hover{ background-color: #007BBC; }
.popUI .popUI-footer .btn-cancel:hover{ background-color: #777; }
.popUI-mask{ display:none; width:100%; height:100%; position:fixed; _position:absolute; top:0; left:0; background-color:#000; opacity:0.5; filter:alpha(opacity=50); z-index:999998; }
@media screen and (min-width: 1240px){
    .popUI-mask{ width:100%; }
}
