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

/* 高度 */
.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-h30{ height: 30px!important;}
.wd-h50{ height: 50px!important;}
.wd-h100{ height: 100px!important;}

/* 宽度 */
.wd-w30{ width: 30px!important;}
.wd-w50{ width: 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;}

/* margin&padding */
.wd-m0{ margin: 0px !important;}
.wd-p0{ padding: 0px !important;}

.wd-mt0{ margin-top: 0px !important;}
.wd-mt10{ margin-top: 10px !important;}
.wd-mt20{ margin-top: 20px !important;}
.wd-mt30{ margin-top: 30px !important;}
.wd-mt40{ margin-top: 40px !important;}
.wd-mt50{ margin-top: 50px !important;}
.wd-mt100{ margin-top: 100px !important;}

.wd-mb0{ margin-bottom: 0px !important;}
.wd-mb10{ margin-bottom: 10px !important;}
.wd-mb20{ margin-bottom: 20px !important;}
.wd-mb30{ margin-bottom: 30px !important;}
.wd-mb40{ margin-bottom: 40px !important;}
.wd-mb50{ margin-bottom: 50px !important;}
.wd-mb100{ margin-bottom: 100px !important;}

.wd-ml0{ margin-left: 0px !important;}
.wd-ml10{ margin-left: 10px !important;}
.wd-ml20{ margin-left: 20px !important;}
.wd-ml30{ margin-left: 30px !important;}
.wd-ml40{ margin-left: 40px !important;}
.wd-ml50{ margin-left: 50px !important;}
.wd-ml100{ margin-left: 100px !important;}

.wd-mr0{ margin-right: 0px !important;}
.wd-mr10{ margin-right: 10px !important;}
.wd-mr20{ margin-right: 20px !important;}
.wd-mr30{ margin-right: 30px !important;}
.wd-mr40{ margin-right: 40px !important;}
.wd-mr50{ margin-right: 50px !important;}
.wd-mr100{ margin-right: 100px !important;}

.wd-pt0{ padding-top: 0px !important;}
.wd-pt10{ padding-top: 10px !important;}
.wd-pt20{ padding-top: 20px !important;}
.wd-pt30{ padding-top: 30px !important;}
.wd-pt40{ padding-top: 40px !important;}
.wd-pt50{ padding-top: 50px !important;}
.wd-pt100{ padding-top: 100px !important;}

.wd-pb0{ padding-bottom: 0px !important;}
.wd-pb10{ padding-bottom: 10px !important;}
.wd-pb20{ padding-bottom: 20px !important;}
.wd-pb30{ padding-bottom: 30px !important;}
.wd-pb40{ padding-bottom: 40px !important;}
.wd-pb50{ padding-bottom: 50px !important;}
.wd-pb100{ padding-bottom: 100px !important;}

.wd-pl0{ padding-left: 0px !important;}
.wd-pl10{ padding-left: 10px !important;}
.wd-pl20{ padding-left: 20px !important;}
.wd-pl30{ padding-left: 30px !important;}
.wd-pl40{ padding-left: 40px !important;}
.wd-pl50{ padding-left: 50px !important;}
.wd-pl100{ padding-left: 100px !important;}

.wd-pr0{ padding-right: 0px !important;}
.wd-pr10{ padding-right: 10px !important;}
.wd-pr20{ padding-right: 20px !important;}
.wd-pr30{ padding-right: 30px !important;}
.wd-pr40{ padding-right: 40px !important;}
.wd-pr50{ padding-right: 50px !important;}
.wd-pr100{ padding-right: 100px !important;}



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

/* 对齐 */
.wd-c{ margin-left: auto; margin-right: auto;}
.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-orange { color: orange!important; }
.wd-purple { color: purple!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-bg-red { background-color: red!important; }
.wd-bg-green { background-color: green!important; }
.wd-bg-blue { background-color: blue!important; }
.wd-bg-white { background-color: white!important; }
.wd-bg-black { background-color: black!important; }
.wd-bg-orange { background-color: orange!important; }
.wd-bg-purple { background-color: purple!important; }
.wd-bg-cyan { background-color: cyan!important; }
.wd-bg-lightgray { background-color: #F0F0F0!important; }


/* 字体 */
.wd-f-geo { font-family: "Georgia"!important;}
.wd-f-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-fs24{font-size:24px!important;}
.wd-fs26{font-size:26px!important;}

/*响应式*/
.wd-resps{max-width: 100%;}




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

/* 按钮 */
.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{ margin:0px; padding:0px; }
.wd-lunbo .bd ul li{ background-repeat: no-repeat; background-attachment: scroll; background-position:center; list-style:none; padding:0; margin:0;}
.wd-lunbo>.bd>ul>li>img{ border:0; max-width: 100%;}
.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;}