@charset "utf-8";

	/* 防止用户自定义背景颜色对网页的影响，添加让用户可以自定义字体 */

 html {

	background:white;

	color:black;

}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {

	margin:0;

	padding:0;

}

body,button,input,select,textarea {

	font:12px "宋体";

}

.pageContent {

	overflow:hidden;

}

.pageContent input,select,textarea {

	font-size:100%;

}

/* 去掉 table cell 的边距并让其边重合 */

.pageContent table {

	border-collapse:collapse;

	border-spacing:0;

}

/* ie bug：th 不继承 text-align */

.pageContent th {

	text-align:inherit;

}

/* 去除默认边框 */

.pageContent fieldset,img {

	border:none;

}

/* ie6 7 8(q) bug 显示为行内表现 */

.pageContent iframe {

	display:block;

}

/* 去掉 firefox 下此元素的边框 */

.pageContent abbr,acronym {

	border:none;

	font-variant:normal;

}

/* 一致的 del 样式 */

.pageContent del {

	text-decoration:line-through;

}

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

	font-style:normal;

	font-weight:500;

}

/* 去掉列表前的标识，li 会继承 */

.pageContent ol,ul {

	list-style:none;

}

/* 对齐是排版最重要的因素，别让什么都居中 */

.pageContent caption,th {

	text-align:left;

}

/* 来自yahoo，让标题都自定义，适应多个系统应用 */

.pageContent h1,h2,h3,h4,h5,h6 {

	font-size:100%;

	font-weight:500;

}

.pageContent q:before,q:after {

	content:'';

}

/* 统一上标和下标 */

.pageContent sub,sup {

	font-size:75%;

	line-height:0;

	position:relative;

	vertical-align:baseline;

}

.pageContent sup {

	top:-0.5em;

}

.pageContent sub {

	bottom:-0.25em;

}

.pageContent img {

	cursor:pointer;

}

/* 默认不显示下划线，保持页面简洁 */

.pageContent a,ins {

	text-decoration:none;

	font-size:12px;

	color:#3c3c3c;

}

/* 去除 ie6 & ie7 焦点点状线 */

.pageContent a:focus,*:focus {

	outline:none;

}

/* 清除浮动 */

.pageContent .clearfix:before,.clearfix:after {

	content:"";

	display:table;

}

.pageContent .clearfix:after {

	visibility:hidden;

	display:block;

	font-size:0;

	content:" ";

	clear:both;

	height:0;

	overflow:hidden;

}

.pageContent .clearfix {

	zoom:1;

	/* for ie6 & ie7 */

}

.pageContent .clear {

	clear:both;

	display:block;

	font-size:0;

	height:0;

	line-height:0;

	overflow:hidden;

}

.pageContent .myclear {

	clear:both;

}

/* 设置显示和隐藏，通常用来与 js 配合 */

.pageContent .hidden {

	display:none;

}

.pageContent .block {

	display:block;

}

/* 设置浮动，减少浮动带来的 bug */

.pageContent .fl,.fr {

	display:inline;

}

.pageContent .fl {

	float:left;

}

.pageContent .fr {

	float:right;

}

.pageContent .colf22e00 {

	color:#f22e00;

}

/* 帮助中心自定义样式*/

.pageContent .hc-warp {

	width:1219px;

	min-width:1219px;

	margin:0px auto;

}

.pageContent .hc-warp .hc-crumbs {

	padding:10px 25px 15px 4px;

	overflow:hidden;

	color:#3c3c3c;

}

.pageContent .hc-warp .hc-crumbs a {

	display:inline-block;

	padding:0px 8px 0px 6px;

	font-family:"宋体";

	color:#3c3c3c;

	font-size:12px;

}

.pageContent .hc-warp .hc-crumbs a.p-fb {

	font-weight:bold;

	font-size:14px;

}

.pageContent .hc-warp .hc-crumbs a:hover {

	text-decoration:underline;

	color:#F22E00;

	cursor:pointer;

}

.pageContent .hc-warp .hc-crumbs .p-colF22E00 {

	color:#F22E00;

}

/* 帮助中心左侧栏目样式*/

.pageContent .hc-warp .hc-column {

	width:148px;

	overflow:hidden;

	border:1px #e9eaec solid;

	float:left;

}

.pageContent .hc-warp .hc-column .hc-column-box h2 {

	height:34px;

	padding-left:10px;

	line-height:34px;

	font-weight:bold;

	font-size:14px;

	background:#f4f4f4;

	color:#3c3c3c;

}

