@charset "utf-8"; 
/* ======================--下面为初始化样式--====================== */
html{
	font-size: 10px;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code,form, button, input, fieldset, legend, input, textarea, p, blockquote,th, td, article, aside, details, figcaption, figure, #footer, #header,hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	outline: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup,main, nav, section, summary {
	display: block;
}

a {
	cursor: pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

li {
	display: list-item;
	list-style: none;
	text-align: -webkit-match-parent;
}

li.active {
	background: #FFF;
	opacity: .9;
	filter: alpha(opacity = 90);
}
body, input, button, textarea, select {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei","微软雅黑", "Lantinghei SC", "Open Sans","Hiragino Sans GB", "STHeiti", SimSun,sans-serif;
}
img{
	border: 0;
}
/* ======================--下面为滚动条样式--====================== */
html::-webkit-scrollbar {
	width: 6px;
	height: 6px;
	background: #CCC;
}

html::-webkit-scrollbar-button {
	display: none;
}

html::-webkit-scrollbar-track-piece {
	display: none;
}

html::-webkit-scrollbar-thumb {
	background: #999;
}

html::-webkit-scrollbar-thumb:hover {
	background: #79D9CF;
}


/* ======================--文字选中样式--====================== */
::selection{
	color:#fff;
	background:#d41f1f;}

/* ======================--下面为通用样式--====================== */

/* 鼠标放上时突出显示并添加阴影 */
.com-div-shadow:hover {
    box-shadow: 0 15px 30px rgba(0,0,0,.1);
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
}

/* 鼠标放上时放大显示要配合addTransition使用 */
.com-div-transform:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
    transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}

/* 鼠标放上时突添加鼠标慢慢包围效果----start*/
.com-border-line{
	position: relative;
}
.com-border-line:after {
	content: '';
	display: block;
	position: absolute;
}
.com-border-line:before {
	content: '';
	display: block;
	position: absolute;
}
.com-border-line {
	background: none;
	border: 0;
	box-sizing: border-box;
	box-shadow: inset 0 0 0 0px transparent;
}
.com-border-line:after, .com-border-line:before {
	box-sizing: border-box;
	border: 1px solid transparent;
	width: 0;
	height: 0;
}
.com-border-line:after {
	top: 0;
	left: 0;
	-webkit-transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
	transition: border-color 0s ease-in 0.8s, width 0.2s ease-in 0.6s, height 0.2s ease-in 0.4s;
}
.com-border-line:before {
	bottom: 0;
	right: 0;
	-webkit-transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
	transition: border-color 0s ease-in 0.4s, width 0.2s ease-in 0.2s, height 0.2s ease-in;
}
.com-border-line:hover:after, .com-border-line:hover:before {
	width: 100%;
	height: 100%;
}
.com-border-line:hover:after {
	border-top-color: #367dff;
	border-right-color: #367dff;
	-webkit-transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
	transition: width 0.2s ease-out, height 0.2s ease-out 0.2s;
}
.com-border-line:hover:before {
	border-bottom-color: #367dff;
	border-left-color: #367dff;
	-webkit-transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
	transition: border-color 0s ease-out 0.4s, width 0.2s ease-out 0.4s, height 0.2s ease-out 0.6s;
}
/* 鼠标放上时突添加鼠标慢慢包围效果----end*/

/* 添加动画效果 */
.addTransition *{
	transition: all 0.30s ease-in-out;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
}
.addTransition1 *{
	transition: all 0.10s ease-in-out;
	-webkit-transition: all 0.10s ease-in-out;
	-moz-transition: all 0.10s ease-in-out;
	-o-transition: all 0.10s ease-in-out;
	-ms-transition: all 0.10s ease-in-out;
}
/* 清除动画效果 */
.removeTransition *{
	transition: all 0s;
	-webkit-transition:  all 0s;
	-moz-transition:  all 0s;
	-o-transition:  all 0s;
	-ms-transition:  all 0s;
}

/* 清除浮动 */
.clear{
	clear: both;
}
/* 阻止在手机上输入界面变大 */
@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) { 
	select:focus, textarea:focus, input:focus { font-size: .8rem !important; } 
}