@charset "gb2312";

 /*图标字体开始！*/


@font-face {



 font-family: 'iconfont';



}



.iconfont {



	font-family:"iconfont";



	font-size:18px;



	font-style:normal;



	margin-right:5px;



}



/*格子系统*/







.row {



	height:auto;



	clear:both;



	margin-left:-8px;



	overflow:hidden;



	zoom:1;



	position:relative;



}



.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {



	display: inline;



	float: left;



	margin-left: 8px;



}



/* 第一个元素 */ .alpha {



	margin-left: 0;



} /* 最后一个元素 */



.omega {



	margin-right: 0;



}



.wrapper {



	width:1000px;



	height:auto;



	margin:0 auto;



	clear:both;



	position:relative;



}



.col1 {



	width: 76px;



}



.col2 {



	width: 160px;



}



.col3 {



	width: 244px;



}



.col4 {



	width: 328px;



}



.col5 {



	width:412px;



}



.col6 {



	width: 496px;



}



.col7 {



	width: 580px;



}



.col8 {



	width:664px;



}



.col9 {



	width: 748px;



}



.col10 {



	width: 832px;



}



.col11 {



	width: 916px;



}



.col12 {



	width: 1000px;



}



/*基本样式*/







/*递归样式写法*/







 html > body > table > tr [id="total"] > td > ul > li {



	color:#434343;



}



/*弹性图片*/















img :hover {



	transition: all 0.3s linear 0s;



}



/*弹性内嵌元素(视频)*/







.video embed, .video object, .video iframe {



	width: 100%;



	height: auto;



}



/*字号自动调整的问题(通过-webkit-text-size-adjust:none禁用iPhone中Safari的字号自动调整)*/







 body {



	line-height:2em;



}



/* 网站样式重写 */body, select, input, textarea {



	color: #434343;



	color:#434343; /*font-family:Arial,'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif;*/



	font-size:12px;



	background:#fff; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/



	font-family:"微软雅黑", "宋体", "新宋体", Arial;



}



* {



	margin:0;



	padding:0;



	list-style:none;



}



a {



	outline:none;



	text-decoration:none;



	color:#434343;



}



a:hover {



	text-decoration:none;



	color:#434343;



	transition: all 0.3s linear 0s;



}



html {



}



html * {



	outline:0;



}



 html button::-moz-focus-inner {



 border-color:transparent!important;



}



body {



	overflow-x: hidden;



}



body, div, dl, dt, dd, ul, ol, li/*,h1,h2,h3,h4,h5,h6*/, pre, code, form, input, textarea,/*p,*/ blockquote, th, td {



	margin:0;



	padding:0;



}



table {/*border-collapse:collapse;border-spacing:0;*/



}



p {



}



/*fieldset,*/a img {



	border:0;



}



address, caption, cite, code, dfn, em, th, var {



	font-style:normal;



	font-weight:normal;



}



li {/*list-style:none;*/ /*list-style-position:inside; 不兼容ie6,ie7*/



}



caption, th {



	text-align:left;



}



h1, h2, h3, h4, h5, h6 {/*font-size:100%;*/



	font-weight:normal;



}



q:before, q:after {



	content:'';



}



hr {



	border:none;



	clear:both;




	height:0;



	background:none;



	margin:0;



	padding:0;



	border-bottom:#eee solid 1px;



	margin:10px 0;



}



img {



	border: 0 none;



	vertical-align: middle;



/*_width:expression((document.documentElement.clientWidth||document.body.clientWidth)<"100%"?"100%":"");*/ /*_width:100%;*/}



blockquote {



	border-left: 5px solid #EEEEEE;



	margin: 10px;



	padding: 10px;



}



ul {



}



ul.unstyled, ol.unstyled {



	list-style:none;



}



ul.circle {



	list-style-type:circle;



}



ul.square {



	list-style-type:square;



}



ul.cjk {



	list-style-type:cjk-ideographic;



}



/*首字母*/







 .firstletter:first-letter {



	font-size:200%;



}



/**重写样式*/







.clearfix:after {



	content:".";



	display:block;



	height:0;



	clear:both;



	visibility:hidden;



}



.clearfix {



	display:block;



}



.clear {



	clear:both;



}/* 清除浮动*/



.colwrapper {



	overflow:hidden;



	zoom:1 /*for ie*/;



	margin:5px auto;



}/* 高度自适应 */



