body
{
	background:#f1f1f1;
	padding:0px;
	margin:0px;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	color:#444;
	text-decoration:none;
	text-align:center;
	overflow-x:hidden;
}
*
{
	padding:0px;
	margin:0px;
}
a
{
	color:inherit;
	text-decoration:none;
}
.clr
{
	clear:both;
}
.top
{
	background:#002f63;
	width:100%;
	height:20px;
}
.top .view
{
	width:1200px;
	margin:0px auto;
}
.top .view .left
{
	float:left;
	width:35%;
	color:#fff;
	text-align:left;
	font-size:11px;
	padding-top:3px;
}
.top .view .right
{
	float:right;
	width:35%;
	padding:0px;
	margin:0px;
	color:#fff;
}
.top .view .right ul
{
	list-style:none;
	text-align:right;
}
.top .view .right ul li
{
	border-right:solid 1px #fff;
	display:inline;
}
.top .view .right ul li a
{
	color:#fff;
	font-size:11px;
	margin:0px;
	padding:3px 10px;

}
.top .view .right ul li a:hover
{
	color:#000;
	font-size:11px;
	margin:0px;
	padding:3px 10px;

}
.header
{
	background:#4e90da;
	width:100%;
	padding:0px;
	margin:0px;
	clear:both;
	height:60px;
}
.header .data
{
	width:1200px;
	margin:0px auto;
	padding:0px;
}
.header .data .logo
{
	float:left;
	width:20%;
	padding:0px;
}
.header .data .logo img
{
	width:100%;
}
.header .data .search
{
	width:60%;
	padding:0px;
	margin-left:30px;
	float:left;
}
.header .data .topnav
{
	float:right;
	width:25%;
	padding:0px;
	margin:0px;
}
.header .data .topnav ul
{
	list-style:none;
	padding:0px;
	margin-top:-30px;
	

}
.header .data .topnav ul li
{
	display:inline;
}
.header .data .topnav ul li a
{
	color:#fff;
	font-size:12px;
	vertical-align:top;
	padding:0px;
	margin:0px;
	
}
.input
{
	width:70%;
	padding:10px;
	float:left;
	height:15px;
	margin-top:12px;
	border:solid 1px #222;
}
.btn
{
	float:left;
	width:15%;
	padding:10px;
	margin-top:12px;
	border:solid 1px #222;
	background:#222;
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
}
.main
{
	width:1200px;
	margin:0px auto;
	padding:10px;
	background:#fff;
}
.main:after
{
	content:'';
	display:block;
	clear:both;
}
.main .side
{
	float:left;
	width:17%;
	padding:0px;
	margin:0px;
}
.main .test
{
	float:left;
	width:61%;
	padding:0px;
	margin:10px;
}
.main .ad
{
	float:right;
	width:20%;
	padding:0px;
	margin:0px;
}
.content
{
	width:1200px;
	clear:both;
	background:#fff;
	margin:0px auto;
	padding:10px;
}
.content .after
{
	content:'';
	display:block;
	clear:both;
}
.content .sideabr
{
	float:left !important;
	width:16.5%;
	border:solid 1px #ccc;
}
.content .sideabr h2
{
	background:#4E90DA;
	color:#fff;
	font-size:13px;
	text-align:left;
	padding:10px;
	border:solid 1px #006;
	margin:0px;
	text-transform:uppercase;
	font-weight:normal;
}
.content .sideabr ul
{
	list-style:none;  	
}
.content .sideabr ul li
{
	display:list-item;
	padding:12px 0px 12px 10px;
	text-align:left;
	border-bottom:solid 1px #f1f1f1;
}
.content .sideabr ul li a
{
	font-size:12px;
	margin:0px;
	text-align:left;
	padding:0px;
	color:#444;
}
.content .sideabr ul li a:hover
{
	font-size:12px;
	margin:0px;
	text-align:left;
	padding:0px;
	color:#ff0000;
}
.content .detail
{
	float:right;
	width:81%;
	padding:0px;
	margin:0px;
}
.content .detail h1
{
	font-weight:normal;
	font-size:16px;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	text-align:left;

}
.content .detail .ads
{
	float:left;
	width:48.5%;
	margin-left:10px;
}
.content .detail .ads img
{
	width:100%;
}
.content img
{
	width:100%;
	border:solid 1px #f1f1f1;
	margin:10px 0px;
}
.footer
{
	width:100%;
	padding:0px;
	margin:20px 0px 0px 0px;
	background:#fff;
	border-bottom:solid 1px #f1f1f1;
	border-top:solid 1px #f1f1f1;
	clear:both;
}
.footer:after
{
	content:'';
	display:block;
	clear:both;
}
.footer .matter
{
	width:1200px;
	margin:0px auto;
	padding:40px 10px;
}
.footer .matter .box
{
	float:left;
	width:23%;
	padding:10px;
	font-size:10px;
	border-right:solid 1px #f1f1f1;
}
.footer .matter .box img
{
	clear:both;
	text-align:center !important;
	margin:0px auto !important;
}
footer .matter .box b
{
	clear:both;
	padding-bottom:30px;
	font-size:11px;
	margin:0px;
	text-align:center;
}
.foot
{
	clear:both;
	width:100%;
	padding:0px;
	background:#fff;
	border-bottom:solid 1px #f1f1f1;
}
.foot:after
{
	clear:both;
	content:'';
	display:block;
}
.foot .footermatter
{
	width:1200px;
	margin:0px auto;
	padding:40px 10px;
}
.foot .footermatter .set
{
	float:left;
	width:24%;
	padding:0px;
	margin:0px;
}
.foot .footermatter .set ul
{
	list-style:none;
	padding-left:20px;
	clear:both;
}
.foot .footermatter .set ul li
{
	display:list-item;
	padding:10px 0px;
	text-align:left;
	margin:0px;
}
.foot .footermatter .set ul li a
{
	font-size:12px;
	color:#444;
	padding:0px;
	margin:0px;
	text-align:left;
}
.foot .footermatter .set ul li a:hover
{
	font-size:12px;
	color:#ff0000;
	padding:0px;
	margin:0px;
	text-align:left;
}
.foot .footermatter .set b
{
	text-align:left !important;
	margin:0px;
	padding-left:20px;
	float:left;
	clear:both;
	font-size:12px;
	
}
.payment
{
	clear:both;
	width:100%;
	background:#fff;
	border-bottom:solid 1px #ccc;
	padding:0px;
	margin:0px;
}
.payment:after
{
	clear:both;
	content:'';
	display:block;
	
}
.payment .cart
{
	width:1200px;
	margin:0px auto;
	padding:40px 10px 100px 10px;
}
.payment .cart .card
{
	float:left;
	width:40%;
	padding:0px;
	margin:0px;
	text-align:left;
}
.payment .cart .social
{
	float:right;
	width:40%;
	text-align:right;
	padding:0px;
	margin:0px;
}
.about
{
	width:100%;
	margin:0px;
	padding:0px;
	clear:both;
}
.about .aboutdetail
{
	width:1200px;
	margin:0px auto;
	padding:10px;
	text-align:justify;
	font-size:11px;
	color:#999;
	line-height:2;
}
.bottom
{
	clear:both;
	width:100%;
	padding:0px;
	margin:0px;
	background:#fff;
	border-top:solid 1px #ccc;
}
.bottom:after
{
	content:'';
	display:block;
	clear:both;
}
.bottom .copy
{
	width:1200px;
	padding:10px;
	line-height:30px;
	height:30px;
	margin:0px auto;
}
.bottom .copy .copyright
{
	float:left;
	width:40%;
	padding:0px;
	margin:0px;
	text-align:left;
	font-size:12px;
}
.bottom .copy .design
{
	float:right;
	width:40%;
	padding:0px;
	margin:0px;
	text-align:right;
	font-size:12px;
}

