﻿@charset "utf-8";

/* css document */
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,img,dl,dt,dd,table,th,td,blockquote,fieldset,div,strong,label,em{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
body{font-size:12px;font-family:tahoma,arial,\5FAE\8F6F\96C5\9ED1,sans-serif;  margin:0 auto;}
a{text-decoration:none;}
input,button,select,textarea{outline:none} 
/*顶部导航*/
.chl-poster{
	background-color: #f7f7f7;
	height: 35px;
	width: 100%;
	border-bottom: 1px solid #EEE;
}
#site-nav{
	line-height: 32px;
	height: 35px;
	width: 1100px;
	z-index: 10000;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}


#header {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px}
#site-nav-bg {z-index: 9999; background: #f7f7f7; left: 0px; width: 100%; border-bottom: #d2d2d2 1px solid; position: absolute; top: 0px; height: 25px}
#site-nav a {color: #666}
#site-nav a:hover {color: #f50}

#site-nav .site-nav-login {left: 0px; position: absolute; top: 0px}
#site-nav .site-nav-login li {padding-right: 10px; background-position: right 6px; padding-left: 10px; float: left; padding-bottom: 0px; margin-left: -1px; padding-top: 2px}


#site-nav .quick-menu {right: 0px; position: absolute; top: 0px}
#site-nav .quick-menu li {padding-right: 10px; background-position: right 6px; padding-left: 10px; float: left; padding-bottom: 0px; margin-left: -1px; padding-top: 2px}
#site-nav .quick-menu li.last {background: none transparent scroll repeat 0% 0%}
#site-nav .quick-menu li.menu-item {padding-right: 0px; padding-left: 0px; padding-bottom: 0px; padding-top: 0px; position: relative}
#site-nav .menu-hd {
	padding-right: 22px;
	display: block;
	padding-left: 10px;
	z-index: 10002;
	padding-bottom: 0px;
	cursor: pointer;
	padding-top: 0px;
	position: relative;
	height: 34px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #f7f7f7;
}
#site-nav .myxiaba .menu-hd {width: 48px; padding-top: 1px; _padding-top: 1px}
#site-nav .services .menu-hd {width: 48px; padding-top: 1px; _padding-top: 1px}
#site-nav .menu-hd b {
	border-right: #f7f7f7 4px solid;
	border-top: #666 4px solid;
	font-size: 0px;
	right: 10px;
	border-left: #f7f7f7 4px solid;
	width: 0px;
	line-height: 0;
	border-bottom: #f7f7f7 4px solid;
	position: absolute;
	top: 15px;
	height: 0px;
-webkit-transition: -webkit-transform .2s ease-in; -moz-transition: -webkit-transform .2s ease-in; -o-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in;
}
#site-nav .menu-bd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; display: none; z-index: 10001; right: 0px; background: #fff; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px solid; position: absolute; top: 21px}
#site-nav iframe.menu-bd {border-top-width: 0px; border-left-width: 0px; z-index: -1; background: none transparent scroll repeat 0% 0%; filter: alpha(opacity=0); float: left; border-bottom-width: 0px; border-right-width: 0px}
#site-nav .menu-bd-panel {padding-right: 10px; padding-left: 10px; padding-bottom: 6px; padding-top: 10px}
#site-nav .menu-item-opp .menu-bd {left: 0px}
#site-nav .menu-item-opp .menu-bd s.rt {left: 0px}
#site-nav .menu-item-opp .menu-bd s.lt {background-position: -87px -55px; right: -2px; left: auto}
#site-nav .menu {position: relative}
#site-nav .menu:hover .menu-hd {
	background: white;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #bfbfbf;
	border-right-color: #bfbfbf;
	border-left-color: #bfbfbf;
}
#site-nav .hover .menu-hd {border-right: #bfbfbf 1px solid; border-top: #bfbfbf 1px solid; background: white; margin: 0px; border-left: #bfbfbf 1px solid; border-bottom: #bfbfbf 1px}
#site-nav .menu:hover .menu-bd {display: block}
#site-nav .hover .menu-bd {display: block}
#site-nav .menu:hover .menu-hd b {
	border-left-color: #fff;
filter: progid:dximagetransform.microsoft.basicimage(rotation=2); 	border-bottom-color: #fff;
	border-top-color: #666;
	top: 15px;
	border-right-color: #fff;
	-moz-transform: rotate(180deg);
	-moz-transform-origin: 50% 30%;
	-webkit-transform: rotate(180deg);
	-webkit-transform-origin: 50% 30%;
	-o-transform: rotate(180deg);
	-o-transform-origin: 50% 30%;
	transform: rotate(180deg);
	transform-origin: 50% 30%
}
#site-nav .hover .menu-hd b {border-left-color: #fff; filter: progid:dximagetransform.microsoft.basicimage(rotation=2); border-bottom-color: #fff; border-top-color: #666; top: 5px; border-right-color: #fff; -moz-transform: rotate(180deg); -moz-transform-origin: 50% 30%; -webkit-transform: rotate(180deg); -webkit-transform-origin: 50% 30%; -o-transform: rotate(180deg); -o-transform-origin: 50% 30%; transform: rotate(180deg); transform-origin: 50% 30%}
#site-nav .myxiaba .menu-bd {width: 90px; line-height: 1.7; top: 35px;}
#site-nav .myxiaba .menu-bd-panel {
	padding-right: 10px;
	padding-left: 6px;
	padding-bottom: 8px;
	padding-top: 8px;
}
#site-nav .myxiaba .menu-bd-panel a{
	display: block;
	line-height: 1.7;
}
#site-nav .services .menu-bd {width: 174px; top: 35px; height: 218px}
#site-nav .services .menu-bd-panel {padding-right: 10px; padding-left: 10px; padding-bottom: 5px; padding-top: 5px}
#site-nav .services .menu-bd dl {
	padding-top: 10px;
	float: left;
	width: 190px;
	margin-right: 15px;
	margin-left: 15px;
	height: 200px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #e5e5e5;
	margin-top: 10px;
}
#site-nav .services .menu-bd .seft-web {
	padding-top: 10px;
	float: left;
	width: 160px;
	margin-right: 15px;
	margin-left: 15px;
	height: 200px;
	margin-top: 10px;
	background-image: url(../images/seft-web.png);
	background-repeat: no-repeat;
	background-position: center 25px;
}
#site-nav .services .menu-bd .seft-web .seft{
	font-family: "Microsoft YaHei";
	letter-spacing:5px;
	line-height: 45px;
	height: 45px;
	margin-top: 80px;
	padding-right: 15px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	font-size: 20px;
}
#site-nav .services .menu-bd .seft-web .step{
	font-family: "Microsoft YaHei";
	line-height: 35px;
	height: 35px;
	font-size: 14px;
	background-color: #009C04;
	text-align: center;
	display: block;
	width: 120px;
	color: #FFF;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}
