/*
通用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-h30{ height: 30px!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;}

.pages {
	margin: 40px auto 0;
	text-align: center
}

.pages .pagesword {
	display: inline-block;
	color: #666
}

.pages .page {
	display: inline-block;
	zoom: 1
}

.pages .page:after {
	content: " ";
	clear: both;
	display: table
}

.pages .page .next i, .pages .page .prev i {
	font-size: 18px
}

.pages .page i {
	color: #999
}

.pages .page a, .pages .page span {
	display: inline-block;
	background-color: #fafafa;
	cursor: pointer;
	padding: 6px 14px;
	margin: 0 5px;
	color: #666
}

.pages .page a.selected, .pages .page a:hover, .pages .page span.selected,
	.pages .page span:hover {
	background-color: #147ccc;
	color: #fff
}

.pages .page span i {
	color: #5FBC88
}

.pages .page span.nolink i {
	color: #999
}

[class*=" icon-"], [class^=icon-], i {
    font-family: icomoon;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.wrapper_pc {
    	display:block;
}

.wrapper_mobile{
	display:none;
}
   
@media only screen and (max-width: 500px) {
    .wrapper_mobile {
        display: block;
     	 width: 100vw;
    }
    
     .wrapper_pc {
        display: none;
    }
}