/**
 * encode:UTF-8
 * range:弹出框
 * author:xuzj@isomor.cn
**/

@charset "utf-8";

.ui-wwyw-dialog{
	position:absolute;
	position:fixed;
	z-index:2010;
	border:1px solid #A0A0A0;
	background-color:#FFF;
	box-shadow: 0 0 5px #A8A8A8;
	overflow:hidden;
}

.ui-wwyw-dialog:hover,
.ui-wwyw-dialog.ui-wwyw-selected{
	border:1px solid #1883D7;
	border:1px solid #A9A9A9;
}

.ui-wwyw-dialog div,
.ui-wwyw-dialog span,
.ui-wwyw-dialog A,
.ui-wwyw-dialog li{
	font-family: "微软雅黑" , "宋体" ,Verdana;
	font-size:14px;	
}

.ui-wwyw-dialog-mask{
	position:fixed;
	z-index:2010;
	top:0;
	left:0;
	overflow:hidden;
	height:100%;
	width:100%;
	background:#000;
	filter:alpha(opacity=10);
	opacity:0.1;
}

.ui-hide{
	display:none;
}

/******************************************************弹出框 头部样式**************************************************/
.ui-wwyw-dialog .ui-wwyw-dialog-head{
	height:36px;
	line-height:36px;
	padding-left:5px;
	border-bottom:1px solid #DADBDC;
	background-color:#F5F6F7;
	background-color:#FFF;
	overflow:hidden;
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-icon{
	padding-left:16px;
	background-position:cener;
	background-size:16px;
	background-repeat:no-repeat;
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-text{
	margin-left:3px;
	font-size:14px;
}

/********最小、最大、复原、关闭************/
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win{
	float:right;
	width:92px;
	cursor:default;
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-min,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-max,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-recover,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-close{
	float:right;
	width:30px;
	height:24px;
	line-height:24px;
	margin:0px;
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-min:hover,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-max:hover,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-recover:hover{
	background-color:#C7CACF;
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-win .ui-wwyw-win-close:hover{
	background-color:#E81123;
	background-image:url(images/close-over.png);
}

/*****small full******/
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-min,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-max,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-recover,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-close,

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-full .ui-wwyw-win-min,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-full .ui-wwyw-win-max,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-full .ui-wwyw-win-recover,
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-full .ui-wwyw-win-close{
	background-position:center center;
	background-size:16px;
	background-repeat:no-repeat;
}

/*****small******/
.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-min{
	background-image:url(images/small-min.png);	
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-max{
	background-image:url(images/small-max.png);	
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-close{
	background-image:url(images/small-close.png);	
}

.ui-wwyw-dialog .ui-wwyw-dialog-head .ui-wwyw-small .ui-wwyw-win-recover{
	background-image:url(images/small-recover.png);
}

/************************************************弹出框 按钮样式********************************************************/
.ui-wwyw-dialog .ui-wwyw-dialog-button{
	height:40px;
	line-height:40px;
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	background-color:#FFF;
	background-color:#FAFAFA;
}

.ui-wwyw-dialog .ui-wwyw-left{
	text-align:left;	
}

.ui-wwyw-dialog .ui-wwyw-center{
	text-align:center;	
}

.ui-wwyw-dialog .ui-wwyw-right{
	text-align:right;	
}

.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-wwyw-button{
	margin:0px;
	margin-right:3px;
	text-align:center;
	height: 28px;
    line-height: 28px;
    min-width:56px;
    padding: 0px 12px;
    background-color: #FFF;
    border:1px solid #DCDCDC;
    border-radius: 3px;
    display: inline-block;
    text-decoration: none;
    font-size: 12px;
    outline: none;
    cursor:pointer;
    letter-spacing:3px;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button.ui-wwyw-dialog-button-top{
	border-bottom:1px solid #DCDCDC;	
}

.ui-wwyw-dialog .ui-wwyw-dialog-button.ui-wwyw-dialog-button-bottom{
	border-top:1px solid #DCDCDC;
}

/******split***********/
.ui-wwyw-dialog .ui-wwyw-dialog-button-split{
	height:40px;
	line-height:40px;
	background-color:#FFF;
	background-color:#FAFAFA;
	padding:0px;
	margin:0px;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-wwyw-button{
	margin:0px;
	text-align:center;
	height: calc(100% - 2px);
    background-color: #FFF;
    border:1px solid transparent;
    padding:0px;
    margin:0px;
    text-decoration: none;
    font-size: 12px;
    border-radius: 0px;
    display: inline;
    outline: none;
    cursor:pointer;
    float:left;
    display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-box-orient: vertical;
    text-align: center;
    letter-spacing:3px;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split.ui-wwyw-dialog-button-top{
	border-bottom:1px solid transparent;	
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split.ui-wwyw-dialog-button-bottom{
	border-top:1px solid transparent;
}

/****效果公共样式****/

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-wwyw-button:hover,
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-wwyw-button:hover{
	background-color:#F5F5F5;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-wwyw-button .ui-wwyw-icon,
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-wwyw-button .ui-wwyw-icon{
	padding-left:18px;
	background-position:cener;
	background-size:16px;
	background-repeat:no-repeat;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-wwyw-button .ui-wwyw-text,
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-wwyw-button .ui-wwyw-text{
	margin-left:3px;
}


/*******默认效果********/
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-default{
	background-color:#FFF;
	border:1px solid #A0A0A0;
	color:#000;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-default:hover{
	background-color:#F9F9F9;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-default{
	background-color:#FFF;
	border:1px solid transparent;
	border-top:1px solid #DCDCDC;
	color:#000;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-default:hover{
	background-color:#F9F9F9;
}

/*******蓝色效果********/
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-blue{
	background-color:#7952B3;
	border:1px solid #7952B3;
	color:#FFF;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-blue:hover{
	background-color:#4A90E2;
	border:1px solid #4A90E2;
	color:#FFF;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-blue{
	background-color:#7952B3;
	border:1px solid transparent;
	border-top:1px solid #7952B3;
	color:#FFF;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-blue:hover{
	background-color:#4A90E2;
	border:1px solid transparent;
	border-top:1px solid #4A90E2;
	color:#FFF;
}

/*******取消效果********/
.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-cancel{
	background-color:#FFF;
	border:1px solid #A0A0A0;
	color:#000;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button .ui-cancel:hover{
	background-color:#E81123;
	border:1px solid #E81123;
	color:#FFF;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-cancel{
	background-color:#FFF;
	border:1px solid transparent;
	border-top:1px solid #DCDCDC;
	color:#000;
}

.ui-wwyw-dialog .ui-wwyw-dialog-button-split .ui-cancel:hover{
	background-color:#E81123;
	border:1px solid transparent;
	border-top:1px solid #E81123;
	color:#FFF;
}

/******************************************************弹出框 内容样式********************************************************/
.ui-wwyw-dialog .ui-wwyw-dialog-content{
	background-color:#FFF;
	height:calc(100% - 72px);
	overflow:hidden;
}

.ui-wwyw-dialog .ui-wwyw-dialog-content .ui-wwyw-dialog-text,
.ui-wwyw-dialog .ui-wwyw-dialog-content .ui-wwyw-dialog-iframe{
	width:100%;
	height:100%;
}

.ui-wwyw-dialog .ui-wwyw-dialog-content .ui-wwyw-dialog-loading{
	position:absolute;
	width:calc(100% - 2px);
	background-color:transparent;
	background-image:url(images/loading.gif);
	background-repeat:no-repeat;
	background-position:center 40%;
}

/******************************************************alert********************************************************/
.ui-wwyw-alert{
	border:1px solid #A0A0A0;
	border-radius:5px;
}

.ui-wwyw-alert:hover{
	border:1px solid #A0A0A0;
}

.ui-alert {
	width:100%;
	height:100%;
}

.ui-alert-text{
	padding:5px;
	height:calc(100% - 10px);
	padding-left:60px;
	font-size:14x;
	background-repeat:no-repeat;
	background-position:8px center;
	display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:left;
    -webkit-box-orient: vertical;
    text-align: left;
}

/******************************************************confirm********************************************************/
.ui-wwyw-confirm{
	border:1px solid #A0A0A0;
	border-radius:5px;
}

.ui-wwyw-confirm:hover{
	border:1px solid #A0A0A0;
}

.ui-confirm {
	width:100%;
	height:100%;
}

.ui-confirm-text{
	padding:5px;
	height:calc(100% - 10px);
	padding-left:64px;
	font-size:14x;
	background-repeat:no-repeat;
	background-position:8px center;
	display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:left;
    -webkit-box-orient: vertical;
    text-align: left;
}

/******************************************************tips********************************************************/
.ui-wwyw-tips{
	border:1px solid #A0A0A0;
	border-radius:5px;
}

.ui-wwyw-tips:hover{
	border:1px solid #A0A0A0;
}

.ui-wwyw-tips .ui-tips {
	width:100%;
	height:100%;
	background-image:none;
}

.ui-wwyw-tips .ui-tips-text{
	padding:5px;
	height:calc(100% - 10px);
	padding-left:60px;
	font-size:14x;
	background-repeat:no-repeat;
	background-position:20px center;
	
	display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:left;
    -webkit-box-orient: vertical;
	
    text-align:left;
}

/******************************************************toast********************************************************/
.ui-wwyw-toast{
	border:1px solid #A0A0A0;
	border-radius:5px;
}

.ui-wwyw-toast:hover{
	border:1px solid #A0A0A0;
}

.ui-wwyw-toast .ui-toast {
	width:100%;
	height:100%;
	background-image:none;
}

.ui-wwyw-toast .ui-toast-text{
	padding:5px;
	height:calc(100% - 10px);
	font-size:14x;
	display: -webkit-box;
    -webkit-box-pack:center;
    -webkit-box-align:center;
    -webkit-box-orient: vertical;
    text-align:center;
}

/******************************************************图标********************************************************/

.ui-wwyw-dialog .icon-question{
	background-image:url(images/ui-question.png);
	background-size:48px 48px;
}

.ui-wwyw-dialog .icon-success{
	background-image:url(images/ui-succeed.png);
	background-size:48px 48px;
}

.ui-wwyw-dialog .icon-warning{
	background-image:url(images/ui-warning.png);
	background-size:48px 48px;
}

.ui-wwyw-dialog .icon-error{
	background-image:url(images/ui-error.png);
	background-size:48px 48px;
}

.ui-wwyw-dialog .icon-loading{
	background-image:url(images/loading.gif);
}