#site-nav .services .menu-bd .seft-web a.step:hover{background-color:#058908;}
#site-nav .services .menu-bd .last {border-top-width: 0px; border-left-width: 0px; border-bottom-width: 0px; border-right-width: 0px}
#site-nav .services .menu-bd dt {
	font-family: "Microsoft YaHei";
	line-height: 2;
	font-size: 14px;
}
#site-nav .services .menu-bd dd {line-height: 1.6;}
#site-nav .services .menu-bd dd a {
	margin-right: 35px;
	line-height: 25px;
	display: block;
	float: left;
	height: 25px;
	width: 60px;
}
/*焦点图-清浮动*/
.banner{
	position: relative;
	overflow: hidden;
	float: left;
}
.specia{
	width: 552px;
	height: 297px;
	}
.element{
	width: 780px;
	height: 326px;
	}
.index{
	width:788px;
	height:371px;
	}
.banner-btn{ display:none;}
.banner-btn .medium{top: 118px;}
.banner-btn .large{top: 155px;}
.banner-btn .long{top: 130px;}
.banner .prevBtn{
	display: block;
	line-height: 63px;
	position: absolute;
	width: 63px;
	height: 63px;
	background-color: #000;
	opacity: 0.3;
	filter:alpha(opacity=30) color: rgb(255, 255, 255);		
	overflow: hidden;
	z-index: 4;
	left: 5px;
	}
.banner .nextBtn{
	display: block;
	line-height: 63px;
	position: absolute;
	width: 63px;
	height: 63px;
	background-color: #000;
	opacity: 0.3;
	filter:alpha(opacity=30) color: rgb(255, 255, 255);		
	overflow: hidden;
	z-index: 4;	
	right:5px;
	}
.banner-img{
	font-size: 0;
*word-spacing:-1px;/* IE6、7 */ 	letter-spacing: -3px;
	position: relative;
	
}
.banner-img li{ display:inline-block;*display:inline;*zoom:1;/* IE6、7 */ vertical-align: top; letter-spacing: normal;word-spacing: normal; font-size:12px;}
.banner i{
	background:url(../images/arrow.png)  no-repeat;
	width: 63px;
	height: 63px;
	cursor:pointer;
	display:block;
	margin: 0px;
	padding: 0px;
}
.banner .nextBtn i{
	background-position:right center;
}
.banner .prevBtn i{
	background-position:left center;
}