.strong {



	font-weight: bold;



}



.left {



	float: left;



}



.right {



	float: right !important;



}



.center {



	margin:0 auto;



	text-align:center;



}



.show {



	display:block;



	visibility:visible;



}



.hide {



	display: none !important; /*visibility:hidden;*/



}



.block {



	display:block;



}



.inline {



	display:inline;



}



.transparent {



	filter:alpha(opacity=50);



	-moz-opacity:0.5;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/



	-khtml-opacity: 0.5;



	opacity: 0.5;



}



.break {



	word-wrap:break-word;



	overflow:hidden; /*word-break:break-all;*/



}



.canvas {



	position: relative;



}



.relative {



	position: relative;



}



code, pre {



	color: #333333;



	font-family: Menlo, Monaco, "Courier New", monospace;



	font-size: 12px;



	padding: 0 3px 2px;



}



abbr {



	background: none repeat scroll 0 0 whiteSmoke;



	border-bottom: medium none;



	border-left: 0.25em solid #3387C4;



	display: inline-block;



	margin-right: 0.5em;



	padding: 0 0.25em;



}



abbr:hover {



	background:#f9d949;



}



pre {



	font-family:consolas, "Courier New", courier, monospace; /*color:#0088CC;*/



	background-color: #FAFAFA;



	border: 1px solid #eee;



	display: block;



	font-size: 12.025px;



	line-height: 18px;



	margin: 0 0 9px;



	padding: 8.5px;



	white-space: pre-wrap;



	word-break: break-all;



	word-wrap: break-word;



}



code {



	background-color: #F7F7F9;



	border: 1px solid #E1E1E8;



	color: #0088CC;



	padding: 2px 4px;



}



pre ol {



	margin: 0 0 0 14px;



}



pre.unstyled {



	background:none;



	color:#333;



	border:none;



}



/* 固定不动 */







.fixed {



	position:fixed;



	clip:rect(0 100% 100% 0);



	_position:absolute;



	/* 底部 */







	bottom:0px;



	left:0px;



 _top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);



/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/







 }



.fixed.scrolltotop, .fixed.livechat {



	bottom:0px;



	right:20px;



	left:auto;



	width:50px;



	height:50px;



	text-align:center;



	line-height:50px;



	font-size:40px;



	color:#ccc;



	display:block;



	_display:none;/* text-shadow:#bbb 1px 1px;*/



	background:#fff;



	border-radius: 2px 2px 2px 2px;



	border:#ccc solid 1px;



}



.fixed.scrolltotop { /*display:none;*/



	bottom:100px;



}



a:hover.fixed.scrolltotop, a:hover.fixed.livechat {



	text-decoration:none;



}



.fixed.livechat {



	bottom:20px;



}



.fixed.scrolltotop.blue, .fixed.livechat.blue {



	background:#85c2f2;



	text-shadow:#2d96e9 1px 1px;



}



a:hover.fixed.scrolltotop.blue, a:hover.fixed.livechat.blue {



	background:#2d96e9;



	text-decoration:none;



}



*html {



	background-image:url(about:blank);



	background-attachment:fixed; /* 解决固定层在IE6下闪的问题 */



}



/* png透明 */







 .pngfix {



 filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/x.png');



}



/* 渐变 */







 .gradient {



 filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ffffff, EndColorStr=#dedede);



	background: -moz-linear-gradient(top, #ffffff, #dedede); /*火狐*/



	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dedede)); /*webkit*/



}



.radius {



	-webkit-border-radius: 4px;   /*只支持webkit内核的浏览器*/



	border-radius: 4px;  /*只支持IE内核的浏览器（IE>=7)*/



	-moz-border-radius : 4px; /*只支持Mozilla内核的浏览器*/



	border:#ddd solid 1px;



	padding:4px;



}



.highlighted {



	background: none repeat scroll 0 0 #00ADEE;



	color: #FFFFFF;



	padding: 0 5px;



}



/*超出省略号显示*/







.ellipsis {



	white-space:nowrap;/*设置不折行*/



	text-overflow:ellipsis;/*这就是省略号喽*/



	-o-text-overflow:ellipsis;/*兼容opera*/



	width:80px;



	overflow:hidden;



}



/*文字闪动*/







 .blink {



	text-decoration:blink;



}