.pageContent .hc-warp .hc-column .hc-column-box ul {

	padding:6px 0px 5px 24px;

}

.pageContent .hc-warp .hc-column .hc-column-box ul li {

	display:inline;

	height:22px;

	line-height:22px;

	overflow:hidden;

}

.pageContent .hc-warp .hc-column .hc-column-box ul li a {

	display:block;

	font-size:12px;

	color:#3c3c3c;

	cursor:pointer;

}

.pageContent .hc-warp .hc-column .hc-column-box ul li a:hover {

	color:#0066cc;

	text-decoration:underline;

}

.pageContent .hc-warp .hc-column .hc-column-box ul li a.hover {

	color:#0066cc;

	text-decoration:underline;

}

/* 帮助中心右侧总容器*/

.pageContent .hc-warp .hc-content {

	width:1020px;

	overflow:hidden;

	float:right;

}

/* 帮助中心右侧有红色左边框的div样式*/

.pageContent .hc-warp .hc-content .hc-redBlDiv {

	border:1px #e9eaec solid;

	margin-bottom:25px;

}

.pageContent .hc-warp .hc-content .hc-redBlDiv .redBlTitle {

	height:34px;

	border-bottom:1px #e9eaec solid;

	line-height:34px;

}

.pageContent .hc-warp .hc-content .hc-redBlDiv .redBlTitle span {

	border-left:3px #f22e00 solid;

	padding-left:10px;

	padding-top:4px;

	padding-bottom:4px;

	font-size:14px;

	font-weight:bold;

	color:#3c3c3c;

}

/* 帮助中心首页右侧自助服务的div样式*/

