/*
font-family: PingFang SC, Verdana, Helvetica Neue, Microsoft Yahei, Hiragino Sans GB, Microsoft Sans Serif, WenQuanYi Micro Hei, sans-serif;
上面的代码为：平时项目中用到的定义字体的顺序
font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
上面的代码为：【知乎】官方的字体代码。*/

*{
	font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Microsoft YaHei,Source Han Sans SC,Noto Sans CJK SC,WenQuanYi Micro Hei,sans-serif;
	white-space: normal;
	padding:0px;
	margin:0px;
	color: #363636;
}
body
{
    font-size:16px;
	background: #f8f8f8;
}

h1,h2,h3,h4,h5,h6{
	font-weight: bold;
}
ul, li {
    list-style: none;
}
p{
	margin:0;
	padding:0;
}
input{ cursor: pointer;}
a{
    cursor:pointer;
}
a,a:hover,a:active,a:focus{
	 text-decoration:none;
}

a:hover{

}

a:hover,a:active,a:focus {
	outline: 0;
}

.border{
	margin: 0;
	border: 1px solid #ededed;
}

:focus {
	outline:none;
}

.font14{
    font-size:14px;
}
.font18{
    font-size:18px;
}

.colorRed{
    color:#ff0000;
}

.colorgray{
    color:#999;
}

.colorblue{ color:#336cd5;}
.color7403d4{ color:#7403d4;}
.float_left{
    float:left;
}
.float_right{
    float:right;
}
.blank16{ width: 100%; height: 16px; overflow: hidden; clear: both;}


/*首页样式*/
#topnav{ width:100%; height: 80px; background: #333436; overflow: hidden; }
.top{ width:1200px; margin: 0 auto; color: #fff;line-height:80px;}
.top .logo{ float:left; }
.top .nav{ font-size:16px; color:#fff; line-height: 80px;}
.top .nav a{ display: block; padding: 0 15px; color:#fff; float: left; margin: 0 15px;}
.top .nav a:hover{ background: #454648; font-weight: 600;}
.top .nav .at{background: #454648; font-weight: 600;}
.top .top_text{ font-size:16px; }
.top .top_text a{color: #fff; margin: 0 20px;}
.top .top_text a:hover{font-weight: 600;color: #fff;}

#main{width: 1200px;margin: 0 auto;  overflow: hidden;padding-bottom:100px;}

.area01{ width: 850px; padding: 15px; overflow: hidden; float: left; background: #fff;}
.area_list{ float: right; background: #fff; width: 270px; height: 380px; padding: 15px; overflow: hidden;}
.area_list dt{ padding: 15px 0; border-bottom: 1px solid #ededed;}
.area_list dd ul{line-height: 26px; padding: 10px 0; font-size: 14px;}
.area_list dd ul li{ width: 270px; height: 26px;text-overflow: ellipsis; overflow: hidden; }


.area02{ width: 1200px; float: left; background: #fff; padding-bottom:10px;  overflow: hidden;}
.area02 dl{ padding: 15px; font-size: 14px; }
.area02 dl dt{ padding: 15px 0; border-bottom: 1px solid #ededed;}
.area02 dl dd{ padding: 15px 0; overflow: hidden;}

.area02 dl dd .v-box{ width:240px; padding: 10px; height: auto; overflow: hidden; float: left;  border: 1px solid #ededed; font-size: 14px; line-height: 26px; margin:10px  15px 0; }


#bottomnav{ line-height: 26px; font-size: 14px; text-align: center; padding: 15px 0; background: #333436; color: #fff;}
#bottomnav a{color:lightskyblue;}


.page-list{ line-height: 30px; font-size: 16px; clear: both; overflow: hidden; float: right; margin-right: 15px;}
.page-list li{padding: 5px 10px; float: left; border: 1px solid #eee; margin-left: 10px;}
.page-list li:hover{ border: 1px solid #ff4a00; color: #ff4a00;}


.user_info{ font-size: 14px; line-height: 30px; margin-top: 15px;}

.cz_button{ font-size: 14px; color: #fff; border: 0; background: #be8820; border-radius:4px; padding: 2px 5px; margin-left: 10px; }

.vip_m{ line-height: 32px; text-align: center;}
.v-con{ line-height: 32px;}