/* 解决ie下连接加粗的鼠标样式问题*/







 a strong {



	cursor:pointer;



}



/**FCK 兼容解决方案*/







 em {



	font-style:italic !important;



}



strike {



	text-decoration:line-through !important;



}



strong {



	font-weight:bold !important;



}



u {



	text-decoration:underline !important;



}



/**表单样式*/







 /* input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {  border-color:#666;} */







 input {/*behavior:url(input.htc);*/



}/*Only for ie 5.0+*/



/*label input{width:14px;height:14px;border:0;}*/ /*For input type is Radio*/







 input:hover {



	transition: all 0.3s linear 0s;



}/*For orther browsers*/



form {



}



input[type=text], textarea, .text {



	/*box-shadow: 0 1px 1px #ccc inset;*/







 	font-size: 12px;



	line-height: 100%;



	display:inline-block;



	margin: 0;



	outline: medium none;



}



.text {



	border: 1px solid #e5e5e5;



	padding:7px 30px 6px 10px;



	border-radius: 6px;



}



.text.radius {



}



 input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable {



 float: none;



 margin-left: 0;



}



input:focus, textarea:focus {



	border-color: rgba(82, 168, 236, 0.8);



	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);



	outline: 0 none;



}



fieldset {



	padding:20px;



	border:#ccc solid 1px;



}



label {



	display:block;



	font-size:14px;



	margin:10px 0 0 0;



}



/*网站整体颜色总汇*/







 .ff8600, ff86aa a {



	color:#ff8600;



}



/*网站整字体大小*/







 .font14px {



	font-size:14px;



}



.font9pt {



	font-size:9pt;



}



/*网站整布局命名规范*/







 /*外部链接*/







  a[rel=external] {



	background:url(../imgs/external.png) no-repeat right center;



	padding:0 12px 0 0;



}



/* 网站外围阴影 */







 .shardow {



}



h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { /*color:#999; */



	font-size:80%;



}



* small {



	margin-left:10px;



}



h1 {



 *margin:25px 0;



	font-size:26px;



	line-height:1em;



}



h1 small {



	font-size:20px;



}



h2 {



	font-size:20px;



}



.naver {



	background:#F6F6F6;



	height: 67px;



	line-height: 67px;



	text-align:center;



	padding:0 20px; /*box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);*/



	position:relative;



	z-index:99; /*border-bottom:#eee solid 1px;*/



}



.naver.unstyled {



	background:none;



}



.naver.unstyled a {



	color:#333 !important;



}



.naver.unstyled a:hover, .naver.unstyled a.selected {



	background:none !important;



}



.naver.fixed {



	position:fixed;



	top:0;



	width:100%;



	_position:absolute;



 _top: expression(documentElement.scrollTop + "px");



	z-index:999;



	opacity:0.8;



}



.naver .wrapper {



	overflow:visible;



	margin-top:0;



	display:inline-block;



}



.naver .module a, .naver .sub a, .naver .brand a {



	color: #555;



	font-size:14px;



	padding: 0px 20px;



	position: relative;



	white-space: nowrap;



	float:left;



	display:inline;



 *padding:0 10px;



	line-height:67px;



	border-right:#f6f6f6 solid 1px;/*_border-color:tomato; _filter:chroma(color=tomato);*/ /*ie6下边框透明解决方案,存在bug，导致ie6文字描边，暂时屏蔽*/



}



 @media (min-width: 768px) and (max-width: 1250px) {



 .naver .module a, .naver .sub a, .naver .brand a {



 padding:0 15px;



}



}



.naver .module a:hover, .naver .sub a:hover, .naver .brand a:hover {



	color:#cc3311;



	text-decoration:none;



	background:#f6f6f6;



}



.naver .module a.selected, .naver .sub a.selected {



}



.naver .module {



	float: left;



	margin:0 10px 0 0px;



}



.naver ul {



	display:inline;



}



.naver li {



	display:inline;



	float:left;



	position:relative;



}



.naver li strong {



	display:inline;



	float:left;



	font-weight:normal !important;



}



.naver .search {



	float:left;



	display:inline;



	_background:none;



	overflow:hidden;



	line-height:1em;



	margin-top:8px;



}



.naver .search .text {



	float:left;



	display:inline;



}



.naver .search .button {



	float:left;



	display:inline;



}