/*---------inner start------*/
.content .detail .strip
{
	width:98%;
	padding:10px;
	height:25px;
	margin:0px;
	background:#f1f1f1;
	border:solid 1px #ddd;
}
.content .detail .strip .cat
{
	float:left;
	width:25%;
	padding:0px;
	text-align:left;
}
.content .detail .strip .poplty
{
	float:right;
	width:20%;
	padding:0px;
	text-align:right;
}
.sellect
{
	width:100%;
	color:#ccc;
	padding:0px;
	margin:0px;
	border:solid 1px #aaa;
	height:25px;
}
.content .detail .pro
{
	float:left;
	width:20%;
	padding:10px;
	margin:10px;
}
.content .detail .pro:hover
{
	box-shadow:0px 0px 10px 0px #ccc;
}
.content .detail .pro img
{
	width:100%;
	border:none;
}
.content .detail .demo
{
	float:left;
	width:45%;
	border-right:solid 1px #f1f1f1;
}
.content .detail .demodetail
{
	float:right;
	padding:0px;
	width:53%;
	text-align:left;
	margin:0px;
}
.content .detail .demodetail ul
{
	list-style-type:disc;
	color:#000;
	border-bottom:solid 1px #f1f1f1;
	border-top:solid 1px #f1f1f1;
	padding:10px 0px;
}
.content .detail .demodetail ul li
{
	
	display:inline;
}
.content .detail .demodetail ul li a
{
	padding:0px 5px;
	line-height:2;
	margin:0px;
	color:#777;
	font-size:12px;
}
.content .detail .demodetail .price
{
	float:left;
	width:10%;
	padding:30px 0px;
	margin:0px;
	font-size:14px;
}
.content .detail .demodetail .amount
{
		border-bottom:solid 1px #f1f1f1;
	float:right;
	width:80%;
	padding:30px 0px;
	text-align:left;
	margin:0px;
}
.content .detail .demodetail .amount span
{
	font-size:11px;
}
.btnz
{
	float:left;
	width:35%;
	padding:20px 10px;
	margin-right:25px;
	background:#333;
	color:#fff;
	position:relative;
	text-align:center;
	border:none;
	border-radius:3px;
}

