﻿/*
通用CSS，不需要修改，也不影响其它页面，适合所有网站
*/

/* 高度 */
.wd-h1{ height: 1px!important;}
.wd-h5{ height: 5px!important;}
.wd-h10{ height: 10px!important;}
.wd-h15{ height: 15px!important;}
.wd-h20{ height: 20px!important;}
.wd-h25{ height: 25px!important;}
.wd-h30{ height: 30px!important;}
.wd-h35{ height: 35px!important;}
.wd-h50{ height: 50px!important;}

/* 宽度 */
.wd-w100{ width: 100px!important;}
.wd-w200{ width: 200px!important;}
.wd-w300{ width: 300px!important;}
.wd-w400{ width: 400px!important;}
.wd-w500{ width: 500px!important;}

/* 浮动 */
.wd-fleft,.wd-fl{ float: left!important; }
.wd-fright,.wd-fr{ float: right!important; }
.wd-clear{ clear:both!important; }

/* 对齐 */
.wd-center{ text-align:center!important; }
.wd-left{ text-align:left!important; }
.wd-right{ text-align:right!important; }
.wd-vm { vertical-align: middle!important;}

/* 显示方式 */
.wd-in { display: inline!important;}
.wd-inb { display: inline-block!important;}
.wd-block { display: block!important;}

/* 粗体 */
.wd-bold{font-weight: bold!important;}
.wd-nobold{font-weight: normal!important;}

/* 边框 */
.wd-border{ border: 1px solid red!important; }
.wd-radius{ border-radius:5px!important; }
.wd-circle{ border-radius:50%!important; }

/* Color */
.wd-red { color: red!important; }
.wd-green { color: green!important; }
.wd-blue { color: blue!important; }
.wd-white { color: white!important; }
.wd-black { color: black!important; }
.wd-333 { color: #333!important; }
.wd-666 { color: #666!important; }
.wd-999 { color: #999!important; }
.wd-ccc { color: #ccc!important; }
.wd-efefef { color: #efefef!important; }

/* 背景色Color */
.wd-bgred { background-color: red!important; }
.wd-bggreen { background-color: green!important; }
.wd-bgblue { background-color: blue!important; }
.wd-bghite { background-color: white!important; }
.wd-bglack { background-color: black!important; }


/* 字体 */
.wd-geo { font-family: "Georgia"!important;}
.wd-yahei { font-family: "微软雅黑"!important;}

/*字号*/
.wd-fs10{font-size:10px!important;}
.wd-fs12{font-size:12px!important;}
.wd-fs14{font-size:14px!important;}
.wd-fs16{font-size:16px!important;}
.wd-fs18{font-size:18px!important;}
.wd-fs20{font-size:20px!important;}
.wd-fs22{font-size:22px!important;}



/*--------------------以下为复杂样式---------------------------*/

/* 按钮 */
.wd-btn { display:inline-block; padding: 5px 20px; border-radius:5px; background-color:#FA2; color:#fff; font-weight:bold; text-align:center;}
.wd-btn-blue { background-color:#2AF!important; color:#fff!important; }
.wd-btn-green { background-color:#2A2!important; color:#fff!important; }
.wd-btn-orange { background-color:#FA2!important; color:#fff!important; }
.wd-btn-red { background-color:#F22!important; color:#fff!important; }

/*一幅图轮播*/
.wd-lunbo{ position: relative;}
.wd-lunbo .bd{ overflow: hidden; }
.wd-lunbo .bd ul{}
.wd-lunbo .bd ul li{ background-repeat: no-repeat; background-attachment: scroll; background-position:center;}
.wd-lunbo .hd{ position: absolute;}
.wd-lunbo .hd ul{ text-align:center;}
.wd-lunbo .hd ul li{display: inline-block;}
.wd-lunbo .hd ul li.on{}

/*分页*/
.wd-page-div {}
.wd-page-div a{ margin-right:10px; display: inline!important;}
.wd-page-div span{ margin-right:10px; display: inline!important;}

/*分割线*/
.wd-line{width:100%;height:1px; border-bottom:1px solid #ccc;}
.wd-line-dashed{border-bottom:1px dashed #ccc!important;}