.naver .sub {



	float: right;



	margin-right: -5px;



}



.naver .brand {



	float:left;



	display:inline; /*margin:0 40px 0 0;*/



}



.naver .brand a {



	font-size:25px;



	padding-left:0 !important;



	font-weight: bold;



	padding-left: 0;



	padding-right: 10px;



	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 0 30px rgba(255, 255, 255, 0.125);



	transition: all 0.2s linear 0s;



}



.naver .brand a:hover {



	background:none;



}



.naver .droper {



	display:none;



	position:absolute;



	left:-1px;



	top:72px;



	width:150px;



	z-index:1000;



	border:#eee solid 1px;



	background:#fff;



}



.naver .sub .droper {



	left:auto;



	right:0;



}



.naver .droper a {



	background:none;



	display:block;



	float:none;



	font-size:13px;



	text-align:left;



	white-space:nowrap;/*设置不折行*/



	text-overflow:ellipsis;/*这就是省略号喽*/



	-o-text-overflow:ellipsis;/*兼容opera*/



	overflow:hidden;



	line-height:25px;



	color:#333;



	line-height:22px;



	padding: 10px 18px 9px;



	border:none;



	border-bottom: 1px solid #eee;



}



.naver .droper a:hover {



	background:#f1f1f1;



	color:#333;




}



.naver .selected .droper {



	display:block;



}



.naver .caret {



	border:#333 solid 4px;



	border-top:#999 solid 4px;



	margin:25px 0 0 5px;



	content: "";



	display: inline-block;



	height: 0;



	vertical-align: top;



	width: 0;



}



.naver .selected .caret {



	border-top-color:#222;



	border-bottom-color:#999;



	margin-top:20px;



}



/*为移动设备设计的菜单展开按钮*/







 .naver .collapse {



	padding: 6px 12px 10px 12px;



	background:#444444;



	color:#fff;



	display:none;



	position:absolute;



	right:5px;



	top:20px;



}



.naver .collapse span {



	border-radius: 1px 1px 1px 1px;



	display: block;



	height: 2px;



	width: 22px;



	background:#fff;



	margin-top: 4px;



}



 @media (min-width: 10px) and (max-width: 940px) {



 .naver {



 position:relative;



}



 .naver .collapse {



 display:block;



}



 .naver, .naver .brand, .naver .module, .naver ul, .naver li, .naver .sub, .naver .sub a {



 display:block;



 float:none;



 height:auto;



 overflow:hidden;



 text-align:left;



}



 .naver .module, .naver .search, .naver .sub {



 display:none;



}



 .naver .search {



 float:none;



}



 .naver .module .droper {



 display:block;



 float:none;



 position:static;



 background:none;



 width:auto;



 clear:both;



}



 .naver .module .droper a {



 border-bottom-color:#333;



}



 .naver .caret {



 display:none;



}



}



header, .header {



	margin: 0px auto 0px auto;



	height:auto;



	overflow:hidden;



	clear:both;



}



header h1, .header h1 {



	font-size: 60px;



	line-height:60px;



	margin:0;



}



header h2, .header h2 {



	font-size:20px;



	line-height:30px;



}



.header .search {



	margin:10px 0 0 0;



}



.header .search .text {



	padding:9px;



}



.header .search .button {



	padding:9px;



}



.navbar {



	margin: 0px auto 0 auto;



	background-color: #2C2C2C;



	background-repeat: repeat-x;



	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);



	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);



}



.navbar a {



	margin:0 10px 0 10px;



	padding:5px 5px;



	display:inline-block;



	color:#434343;



}



.navbar a.selected {



	background:#EDF7FC;



}



.navbar a:hover {



	text-decoration:none;



	background:#F1F9FD;



}



.navbar .divider {



	margin:5px 2px;



	border-left:#5cadd8 solid 1px;



	border-right:#fff solid 1px;



}



.phead {



	border-bottom: 1px solid #EEEEEE;



	margin: 18px 0;



	padding-bottom: 10px;



	font-size:20px;



	line-height:1.2em; /*font-weight:bold;*/



	padding-top:20px;



	clear:both;



	position:relative;



}



.phead small {



	font-size: 12px;



	margin-left:10px;



	font-weight:normal;



}



.phead .more {



	position:absolute;



	right:0;



	bottom:7px;



}



