main { width:98%; max-width: 1000px; margin: 0 auto; padding: 0 1%; overflow: hidden; }

@media (min-width: 601px) {
.intit { width:100%; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 2em 0 1.8em 0; }
.intit h3 { color: #666; font-size:150%; font-weight: normal; }
}
@media (max-width: 600px){	
.intit { width:100%; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 0.6em 0; }
.intit h3 { color: #666; font-size:130%; font-weight: normal; }
}

@media (min-width: 601px) {
.intits { width:100%; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 2em 0 1.8em 0; }
.intits h3 { color: #fff; font-size:180%; font-weight: normal; }
}
@media (max-width: 600px){	
.intits { width:100%; text-align: center; background: url(intit.png) bottom center no-repeat; padding: 1em 0 1.5em 0; }
.intits h3 { color: #fff; font-size:150%; font-weight: normal; }
}

.webiconbox { width:100%; background:#fff; overflow:hidden; margin-top:0.8em; }
.webiconbox a { float:left;  text-align: center; display: block;}
.webiconbox a dl { margin: 0 auto; }
.webiconbox a { width: 25%; margin: 1em 0; }
.webiconbox a dl dt img { width:60%; }
.webiconbox a dl dd { font-size: 100%; padding-top:0.5em; }

#scrollUp {
	border-radius:100%;position: fixed; z-index: 10;
	background-color: #777;
	color: #eee;
	font-size: 40px;
	line-height: 1;text-align: center;text-decoration: none;bottom: 1.7em;right: 10px;overflow: hidden;width: 46px;
	height: 46px;
	border: none;
	opacity: 0.6;
}

.mores { width:100%; max-width: 1000px; margin: 0 auto; text-align: center; padding: 1.6em 0; }
.mores a { background: none; color: #1bae5d; border: 2px #1bae5d solid; border-radius:8px; padding:0.2em 1.5em; display: inline-block; }

#goodstithy { font-size: 1.3em; font-weight: 700; text-indent: 0px; text-align: center; padding-bottom: 0.6em; }


.showpage { clear:both; text-align:center; padding:1em 0; line-height:3em; margin-bottom: 2em; }
.showpage a { background:#dedede; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpage em { background:#dedede; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpage a:hover { background:#ff9933; color:#fff; text-decoration:none; }
.showpage span { background:#ff9933; color:#fff; padding:0.5em 1em; }

.showpages  { clear:both; text-align:center; padding:1em 0; line-height:3em; margin-bottom: 2em; }
.showpages a { background:#eeeeee; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpages em { background:#eeeeee; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpages a:hover { background:#ff9933; color:#fff; text-decoration:none; }
.showpages span { background:#ff9933; color:#fff; padding:0.5em 1em; }

.showpagesg  { clear:both; text-align:center; padding:0; line-height:3em; }
.showpagesg a { background:#eeeeee; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpagesg em { background:#eeeeee; color:#555; padding:0.5em 1em; text-align:center; text-decoration:none; }
.showpagesg a:hover { background:#ff9933; color:#fff; text-decoration:none; }
.showpagesg span { background:#ff9933; color:#fff; padding:0.5em 1em; }

footer nav { z-index: 999; }
.userfeng { width:100%; }
.userfeng ul { padding:0 3%; }
.userfeng ul li { display: block; overflow: hidden; border-bottom: 1px #e3e3e3 solid; padding: 1em 0 1em 0; }
.userfeng ul li p { float:left; height: 2.5em; line-height: 2.5em; font-weight: bold; margin: 0; padding: 0; }
.userfeng ul li a { float:right; height: 2.5em; line-height: 2.5em; padding: 0 1em; display: block; background: #ff9933; color: #fff; border-radius:15px; }
.userfeng ul li p span { color:#5babe6; }

.userfeng ul li:nth-child(1) a { background: #f00; }
.userfeng ul li:nth-child(2) a { background: #ff9933; }

.userfeng ul li:nth-child(1) p span { color:#f00; }
.userfeng ul li:nth-child(2) p span { color:#1bae5d; }

.userfeng ul #userpro a { float:none; background: #5babe6; border-radius:10px; }
.userfeng ul #userpro { text-align:center }



.userfeng h5 { padding:1em 3% 0.5em 3%; font-weight: bold; font-size: 1.2em; color: #666; }
.userfeng ol { padding:0 3% 1em 3%; }
.userfeng ol li { background: url(libg.png) left center no-repeat; padding-left: 8px; line-height: 200%; }
.userfeng ol li span { color:#f00; }

.upimgbox { padding: 0 2% 1em 2%; background: #fff; }
.upimgbox li { padding-bottom: 0.5em; }
.upimgbox li h6 { font-size:1em; font-weight: bold; line-height: 2em; }
.upimgbox li span { color:crimson; }
.upimgboxinputa { width: 100%; border:1px #e3e3e3 solid; height: 3em; line-height: 3em; }

.upimgboxinputs { width: 100%; border:1px #e3e3e3 solid; line-height: 3em; }

#copyright { text-align:center; color:#999; padding-bottom:1em; }


#toTop { display: none; text-decoration: none; position: fixed; bottom:5em; right: 10px; overflow: hidden; width: 46px; height: 46px; border: none; text-indent: 100%; background: url(movetop.png) no-repeat 0px 0px; z-index:999; }

#tophone { text-decoration: none; position: fixed; bottom:5em; right: 10px; overflow: hidden; width: 57px; height: 70px; border: none; text-indent: 100%; background: url(callme.png) no-repeat 0px 0px; z-index:999; }

.hzpingtia { width: 100%; overflow: hidden; }
.radioitem { display: block; width:50%; float: left; margin: 1em 0; height: 50px; line-height: 50px; padding: 0;  }
.radioitem input { float: left; display: block; width:10%; margin-top: 20px; }
.radioitem label { float: right; display: block; width:90%; line-height: 50px; }
.radioitem label img { width:90%; height:60px; line-height: 50px; border: 1px #ccc solid; }

.trgoodtitle{ font-size:1em; padding:0 0 0.5em 0; margin:0; font-weight:bold; }

.hzpingtia { width: 100%; overflow: hidden; }
.bsradioitem { display: block; width:33.333%; float: left; margin:0.5em 0; height: 30px; line-height: 30px; padding: 0;  }
.bsradioitem input { float: left; display: block; width:10%; margin-top: 10px; }
.bsradioitem label { float: right; display: block; width:90%; line-height: 30px; }










