/*基础定义*/
@charset "utf-8";
/* CSS Document */
body, h1, h2, h3, p, dl, dd, ol, ul, th, td, form, fieldset, input, button, textarea {
	margin: 0;
	padding: 0
}
html {
	-webkit-text-size-adjust: none;
	word-wrap: break-word
}
h1, h2, h3 {
	font-size: 100%
}
ol, ul {
	list-style: none
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
	font-size: inherit  
}
.lt{
	float: left;
}
.rt{
	float: right;
}
fieldset, img {
	border: 0
}
cite, em, s, i, b {
	font-style: normal
}
input, button, textarea, select {
	font-size: 100%
}
body, input, button, textarea, select, option {
	font-size: normal
}
a, input, textarea {
	text-decoration: none;
	outline: 0
}
li, img, label, input {
	vertical-align: middle
}
var {
	font-style: normal
}
ins {
	text-decoration: none
}

a{text-decoration: none;}
a{COLOR: #000000;TEXT-DECORATION: none;}
.link{COLOR: #000000;TEXT-DECORATION: none;}
a:hover{COLOR: #000000;TEXT-DECORATION: none;}
a:visited{COLOR: #000000;TEXT-DECORATION: none;}
a:active{COLOR: #000000}

body {
	font-size: 20px
}

.hide {
	display: none
}
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.viewport {
	 margin: 0 auto;
}

/*响应式布局基础定义*/
@media screen and (max-width:300px) {
body {
	font-size: 8.33333px
}
html{
	font-size: 8.33333px
}
.viewport {
	max-width: 300px
}
}
@media  screen and (max-width:310px) and (min-width:300px) {
body {
	font-size: 8.33333px
}
html {
	font-size: 8.33333px
}
.viewport {
	max-width: 310px
}
}
@media screen and (max-width:320px) and (min-width:310px) {
body {
	font-size: 8.61111px
}
html {
	font-size: 8.61111px
}
.viewport {
	max-width: 320px
}
}
@media screen and (max-width:350px) and (min-width:320px) {
body {
	font-size: 8.88889px
}
html {
	font-size: 8.88889px
}
.viewport {
	max-width: 350px
}
}
@media screen and (max-width:360px) and (min-width:350px) {
body {
	font-size: 9.72222px
}
html {
	font-size: 9.72222px
}
.viewport {
	max-width: 360px
}
}
@media screen and (max-width:400px) and (min-width:360px) {
body {
	font-size: 10px
}
html {
	font-size: 10px
}
.viewport {
	max-width: 400px
}
}
@media screen and (max-width:470px) and (min-width:400px) {
body {
	font-size: 11.11111px
}
html {
	font-size: 11.11111px
}
.viewport {
	max-width: 470px
}
}
@media screen and (max-width:480px) and (min-width:470px) {
body {
	font-size: 13.05556px
}
html {
	font-size: 13.05556px
}
.viewport {
	max-width: 480px
}
}
@media only screen and (max-width:540px) and (min-width:480px) {
body {
	font-size: 13.33333px
}
html{
	font-size: 13.33333px
}
.viewport {
	max-width: 540px
}
}
@media screen and (max-width:560px) and (min-width:540px) {
body {
	font-size: 15px
}
html {
	font-size: 15px
}
.viewport {
	max-width: 560px
}
}
@media  screen and (max-width:570px) and (min-width:560px) {
body {
	font-size: 15.55556px
}
html {
	font-size: 15.55556px
}
.viewport {
	max-width: 570px
}
}
@media screen and (max-width:630px) and (min-width:570px) {
body {
	font-size: 15.83333px
}
html{
	font-size: 15.83333px
}
.viewport {
	max-width: 630px
}
}
@media screen and (max-width:640px) and (min-width:630px) {
body {
	font-size: 17.5px
}
html{
	font-size: 17.5px
}
.viewport {
	max-width: 640px
}
}
@media screen and (max-width:710px) and (min-width:640px) {
body {
	font-size: 17.77778px
}
html {
	font-size: 17.77778px
}
.viewport {
	max-width: 710px
}
}
@media screen and (max-width:720px) and (min-width:710px) {
body {
	font-size: 19.72222px
}
html {
	font-size: 19.72222px
}
.viewport {
	max-width: 720px
}
}
@media screen and (min-width:720px) {
body {
	font-size: 20px
}
html {
	font-size: 20px
}
.viewport {
	width: 720px 
}
}