﻿@font-face {
	font-family: "athena";
	src: url('../font/athena-unicode-2.ttf') format('truetype');
}
body {
	font-family: Roboto; font-size: 14px; padding:0px; margin:0px; color:#666; background-color: #f2f2f2
}
div,input,textarea{
	box-sizing: border-box;
}
a{
	color:#353535; text-decoration:none;
}
a img{
	border:0px
}

h1,h2,h3,h4,h5,h6,ul,li,dl,dd,dt,form,img,p {
	margin: 0px; padding: 0px; border: currentColor; list-style-type: none;
}
/* 定义滚动条样式 */
/*::-webkit-scrollbar {*/
/*	width: 6px;height: 1px;*/
/*}*/
/*::-webkit-scrollbar-thumb {*/
/*	border-radius: 0px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);background: #535353;*/
/*}*/
/*::-webkit-scrollbar-track {*/
/*	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);border-radius: 0px;background: #EDEDED;*/
/*}*/

/* 去除input等的默认样式 */
input,textarea{
	border:0px; background: none;font-family:'微软雅黑', Arial, Helvetica, sans-serif; outline:none;
}
input:focus,textarea:focus{
	border:0px;
}

.clear{ clear:both}
/* 基本布局样式 */
.fbet{ display: flex; justify-content: space-between; align-items: center; }
.fcet{ display: flex; justify-content: center; align-items: center; }

/* 文字颜色-大小 */
.text-bold{ font-weight: bold; }

.text-fff{ color: #ffffff }
.text-f0f{ color: #f0f0f0; }
.text-666{ color: #666666 }
.text-999{ color: #999999 }
.text-353{ color: #353535 }
.text-000{ color: #000000 }
.text-ffc{ color: #ffc000 }

.text-08{ font-size: 8px; }
.text-10{ font-size: 10px; }
.text-12{ font-size: 12px; }
.text-14{ font-size: 14px; }
.text-15{ font-size: 15px; }
.text-16{ font-size: 16px; }
.text-18{ font-size: 18px; }
.text-20{ font-size: 20px; }
.text-22{ font-size: 22px; }
.text-24{ font-size: 24px; }
.text-26{ font-size: 26px; }
.text-30{ font-size: 30px; }
.text-40{ font-size: 40px; }
.text-50{ font-size: 50px; }

.text-lin1{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 1;-webkit-box-orient: vertical;
}
.text-lin2{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 2;-webkit-box-orient: vertical;
}
.text-lin3{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 3;-webkit-box-orient: vertical;
}
.text-lin4{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 4;-webkit-box-orient: vertical;
}
.text-lin5{
	overflow: hidden; text-overflow: ellipsis;display: -webkit-box;	-webkit-line-clamp: 5;-webkit-box-orient: vertical;
}

/* 背景颜色 */
.bg-fff{ background-color: #ffffff }
.bg-f5f{ background-color: #f5f5f5 }
.bg-f8f{ background-color: #f8f8f8 }
.bg-ffc{ background-color: #ffc000 }
.bg-353{ background-color: #353535 }
.bg-201{ background-color: #201e2d }
.bg-141{ background-color: #141222 }
.bg-btn{
	background-image: linear-gradient(to right, #e6dc3c, #1363a0);
}

/* 外间距 */
.marg-t10{ margin-top: 10px; }
.marg-t20{ margin-top: 20px; }
.marg-l10{ margin-left: 10px; }
.marg-l20{ margin-left: 20px; }
.marg-r10{ margin-right: 10px; }
.marg-r20{ margin-right: 20px; }
.marg-b10{ margin-bottom: 10px; }
.marg-b20{ margin-bottom: 20px; }

/* 留言的样式 */
.nrequired::after{
	content: '*'; color: #ff5722; margin-left: 5px;
}

/* 分页 */
.page-view{
	width: 100%;clear: both; padding-top: 40px;
}
.pagination{
	display: flex; justify-content: center; align-items: center;
}
.pagination li{
	width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border: #d5d5d5 solid 1px;
	border-radius: 6px; margin-right: 10px; background: #ffffff; cursor: pointer;
}
.pagination li a{
	display: flex; width: 100%; height: 100%; justify-content: center; align-items: center;
}
.pagination li:hover{
	background: #353535; color: #ffffff;
}
.pagination li:hover a{
	color: #ffffff;
}
.pagination li:last-child{
	margin-right: 0px;
}