@charset "utf-8";
/* CSS Document */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input{margin:0;padding:0;border:none;outline:0;font-size:100%;font:inherit;vertical-align:baseline}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
ins{text-decoration:none}
del{text-decoration:line-through}
table{border-collapse:collapse;border-spacing:0}
body{font:16px/1.5 "Microsoft YaHei",\5fae\8f6f\96c5\9ed1,arial,\5b8b\4f53;color:#333;outline:0; 
background-color:#f5f5f5; width:100%;}
/*banner*/
.banner{ width:100%; height:auto; margin:0 auto; text-align:left;position:relative; z-index:1;}
.banner img{width:100%;z-index:1; display:block;}
/*main*/
#main{width:100%; height:auto; margin:0 auto; background:#feb62c; text-align:left;position:relative; z-index:1;}
.main{     border: 1px solid #fab536;height:auto;margin:0 auto; background:#fff;text-align:left; padding-top:4%;}
.main h2{height:30px; line-height:30px;margin:0 auto;background:#f64e68;font-family:"Microsoft YaHei";
font-size:1em; text-align:center;color:#ffffff; box-shadow: 0  3px 8px #c9c6b7; margin:0 3%;}
.main p{margin:0 3%;font-family:"Microsoft YaHei";font-size:1em; color:#7b6a01;}
.main p span{ color:#e11811;}
.main table{width:90%; margin:0 auto;}
.main table td{font-family:"Microsoft YaHei";}
.main table td .srk1{ width:96%;background:#fff; border:1px solid #ffb1ad; border-radius:6px; height:40px; line-height:40px; margin-top:4%; color:#8c7b00;}
.main table td .an{width:94%;background:#f60204;border-radius:12px; height:40px; line-height:40px; margin-top:4%; color:#ffffff;
cursor:pointer; margin-bottom:15px;}

@media only screen and (max-width:300px) {
body {
	font-size: 8.33333px!important
}

@media only screen and (max-width:300px) {
body {
font-size:8.33333px!important
}
.main {
max-width:300px
}
}
@media only screen and (max-width:310px) and (min-width:300px) {
body {
	font-size: 8.33333px!important
}
.main {
	max-width: 300px
}
}
@media only screen and (max-width:320px) and (min-width:310px) {
body {
	font-size: 8.88889px!important
}
.main {
	max-width: 320px
}
}
@media only screen and (max-width:360px) and (min-width:320px) {
body {
	font-size: 8.88889px!important
}
.main {
	max-width: 360px
}
}
@media only screen and (max-width:360px) and (min-width:350px) {
body {
	font-size: 10px!important
}
.main {
	max-width: 360px
}
}
@media only screen and (max-width:480px) and (min-width:360px) {
body {
	font-size: 10px!important
}
.main {
	max-width: 480px
}
}
@media only screen and (max-width:480px) and (min-width:470px) {
body {
	font-size: 13.33333px!important
}
.main {
	max-width: 480px
}
}
@media only screen and (max-width:560px) and (min-width:480px) {
body {
	font-size: 13.33333px!important
}
.main {
	max-width: 560px
}
}
@media only screen and (max-width:570px) and (min-width:560px) {
body {
	font-size: 15.83333px!important
}
.main {
	max-width: 570px
}
}
@media only screen and (max-width:640px) and (min-width:570px) {
body {
	font-size: 15.83333px
}
.main {
	max-width: 640px
}
}
@media only screen and (max-width:640px) and (min-width:630px) {
body {
	font-size: 17.77778px!important
}
.main {
	max-width: 640px
}
}
@media only screen and (max-width:710px) and (min-width:640px) {
body {
	font-size: 17.77778px!important
}
.main {
	max-width: 710px
}
}