.banner-circle{ position:absolute; left:50%; bottom: 10px;height: 22px;text-align: center;font-size: 0; }
.banner-circle li{ border-radius: 15px; margin:3px; display: inline-block; display: -moz-inline-stack; vertical-align: middle;zoom: 1; }
.banner-circle li a{ display: block;padding-top: 15px;width: 15px;height: 0;border-radius: 50%; background: #B7B7B7;overflow: hidden;}
.banner-circle .selected a{ background:#F40; }
/*结尾*/
.wrap{
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
	overflow: hidden;
}
.wrap .logo-inside{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	height: 128px;
}
.wrap .logo{
	float: left;
	margin-left: 10px;
}
.wrap .logo-bd{
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 100px;
	width: 340px;
}
.wrap .nav{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #009c04;
	height: 50px;
}
.wrap .nav ul{
	float: left;
	height: 50px;
	width: 640px;
}
.wrap .nav li{
	float: left;
	margin-right: 2px;
}
.wrap .nav .main_a{
	font-family: "Microsoft YaHei";
	font-size: 18px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 50px;
	width: 122px;
	line-height: 50px;
}
.wrap .nav .current{
	background-color: #058908;
}
.wrap .nav .main_a:hover{
background-color: #058908;
}
.wrap .nav .sub_nav{
	float: right;	
	}
.wrap .nav .sub_nav .sub_a{
	font-family: "宋体";
	font-size:14px;
	color:#FFF;
	display:block;
	float:left;
	margin-right:20px;
	height:50px;
	line-height:55px;
	}
.wrap .nav .sub_nav .sub_a:hover{
	text-decoration: underline;
	}
.wrap .header-search-box {
	position: relative;
	float: left;
	margin-top: 20px;
	margin-left: 45px;
}
.wrap .header-search-box input, select, textarea, button {
outline: none;
}
.wrap .header-search-box img, input, button, select {
border: none;
vertical-align: middle;
}
.wrap .header-search-sort {
height: 25px;
line-height: 25px;
}
.wrap .header-search-box .header-search-sort .on {
background-color: #009C04;
color: #fff;
}
.wrap .header-search-box .header-search-sort a {
float: left;
margin-right: 2px;
height: 25px;
padding-left: 8px;
padding-right: 8px;
}
.wrap .header-search-box .header-search {
height: 40px;
border: 2px solid #009C04;
z-index: 800;
background-color: #fff;
}
.wrap .header-search-box .header-search-text {
width: 450px;
}
.wrap .header-search-box .header-search-text {
float: left;
height: 22px;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 9px;
background-color: #fff;
line-height: 22px;
}
.wrap .header-search-box .relative {
position: relative;
}
.wrap .header-search-box .header-search-submit {
	width: 100px;
	height: 40px;
	cursor: pointer;
	overflow: hidden;
	color: #FFF;
	font-family: "Microsoft YaHei";
	font-size: 18px;
	background-color: #009C04;
}
.wrap .header-search-box .fl {
float: left;
display: inline;
}

.wrap .header-search-box .header-search-keywords {
	margin-top: 6px;
	color: #000;
}
.wrap .header-search-box .header-search-keywords a {
margin-right: 12px;
color: #555;
}
.wrap .header-search-box a {
text-decoration: none;
color: #333;
outline: none;
}
.wrap .main-1,.main-2,.main-3,.main-4,.main-5{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	height:100%;
	overflow:hidden;
}

.user{
	float: right;
	height: 273px;
	width: 298px;
}
.user .user-login{
	border: 1px solid #eeeeee;
	height:156px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 8px;
	}
.user .user-login a:hover{
	background-color: #058908;
}
.user .head{
	float:left;
	display:block;
	margin-top: 10px;
	margin-left: 5px;
 }
.user .name{
	font:"宋体";
	font-size:14px;
	width:190px;
	margin-left:10px;
	margin-top:18px;
	float:left;
	display:block;
 }
.user .registration{
	background-color:#009c04;
	width:191px;
	height:35px;
	color:#FFFFFF;
	font-size:14px;
	line-height:35px;
	text-align:center;
	margin-left:10px;
	margin-top:15px;
	float:left;
	display:block;
}
.user .member-ft{
	clear: both;
	padding-top: 25px;
}
.user .member-ft a{
	font-size: 14px;
	line-height: 35px;
	color: #FFFFFF;
	text-align: center;
	display: block;
	float: left;
	height: 35px;
	width: 90px;
	background-color: #009c04;
	margin-right: 5px;
}

.user .notice{
	margin-top: 15px;
}
.user .slideTxtBox{ width:296px; height:176px; border: 1px solid #eeeeee; }
.user .slideTxtBox .hd{ height:32px; line-height:32px; background:#f4f4f4; position:relative; }
.user .slideTxtBox .hd a{color:#333;}
.user .slideTxtBox .hd ul{ float:left; position:absolute; height:32px;   }
.user .slideTxtBox .hd ul li{
	float: left;
	cursor: pointer;
	line-height: 32px;
	height: 32px;
	width: 74px;
	text-align: center;
	color: #333;
}
.user .slideTxtBox .hd ul li.on{
	height: 35px;
	background: #fff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.user .slideTxtBox .bd ul{
	zoom: 1;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}
.user .slideTxtBox .bd li{
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 32px;
	text-indent: 1em;
	line-height: 32px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cbcbcb;
	}
.user .slideTxtBox .bd a{
	color:#333;
	}
.user .slideTxtBox .bd a:hover{
	color:#F50;
	}
.user .slideTxtBox .bd li .date{
	float: right;
	color: #666;
	font-family: "宋体";
}


.main-2 .submenu,.main-title,.wpbar{
	line-height: 45px;
	background-color: #F7F7F7;
	height: 45px;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	font-family: "宋体";
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #009C04;
}
.main-2 .submenu a{
	font-size: 12px;
	color: #666;
	padding-right: 15px;
	padding-left: 15px;
}
.main-2 .submenu a:hover{
	text-decoration: underline;
}
.main-2 .title{
	font-family: "Microsoft YaHei", serif;
	font-size: 18px;
	margin-left: 20px;
	margin-right: 20px;
	color:#000;
	}
.main-2 .ph{
	font-family: Microsoft YaHei,'Hiragino Sans GB','STHeiti',Tahoma,'SimHei',sans-serif;
	font-weight: 100;
	font-size: 24px;
	line-height: 45px;
	background-color: #F7F7F7;
	height: 45px;
	font-weight: normal;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 15px;
	border-left: 5px #009C04 solid;
	}
.main-2 .ph .collection{
	display:block;
	float:right;
	width:120px;
	height:45px;
	line-height:48px;
	background-image:url(../images/starW.png);
	background-repeat:no-repeat;
	background-position:10px 15px;
	font-size:14px;
	text-align:center;
	color:#333;
	}
.main-2 .rd_main {
padding-bottom: 18px;
}
.main-2 .rd_main #article_info 
	{
	margig-bottom: 10px;
	border-bottom: 1px #d6d6d6 dotted;
	height: 35px;
	line-height: 35px;
	overflow: hidden;
	}
.main-2 .rd_main #article_info li {
	margin-right: 8px;
	float: left;
}
.main-2 .rd_main #article_info li a {
color: #666;
}
.main-2 .rd_main .vw .d {
  margin: 15px 0;
  min-height: 100px;
  font-size: 14px;
  line-height: 1.8;
  color: #000;
}
.main-2 .rd_main .pcb{
	font-size: 14px;
	line-height: 2;
	color: #333;
	padding-top: 15px;
	padding-bottom: 15px;
	}
.main-2 .rd_main .ptg {
	padding-left: 20px;
	padding-bottom: 25px;
	background: url(http://cdn.w3cfuns.com/resource/images/tag.gif) no-repeat 0 2px;
}
.main-2 .rd_main .ptg a {
color: #369;
}
.main-2 .rd_main .bm_h {

margin-bottom: 10px;
height: 30px;
line-height: 30px;
border: 0 none;
border-left: 5px #009C04 solid;
background: #F7F7F7;
padding: 0 10px;
height: 31px;

}
.main-2 .rd_main .bm_h h2{
	font-family: "Microsoft YaHei", serif;
	font-size: 14px;
	color: #333;	
	}
.main-2 .wpbar a{
	font-family: "Microsoft YaHei", serif;
	font-size: 18px;
	color: #000;
	display: block;
	float: left;
	height: 45px;
	width: 80px;
	line-height: 45px;
	text-align: center;
	margin-left: 15px;
	}
.main-2 .wpbar .wp_on{
	background-color: #DDDDDD;
	}
.main-2 .submenu .more{
	float:right;
	}
.main-2 .list-box{
	
}
.main-2 .tool{
	float: left;
	width: 243px;	
	height: 100%;
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f7f7f7;
	border-bottom-color: #f7f7f7;
	border-left-color: #f7f7f7;
	padding-bottom: 4px;
	margin-bottom: 15px;	
}
.main-2 .tool li{
	padding-left: 60px;
	height: 50px;
	margin-top: 8px;
	margin-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	padding-bottom: 10px;
	background-image: url(../images/tool.png);
	background-repeat: no-repeat;
}
.main-2 .tool .js-css{
	background-position: left top;
}
.main-2 .tool .highlight{
	background-position: left -60px;
}
.main-2 .tool .qr{
	background-position: left -120px;
}
.main-2 .tool .codeformat{
	background-position: left -180px;	
	}
.main-2 .tool .API{
	background-position: left -240px;		
	}
.main-2 .tool .t_title{
	font-size: 14px;
	line-height: 20px;
	color: #009C04;
	height: 20px;
	display: block;
}
.main-2 .tool a.t_title:hover{
	text-decoration: underline;
}
.main-2 .tool .detailIntro{
	font-size: 12px;
	line-height: 1.5;
	color: #999;
}
.main-2 .list-box .box{
	float: left;
	width: 245px;
}
.main-2 .list-box .spacing{
	margin-left: 15px;
	}
.main-2 .list-box li{
	float: left;
	height: 158px;
	width: 245px;
	position:relative;
	margin-top: 15px;
	
}
.main-2 .list-box .hot{
	height: 331px;
	width: 580px;
	position: relative;
	margin-right: 15px;
	margin-left: 15px;
}
.main-2 .list-box .left-clear{
	margin-right: 0px;
	margin-left: 0px;
}
.main-2 .list-box .info{
	line-height: 30px;
	height: 40px;
	width: 245px;
}
.main-2 .list-box .introduces{
	font-family: "宋体";
	font-size: 12px;
	color: #DDDDDD;
	float: left;
	margin-left: 10px;
	line-height: 2;
}
.main-2 .list-box .pin-btn{
	width: 245px;
	line-height: 40px;
	height: 40px;
	position: absolute;
	bottom: 10px;
	display: none;
}
.main-2 .list-box .show,.main-2 .list-box .look{
	font-size: 14px;
	line-height: 30px;
	color: #FFFFFF;
	display: block;
	height: 30px;
	width: 80px;
	background-color: #009C04;
	font-family: "Microsoft YaHei";
	float: left;
	margin-left: 28px;
	}
.main-2 .list-box .pin-btn a:hover{
	background-color: #058908;
	}
.main-2 .list-box .bg-box{
	position: absolute;
	background:rgba(000, 000, 000, 0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#BB000000,endColorstr=#BB000000);
	outline: none;
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #FFF;
	overflow: hidden;
	text-indent: 1em;
	}
.main-2 .list-box .til{
	width: 245px;
	height: 35px;
	line-height: 35px;
	left: 0px;
	bottom: 0px;
	}
.main-2 .list-box .ti2{
	width: 245px;
	height: 110px;
	left: 20px;
	top: 30px;
	line-height: 42px;
	}
.main-2 .list-box .names{
	color: #FFF;
	}
.main-2 .list-box .element{
	float: left;
	margin-top: 15px;
	position: relative;
	}
.main-2 .list-box .material{
	width: 264px;
	margin-right: 14px;
	}	
.main-2 .list-box .element h4{
	font-size: 14px;
	line-height: 40px;
	color: #000;
	height: 40px;
	text-indent: 1em;
}
.main-2 .list-box .element a{
	font-size: 14px;
	color: #333;
}
.main-2 .list-box .element a:hover{
	color: #F50;
}
.main-2 .list-box .element p{
	line-height: 35px;
	background-image: url(../images/icon.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	height: 35px;
	text-indent: 1.2em;
}
/*网页特效左边侧栏*/
.main-2 .sideBar-a{
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #F7F7F7;
	border-bottom-color: #F7F7F7;
	border-left-color: #F7F7F7;
	padding-bottom: 25px;
	padding-top: 10px;
	border-top-width: 0px;
	border-top-style: none;
	}
.main-2 .list-box .spa{
	width: 245px;
	margin-left:25px;
	}
/*文章管理样式*/
.main-2 .plist {
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	overflow: hidden;
}
.main-2 .plist a{
color: #444;
}
.main-2 .plist .p_l {
padding-right: 15px;
}
.main-2 .plist .p_l, .p_r {
float: left;
}
.main-2 .plist .p_l .userinfo {
	background: #f5f5f5;
	position: relative;
}
.main-2 .plist .p_l .userinfo .avatar {
display: block;
width: 60px;
height: 60px;
text-align: center;
}
.main-2 .plist .p_l  .userinfo .videos {
width: 217px;
height:140px;
background: #f5f5f5;
}

.main-2 .plist .p_l .userinfo a {
display: block;
font-size: 12px;
}
.main-2 .plist .plist a {
text-decoration: none;
}
.main-2 .plist .p_l .userinfo .follow {
display: block;
height: 30px;
line-height: 30px;
text-align: center;

}
.main-2 .plist .p_l .userinfo .follow a:hover {
color: #fff;
background: #009C04;
}
.main-2 .plist .p_r {
font-family:"Microsoft YaHei";
}
.main-2 .plist .p_r h2, .p_c h2 {
font-size: 16px;
height: 24px;
line-height: 24px;
}
.main-2 .plist .p_r h2 .uname, .p_c h2 .uname {
margin-right: 3px;
padding-right: 6px;
font-size: 14px;
border-right: 1px #ccc solid;
}
.main-2 .plist .p_r p, .p_c p {
padding-top: 10px;
height: 66px;
line-height: 22px;
color: #999;
}
/*end*/
	
/*网页特效右边侧栏*/
.main-2 .sideBar-b{
	height: 100%;
	overflow: hidden;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #f7f7f7;
	border-bottom-color: #f7f7f7;
	border-left-color: #f7f7f7;
	padding-bottom: 4px;
	margin-bottom: 15px;
	}
.main-2 .sideBar-b a{color:#333}
.main-2 .sideBar-b a:hover{color:#F50}
.main-2 .sideBar-b .pic{
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: center;
	}
.main-2 .sideBar-b .title{
	font-size:14px;
	margin-left:12px;
	font-family:"Microsoft YaHei";
	}
.main-2 .sideBar-b .text-list li{
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	line-height: 32px;
	text-indent: 1.5em;
	height: 32px;
	margin: 0px;
	padding: 0px;
	margin-left:10px;
}
.main-2 .members
{
	width:244px;
	height:150px;
	text-align:center;
	border:solid 1px #F1F1F1;
}
.main-2 .head_box{
	margin-left:auto;
	margin-right:auto;
	}
.main-2 .head{
width: 60px;
height: 60px;
border-radius: 100%;
margin-top: 15px;	
-webkit-transition: all .4s;
	}
.main-2 .head:hover{
-webkit-transform: rotate(360deg);
}
.main-2 .name{
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.main-2 .bar a
{
	font-size: 14px;
	display:block;
	line-height:30px;
	float:left;
	color: #FFF;
	background-color: #009C04;
	text-align: center;
	height: 30px;
	width: 80px;
	margin-left: 25px;
	}
/*结尾*/
.main-2 .inbox-a{
	float: left;
	width: 840px;
}
.main-2 .inbox-a h5{
	position: absolute;
	background:rgba(000, 000, 000, 0.7);
	filter:progid:DXImageTransform.Microsoft.Gradient(startColorstr=#BB000000,endColorstr=#BB000000);
	outline: none;
	text-indent: 1em;
	width: 100%;
	z-index: 200;
	left: 0px;
	bottom: 20px;
	line-height: 35px;
	height: 35px;
	}
.main-2 .list-box .web .names{
	font-family: "Microsoft YaHei";
	font-size: 14px;
	color: #FFF;
}
.main-2 .list-box .web{
	width: 270px;
	margin-right: 15px;
	margin-bottom:10px;
	}	



.main-2 .inbox-b{
	float: right;
	width: 245px;
	}
/*详细页*/
.main-2 .infoImgX{
	width: 499px;
	height: 270px;
	float: left;
	padding-top: 28px;
	text-align: center;
}
.main-2 .item-b{
	float: left;
	margin-left:15px;
	width:586px;
	}
.main-2 .item-b .spac{
	margin-top:15px;
	}
.main-2 .products-title-box{
	color: #333;
	height: 85px;
	font-size: 18px;
	padding-left: 30px;
	padding-top: 15px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #009C04;
	background-color: #F1F1F1;
	}
.main-2 .products-title-box .tl_box{
	float: left;
	width: 670px;
	height: 85px;	
}
.main-2 .products-title-box .date{
	display: block;
	font-size: 12px;
	margin-top: 10px;
}
.main-2 .products-title-box .mobile{
	float: right;
	background-image: url(../images/mobile.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	position:relative;
	width: 200px;
	height: 85px;
	cursor:pointer;	
}
.main-2 .products-title-box .mobile .qr_code_box{
	display:none;
	background-color: #FFF;
	height: 180px;
	width: 180px;
	position: absolute;
	padding: 20px;
	top: 85px;
	right: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFF;
}
.main-2 .products_prices {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.main-2 .products_prices .pr_prices{
	font-size: 30px;
	color: #c40000;
	font-weight: bolder;
	font-family: Arial;
	-webkit-font-smoothing: antialiased;
	vertical-align: middle;
	padding-right: 5px;
}
.main-2 .browser_box {
	height: 40px;
	line-height: 40px;
	font-size: 12px;
}
.main-2 .browser_box .browser{
	float: left;
}
.main-2 .browser_box .on{
	color: #FFF;
	background-color: #009C04;	
	}
.main-2 .browser_box a{
	float: left;
	height: 20px;
	padding-left:5px;
	padding-right:5px;
	display: block;
	margin-right: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #f7f7f7;
	line-height: 20px;
	text-align: center;
	margin-top: 10px;
}
.main-2 .share-box{
	font-size: 12px;
	line-height: 36px;
	color: #000000;
	display: block;
	height: 36px;
	margin-bottom: 10px;
}
.main-2 .evaluate-box{
	color: #000000;
	display: block;
	height: 30px;
	margin-bottom: 10px;
	background-color:#F3F3F3;	
	}
.main-2 .evaluate-box span {
	display: block;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 20px;
}
.main-2 .evaluate-box em {
background: url(../images/bk.gif) no-repeat;
display: block;
float: left;
margin-top: 5px;
margin-left: 5px;
}
.main-2 .evaluate-box b {
font-weight: normal;
color: #666;
float: left;
}
.main-2 .evaluate-box .up {
width: 15px;
height: 15px;
background-position: left -258px;
}
.main-2 .evaluate-box .pl {
background: none;
margin-top: 0;
font-style: normal;
color: #333;
}
.main-2 .evaluate-box .down {
width: 15px;
height: 15px;
background-position: left -282px;
margin-top: 10px;
}
.main-2 .products_bnt{
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}
.main-2 .products_bnt a{
	font-family: "Microsoft YaHei";	
	background-color: #009C04;
	display: block;
	height: 45px;
	width: 160px;
	float: left;
	margin-left: 25px;
	font-size: 16px;
	line-height: 45px;
	color: #FFF;
}
.main-2 .products_bnt a:hover{
	background-color: #058908;
}
.main-2 .products_bnt i{
	display: block;
	height: 21px;
	width: 29px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 12px;
	background-image: url(../images/icon3.png);
	background-repeat: no-repeat;
}
.main-2 .products_bnt .show{
	background-position: left top;	
	}
.main-2 .products_bnt .down{
	background-position: left -21px;	
	}
.main-2 .products_bnt .collect{
	background-position: left -42px;	
	}		
/*---*/	
.main-2 .share_btns{
	height: 32px;
	width: 160px;
	overflow: hidden;
	float: left;
}

.main-2 .share_btns a{
	display:block;
	width:32px;
	height:32px;
	float:left;
	margin-right:8px;
	background-color: #fff;
	background-image: url(../images/new_public.png);
	background-repeat: no-repeat;
}
.main-2 .share_btns a.sina{
	background-position:left top;
}
.main-2 .share_btns a.qblog{
	background-color:#54bdbb;
	background-position:left -33px;
}
.main-2 .share_btns a.qzone{
	background-color:#f6bb3d;
	background-position:left -65px;
}
.main-2 .share_btns a.douban{
	background-color:#47a350;
	background-position:left -98px;
}
/*----*/
/**/
/*网页特效*/
.main-3 .recommend{
	float: left;
	width: 245px;
	margin-right: 15px;	
	}
.main-3 .recommend h1{
	font-size: 16px;
	line-height: 42px;
	color: #333;
	text-align: center;
	height: 42px;
	}
.main-3 .recommend p{
	width: 235px;
	font-size: 12px;
	line-height: 2;
	color: #666;
	text-indent: 1em;
	height: 50px;
	overflow: hidden;
	margin-left: 5px;
	margin-bottom: 12px;
} 
.main-3 .recommend .bnt{}
.main-3 .recommend .bnt i{
	background-image: url(../images/icon2.png);
	background-repeat: no-repeat;
	display: block;
	height: 15px;
	width: 22px;
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	}
.main-3 .recommend .bnt span{
	font-weight: bold;
	color: #FFF;
	font-size: 14px;
	display: block;
	height: 35px;
	line-height: 35px;
	float: left;
	}
.main-3 .recommend .bnt a{
	line-height: 35px;
	background-color: #009c04;
	display: block;
	float: left;
	height: 35px;
	width: 115px;
	margin-left: 5px;
}
.main-3 .recommend .bnt a:hover{
	background-color: #058908;
}

.main-3 .recommend .bnt .down{
	background-position: left top;
}
.main-3 .recommend .bnt .look{
	background-position: left bottom;
}
.main-3 .recommend .img-box{
	position: relative;	
	}
.main-3 .recommend .img-box i{
	background-image: url(../images/recommend.png);
	display: block;
	height: 69px;
	width: 58px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.main-3 .latest{
	float: left;
	width: 273px;

}
.main-3 .txt-specia{margin-left: 15px;}
.main-3 .txt-element{
	margin-right: 15px;
	background-color: #F7F7F7;
	padding-top: 15px;
	padding-right: 16px;
	padding-bottom: 15px;
	padding-left: 16px;
}
.main-3 .latest h2{
	font-family: "Microsoft YaHei";
	font-size: 18px;
	line-height: 20px;
	color: #333;
	height: 30px;
	font-weight: normal;
}
.main-3 .latest li{
	background-image: url(../images/icon1.png);
	background-repeat: no-repeat;
	background-position: 3px center;
	height: 37px;
	text-indent: 1.5em;
	line-height: 37px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cbcbcb;
	}
.main-3 .latest a{
	color:#333;
	}
.main-3 .latest a:hover{
	color:#F50;
	}
.main-4 .submenu{
	background: -moz-linear-gradient(top, #fbfbfb 0%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#FFFFFF));
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#FFFFFF',GradientType=0);
	border: 1px solid #f1f1f1;
	color: #333;
}
.main-4 .submenu .all{
	margin-top: 18px;
	margin-bottom: 18px;
	margin-left: 25px;
}
.main-4 .submenu a{
	font-size: 12px;
	color: #333;
	padding-right: 25px;
}
.main-4 .submenu a:hover {
	color: #f50;
}
.hasMoreTab{
}	
.hasMoreTab .hd{
	line-height: 45px;
	background-color: #F7F7F7;
	height: 45px;
	font-weight: normal;
	font-size: 12px;
	color: #666;
	font-family: "宋体";
	}	
.hasMoreTab .hd .more{
	float: right;
}
.hasMoreTab .hd .more a{
	font-size: 12px;
	color: #666;
	padding-right: 15px;
	padding-left: 15px;
}	
.hasMoreTab .hd ul{ z-index:5; position:absolute; 	height: 45px; }	
.hasMoreTab .hd li{
	float: left;
	cursor: pointer;
	font-family: "Microsoft YaHei", serif;
	font-size: 18px;
	color: #000;
	width: 120px;
	text-align: center;
}	
.hasMoreTab .hd li.on{
	font-weight: bold;
	background-color: #DDDDDD;
}	
.hasMoreTab .bd{
}

.hasMoreTab .er_co_box{
 float:right;
 	
	
	}
.hasMoreTab .er_co_box a{
	background-image:url(../images/icon4.png);
	background-repeat:no-repeat;
	margin-right:20px;
	 float:left;
	 display:block;
	font-family: "Microsoft YaHei", serif;
	font-size: 18px;
	color: #000;
	width: 110px;
	text-align: right;
	}
.hasMoreTab .er_co_box a:hover{
	color: #F00;
}
.hasMoreTab .er_co_box .co{
	background-position: left -45px;
	}
/*返回顶部*/
/*侧边栏样式*/
.bottom_tools{position:fixed;z-index:1070;right:40px;bottom:80px;}
.bottom_tools a{font:0/0 a;display:block;width:45px;height:45px; margin-top:5px;color:transparent;border:0;background-color:transparent;text-shadow:none}
.qr_img{position:absolute;top:-189px;left:-183px;display:none;}
#scrollUp{background-image:url(../images/plane.png);background-position:0px -276px;}
#scrollUp:hover{background-image:url(../images/plane.png);background-position:0px -322px}
#feedback{background-image:url(../images/plane.png);background-position:0px -184px;}
#feedback:hover{background-image:url(../images/plane.png);background-position:0px -230px;}
#music_box{background-image:url(../images/plane.png);background-position:0px -92px;}
#music_box:hover{background-image:url(../images/plane.png);background-position:0px -138px;}
.qr_tool{background-image:url(../images/plane.png);background-position:0px 0px;cursor:pointer;}
.qr_tool:hover {background-image: url(../images/plane.png);background-position: 0px -46px;}
.page-body {padding-top:10px;background: #fff;height:2500px;}
.page-footer {margin-top:20px;padding-top:10px;background: #444;height:200px;border-top:10px solid #333}

/*结尾*/	
/*评论*/
.borderTop {
border-top: 1px solid #f4f4f4;
}
.recListS li {
display: block;
width: 100%;
border-bottom: 1px solid #f4f4f4;
padding: 20px 0;
position: relative;
}
.recListS .recListLeft {
padding: 0px 20px 0px 20px;
width: auto;
float: none;
}
.recListLeft {
padding: 10px 0 0px 10px;
width: 695px;
float: left;
}
.f14 {
font-size: 14px;
}
.fLeft {
float: left;
}
.recDes {
margin: -2px 0 0 63px;
}
.bold {
font-weight: bold;
}
.c999 {
color: #999;
}
.rightFloor {
float: right;
font-weight: normal;
text-align: right;
}
.vm * {
display: inline-block;
vertical-align: middle;
}
.cf90 {
color: #ffb900;
}
a.c4095ce, .c4095ce {
color: #4095ce;
}
.recListS .recBox {
height: auto;
padding: 5px 0 0px 0;
overflow: hidden;
color: #666;
}
.mblFunc {
text-align: right;
color: #c1c1c1;
height: 16px;
}
.mt10 {
margin-top: 10px;
}
.f12 {
font-size: 12px;
}
.downWh a {
margin: 0 5px;
}
a.popAlert {
font-size: 12px;
color: #7f7f7f;
}
.downWh img {
vertical-align: -4px;
}
a.c009cff:link, a.c009cff:visited {
color: #4095ce;
}
.toMyCom {
font-size: 12px;
background: #f4f4f4;
border: 1px solid #e4e4e4;
color: #ababab;
position: relative;
margin-top: 20px;
line-height: 24px;
}
.toMyComTop {
width: 17px;
height: 10px;
position: absolute;
background: url(http://static.zcool.com.cn/images/topS.png);
top: -10px;
left: 22px;
}
.mblContent {
padding: 10px 20px;
}
/*end*/
/*分页*/
.ui-page-prev, .ui-page-next, .ui-page a, .ui-page-cur, .ui-page-info, .ui-page-skip {
height: 26px;
width: auto;
padding: 12px 14px 0;
}
.ui-page a, .ui-page b {
float: left;
}
.ui-page-skip {
margin-top: 19px;
padding: 10px 0 0 10px;
}
.ui-page {
	height: 60px;
	color: #999;
	font-size: 14px;
	font-weight: 700;
	font-family: 宋体B8B\4F53,Helvetica,sans-serif;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 10px;
	clear: both;
	padding-top: 25px;
}
.ui-page a {
background-color: white;
color: #2953A6;
cursor: pointer;
text-decoration: none;
}
.ui-page-wrap {
display: inline-block;
zoom: 1;
}
.ui-page a, .ui-page b {
float: left;
}
.ui-page b {
font-weight: 400;
}
.ui-page-num {
padding-top: 19px;
}
strong, b {
font-weight: 400;
}
.ui-page-prev, .ui-page-next, .ui-page a, .ui-page-cur {
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #E5E5E5;
}
.ui-page-s {
float: right;
height: 21px;
overflow: hidden;
color: #999;
font: 12px/1.5 tahoma,arial,"宋体b8b\4f53";
font-size:12px;
margin-top:15px;
margin-right:15px;
}
.ui-page-s-len {
background: 0 0;
line-height: 20px;
font-weight: 400;
}
.ui-page-s-prev, .ui-page-s-next {
	width: 19px;
	padding: 4px 0 2px;
	line-height: 1;
	font-weight: 700;
	font-size: 12px;
	text-align: center;
	background-color: white;
	border: 1px solid #E5E5E5;
	font-family: "宋体";
}

.ui-page-s-len, .ui-page-s-prev, .ui-page-s-next {
float: left;
display: inline;
margin-left: 3px;
}
.ui-btn-s, .ui-btn-m, .ui-btn-l {
	background-color: #F5F5F5;
	border-color: #CCC;
	color: #666;
	border: 1px solid #E5E5E5;
	cursor: pointer;
	outline: 0;
	width: 45px;
	height: 22px;
}
.ui-page-skipTo {
width: 32px;
height: 18px;
margin: -2px 2px 0;
line-height: 20px;
font-size: 16px;
color: #999;
text-align: center;
vertical-align: middle;
border: 1px solid #CCC;
}
/*结尾*/
/*面包屑*/
.place {
	height: 25px;
	border-bottom: 1px solid #EEE;
	color: #666;
	margin: 4px 0 10px;
	font-family: "宋体";
}
.place a {
color: #666;
}
.place a:hover{
	color: #009C04;
	text-decoration: underline;
}
/*end*/
/*help.html*/
.profile {
	  font-family: "Microsoft Yahei";
	  filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FFDBD6D0, offX=0, offY=1, positives=true);
	  -webkit-box-shadow: 0 1px 0 #DBD6D0;
	  box-shadow: 0 1px 0 #DBD6D0;
	  border: 1px solid #DBD6D0;
	  border-bottom-color: #B7B2AE;
	  overflow: hidden;
	  background: white;
	  line-height: 1.5;
	  font-size: 12px;
	  color: #666;
}
.profile .helpBar {
border-right: 1px solid #DBD6D0;
padding-bottom: 9999px;
margin-bottom: -9999px;
padding-top: 12px;
background: #F8F6F4;
float: left;
width: 160px;
_margin-right: -.25em;
}
.helpBar h2, .helpBar dt, .helpBar a {
display: block;
color: #333;
}
.helpBar h2 {
	-webkit-box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, .2);
	box-shadow: -1px 1px 2px 0 rgba(0, 0, 0, .2);
	border-bottom: 1px solid #CCC;
	background: #EDE7E1;
	padding-left: 40px;
	line-height: 40px;
	font-size: 18px;
	margin-top: -1px;
}
.helpBar h2 b {
background: url(../images/help_user.png) no-repeat 0 0;
margin-left: -47px;
position: absolute;
vertical-align: top;
height: 50px;
width: 40px;
}
.helpBar h2 + dl {
border-top: 0;
}
.helpBar dl, .helpBar .curr dt {
border-bottom: 1px solid #DBD6D0;
}
.helpBar dl {
border-top: 1px solid white;
display: block;
}
.helpBar dt {
	position: relative;
	padding-left: 50px;
	line-height: 45px;
	font-size: 14px;
	cursor: pointer;
	display: block;
}
.helpBar .helpBar_cur{background:#fff}
.helpBar dt:hover{background:#fff}
.helpBar dt b {
	position: absolute;
	overflow: hidden;
	margin-top: -5px;
	left: 30px;
	top: 50%;
	height: 0;
	width: 0;
	border: 5px solid transparent;
	border-left-color: #666;  
	
}
.profile .content {
	overflow: hidden;
	width: 890px;
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.profile .content a{
	color: #058908;

}
.profile .content a:hover{
	text-decoration: underline;
}
.content h1 {
	border-bottom: 1px solid #DBD6D0;
	color: #333;
	font-size: 18px;
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
}
.faqlist h4 {
	padding-left: 10px;
	line-height: 35px;
	cursor: pointer;
	color: #FF6600;
	background-color: #FFFEEC;
	font-size: 14px;
	font-weight: normal;
}
.faqlist p {
	line-height: 2;
	margin: 8px 20px 0;
}
.friendlinks {
padding: 20px;
display: inline-block;
}
.friendlinks li {
float: left;
height: 30px;
width: 143px;
word-break: keep-all;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
font-size: 12px;
}
.footer{
	width: 100%;
	margin-top: 30px;
	height: 280px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #dfdfdf;
	background-color: #f7f7f7;
	}
.footer .foot{
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	overflow:hidden;
	}
.footer .foot-menu{
	height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfdfdf;
	margin-bottom: 10px;
	padding-top: 30px;
}
.footer i{
	font-family: "Microsoft YaHei";
	font-size: 16px;
	font-style: normal;
	display: block;
	text-align: center;
	text-indent: 1em;
	}
.footer li{
	line-height: 30px;
	height: 30px;
	text-align:center;
}
.footer a{
	color:#646464;
	font-size:12px;
	}
.footer a:hover{
	color: #F50;
	text-decoration: underline;
}
.footer .about{
	float:left;
	width:130px;
	}
.footer .help{
	float:left;
	width:130px;
	}
.footer .branding{
	width: 410px;
	position: absolute;
	background-image: url(../images/branding.png);
	background-repeat: no-repeat;
	background-position: center top;
	top: 33px;
	left: 346px;
	height: 142px;
	}
.footer .collect{
	float:right;
	width:130px;
	}	
.footer .attention{
	float:right;
	width:130px;
	}
.footer .friendlink{
	font-family:"宋体";
	text-align:center;
	}
.footer .friendlink a{
	padding-left:10px;
	padding-right:10px;
	}
.footer .copyright{
	margin-top:15px;
	color:#646464;
	font-size:12px;
	text-align:center;
	}
