@charset "utf-8";
@font-face {
	font-family: 'SOURCEHANSANSCN-REGULAR';
	src: url('../SOURCEHANSANSCN-REGULAR.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'SOURCEHANSERIFCN-REGULAR';
	src: url('../SOURCEHANSERIFCN-REGULAR.otf');
	font-weight: normal;
	font-style: normal;
}
* {margin:0; padding:0;}
body {color:#000; background:#FFF; font-family:"Microsoft Yahei";}
h1{font-family:"Microsoft Yahei";}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0 auto; padding:0;font-weight: normal;}
input, select {font-size:16px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px; font-family:"Microsoft Yahei" !important;}
ul,li,dl,dd,dt{list-style-type:none;}
img {border:0;
-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
a,input,button{ outline:none; }
a{color:#000;text-decoration:none !important;}
a:hover {color:#2d2e5c;}
a:active{}
.bkx{
	-webkit-user-select:none;

   -moz-user-select:none;

   -ms-user-select:none;

   user-select:none;
}
pre{
	whitewhite-space:pre-wrap; /* css-3 */
	whitewhite-space:-moz-pre-wrap; /* Mozilla, since 1999 */
	whitewhite-space:-pre-wrap; /* Opera 4-6 */
	whitewhite-space:-o-pre-wrap; /* Opera 7 */
	word-wrap:break-word; /* Internet Explorer 5.5+ */
	white-space: pre-wrap; /* Firefox */
	font-family: "微软雅黑";
}
body{width: 100%;min-width:320px;max-width: 1920px;margin: 0 auto;overflow-x: hidden;overflow-y: auto;font-size: 14px;letter-spacing:1px;}
/* @media only screen and (min-width: 640px) {
	html{font-size: 625% !important; }
}
@media only screen and (min-width: 480px) and (max-width: 640px) {
	html{font-size: 500% !important;}
	.header .title{display: none;}
}
@media only screen and (min-width: 360px) and (max-width: 480px) {
	html{font-size: 437.5% !important;}
}
@media only screen and (max-width: 360px) {
	html{font-size: 382.5% !important;}
} */




/* 公共弹框 */
.body-frame{
	position: fixed;left: 0;top:0;width: 100%;height: 100%;z-index: 9999999;display: none;
}
.body-frame-content{
	width: 240px;
	height: 120px;
	margin: 0 auto;
	position: relative;
	top: 50%;
	margin-top: -60px;
	box-shadow: 0 0 10px #999;
	background: #FFFFFF;
	border-radius: 4px;
}
.body-frame-title{float: left;width: 100%;text-align: center;height: 28px;line-height: 28px;margin: 30px 0 10px 0;}
.body-frame-title h4{display: inline-block;margin: 0 auto;}
.body-frame-title i{width: 28px;height: 28px;float: left;}
.body-frame-title .i1{background: url(../img/gou.png);}
.body-frame-title .i{background: url(../img/cha.png);}
.body-frame-title span{height: 28px;float: left;font-size: 22px;color: #999999;margin-left: 10px;}
.body-frame-list{float: left;width: 100%;text-align: center;color: #999999;line-height: 20px;overflow: hidden;height: 40px;padding: 0 10px;box-sizing: border-box;overflow: hidden;}

.header{width: 100%;background: #65767E;text-align: center;float: left;}
.header ul{display: inline-block;text-align: center;}
.header ul li{padding: 0 40px;display: inline-block;}
.header ul li:last-child{margin-right: 0;}
.header ul li a{height: 60px;line-height: 60px;color: #FFFFFF;position: relative;font-size: 16px;font-family: 'SOURCEHANSANSCN-REGULAR';}
.header ul .new a::after{content: 'NEW';color: #FF0701;font-size: 12px;position: absolute;right: -35px;top: -25px;z-index: 1;}
.header-top{width: 100%;background: #65767E;text-align: center;float: left;position: fixed;top: 0;max-width: 1920px;z-index: 999;}
.header-top ul{display: inline-block;text-align: center;}
.header-top ul li{padding: 0 40px;display: inline-block;}
.header-top ul li:last-child{margin-right: 0;}
.header-top ul li a{height: 60px;line-height: 60px;color: #FFFFFF;position: relative;font-family: 'SOURCEHANSANSCN-REGULAR';font-size: 16px;}
.header-top ul .new a::after{content: 'NEW';color: #FF0701;font-size: 12px;position: absolute;right: -35px;top: -25px;z-index: 1;}


.footer{width: 100%;float: left;background: #333333;text-align: center;float: left;padding: 25px 0;}
.footer .logo{margin-bottom: 10px;}
.footer p{color: #FFFFFF;line-height: 25px;font-size: 12px;}
@media only screen and (min-width: 1020px) {
	
}
@media only screen and (min-width: 768px) and (max-width: 1020px) {
	.header ul li{padding: 0 20px;}
	.header ul li a{height: 50px;line-height: 50px;}
	.header-top{display: none;}
}
@media only screen and (min-width: 360px) and (max-width: 768px) {
	.header {
		display: none;
	}
	.header ul li{}
	.header ul li a{height: 40px;line-height: 40px;font-size: 14px;}
	.header ul .new a::after{content: 'NEW';color: #FF0701;font-size: 12px;position: absolute;right: -35px;top: -15px;z-index: 1;}
	
	.header-top{display: none;}
}
@media only screen and (max-width: 360px) {
	.header {
		display: none;
	}
	.header ul li{}	
	.header ul li a{height: 40px;line-height: 40px;font-size: 14px;}
	.header-top{display: none;}
}