.pageContent .hc-warp .hc-content .indexBox {

	padding:0px 28px;

	overflow:hidden;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox {

	width:174px;

	height:119px;

	border-right:1px #ebe7e8 solid;

	position:relative;

	float:left;

	margin-right:29px;

	margin-top:28px;

	margin-bottom:28px;

	overflow:hidden;

}

.pageContent .hc-warp .hc-content .indexBox .right {

	width:146px;

	border-right:none;

	margin-right:0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .imgDiv {

	display:block;

	width:89px;

	height:89px;

	position:absolute;

	left:29px;

	cursor:pointer;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxdd {

	background-position:0px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .wlgz {

	background-position:-103px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .sqthh {

	background-position:-211px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxyhj {

	background-position:-319px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxzhye {

	background-position:-427px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxjf {

	background-position:-536px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxpsff {

	background-position:-644px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cxshzc {

	background-position:-752px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .xgmm {

	background-position:-860px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox .cjwt {

	background-position:-968px 0px;

}

.pageContent .hc-warp .hc-content .indexBox .hc-line {

	width:100%;

	display:block;

	height:1px;

	background:#e9eaec;

	clear:both;

}

.pageContent .hc-warp .hc-content .indexBox .ImageBox p {

	width:147px;

	font-family:"microsoft yahei";

	font-size:16px;

	text-align:center;

	position:absolute;

	top:100px;

	color:#3c3c3c;

	cursor:pointer;

}

/* 帮助中心右侧有红色底边框的div样式*/

.pageContent .hc-warp .hc-content .hc-redBbDiv {

	margin-bottom:25px;

}

.pageContent .hc-warp .hc-content .hc-redBbDiv .hc-redBbDiv-title {

	padding-bottom:5px;

	border-bottom:1px #e9eaec solid;

}

.pageContent .hc-warp .hc-content .hc-redBbDiv .hc-redBbDiv-title span {

	padding:0px 10px 4px;

	border-bottom:2px #f22e00 solid;

	position:relative;

	bottom:-1px;

	z-index:2;

	font-size:14px;

	font-weight:bold;

	color:#3c3c3c;

}

.pageContent .hc-warp .hc-content .hc-redBbDiv .index-step {

	width:1020px;

	height:120px;

	overflow:hidden;

	margin-top:10px;

}

.pageContent .hc-warp .hc-content .hc-wordContent {

	padding:20px 30px 0px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .red-triangle {

	padding-left:10px;

	background:url(../images/red_h2.gif) left center no-repeat;

	color:#f22e00;

	font-weight:bold;

	font-size:12px;

	margin-bottom:10px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .red-triangle a {

	color:#0066cc;

	text-decoration:underline;

	cursor:pointer;

}

.pageContent .hc-warp .hc-content .hc-wordContent .hc-Table {

	border:1px #d4d4d4 solid;

	border-top:2px #d4d4d4 solid;

	margin-left:10px;

	margin-bottom:10px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .hc-Table thead tr th {

	border:1px #d4d4d4 solid;

	font-size:12px;

	color:#6c6c6c;

	background:#efefef;

	text-align:center;

	height:30px;

	line-height:30px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .hc-Table tr td {

	border:1px #d4d4d4 solid;

	font-size:12px;

	color:#6c6c6c;

	padding:10px;

	line-height:22px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .hc-Table tr td.f-center {

	text-align:center;

}

.pageContent .hc-warp .hc-content .hc-wordContent .wordContentSpan {

	display:block;

	font-size:12px;

	color:#3c3c3c;

	line-height:22px;

	padding:0px 6px 0px 10px;

	margin-bottom:30px;

}

.pageContent .hc-warp .hc-content .hc-wordContent .blackFont {

	font-weight:bold;

	font-size:12px;

	color:#3c3c3c;

}

.pageContent .hc-warp .hc-content .hc-wordContent .wordContentSpan a {

	color:#0066cc;

	text-decoration:underline;

	cursor:pointer;

}

/*默认样式，主要是position:fixed实现屏幕绝对定位*/

.pageContent #gotoTop {

	display:none;

	position:fixed;

	top:75%;

	left:50%;

	cursor:pointer;

	margin-top:-50px;

	margin-left:600px;

	padding:9px 4px;

	width:20px;

	text-align:center;

	border:1px solid #e0e0e0;

	background:#fff;

}

/*鼠标进入的反馈效果*/

.pageContent #gotoTop.hover {

	background:#f32300;

	color:#fff;

	text-decoration:none;

}


/* 新样式 */
.need-top {
    padding-top: 18px;
}
.container .wrapper {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    min-height: 700px;
}
.container .ui-crumbs-bar {
    margin: 12px 0 0 0;
}
.ui-crumbs-bar {
    line-height: 1;
}
.ui-crumbs-bar:before, .ui-crumbs-bar:after {
    content: " ";
    display: table;
}
.ui-crumbs-bar .ui-crumbs-bar-item {
    font-weight: 500;
    font-size: 12px;
    color: #333333;
    float: left;
    margin-right: 7px;
}
.ui-crumbs-bar .ui-crumbs-bar-item a {
    color: #777;
}
.container .wrapper .w-articles {
    width: 720px;
    margin: 50px 0 0 40px;
}
.w-articles .ui-repeater-item {
    position: relative;
    padding-right: 278px;
    margin-bottom: 36px;
}
.w-articles .ui-repeater-item.__nopic {
    padding-right: 0;
}
.w-articles .ui-repeater-item .ui-title {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #333333;
    margin-bottom: 8px;
    overflow: hidden;
    white-space: nowrap;
}
.container .wrapper .w-side_r .w-newest .ui-repeater-item {
    margin-bottom: 22px;
    font-size: 0;
}
.container .wrapper .w-side_r .w-newest .ui-repeater-item:nth-child(1) .__index, .container .wrapper .w-side_r .w-newest .ui-repeater-item:nth-child(2) .__index,.container .wrapper .w-side_r .w-newest .ui-repeater-item:nth-child(3) .__index {
    background: #FF5B2C;
}
.w-articles .ui-repeater-item .__desc {
    display: -webkit-box;
    width: 442px;
    margin-bottom: 14px;
    color: #777777;
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
    word-wrap: break-word;
    word-break: break-all;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}
.__nopic .__desc {
    width: 100%!important;
}
.ui-repeater .__desc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.w-articles .ui-repeater-item .__tags {
    margin-bottom: 10px;
    font-size: 0;
}
.w-articles .ui-repeater-item .__date {
    font-size: 12px;
    color: #999;
}
.w-articles .ui-repeater-item .__headpic {
    position: absolute;
    width: 240px;
    height: 160px;
    top: 0;
    right: 0;
    -moz-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}
.w-articles .ui-repeater-item.__nopic .__headpic {
    display: none;
}
.w-articles .ui-repeater-item .__headpic .ui-img {
    width: 240px;
    height: 160px;
}
.w-articles .ui-repeater-item .__headpic .ui-img {
    width: 240px;
    height: 160px;
}
.w-articles .ui-repeater-item .__tags .__tags-item {
    display: inline-block;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 26px;
    line-height: 26px;
    padding: 0 8px;
    background: whitesmoke;
    text-align: center;
    color: #999;
    font-size: 12px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin-right: 10px;
	margin-top: 8px;
}
.container .wrapper .w-side_r {
    position: absolute;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 390px;
    top: 62px;
    right: 0;
}
.container .wrapper .w-side_r .w-side-nav {
    background: #F5F5F5;
    padding: 40px 40px 15px 40px;
    margin-bottom: 30px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.container .wrapper .w-side_r .w-newest .ui-title {
    margin-bottom: 26px;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}
.container .wrapper .w-side_r .w-side-nav .ui-title {
    margin-bottom: 26px;
    font-size: 24px;
    line-height: 24px;
    color: #333333;
}
.w-side_r .__nav {
	margin-left: 0 !important;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item {
    position: relative;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 24px;
    line-height: 24px;
    font-size: 18px;
    color: #777777;
    margin-bottom: 22px;
    padding-right: 100px;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item a {
    color: #777777;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item em {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item._active {
    color: #FF5B2C;
    position: relative;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item._active a {
    color: #FF5B2C;
}
.container .wrapper .w-side_r .w-side-nav .side-nav-item._active:after {
    display: block;
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    background: #fff;
    z-index: 2;
    left: -50px;
    top: 2px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.container .wrapper .w-side_r .w-newest {
    background: #F5F5F5;
    padding: 40px 40px 15px 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.ui-pager .ui-link {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
}
.ui-pager .pager-ellipsis {
    color: #333333;
    cursor: default;
}
.ui-pager .ui-link {
    display: inline-block;
    cursor: pointer;
    vertical-align: middle;
    text-decoration: none;
}
.ui-pager .pager-common {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
}
.ui-pager .ui-link .pager-item {
    border: 1px solid #DDDDDD;
    color: #333333;
}
.ui-pager .pager-common {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 7px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
}
.ui-crumbs-bar .ui-crumbs-bar-item a {
    color: #777;
}
.container .wrapper .w-side_r .w-newest .__news .ui-link {
    display: inline-block;
    width: 278px;
    white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;
	line-height: 26px;
	height: 20px;
}
.container .wrapper .w-side_r .w-newest .ui-repeater-item .ui-link {
    color: #333333;
    font-size: 14px;
}
.container .wrapper .w-side_r .w-newest .ui-repeater-item .ui-link:hover {
    color: #FF5B2C;
}
.container .wrapper .w-side_r .w-newest .ui-repeater-item .__index {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    background: #999999;
    color: #fff;
    -moz-border-radius: 3px;
    border-radius: 3px;
    vertical-align: 2px;
}

.detail-wrap {
	width:1200px;
	margin: 0 auto;
	padding: 60px 0;
}
.detail-wrap .wrap-left {
	width: 900px;
}
.detail-wrap .wrap-left .left-nav {
	margin-top: 50px;
}
.detail-wrap .wrap-left .left-nav a {
	transition: color .4s;
}
.detail-wrap .wrap-left .left-nav a:hover {
	color: #eea330 !important;
}
.detail-wrap .title {
	font-size: 20px;
	color:#eea330;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
}
.detail-wrap  .time {
	color:#999;
	font-size:14px;
	text-align: center;
	margin-top:20px;
}
.detail-wrap .news-cont {
	padding: 20px 0;
	margin-top: 20px;
}
.detail-wrap .wrap-right {
	width: 260px;
}
.detail-wrap .wrap-right .right-img {
	width: 100%;
	height: 160px;
}
.detail-wrap .wrap-right .right-img img {
	display: block;
	width: 100%;
	height: 100%;
}
.detail-wrap .new-list {
	margin-top: 30px;
	border: 1px solid #ddd;
	padding: 20px;
	box-sizing: border-box;
}
.detail-wrap .new-list h3 {
	font-size: 20px;
	font-weight: 600;
}
.detail-wrap .new-list .list-a {
	padding-top: 10px;
}
.detail-wrap .new-list .list-a a {
	display: block;
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap; 
	padding: 6px 0;
	color: #666;
	transition: color .4s;
}
.detail-wrap .new-list .list-a a:hover {
	color: #eea330 !important;
}
.same-title {
	width: 100%;
	font-size: 20px;
	color: #333;
	font-weight: bold;
	margin-top: 40px;
}
.same-product {
	width: 100%;
	height: 162px;
	margin-top: 20px;
}
.same-product a {
	display: block;
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	float: left;
	transition: all .4s;
}
.same-product a:hover{
	box-shadow: 1px 1px 4px 3px rgba(0,0,0,.1);
	transform: translateY(-10px);
}
.same-product a:last-child {
	margin-right: 0;
}
.same-product a img {
	display: block;
	width: 100%;
	height: 160px;
}
.same-product a p {
	font-size: 16px;
	margin-top: 14px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color: #666;
}