/*
*时间：2016-01-06
*作用：设计圈PC端 设计资讯 样式
*作者：吕玉燕
*修改时间：2016-01-22 10:30:05
*/
@charset "utf-8";

.clearfix:after {
	clear: both;
	height: 0px;
	overflow: hidden;
	display: block;
	content: "\200B";
}

/***************外围框架*******************/
.design-list {
	width: 1190px;
}

.design-sel {
	line-height: 49px;
	padding-left: 25px;
	background: url('../images/design-home.gif') left center no-repeat;
}

.design-sel h3 {
	display: inline-block;
	font-size: 12px;
}

.design-sel span {
	display: inline-block;
	width: 24px;
	height: 12px;
	background: url('../images/tit_direct.png') center center no-repeat;
}

/********************多选区域***************************/
.design-area {
	width: 1190px;
	margin-bottom: 20px;
}

.design-area ul {
	border-top: 1px solid #e4e4e4;
	border-left: 1px solid #e4e4e4;
	border-right: 1px solid #e4e4e4;
}

.area-qh {
	position: relative;
	overflow: hidden;
	width: 95%;
	height: 56px;
	padding-right: 60px;
	border-bottom: 1px solid #e4e4e4;
	line-height: 56px;
}

.area-qh span {
	float: left;
	width: 187px;
	height: 56px;
	border-right: 1px solid #e4e4e4;
	text-align: center;
	color: #686868;
	font-size: 13px;
	_padding-top: 15px;
}

.area-qh .active {
	float: left;
	width: 187px;
	height: 56px;
	text-align: center;
	color: #f76120;
	font-size: 13px;
	line-height: 55px;
	_background: #fff;
	_padding-top: 15px;
}

.area-qh .active a {
	width: 187px;
	height: 56px;
	color: #fff;
	background: #f76120;
}

.area-qh a {
	display: inline-block;
	height: 56px;
	color: black;
	font-size: 13px;
	line-height: 56px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	-o-border-radius: 0px;
	border-radius: 0px;
}

.area-qh .showinfo {
	float: left;
	width: 187px;
	height: 56px;
	margin-right: 10px;
	border-right: 1px solid #e4e4e4;
	color: #686868;
	font-size: 14px;
	padding-left: 20px;
}

.area-qh .inter {
	float: left;
	width: 187px;
	height: 56px;
	margin-right: 10px;
	border-right: 1px solid #e4e4e4;
	color: #686868;
	font-size: 14px;
	text-align: center;
	padding-left: 20px;
}

.area-qh .game {
	float: left;
	width: 187px;
	height: 56px;
	margin-right: 10px;
	border-right: 1px solid #e4e4e4;
	color: #686868;
	font-size: 14px;
	text-align: center;
	padding-left: 20px;
}

.area-qh em {
	position: absolute;
	top: 21px;
	right: 33px;
	width: 17px;
	height: 17px;
	background: url("../images/design-searchdown.png") 0px 0px no-repeat;
	cursor: pointer;
}

.area-qh em:hover {
	background: url("../images/design-searchdown.png") 0px -23px no-repeat;
	cursor: pointer;
}

.area-qh .area-klick {
	color: #f35724;
	border: 1px solid #f35724;
}

/******************左侧*****************/
.left-side {
	float: left;
	width: 890px;
	height: auto;
}

.all-side {
	float: left;
	width: 1188px;
	height: auto;
	border: 1px solid #e4e4e4;
	margin-bottom: 40px;
}

.prolist .character {
	margin-bottom: 20px;
}

.prolist .character li {
	width: 1189px;
	border: 1px solid #e4e4e4;
}

.character .casemain {
	float: left;
	width: 1169px;
}

.character .caseimg {
	float: left;
	width: 500px;
	padding: 20px 16px 0px 0px;
}

*+html .character .caseimg {
	float: left;
	width: 598px;
	padding: 20px 27px 0px 0px;
}

.prolist .character .caseimg a {
	color: white;
	font-size: 12px;
}

.prolist .character .caseinfo {
	position: relative;
	float: left;
	width: 436px;
	line-height: 30px;
}