.btnz:hover
{
	float:left;
	width:35%;
	padding:20px 10px;
	margin-right:25px;
	background:#555;
	color:#fff;
	position:relative;
	text-align:center;
	border:none;
	border-radius:3px;
}
.btnzs
{
	float:left;
	width:35%;
	padding:20px 10px;
	margin-right:25px;
	background:#4E90DA;
	color:#fff;
	text-align:center;
	border:none;
	border-radius:3px;
}
.btnzs:hover
{
	float:left;
	width:35%;
	padding:20px 10px;
	margin-right:25px;
	background:#555;
	color:#fff;
	text-align:center;
	border:none;
	border-radius:3px;
}
label
{
	padding:0px 10px;
	margin:0px 10px 0px 0px;
	height:40px;
	line-height:30px;
	border:solid 1px #ccc;
	float:left;
}
.border
{
	width:60px;
	height:40px;
	border:solid 1px #ccc;
	padding:10px;
	margin-bottom:10px;
}
.content .detail h3
{
	text-align:left;
	font-size:13px;
	text-transform:uppercase;
	font-weight:600;
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
}
.content .detail ul
{
	list-style-type:disc;
}
.content .detail ul li
{
	text-align:left;
	padding:10px 15px;
	color:#666;
	font-size:12px;
	display:inline;
	float:left;
}
.content .detail p
{
	text-align:justify;
	color:666;
	font-size:12px;
}
.content h2
{
	text-align:left;
	padding:15px 0px 15px 10px;
	text-transform:uppercase;
}
.content  p
{
	padding:10px;
	text-align:justify;
	margin:0px;
	line-height:1.5;
	font-size:13px;
}
.content h4
{
	text-align:center;
	padding:0px;
	font-size:16px;
	color:#ff0000;
	text-transform:uppercase;
}
.apply
{
	width:80%;
	padding:10px;
	margin:0px;
	border:solid 1px #ccc;
	clear:both;
}
.applys
{
	width:100%;
	padding:10px;
	margin:0px;
	border:solid 1px #ccc;
	clear:both;
}