/* Message 样式文件 */
/*背景层，全部样式表统一*/
#wdmessage-mask { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px; background: #000; opacity: 0.6; filter:alpha(opacity=60); z-index: 999;}

/*输入提示，全部样式统一*/
#wd-input-table { width: 100%; height: 40px; line-height: 40px; margin-bottom:10px;}
#wd-input-val { width: 95%; height: 40px; border: 1px solid #d9dadc; border-radius: 2px; padding: 0px 2%; appearance: normal; -webkit-appearance: normal;}

/*白色主题----移动端面*/
.white-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #d9dadc; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.white-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.white-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.white-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; cursor: pointer;}
.white-mobi-btn span.touch { background: #d9dadc;}

/*灰色主题----移动端面*/
.gray-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #999; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.gray-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #fff; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.gray-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.gray-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #ccc; cursor: pointer;}
.gray-mobi-btn span.touch { background: #d9dadc;}

/*灰色主题----移动端面*/
.blue-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #3379ee; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.blue-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.blue-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.blue-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #3379ee; cursor: pointer;}
.blue-mobi-btn span.touch { background: #d9dadc;}

/*绿主题----移动端面*/
.green-mobi-main { width: 76%; height: 150px; padding: 15px 2%; background: #fff; color: #666; border: 1px solid #0db905; border-radius: 2px; position: fixed; left: 10%; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.green-mobi-infor { width: 100%; height: 100px; line-height: 25px; font-size: 16px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.green-mobi-btn { width: 100%; height: 40px; line-height: 40px;}
.green-mobi-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #0db905; cursor: pointer;}
.green-mobi-btn span.touch { background: #d9dadc;}


/*电脑端*/
/*白色主题*/
.white-pc-main { width: 300px; height: 180px; padding: 15px 10px;; background: #fff; color: #666; border: 1px solid #d9dadc; border-radius: 2px; position: fixed; left: 50%; margin-left: -160px; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.white-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 12px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.white-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.white-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; cursor: pointer;}
.white-pc-btn span:hover { background: #ccc;}
.white-pc-btn span.touch { background: #d9dadc;}

/*灰色主题*/
.gray-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #999; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px;  top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.gray-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 12px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.gray-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.gray-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #ccc; cursor: pointer;}
.gray-pc-btn span.touch { background: #d9dadc;}

/*蓝色色主题*/
.blue-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #3379ee; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px; top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.blue-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 12px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.blue-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.blue-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #3379ee; cursor: pointer;}
.blue-pc-btn span.touch { background: #d9dadc;}

/*绿主题*/
.green-pc-main { width: 300px; height: 150px; padding: 15px 10px; background: #fff; color: #666; border: 1px solid #0db905; border-radius: 2px; position: fixed;  left: 50%; margin-left: -160px;  top: 50%; margin-top:-90px;  z-index: 1000; font-family: '微软雅黑';}
.green-pc-infor { width: 100%; height: 100px; line-height: 25px; font-size: 12px; color: #666; word-break: break-all;  overflow: hidden; margin-bottom:10px;}
.green-pc-btn { width: 100%; height: 40px; line-height: 40px;}
.green-pc-btn span { display: inline-block; vertical-align: middle; margin-left: 10px; line-height: 40px; float: right; padding: 0px 15px; border-radius: 2px; color: #fff; background: #0db905; cursor: pointer;}
.green-pc-btn span.touch { background: #d9dadc;}

#wd-load-mask { width: 100%; height: 100%; background: #000; opacity: 0.8; filter:alpha(opacity=80); position: fixed; left: 0px; top: 0px; z-index: 10000001}
#wd-load-move { width: 50px; height: 50px; line-height: 50px; font-size: 35px; color: #fff; position: fixed; left: 50%; margin-left: -25px; top: 50%; margin-top:-25px; text-align: center; animation: load 1.5s infinite; -webkit-animation: load 1.5s infinite; }

@keyframes load {
	from {  transform:  rotate(0deg); }
	to	{  transform:  rotate(360deg); }
} 
@-webkit-keyframes load {
	from{  transform:  rotate(0deg); }
	to	{  transform:  rotate(360deg); }
}