html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0;  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif; font-weight:300;}
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px;background: #eff2f5; line-height:24px;/* -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased;  font-smoothing: antialiased;*/ color:#333;}
input,textarea,button{ resize:none;   -webkit-appearance: none;  font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;}
img{ border:none; vertical-align:top; width: 100%;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#333; transition:color 0.3s ease-in;}
a:hover{  outline:none; color:#d7000f; text-decoration:none;}
a:focus{outline:none;}
h1,h2{ font-weight:300;}
input,textarea,button{ outline:none; -webkit-appearance: none;}
em,i{ font-style:normal;}
@font-face {
 font-family: 'nicedesign';
 src: url('../font/nicedesign.otf');
 src: url('../font/nicedesign.eot') format('embedded-opentype'),
 url('../font/nicedesign') format('woff'),
 url('../font/nicedesign.woff') format('truetype'),
 url('../font/nicedesign') format('svg');
 font-weight: normal;
 font-style: normal;
}
.mainbox{ width:1200px; margin:0 auto; }
@media screen and (max-width:1230px) {
.mainbox{ width:90%; }	
}
 
.or{ overflow:hidden;}
.cl{ clear:both;}
 
a.red{ background:#ff6d9a; border-radius:3px; color:#fff; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
a.red:hover{ background:#ec477a;}

a.yellow{ background:#ffb400; border-radius:3px; color:#fff; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
a.yellow:hover{ background:#e7a300;}

a.bai{ background:#fff; border:1px solid #e4e4e4; border-radius:3px; color:#777; -webkit-transition: all 0.5s  ease-in-out; transition: all 0.5s ease-in-out;}
a.bai:hover{ background:#ff6d9a; border:1px solid #ff6d9a; color:#fff;}
 

.qqbox{background: url(../images/qqs.png) no-repeat; width: 110px; height: 130px; position: fixed; right: 10px;bottom:300px; z-index: 1000; background-size: contain; overflow: hidden; }
.qqbox .close{ background: url(../images/close.png) no-repeat;display: block; position: absolute; right: 11px; top:11px; width:10px; height:10px; z-index: 1000;}
.qqbox a.qq{ width: 100%; height: 100%; display: block; } 
@media screen and (max-width:470px) {
.qqbox{width:70px; height:80px; }
.qqbox .close{display: none;}

}
 
.loading{width: 80px;height:30px; position:fixed; left:50%; top:50%; margin:-15px 0 0 -20px;  text-align:center;}
.loading span{display: inline-block;width:5px;height: 100%;border-radius: 4px;background:#1a1a1a;-webkit-animation: load 1s ease infinite;animation: load 1s ease infinite;}
	@-webkit-keyframes load{
		0%,100%{
			height:30px;
			background: #e1341a;
		}
		50%{
			height:60px;
			margin: -15px 0;
			background: #e1341a;
		}
	}
	.loading span:nth-child(2){
		-webkit-animation-delay:0.2s;
		animation-delay:0.2s;
	}
	.loading span:nth-child(3){
		-webkit-animation-delay:0.4s;
		animation-delay:0.4s;
	}
	.loading span:nth-child(4){
		-webkit-animation-delay:0.6s;
		animation-delay:0.6s;
	}
	.loading span:nth-child(5){
		-webkit-animation-delay:0.8s;
		animation-delay:0.8s;
	}