.pbody {



}



.pfoot {



}



footer, .footer {



}



.footer .wrapper {



	margin-top:0 !important;



}



.footer.black {



	background:#333;



	color:#fff;



}



footer a, .footer a {



}



footer .left, .footer .left {



	width:60%;



}



footer .right, .footer .right {



	width:40%;



	text-align:right;



}



table {



	background-color: transparent;



	_background:none !important;



	border-collapse: collapse;



	border-spacing: 0;



	max-width: 100%;



	font-size:13px;



	margin-bottom: 20px;



	width: 100%;



}



table td.selected, table th.selected {



	background:#F9F9F9;



}



table th, table td {



	border-top: 1px solid #DDDDDD;



	line-height: 20px;



	padding: 4px 5px; /*text-align: left; vertical-align: top;*/



}



table th {



	font-weight: bold;



}



table thead th, table thead td {



	vertical-align: bottom;



	background:#DBEFF9;



}



table.bordered {



	-moz-border-bottom-colors: none;



	-moz-border-left-colors: none;



	-moz-border-right-colors: none;



	-moz-border-top-colors: none;



	border-collapse: separate;



	border-color: #DDDDDD #DDDDDD #DDDDDD -moz-use-text-color;



	border-image: none;



	border-style: none solid solid none;



	border-width: 1px 1px 1px 0;



	padding:0 !important;



}



table.bordered th, table.bordered td {



	border-left: 1px solid #DDDDDD;



	border-top: 1px solid #DDDDDD;



}



.table.bordered thead:first-child tr:first-child th:first-child, .table.bordered tbody:first-child tr:first-child td:first-child {



}



.bordered {



	border: 1px solid #DDDDDD;



	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);



	padding:5px;



	border-radius:2px;



}



.bordered:hover {



	transition: all 0.3s linear 0s;



	border-color:#bbb;



}



/*斑马条纹*/







 dl.sidebar {



	list-style:none;



	padding-bottom:1px;



	margin:0;



}



.sidebar dd {



	border: 1px solid #E5E5E5;



	display: block;



	margin: 0 0 -1px;



	padding: 8px 14px;



}



.sidebar dd:hover {



	background:#eee;



}



.sidebar dd.selected {



	cursor:default;



	color:#999;



}



.sidebar dd.selected a:hover {



	text-decoration:none;



}



.pager {



	padding-top:5px;



	margin-bottom:30px;



	text-align:center;



}



.pager a {



	padding:4px 10px;



	border: 1px solid #ddd;



	background: #fff;



}



.pager a:hover {



	background: none repeat scroll 0 0 #196f64;



	border-color: #196f64;



	color: #FFFFFF;



	text-shadow: 0 1px 0 #333;



}



.pager a.selected {



	background: none repeat scroll 0 0 #196f64;



	border-color: #196f64;



	color: #FFFFFF;



	text-shadow: 0 1px 0 #333;



}



.pager.unstyled a {



	border:none;



}



.pager.unstyled a:hover, .pager.unstyled a.selected {



	background:none;



	color:#333;



}



.alert {



	background-color: #D9EDF7;



	border-color: #BCE8F1;



	color: #3A87AD;



	padding:10px;



}



.alert.error {



	background-color: #F2DEDE !important;



	border-color: #EED3D7;



	color: #B94A48;



}



.alert.success {



	background-color: #DFF0D8 !important;



	border-color: #D6E9C6;



	color: #468847;



}



.footbar {



 background:#;



	margin:50px 0 0 0;



	border-top:#EAEAEA solid 1px;



}



.footbar .head {



 background:#;



	padding:5px;



	text-align:center;



}



.footbar .body {



	padding:20px 0;



}



.footbar .col3 { /*width:180px; display: inline; float: left; margin-left: 20px; padding:0 0 0 20px;*/



}



/*写法不兼容ie6,ie7*/







 .footbar .col3 + .col3 { /*border-left: 1px solid #DDDDDD; */



}



/*hack*/







 .footbar dl {



	margin:20px 0 0 0;



	line-height:2em;



}



/*美版风格*/







 .usa ul, .usa ol {



	font-size:11px;



}



.hero {



	background:#eee;



	padding:30px 60px;



}



.hero h1 {



	font-size: 54px;



}



