a:hover {
	text-decoration: none;
}

.buy-service {
	width: 978px;
	margin-left: 6px;
	float: right;
}
.rte180{
    /*-webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
    -o-transform: rotateZ(180deg);
    -ms-transform: rotateZ(180deg);
    transform: rotateZ(180deg);*/
    background: url(../images/up-white.png) no-repeat !important;
}
.buy-catalog ul {
	background-color: #FBFBFB;
	padding: 10px 10px 10px 18px;
}

.font-color {
	color: #FF6000;
}

.bg-color {
	background-color: #FF6000 !important;
	color: #FFFFFF;
}

.buy-catalog ul li:first-child {
	cursor: default;
}

.buy-catalog ul li {
	display: inline-block;
	cursor: pointer;
}

.buy-catalog ul li+li {
	margin-left: 25px;
}

.buy-sort {
	padding: 10px 10px 10px 18px;
	background-color: #F3F3F3;
	overflow: hidden;
}

.sortSelect p {
	display: inline-block;
	padding: 3px 7px;
	line-height: 24px;
	cursor: pointer;
	background-color: #fff;
}

.sortSelect p em {
	display: inline-block;
	width: 8px;
	height: 11px;
	background: url(../images/down-black.png) no-repeat;
}



/*切换时的类*/
.em-bg {
	background: url(../images/down-white.png) no-repeat !important;
}

.pricebg {
	background: url(../images/updown.gif) no-repeat !important;
}

.price-em-bg {
	background: url(../images/up-down.png) no-repeat !important;
}




.buy-sort p:nth-of-type(4) {
	/*width: 50px;*/
}

.buy-info {
	overflow: hidden;
	border: 1px solid #F0F0F0;
	margin-top: -1px;
	display: none;
}

.block {
	display: block;
}

.buy-name {
	float: left;
	margin-left: 18px;
	margin-bottom: 15px;
}

.buy-name a {
	display: block;
}

.buy-name div {
	padding: 10px 0 10px 10px;
	border: 1px solid #F0F0F0;
	margin-top: -1px;
}

.buy-name div span {
	display: inline-block;
	height: 17px;
	line-height: 17px;
}

.buy-name div span.service-deal {
	float: right;
	top: 3px;
	font-size: 12px;
	margin-right: 5px;
	width: 90px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.buy-name div p.service-name {
	font-size: 12px;
	width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.buy-name div span:nth-of-type(1) {
	color: #FF6000;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.buy-name div span:nth-of-type(1) em {
	position: relative;
	top: -2px;
}
.buy-name div span:nth-of-type(2) {
	text-align: right;
	position: relative;
	color: #999999;
}
.buy-name img.service-logo {
   width: 220px;
	height: 136px;
	border: 1px solid #DDDDDD;
}
.buy-pagination {
	padding: 10px 0;
	border: 1px solid #EEEEEE;
	margin: -1px 0 0 0;
}

.page-up,
.page-down {
	padding: 9px 13px;
	background-color: #ECF0F1;
	border: 1px solid #DDDDDD;
}

.buy-same {
	width: 50px;
	height: 44px;
	text-align: center;
	line-height: 44px;
	background-color: #ECF0F1;
}

.ul-one {
	margin: 0 0 0 45px;
}

.ul-one li,
.ul-two li {
	display: inline-block;
	cursor: pointer;
	float: left;
	margin: 0 5px 0 0;
}

.page-active {
	background-color: #1BC8A3;
	color: #FFFFFF;
}

.ul-two {
	position: relative;
	left: 15px;
}

.ul-two li:first-child {
	height: 42px;
	line-height: 42px;
}

.ul-two-jump input {
	display: inline-block;
	width: 50px;
	height: 40px;
	text-align: center;
	border: 1px solid #DDDDDD;
}

.ul-two-sure {
	width: 50px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #DDDDDD;
	background-color: #ECF0F1;
}


/*20170601*/
.showChange p {
	display: inline-block;
	padding: 3px 7px;
	line-height: 24px;
	cursor: pointer;
}
.arrowBtn {
	margin-left: 5px;
	background-color: #F3F3F3;
}

.sortSelect {
	float: left;
}

.showChange {
	float: right;
}

.arrowBtn i {
	display: inline-block;
}

.arrowBar {
	width: 15px;
	height: 12px;
}

.arrowMatrix {
	width: 12px;
	height: 12px;
}

.arrowBtn.pAcrive {
	background: #FFFFFF !important;
}

.arrowBarGray {
	background: url("../img/bar_gray.png") no-repeat center;
}
.arrowBarGreen {
	background: url("../img/bar_green.png") no-repeat center;
}

.arrowMatrixGray {
	background: url("../img/matrix_gray.png") no-repeat center;
}
.arrowMatrixGreen {
	background: url("../img/matrix_green.png") no-repeat center;
}

#dataMatrix {
	padding: 15px 0 0 ;
}

.buy-name:hover {
	box-shadow: 0 0 1px 2px #DDDDDD;
}

/*新修改样式 20170531*/
.productPart {
    margin-top: -1px;
}

.productPart:hover {
    background-color: rgba(194,244,224,0.3);
}

.productPart>div {
    width: 95%;
    padding: 20px 0;
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #EEEEEE;
}

.productPart .serviceImg {
    float: left;
    width: 195px;
    height: 120px;
}

.service-img {
    height: 118px;
    width: 193px;
    border: 1px solid #DDDDDD;
}

.productPart .serviceInformation {
    float: left;
    margin-left: 30px;
    width: 430px;
}

.productPart .serviceInformation p {
    height: 24px;
}

.productPart .serviceInformation .platform{
    font-size: 16px;
    color: #363636;
    margin-bottom: 9px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.productPart .serviceSubstance {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.productPart .serviceSubstance,.productPart .serviceType {
    color: #969696;
}

.productPart .serviceType {
    margin: 5px 0;
}

.productPart .serviceType span:last-child {
    overflow: hidden;
    display: inline-block;
    width: 350px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

.productPart .serviceInformation .crR {
    margin-top: 7px;
    color: #F66411;
    font-size: 16px;
}

.productPart .serviceInformation .crR i {
    position: relative;
    top: -1px;
}

.productPart .serviceState {
    margin-top: 45px;
    float: right;
    font-size: 14px;
}

.productPart .serviceState p {
    text-align: left;
    font-size: 14px;
}

.productPart .serviceState p span:first-child {
    color: #959595;
}

.productPart .serviceState p span:last-child {
    color: #FE5A00;
}

/*20170603 右侧客服*/
#commonAside {
	z-index: 10;
	line-height: normal !important;
	font-size: 12px !important;
}

#commonAside-waiter {
	/*margin-top: 188px !important;*/
}

#commonAside-waiter:hover>p span {
	color: #FDFDFD;
}

#commonAside-waiter>p {
	font-size: 12px;
	text-align: center;
}