.prolist .character .caseinfo p {
	width: 436px;
}

.prolist .character span {
	width: 75px;
}

.prolist .character .char-name h2 {
	width: 350px;
	float: left;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.prolist .character .caseinfo .newstext {
	width: 444px;
	height: 95px;
	margin-top: 10px;
	overflow: hidden;
	word-wrap: break-word;
}

.prolist .character .casemain {
	float: left;
}

.prolist .character .caseimg img {
	display: block;
	width: 500px;
	height: 300px;
}

.prolist {
	width: 1192px;
}

.prolist li {
	width: 1189px;
	height: 378px;
	border: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

.prolist li:hover {
	box-shadow: 1px 1px 3px #c5c5c5;
}

.prolist .casemain {
	float: left;
	padding-left: 20px;
	margin-top: 0px\0
}

*+html .prolist .casemain {
	float: left;
	width: 1192px;
	height: 402px;
	margin-top: 0;
	margin-left: 2px
}

.prolist .casemain .caseinfo {
	margin-top: 20px;
}

.prolist dd {
	position: relative;
	float: left;
	line-height: 30px;
	margin-left: 20px;
	margin-top: 13px;
}

.prolist .caseinfo p {
	width: 854px;
	font-size: 14px;
	line-height: 24px;
	color: #686868
}

.prolist .caseinfo .newstext {
	font-size: 14px;
	color: #686868;
	text-indent: 27px;
	height: 45px;
	overflow: hidden;
	word-wrap: break-word;
}

.prolist .case-list {
	width: 892px;
	padding-top: 0;
}

.prolist .char-name {
	width: 100%;
	height: 43px;
}

.prolist .char-name h2 {
	width: 755px;
	float: left;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.prolist .char-name h2 a:hover {
	color: #f76120
}

.prolist .char-name span {
	float: left;
	width: 75px;
	height: 24px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	margin: 6px 10px 0px 1px;
	background: url('../images/icon-newsguide.png') 0 0 no-repeat;
}

.prolist .case-showpic {
	width: 871px;
	padding: 10px 0px 10px 0
}

.prolist .case-showpic span {
	width: 892px;
	height: 189px;
	margin-right: 16px
}


.design-cha {
	height: 47px;
	padding-top: 22px;
}

.design-cha h2 {
	display: inline-block;
	width: 120px;
	font-size: 24px;
}

.design-cha a {
	float: right;
	margin-top: 20px;
	font-size: 12px;
	color: #f57553;
}

.design-human {
	width: 859px;
	height: 251px;
	margin-bottom: 16px;
	padding: 0 15px;
	border: 1px solid #e4e4e4;
}

.design-turnleft {
	float: left;
	width: 15px;
	height: 251px;
	background: url('../images/design_direction.png') 0 106px no-repeat;
	cursor: pointer;
}

.design-turnleft:active {
	background: url('../images/design_direction.png') -14px 106px no-repeat;
	cursor: pointer;
}

.design-turnright {
	float: right;
	width: 15px;
	height: 251px;
	background: url('../images/design_direction.png') -41px 106px no-repeat;
	cursor: pointer;
}

.design-turnright:active {
	background: url('../images/design_direction.png') -55px 106px no-repeat;
	cursor: pointer;
}

.design-scroll {
	float: left;
	width: 777px;
	height: 200px;
	padding: 60px 0 0 52px;
}

.design-scroll a {
	display: inline-block;
	overflow: hidden;
	width: 90px;
	height: 90px;
	margin: 6px 0 0 6px;
	border-radius: 50% 50%;
	box-shadow: 0 0 0 6px #e4e4e4;
}

.design-human ul {
	width: 777px;
	height: 200px;
	padding-top: 20px;
}

.design-human li {
	float: left;
	overflow: hidden;
	width: 120px;
	height: 170px;
	margin: 10px 35px 0 0;
}

.design-human img {
	float: left;
	width: 129px;
	height: 90px;
}

.design-human h2 {
	padding-left: 29px;
	font-size: 14px;
	line-height: 70px;
}

/*********************列表内容排列选择*****************************/
.human-sel {
	width: 890px;
	height: 45px;
	border: 1px solid #e4e4e4;
}

.human-sel li {
	position: relative;
	float: left;
	font-size: 14px;
	padding: 12px 26px;
	text-align: center;
	box-shadow: 1px 0 0 0 #e4e4e4;
}

.human-sel a {
	margin-right: 10px;
}

.human-sel em {
	position: absolute;
	right: 22%;
	top: 19px;
	width: 7px;
	height: 9px;
	background: url('../images/design-sml.png') 0 0 no-repeat;
	cursor: pointer;
}

.human-sel strong {
	position: absolute;
	right: 19%;
	top: 19px;
	width: 7px;
	height: 4px;
	background: url('../images/designup.png') 0 0 no-repeat;
	cursor: pointer;
}

.human-sel span {
	position: absolute;
	right: 10%;
	top: 19px;
	width: 7px;
	height: 4px;
	background: url('../images/designdown.png') 0 0 no-repeat;
	cursor: pointer;
}

/****************内容页左侧介绍**********************/
.charshow {
	width: 897px;
	_height: 100px;
}

*+html .charshow {
	width: auto;
}

.charshow .case-main {
	width: 897px;
	height: 247px;
	margin-bottom: 20px;
}

.charshow li .case-item {
	width: 440px;
	float: left;
	height: 242px;
}

/*.charshow li .case-item .case-hover{display:none;}*/
.charshow li .case-item .case-hover {
	z-index: 2;
	width: 418px;
	font-size: 16px;
	color: #fff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	bottom: 32px;
	_bottom: -8px;
	text-align: center;
	line-height: 32px;
	_line-height: none;
	_margin-top: -40px;
	background: rgba(0, 0, 0, 0.3);
	*background: #000;
	background: #000\0;
	*opacity: 0.65;
	*-moz-opacity: 0.65;
	*filter: alpha(opacity=65);
	*zoom: 1;
	display: block
}

.charshow li .case-showpic {
	float: left;
	width: 457px;
}

.charshow li .case-showpic span {
	width: 416px;
	margin-left: 3px;
	margin-bottom: 10px;
	_margin-bottom: 0px;
}

.charshow li .case-showpic span img {
	width: 215px;
	height: 118px;
	margin-left: 5px;
	margin-bottom: 11px;
}

.charshow li .case-showpic .showpic01 {
	width: 223px;
	height: 118px;
	float: left
}

/*.charshow li .showpic01 .case-small01-hover{display:none;}*/
.charshow li .showpic01 .case-small01-hover {
	z-index: 2;
	width: 205px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	bottom: -11px;
	_bottom: -2px;
	margin-left: 5px;
	margin-top: -50px;
	text-align: center;
	line-height: 28px;
	_line-height: none;
	_margin-top: -40px;
	background: rgba(0, 0, 0, 0.3);
	*background: #000;
	background: #000\0;
	*opacity: 0.65;
	*-moz-opacity: 0.65;
	*filter: alpha(opacity=65);
	*zoom: 1;
	display: block
}

.charshow li .case-showpic .showpic02 {
	width: 223px;
	height: 118px;
	float: left
}

.charshow li .showpic02 .case-small02-hover {
	display: none;
}

.charshow li .showpic02:hover .case-small02-hover {
	z-index: 2;
	width: 205px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	bottom: -4px;
	_bottom: 5px;
	margin-left: 5px;
	margin-top: -50px;
	text-align: center;
	line-height: 35px;
	_line-height: none;
	_margin-top: -40px;
	background: rgba(0, 0, 0, 0.3);
	*background: #000;
	background: #000\0;
	*opacity: 0.65;
	*-moz-opacity: 0.65;
	*filter: alpha(opacity=65);
	*zoom: 1;
	display: block
}

.charshow li .case-showpic .showpic03 {
	width: 223px;
	height: 118px;
	float: left;
	marign-top: 10px;
}

.charshow li .showpic03 .case-small03-hover {
	display: none;
}

.charshow li .showpic03:hover .case-small03-hover {
	z-index: 2;
	width: 205px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	bottom: -4px;
	_bottom: 5px;
	margin-left: 5px;
	margin-top: -50px;
	text-align: center;
	line-height: 35px;
	_line-height: none;
	_margin-top: -40px;
	background: rgba(0, 0, 0, 0.3);
	*background: #000;
	background: #000\0;
	*opacity: 0.65;
	*-moz-opacity: 0.65;
	*filter: alpha(opacity=65);
	*zoom: 1;
	display: block
}

.charshow li .case-showpic .showpic04 {
	width: 223px;
	height: 118px;
	float: left;
	marign-top: 10px;
}

.charshow li .showpic04 .case-small04-hover {
	display: none;
}

.charshow li .showpic04:hover .case-small04-hover {
	z-index: 2;
	width: 205px;
	font-size: 14px;
	color: #fff;
	overflow: hidden;
	padding-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
	bottom: -4px;
	_bottom: 5px;
	margin-left: 5px;
	margin-top: -50px;
	text-align: center;
	line-height: 35px;
	_line-height: none;
	_margin-top: -40px;
	background: rgba(0, 0, 0, 0.3);
	*background: #000;
	background: #000\0;
	*opacity: 0.65;
	*-moz-opacity: 0.65;
	*filter: alpha(opacity=65);
	*zoom: 1;
	display: block
}

.caselist .character {
	height: 251px;
	margin-bottom: 20px;
}

.caselist .character li {
	width: 889px;
	height: 226px;
	border: 1px solid #e4e4e4;
}

.character .casemain {
	float: left;
	width: 869px;
	height: 242px;
}

.character .caseimg {
	float: left;
	width: 298px;
	padding: 20px 16px 0px 0px;
}

*+html .character .caseimg {
	float: left;
	width: 298px;
	height: 211px;
	padding: 20px 27px 0px 0px;
}

.caselist .character .caseimg a {
	color: white;
	font-size: 12px;
}

.caselist .character .caseinfo {
	position: relative;
	float: left;
	width: 536px;
	line-height: 30px;
}

.caselist .character .caseinfo p {
	width: 536px;
}

.caselist .character span {
	width: 75px;
}

.caselist .character .char-name h2 {
	width: 350px;
	float: left;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.caselist .character .caseinfo .newstext {
	width: 544px;
	height: 95px;
	margin-top: 10px;
	overflow: hidden;
	word-wrap: break-word;
}

.caselist .character .casemain {
	float: left;
	height: 251px;
}

.caselist .character .caseimg img {
	display: block;
	width: 298px;
	height: 211px;
}

.caselist {
	width: 892px;
}

.caselist li {
	width: 889px;
	height: 378px;
	border: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

.caselist li:hover {
	box-shadow: 1px 1px 3px #c5c5c5;
}

.caselist .casemain {
	float: left;
	padding-left: 20px;
	margin-top: 0px\0
}

*+html .caselist .casemain {
	float: left;
	width: 892px;
	height: 402px;
	margin-top: 0;
	margin-left: 2px
}

.caselist .casemain .caseinfo {
	margin-top: 20px;
}

.caselist dd {
	position: relative;
	float: left;
	line-height: 30px;
	margin-left: 20px;
	margin-top: 13px;
}

.caselist .caseinfo p {
	width: 854px;
	font-size: 15px;
	line-height: 24px;
	color: #686868
}

.caselist .caseinfo .newstext {
	font-size: 15px;
	color: #686868;
	text-indent: 30px;
	height: 65px;
	line-height: 30px;
	overflow: hidden;
	word-wrap: break-word;
}

.caselist .case-list {
	width: 892px;
	padding-top: 0;
}

.caselist .char-name {
	width: 100%;
	height: 43px;
}

.caselist .char-name h2 {
	width: 755px;
	float: left;
	font-size: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.caselist .char-name h2 a:hover {
	color: #f76120
}

.caselist .char-name span {
	float: left;
	width: 75px;
	height: 24px;
	color: #fff;
	text-align: center;
	line-height: 24px;
	margin: 6px 10px 0px 1px;
	background: url('../images/icon-newsguide.png') 0 0 no-repeat;
}

.caselist .case-showpic {
	width: 871px;
	padding: 10px 0px 10px 0
}

.caselist .case-showpic span {
	width: 892px;
	height: 189px;
	margin-right: 16px
}

.char-caselist {
	width: 847px;
}

.char-caselist span {
	padding-left: 28px;
	font-size: 14px;
	color: #999
}

.char-caselist .prompt-left {
	float: left;
	font-size: 14px;
	width: 720px;
	_width: 680px;
	color: #999;
	line-height: 36px;
}

.char-caselist .prompt-right {
	text-align: right
}

.char-caselist span.prompt-1 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liE.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

.char-caselist span.prompt-2 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liC.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

.char-caselist span.prompt-3 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liA.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

.character .char-showpic span {
	float: left
}

.character .char-showpic span img {
	float: left;
	width: 270px;
	height: 180px;
}

.character h2 {
	width: 310px;
	font-size: 20px;
	line-height: 34px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.char-name span {
	float: left;
	width: 75px;
	height: 24px;
	margin: 6px 10px 0px 1px;
	background: url('../images/icon-newsguide.png') 0 0 no-repeat;
}

.char-name em {
	float: left;
	width: 50px;
	height: 18px;
	margin: 13px 0 0 8px;
	background: url('../images/design_sign.png') 0 -55px no-repeat;
}

.char-name strong {
	float: left;
	width: 50px;
	height: 18px;
	margin: 13px 0 0 8px;
	background: url('../images/design_sign.png') 0 -28px no-repeat;
}

.char-name i {
	float: left;
	width: 50px;
	height: 18px;
	margin: 13px 0 0 8px;
	background: url('../images/design_sign.png') 0 -82px no-repeat;
}

.char-name {
	width: 100%;
	height: 43px;
}

.char-name h2 {
	float: left;
}

.character p {
	font-size: 14px;
	color: #686868;
	line-height: 30px;
}

.character .newstext {
	text-indent: 27px;
	line-height: 24px;
}

.char-list {
	margin-top: 14px;
	color: #999
}

.char-list .newsnum p {
	float: left;
	margin-right: 15px;
	font-size: 14px;
	font-style: normal;
}

.char-list i {
	padding-right: 25px;
}

.local .guide {
	border: 0
}

.local li {
	border: 0
}

.char-list span {
	padding-left: 28px;
	font-size: 14px;
}

.char-list .prompt-left {
	float: left;
	width: 282px;
	font-size: 14px;
}

.char-list .prompt-right {
	text-align: right
}

.char-list span.prompt-1 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liE.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

.char-list span.prompt-2 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liC.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

.char-list span.prompt-3 {
	width: 100px;
	height: 35px;
	margin-bottom: 9px;
	background: url('../images/liA.gif') 5px no-repeat;
	color: #999;
	font-size: 12px;
	text-align: right;
	line-height: 34px;
	cursor: pointer;
}

/*****************内容区中间联系方式******************/
.char-mid {
	float: left;
	width: 121px;
	height: 200px;
	padding-top: 65px;
}

.char-mid h3 {
	color: #f85d2f;
	font-size: 16px;
	text-align: center;
}

.char-mid em {
	float: left;
	width: 106px;
	height: 34px;
	margin-bottom: 9px;
	padding-left: 15px;
	background: #00cacf url('../images/design-des.png') 15px 7px no-repeat;
	color: white;
	font-size: 14px;
	font-style: normal;
	text-align: center;
	line-height: 34px;
	border-radius: 5px;
	cursor: pointer;
}

.char-mid span {
	float: left;
	width: 106px;
	height: 34px;
	margin-bottom: 9px;
	padding-left: 15px;
	border: 1px solid #00cacf;
	background: url('../images/design-tel.png') 15px no-repeat;
	color: #00cacf;
	font-size: 14px;
	text-align: center;
	line-height: 34px;
	border-radius: 5px;
	cursor: pointer;
}

/***********************内容区右侧图片************************/
.mid-img {
	float: right;
	width: 287px;
	height: 245px;
	padding: 10px 0 0 20px;
}

.mid-img span {
	position: relative;
	float: left;
	overflow: hidden;
	width: 120px;
	height: 96px;
	margin: 15px 15px 0 0;
	border-radius: 10px;
}

.mid-img em {
	position: absolute;
	top: 0;
	left: -16px;
	display: none;
	width: 0px;
	height: 96px;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	line-height: 96px;
	opacity: 0.6;
	filter: alpha(opacity=60);
	border-radius: 10px;
	cursor: pointer;
}

.mid-img img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 10px;
}

/*****************右侧*********************/
.right-side {
	float: right;
	width: 23.53%;
}

.right-side img {
	margin-top: 0;
}

.entrust {
	width: 279px;
	height: 490px;
	margin-top: 24px;
	border: 1px solid #e4e4e4;
}

.ent-top {
	width: 100%;
	height: 121px;
}

.ent-top img {
	display: block;
	width: 100%;
	height: 100%;
}

.design-app {
	width: 282px;
	height: 120px;
	margin-bottom: 20px;
}

.industry {
	width: 282px;
	margin-bottom: 20px;
}

.scancode {
	width: 280px;
	border: 1px solid #e4e4e4;
	margin-bottom: 20px;
}

/*******************浏览排行**************************/
.ranking {
	width: 260px;
	height: auto;
	margin-bottom: 20px;
	padding: 18px 0px 16px 20px;
	border: 1px solid #e6e6e6
}

.ranking-title {
	width: 241px;
	height: 32px;
	font-size: 16px;
	color: #f0482d;
	background: url("../images/line.png") no-repeat 0 30px;
}

.ranking-title .title-L {
	float: left;
}

.ranking-title .title-R img {
	float: right;
	width: 22px;
	height: 10px;
	margin-top: 10px;
}

.ranking-list {
	width: 241px;
	height: auto;
}

.ranking-list {
	width: 241px;
	height: auto;
	margin-top: 10px;
}

.ranking-list ul {
	overflow: hidden
}

.ranking-list li {
	width: 240px;
	margin-top: -1px;
	_border-bottom: 1px dashed #dfdfdf;
	_margin-bottom: -1px;
	color: #686868;
	font-size: 13px;
	text-align: left;
	line-height: 30px;
	border-top: 1px dashed #dfdfdf;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.ranking-list li a {
	width: 240px;
}

.ranking-list li a:hover {
	color: #f76120
}

*+html .ranking-list li {
	border-bottom: 1px dashed #dfdfdf;
	margin-bottom: -1px;
}

.ranking-list li p {
	color: #999;
	font-size: 12px;
	line-height: 20px;
}

.ranking-qq {
	width: 130px;
	height: 26px;
	margin-left: -2px;
	padding-left: 42px;
	border: 1px solid #f35724;
	background: url('../images/design-scanqq.png') left center no-repeat;
}

.ranking-qq a {
	color: #f35724;
	font-size: 15px;
	line-height: 26px;
}

/*******************热门排行**************************/
.hot {
	float: left;
	width: 260px;
	padding: 18px 0px 0px 20px;
	margin-bottom: 20px;
	border: 1px solid #e6e6e6;
}

*+html .hot {
	padding: 18px 0px 0px 20px;
	padding-bottom: 20px;
}

.hot-title {
	float: left;
	width: 241px;
	height: 32px;
	font-size: 16px;
	color: #f0482d;
}

.hot-title .title-L {
	float: left;
	width: 100px;
}

.hot-title .title-R img {
	float: right;
	width: 22px;
	margin-top: 10px;
}

.hot-list {
	float: left;
	width: 241px;
	margin-top: 10px;
	margin-bottom: 15px;
	_padding-bottom: 15px
}

.hot-list li {
	+float: left;
	+margin: 10px 10px 0 0;
	color: #686868;
	font-size: 13px;
	text-align: left;
	line-height: 20px;
	background: #f8f8f8
}

.hot-list li p {
	color: #999;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 241px;
	margin-top: 8px;
	background: #f8f8f8;
	padding: 5px;
	_padding: 1px 3px 4px 10px;
}

.hot-list li p:hover {
	color: #f76120
}

*+html .hot-list li p {
	padding: 5px;
	margin-right: 0px;
	margin-top: 0px
}

.hot-qq {
	width: 130px;
	height: 26px;
	margin-left: -2px;
	padding-left: 42px;
	border: 1px solid #f35724;
	background: url('../images/design-scanqq.png') left center no-repeat;
}

.hot-qq a {
	color: #f35724;
	font-size: 15px;
	line-height: 26px;
}


/*******************微信扫码**************************/
.scancode {
	width: 262px;
	height: 149px;
	padding: 20px 0px 0px 18px;
}

.scan-main {
	width: 260px;
	height: 109px;
}

.scan-main .scan-L {
	width: 106px;
	height: 107px;
	float: left
}

.scan-main .scan-R {
	width: 118px;
	height: 107px;
	float: left;
	margin-left: 20px;
}

.scan-main .scan-R ul {
	width: 120px;
	height: 35px;
}

.scan-R .scan-weibo {
	width: 120px;
	height: 30px;
	background: url("../images/design_icon.gif") no-repeat;
	margin-top: 8px;
}

.scan-R .scan-weibo a {
	margin-left: 37px;
	font-size: 13px;
	color: #646a63;
	line-height: 25px;
}

.scan-R .scan-weibo a:hover {
	color: #f76120
}

.scan-R .scan-qq {
	width: 120px;
	height: 30px;
	background: url("../images/design_icon.gif") no-repeat 0 -24px;
	border-top: 1px solid #f2f2f2;
	margin-top: 18px;
	padding-top: 12px
}

.scan-R .scan-qq a {
	margin-left: 37px;
	font-size: 13px;
	color: #646a63;
	line-height: 25px;
}

.scan-R .scan-qq a:hover {
	color: #f76120
}

.scan-nam {
	width: 108px;
	height: 30px;
}

.scan-nam h3 {
	color: #686868;
	font-size: 11px;
	text-align: center;
	line-height: 30px;
}

/*****************联系电话弹出**********************/
.tele-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 2750px;
	background-color: rgba(163, 163, 163, 0.3);
}

.tele-con {
	position: relative;
	width: 407px;
	height: 183px;
	background-color: #fff;
}

.tele-yourphone {
	width: 355px;
	height: 67px;
	padding: 33px 28px 0 25px;
	border-top: 1px solid #ededed;
}

.tele-con h2 {
	padding-left: 25px;
	font-size: 16px;
	font-weight: bold;
}

.tele-yourphone h3 {
	float: left;
	margin-right: 20px;
	font-size: 14px;
	line-height: 50px;
}

.tele-yourphone span {
	color: #c6c6c6;
	line-height: 50px;
}

.tele-yourphone em {
	float: right;
	width: 99px;
	height: 38px;
	background-color: #f35828;
	color: #fff;
	font-size: 16px;
	font-style: normal;
	text-align: center;
	line-height: 38px;
	cursor: pointer;
}

.tele-con>span {
	padding-left: 88px;
	color: #c6c6c6;
	font-size: 14px;
}

.tele-con>em {
	position: absolute;
	top: 14px;
	right: 18px;
	width: 16px;
	height: 16px;
	background: url('../images/design-telclose.png') 0 0 no-repeat;
	cursor: pointer;
}

.tele-con strong {
	font-size: 14px;
	font-weight: normal;
}

/*********************未接通**************************/
.untele-wrap {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 2750px;
	background-color: rgba(163, 163, 163, 0.3);
}

.tele-untel {
	position: relative;
	width: 407px;
	height: 183px;
	background-color: #fff;
}

.tele-untel>h2 {
	padding-left: 15px;
	border-bottom: 1px solid #d5d5d5;
	font-size: 14px;
	background-color: #eaeaea;
}

.tele-untel>h3 {
	font-size: 14px;
	padding: 40px 0 0 98px;
}

.tele-untel>span {
	float: left;
	width: 90px;
	height: 30px;
	margin: 12px 0 0 137px;
	background-color: #5fbfe7;
	color: #fff;
	text-align: center;
	line-height: 30px;
	cursor: pointer;
}

.tele-untel>em {
	position: absolute;
	top: 14px;
	right: 17px;
	width: 14px;
	height: 14px;
	background: url('../images/design-untel.png') 0 0 no-repeat;
	cursor: pointer;
}

/*右侧栏*/
.order-hall-right {
	float: right;
	margin-left: 20px;
	width: 280px;
}

.order-hall-right .entrust-wrap {
	overflow: hidden;
	border-radius: 0;
	margin-top: 0;
	background: #fff url("../images/hall_entrust_nav.png") no-repeat;
	border: 1px solid #e4e4e4;
	width: 248px;
	height: 300px;
	padding: 145px 15px 15px;
}

.order-hall-right img {
	width: 100%;
	display: block;
}

.order-hall-right .entrust-input-wrap,
.order-hall-right .entrust-select-wrap {
	width: 250px;
}

.order-hall-right .entrust-select3 select {
	width: 74px;
}

.order-hall-right .entrust-select2 select {
	width: 117px;
}

.order-hall-right .entrust-order-wrap label {
	width: 120px;
}


.news-detail-bg {
	background: #fff url("../images/new_detail_bg.png") no-repeat;
	min-height: 832px;
}

.news-detail-bg .new-heading {
	padding: 1px;
	height: 120px;
}

.news-detail-bg .new-heading h1 {
	color: #333;
	font-size: 30px;
	height: 50px;
	overflow: hidden;
	text-align: center;
	margin-top: 32px;
}

.news-detail-bg .new-heading .new-other {
	height: 20px;
	margin: 10px auto;
	text-align: center;
}

.news-detail-bg .new-heading h6 {
	width: 550px;
	height: 50px;
	margin-top: 40px;
	margin-left: 250px;
}

.news-detail-bg .new-heading .new-share {
	width: 800px;
	height: 20px;
	margin: 10px auto;
}

.news-detail-bg .sort-share {
	left: 140px;
}

.action p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.action {
	padding: 10px 0;
	overflow: hidden;
	border: 1px solid #fff;
	font-size: 14px;
	line-height: 25px;
}

.detail .action img {
	margin-top: 15px;
	margin-bottom: 15px;
	max-width: 100%;
}

/*CSS jogger style pagination*/

DIV.pageinfo {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	PADDING-BOTTOM: 2px;
	MARGIN: 7px;
	PADDING-TOP: 2px;
	FONT-FAMILY: "Lucida Sans Unicode", "Lucida Grande", LucidaGrande, "Lucida Sans", Geneva, Verdana, sans-serif
}

DIV.pageinfo A {
	PADDING-RIGHT: 0.64em;
	PADDING-LEFT: 0.64em;
	PADDING-BOTTOM: 0.43em;
	MARGIN: 2px;
	COLOR: #fff;
	PADDING-TOP: 0.5em;
	BACKGROUND-COLOR: #ee4e4e;
	TEXT-DECORATION: none
}

DIV.pageinfo A:hover {
	PADDING-RIGHT: 0.64em;
	PADDING-LEFT: 0.64em;
	PADDING-BOTTOM: 0.43em;
	MARGIN: 2px;
	COLOR: #fff;
	PADDING-TOP: 0.5em;
	BACKGROUND-COLOR: #de1818
}

DIV.pageinfo A:active {
	PADDING-RIGHT: 0.64em;
	PADDING-LEFT: 0.64em;
	PADDING-BOTTOM: 0.43em;
	MARGIN: 2px;
	COLOR: #fff;
	PADDING-TOP: 0.5em;
	BACKGROUND-COLOR: #de1818
}

DIV li {
	display: inline-block;
}

DIV.pageinfo SPAN.thisclass {
	PADDING-RIGHT: 0.64em;
	PADDING-LEFT: 0.64em;
	PADDING-BOTTOM: 0.43em;
	MARGIN: 2px;
	COLOR: #6d643c;
	PADDING-TOP: 0.5em;
	BACKGROUND-COLOR: #f6efcc
}

DIV.pageinfo SPAN.disabled {
	DISPLAY: none
}