/*幻灯片*/







 .slider {



	background:#44BDFD;



	clear:both;



	position:relative;



	height:300px;



	padding-top:60px;



	background:url(../imgs/loading.gif) #eee no-repeat center center;



}



.slider .wrapper {



	margin-top:0 !important;



}



.slider .prev, .slider .next {



	font-size:100px;



	position:absolute;



	left:0;



	top:130px; /*background: #DBEFF9;*/



	padding:30px 10px;



	color:#fff;



	cursor:pointer;



	font-family:sans-serif;



	background: none repeat scroll 0 0 #222222;



	opacity:0.2;



	filter:alpha(opacity=20);



	-moz-opacity:0.2;



	-khtml-opacity: 0.2;



	opacity: 0.2;



}



.slider .prev:hover, .slider .next:hover {



	opacity:0.5;



}



.slider .next {



	right:0;



	left:auto;



}



.slider .inner {



}



.slider .item {



	text-align:center;



	line-height:1;



	display:none;



}



.slider .item.selected {



}



.slider h1 {



	font-size:70px;



	margin-bottom:40px;



	font-weight:bold;



}



.slider h2 {



	line-height:1.5;



}



.slider .item .button {



	padding:15px 20px;



}



.rotate:hover {



	transform: rotate(360deg);



	transition: all 1s ease-out 0s;



}



/*选项卡*/







 .taber {



}



.taber .head {



	border-left: 1px solid #E5E5E5;



	height:30px;



}



.taber .head a {



	border: 1px solid #E5E5E5;



	float:left;



	display:inline;



	padding:0px 20px;



	border-left:none;



	height:30px;



	line-height:30px;



}



.taber .head a.selected {



	border-bottom:none;



}



.taber .body {



	clear:both;



	padding:10px;



}



.tooltip {



	padding:4px;



	background:#000;



	position:absolute;



	z-index:1001;



	color:#fff;



	font-size:12px;



	filter:alpha(opacity=80);



	-moz-opacity:0.8;/** Firefox 3.5即将原生支持opacity属性，所以本条属性只在Firefox3以下版本有效 ***/



	-khtml-opacity: 0.8;



	opacity: 0.8;



}



.tooltip .arrow {



	width:0;



	height:0;



	border-top:0px;



	border-bottom:5px solid #000;



	border-right:5px solid transparent;



	border-left:5px solid transparent;



	position:absolute;



	top:-4px;



 *top:-30px;



	left:8px;



}



.spring {



	background:#FFF8E2;



	color:#463714;



	position: relative;



	z-index: 99;



	padding:8px 20px;



	box-shadow: 0 -2px 3px rgba(201, 175, 111, 0.2) inset;



	font-size:18px;



	line-height:1.5em;



	background:#F7CA01;



	text-shadow:#e7CA01 1px 1px;



}



.spring .wrapper {



	margin-top:0;



}



.spring del {



	position: absolute;



	right: 20px;



	top: 10px;



	cursor:pointer;



	text-decoration:none;



	color: #000000;



	float: right;



	font-size: 20px;



	font-weight: bold;



	line-height: 18px;



	opacity: 0.2;



	text-shadow: 0 1px 0 #FFFFFF;



}



/*仿苹果时间样式*/







 .label.time {



	background:#666;



	color:#fff;



	padding:2px 5px;



	margin:0 2px 0 2px;



	position:relative;



}



.label.time:before {



	position:absolute;



	width:100%;



	height:1px;



	background:#fff;



	content:"";



	left:0;



	top:50%;



}



/*弹窗*/







 /*广告*/







 .banner {



}



.banner .wrapper {



	margin-top:0 !important;



}



.banner img {



	float:left;



	display:inline;



}



/*页面主体*/







 .pagebody {



	width:100%;



	height:auto;



	overflow:hidden;



	border:#CCC solid 1px;



	clear:both;



}



.leftpage, .mainpage, .rightpage {



	float:left;



	margin-right:10px;



	background:#fff;



}



html .button {



	display: inline-block;



	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */



 *display: inline;



	vertical-align: baseline;



	outline: none;



	cursor: pointer;



	text-align: center;



	text-decoration: none;



	font-size:14px;



	border:none; /* gray */



	color: #666;



}



.button01 {



	margin: 0 2px;



	padding: 4px 25px;



	background: #e5e5e5;



	border-radius:2px;



	line-height:100%;



}