#commonAside-waiter>p i {
	width: 41px !important;
	height: 41px !important;
	margin: 0 !important;
	position: relative;
	top:8px;
	background: url("../images/waiter_icon.png") no-repeat center;
}

#commonAside-waiter>p span {
	display: inline-block;
	color: #888888;
	position: relative;
	top:6px;
}

/*#commonAside-waiter .commonAside_float {
	left: -207px !important;
	width: 200px !important;
}*/

#commonAside-waiter .aligncenter {
    padding: 0;
	text-align: left;
}
#commonAside-waiter .onLine {
	padding: 10px 0 0 0;
	border-bottom: 1px solid #F3F3F3;
}
#commonAside-waiter .onLine p{
	font-size: 12px;
	color: #A2A2A2;
	margin-bottom: 3px;
}
#commonAside-waiter .onLine p span:first-child {
	/*margin-right: 10px;*/
}
#commonAside-waiter .onLine p a.talkMe {
	display: inline-block;
	/*margin-left:10px;*/
	cursor: pointer;
}
#commonAside-waiter .onLine p a.talkMe em {
	display: inline-block;
	width: 87px;
	height: 25px;
	background: url("../images/talkme.png") no-repeat center;
}

#commonAside-waiter .onLine p {
	font-size: 14px;
	color: #3E3E3E;
}


#commonAside-waiter .aligncenter p span:first-child:before {
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #979797;
	margin-right: 5px;
	position: relative;
	top:-3px;
}

/* 201/5/10 */
#commonAside-waiter .official_service {
    position: relative;
    height: 58px;
    padding: 0 15px 0 14px;
    line-height: 58px;
    background-color: #FFF7ED;
}

#commonAside-waiter .official_service span {
    margin-right: 21px;
    color: #1ABC9C;
    font-size: 12px;
}

#commonAside-waiter .service_center {
    padding: 7px 0;
    margin: 0 15px 0 14px;
    font-size: 12px;
    border-bottom: 1px dotted #ddd;
}

#commonAside-waiter .onTelphone {
    position: relative;
    margin-top: 5px;
    height: 28px;
    line-height: 28px;
}

#commonAside-waiter .onTelphone div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 28px;
    z-index: 2;
}

#commonAside-waiter .onTelphone div span {
    margin-right: 21px;
    font-size: 12px;
}

#commonAside-waiter .onTelphone .tel-ul {
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 0;
    width: 100%;
    height: 28px;
    z-index: 1;
    overflow: hidden;
    visibility: hidden;
}

#commonAside-waiter .qq_service span {
    margin-right: 21px;
    letter-spacing: 1px;
}