.button:hover {



 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);



	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(40%, rgba(0, 0, 0, .05)), to(rgba(0, 0, 0, .1)));



	background-image:-webkit-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));



	background-image:-moz-linear-gradient(top, rgba(0, 0, 0, .05) 0, rgba(0, 0, 0, .1));



	background-image:-ms-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));



	background-image:-o-linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1));



	background-image:linear-gradient(transparent, rgba(0, 0, 0, .05) 40%, rgba(0, 0, 0, .1))



}



.button:active {



	position: relative;



	top: 1px; /* white */



	color: #999;



}



/*圆角*/







 .button.medium {



	font-size: 12px;



	padding: .4em 1.5em .42em;



}



/*小号*/







 .button.small {



	font-size: 11px;



	padding: .2em 1em .275em;



}



.button.xlarge {



	font-size: 200%;



}



/* color styles 







 ---------------------------------------------- */







 /* black */







 .button.black {



	color: #d7d7d7;



	background: #333;



}



.button.black:hover {



	background: #000;



}



.button.black:active {



	color: #666;



}



/* gray */







 .button.gray {



	color: #e9e9e9;



	background: #6e6e6e;



}



.button.gray:hover {



	background: #616161;



}



.button.gray:active {



	color: #afafaf;



}



/* orange */







 .button.orange {



	color: #fef4e9;



	background: #f78d1d;



}



.button.orange:hover {



	background: #f47c20;



}



.button.orange:active {



	color: #fcd3a5;



}



/* red */







 .button.red {



	color: #faddde;



	background: #d81b21;



}



.button.red:hover {



	background: #b61318;



}



.button.red:active {



	color: #de898c;



}



/* blue */







 .button.blue {



	color: #d9eef7;



	background: #00CCFF;



}



.button.blue:hover {



	background: #007ead;



}



.button.blue:active {



	color: #80bed6;



}



/* rosy */







 .button.rosy {



	color: #fae7e9;



	background: #da5867;



}



.button.rosy:hover {



	background: #ba4b58;



}



.button.rosy:active {



	color: #dca4ab;



}



/* green */







 .button.green {



	color: #e8f0de;



	background: #64991e;



}



.button.green:hover {



	background: #538018;



}



.button.green:active {



	color: #a9c08c;



}



/* pink */







 .button.pink {



	color: #feeef5;



	background: #f895c2;



}



.button.pink:hover {



	background: #d57ea5;



}



.button.pink:active {



	color: #f3c3d9;



}



/* 黄色 */







 .button.yellow {



	color: #fff;



	background: #fd9c2c;



}



.button.yellow:hover {



	background: #BB6512;



}



.button.yellow:active {



	color: #fff;



}



.button.unstyled {



	background:none;



	border: 1px solid rgba(255, 255, 255, 0.5);



}



a:hover.button.unstyled {



 background:border: 1px solid rgba(255, 255, 255, 0.1);



}



 50% {



 margin-top: 0;



}



to {



	margin-top: 10px;



}



}



 @-moz-keyframes animate-qq {



 from {



 margin-top: 10px;



}



 50% {



 margin-top: 0;



}



to {



	margin-top: 10px;



}



}



 @-ms-keyframes animate-qq {



 from {



 margin-top: 10px;



}



 50% {



 margin-top: 0;



}



to {



	margin-top: 10px;



}



}



 @-o-keyframes animate-qq {



 from {



 margin-top: 10px;



}



 50% {



 margin-top: 0;



}



to {



	margin-top: 10px;



}



}



.animate-qq-key from {



	margin-top: 10px;



}



 .animate-qq-key 50% {



 margin-top: 0;



}



.animate-qq-key to {



	margin-top: 10px;



}



.qq {



	background:url(../imgs/qq.png) no-repeat;



	width:144px;



	height:153px;



	position:absolute;



	display:block;



	right:5%;



	top:150px; /*调用css3动画*/



	-webkit-animation: animate-qq 3s ease-in-out infinite;



	-moz-animation: animate-qq 3s ease-in-out infinite;



	-ms-animation: animate-qq 3s ease-in-out infinite;



	-o-animation: animate-qq 3s ease-in-out infinite;



	animation: animate-qq 3s ease-in-out infinite;



}



/*渴切卡通形象*/







 .clear {



	clear:both;



}