/* 公共样式 */
*{ padding:0;margin:0; }
html, body {
	color:#555;
	font-size: 15px; 
	font-family: Microsoft YaHei Regular, Microsoft YaHei Regular-Regular Microsoft Yahei, "微软雅黑", Tahoma, Arial, Helvetica, STHeiti;
}
a{
	color:#555;
	outline: none;
	text-decoration: none;
}
ul, li {
	list-style: none;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.ellipsisTwo {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}
.ellipsisOne {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: ".";
	width: 0;
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.minWidth{
	min-width: 1500px;
}
.containerWidth{
	width: 1400px;
	margin: 0 auto;
}
.inlineBlock{
	display: inline-block;
	vertical-align: middle;
}
.blockElement{
	display: block;
	width: 100%;
	height: 100%;
}
.swiperContainer{
	width: 1920px;
	height: 100%;
	position: relative;
	left: 50%;
	top: 0;
	margin-left: -960px;
}




/* ------- 页面中间内容   开始------- */
.contentBox{
	padding-bottom: 20px;
	background: #fff;
}
/* 左右两侧广告位 */
.contentBox .adSidesBox{
	position: relative;
	left: 50%;
	top: 0;
	margin-left: -613px;
}
.contentBox .adSides{
	position: absolute;
	left: -228px;
	top: 80px;
	width: 220px;
	height: 452px; 
	z-index: 99;
}
.contentBox .adSides.adSidesRight{
	left:auto;
	right:-228px;
}
.contentBox .adSides .closeIcon{
	width: 20px;
	height: 20px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 9;
	cursor: pointer;
}
/* 楼层锚点 */
.contentBox .rightFloors{
	position: absolute;
	right:-131px;
	width: 120px;
	/* top: 650px; */
	top: 100px;
	z-index: 999;
}
.contentBox .rightFloors .floorsItem{
	position: relative;
	display: block;
	height: 30px;
	line-height: 30px;
	padding-left: 8px;
	color:#696969;
}
.contentBox .rightFloors .floorsItem.act{
	font-weight: bold;
}
.contentBox .rightFloors .floorsItem.act::before{
	content: "";
	width: 2px;
	height: 12px;
	background: #696969;
	position: absolute;
	left: 0;
	top: 10px;
}
.contentBox .rightFloors .floorsItem::after{
	content: "";
	width: 90px;
	height: 1px;
	background: #d5d5d5;
	position: absolute;
	left: 11px;
	bottom: 0;
}
.contentBox .rightFloors .floorsItem:last-child::after{
	width: 0;
	height: 0;
}
/* 模块一 */
.contentBox .moudle1{
	padding: 20px 0 30px;
	width: 100%;
	background: #fafafa;
}
.contentBox .moudle1 .part1{
	font-size: 0;
	background: #fff;
	color:#333;
	height: 130px;
	box-shadow: 0px 0px 10px 5px rgba(210,210,210,0.75);
}
.contentBox .moudle1 .part1 .group{
	vertical-align: top;
	font-size: 15px;
	height: 100%;
}
.contentBox .moudle1 .part1 .group1{
	padding-left: 38px;
	width: 270px;
	border-right: 1px solid #f4f5f5;
}
.contentBox .moudle1 .part1 .group1 .title{
	height: 40px;
	font-weight: bold;
	font-size: 16px;
	line-height: 40px;
	padding-top: 1px;
}
.contentBox .moudle1 .part1 .group1 .title .icons{
	vertical-align: top;
	margin-top: 12px;
	width: 15px;
	height: 15px;
	margin-left: 6px;
}
.contentBox .moudle1 .part1 .group1 .txt{
	display: block;
	margin: 0 11px 10px 0;
	height: 38px;
	line-height: 19px;
	color:#333;
}
.contentBox .moudle1 .part1 .group1 .tips{
	height: 40px;
	line-height: 40px;
	border-top: 1px solid #f4f5f5;
}
.contentBox .moudle1 .part1 .group1 .tips span{
	margin-right: 10px;
	vertical-align: top;
	font-size: 14px;
}
.contentBox .moudle1 .part1 .group1 .tips img{
	width: 15px;
	height: 15px;
	margin-right: 5px;
}
.contentBox .moudle1 .part1 .group2{
	padding: 0 30px;
	width: 520px;
	height: 100%;
	/* line-height: 130px; */
	font-size: 0;
	border-right: 1px solid #f4f5f5;
}
.contentBox .moudle1 .part1 .group2 a{
	width: 84px;
	margin: 22px 10px;
}
.contentBox .moudle1 .part1 .group2 .icons{
	display: block;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 0 auto 10px;      
}
.contentBox .moudle1 .part1 .group2 .name{
	text-align: center;
	line-height: 1;
	font-size: 16px;
	color:#333;
}
.contentBox .moudle1 .part1 .group3{
	position: relative;
	width: 318px;
	/* padding-right: 18px; */
}
.contentBox .moudle1 .part1 .group3 .loginbox{
	padding: 0 10px 0 75px;
	font-size: 0;
	height: 100%;
	/* line-height: 130px; */
}
.contentBox .moudle1 .part1 .group3 .avatar{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	margin: 35px 0;
}
.contentBox .moudle1 .part1 .group3 .loginbox .info{
	width: 153px;
	font-size: 12px;
	line-height: 16px;
	margin-left: 20px;
	padding-bottom: 5px;
}
.contentBox .moudle1 .part1 .group3 .loginbox .info .name{
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 6px;
}
.contentBox .moudle1 .part1 .group3 .loginbox .exit{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 12px;
	display: inline-block;
	line-height: 16px;
}
.contentBox .moudle1 .part1 .group3 .noLoginbox{
	text-align: center;
	height: 100%;
	overflow: hidden;
}
.contentBox .moudle1 .part1 .group3 .noLoginbox .avatar{
	display: block;
	margin: 10px auto 20px;
}
.contentBox .moudle1 .part1 .group3 .noLoginbox a{
	font-size: 16px;
	line-height: 20px;
}
.contentBox .moudle1 .part1 .group3 .noLoginbox .line{
	width: 1px;
	height: 15px;
	background: #f4f5f5;
	margin: 0 25px;
}
.contentBox .moudle1 .part2{
	margin-top: 36px;
	height: 220px;
}
.contentBox .moudle1 .part2 .swiper-slide{
	width: 330px;
	height: 100%;
}
.contentBox .moudle1 .part2 .swiper-button-prev,
.contentBox .moudle1 .part2 .swiper-button-next,
.contentBox .moudle1 .part4 .centerbox .swiper-button-prev,
.contentBox .moudle1 .part4 .centerbox .swiper-button-next{
	width: 26px;
	height: 51px;
	background-size: 26px 51px;
	outline: none;
}
.contentBox .moudle1 .part2 .swiper-button-prev,
.contentBox .moudle1 .part4 .centerbox .swiper-button-prev{
	left: 0;
	background-image: url(../images/arrow_left.png);
}
.contentBox .moudle1 .part2 .swiper-button-next,
.contentBox .moudle1 .part4 .centerbox .swiper-button-next{
	right: 0;
	background-image: url(../images/arrow_right.png);
}
.contentBox .moudle1 .part2 .swiper-button-prev.swiper-button-disabled,
.contentBox .moudle1 .part2 .swiper-button-next.swiper-button-disabled,
.contentBox .moudle1 .part4 .centerbox .swiper-button-prev.swiper-button-disabled,
.contentBox .moudle1 .part4 .centerbox .swiper-button-next.swiper-button-disabled{
	opacity: .7;
	cursor: pointer;
	pointer-events: auto;
}
.contentBox .moudle1 .part3{
	margin-top: 20px;
}
.contentBox .moudle1 .part3 .title{
	font-size: 20px;
	color:#222;
	line-height: 42px;
	padding-left: 6px;
}
.contentBox .moudle1 .part3 .title .more{
	font-size: 15px;
}
.contentBox .moudle1 .part3 .title .more:hover,
.contentBox .moudle2 .part .topic .more:hover,
.contentBox .moudle4 .part .topic .more:hover{
	color:#00a8ff;
}
.contentBox .moudle1 .part3 .list .items{
	width: 238px;
	height: 294px;
	margin-right: 9px;
	margin-bottom: 12px;
	background: #fff;
	text-align: center;
	line-height: 1;
}
.contentBox .moudle1 .part3 .list .items:hover{
	box-shadow: 0px 0px 12px 5px rgba(210,210,210,0.75); 
}
.contentBox .moudle1 .part3 .list .items:nth-child(5n+5){
	margin-right: 0;
}
.contentBox .moudle1 .part3 .list .items .imgsBox,
.contentBox .moudle2 .part .list .rightbox .citem .imgsBox,
.contentBox .moudle3 .tabsList .tItem .imgsBox{
	position: relative;
	width: 233px;
	height: 233px;
	margin: 0 0 0 0;
}
.contentBox .moudle1 .part3 .list .items .imgsBox .iconList,
.contentBox .moudle2 .part .list .rightbox .citem .imgsBox .iconList,
.contentBox .moudle3 .tabsList .tItem .imgsBox .iconList{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.contentBox .moudle1 .part3 .list .items .imgsBox .iconList div,
.contentBox .moudle2 .part .list .rightbox .citem .imgsBox .iconList div,
.contentBox .moudle3 .tabsList .tItem .imgsBox .iconList div{
	width: 68px;
	height: 68px;
	overflow: hidden;
}
.contentBox .moudle1 .part3 .list .items .imgsBox .iconList span,
.contentBox .moudle2 .part .list .rightbox .citem .imgsBox .iconList span,
.contentBox .moudle3 .tabsList .tItem .imgsBox .iconList span{
	display: inline-block;
	line-height: 68px;
}
.contentBox .moudle1 .part3 .list .items .name{
	padding: 0 20px;
	font-size: 18px;
	line-height: 40px;
	color:#222;
}
.contentBox .moudle1 .part3 .list .items .txt,
.contentBox .moudle3 .tabsList .tItem .txt{
	padding: 0 20px;
	font-size: 14px;
	color:#999;
	margin-bottom: 6px;
}
.contentBox .moudle1 .part3 .list .items .price,
.contentBox .moudle2 .part .list .rightbox .citem .goodsPrice{
	font-size: 18px;
	color:#fe3350;
}
.contentBox .moudle1 .part3 .list .items .price .oldprice,
.contentBox .moudle2 .part .list .rightbox .citem .goodsPrice .oldprice,
.contentBox .moudle3 .tabsList .tItem .price .oldprice{
	margin-left: 5px;
	color:#999;
	font-size: 15px;
	line-height: 18px;
	text-decoration: line-through;
}
.contentBox .moudle1 .part4{
	margin-top: 50px;
	height: 356px;
}
.contentBox .moudle1 .part4 .topic{
	position: relative;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}
.contentBox .moudle1 .part4 .topic::before{
	content:"";
	position: absolute;
	width: 66px;
	height: 1px;
	background: #222;
	left: -76px;
	top: 9px;
}
.contentBox .moudle1 .part4 .topic:after{
	content:"";
	position: absolute;
	width: 66px;
	height: 1px;
	background: #222;
	right: -76px;
	top: 9px;
}
.contentBox .moudle1 .part4 .leftbox,
.contentBox .moudle1 .part4 .centerbox,
.contentBox .moudle1 .part4 .rightbox{
	height: 100%;
	background: #fff;
}
.contentBox .moudle1 .part4 .leftbox{
	width: 288px;
	/* box-shadow: 0px 0px 20px 9px rgba(210,210,210,0.75); */
}
.contentBox .moudle1 .part4 .leftbox .group{
	padding: 0 14px;
	overflow: hidden;
}
.contentBox .moudle1 .part4 .leftbox .group .name{
	display: block;
	font-size: 15px;
	color:#999;
	line-height: 1;
	padding: 10px 0 6px 0;
}
.contentBox .moudle1 .part4 .leftbox .group .imgs{
	width: 125px;
	height: 125px;
	background-color: #e1e1e1;
}
.contentBox .moudle1 .part4 .leftbox .group .imgs:first-child{
	margin-right: 10px;
}
.contentBox .moudle1 .part4 .centerbox{
	width: 552px;
	margin: 0 10px;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews{
	position: relative;
	margin-top: 11px;
	width: 100%;
	height: 310px;
	line-height: 1;
	text-align: center;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews .swiper-slide{
	/* width: 280px; */
	width: 232px;
	height: 100%;
	transition: 300ms;
	transform: scale(0.8);
	margin: 0 20px;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews .swiper-slide-active,
.contentBox .moudle1 .part4 .centerbox .swiperNews .swiper-slide-duplicate-active{
	transform: scale(1);
}
.contentBox .moudle1 .part4 .centerbox .swiperNews img{
	/* width: 258px;
	height: 210px;
	padding: 10px; */
	width: 230px;
	height: 230px;
	border:1px solid #e8e8e8;
	margin-bottom: 8px;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews p{
	margin-bottom: 7px;
	font-size: 14px;
	color:#999;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews .goodsName,
.contentBox .moudle1 .part4 .centerbox .swiperNews .goodsPrice{
	font-size: 18px;
	font-weight: 300;
	color:#222;
}
.contentBox .moudle1 .part4 .centerbox .swiperNews .goodsPrice{
	color:#fe3350;
}
.contentBox .moudle1 .part4 .rightbox{
	width: 366px;
}
.contentBox .moudle1 .part4 .rightbox .list{
	padding: 11px 20px 0 11px;
}
.contentBox .moudle1 .part4 .rightbox .list .items{
	display: block;
	width: 100%;
	height: 52px;
	font-size: 0;
	margin-bottom: 10px;
}
.contentBox .moudle1 .part4 .rightbox .list .items span{
	width: 28px;
	height: 25px;
	line-height: 25px;
	margin-right: 15px;
	text-align: center;
	font-size: 15px;
	color:282022;
	font-weight: bold;
}
.contentBox .moudle1 .part4 .rightbox .list .items .goodsImg{
	width: 52px;
	height: 52px;
	border-radius: 50%;
	margin-right: 10px;
	background: #ebebeb;
}
.contentBox .moudle1 .part4 .rightbox .list .items p{
	width: 230px;
	line-height: 1;
	color:#999;
	font-size: 15px;
}
.contentBox .moudle1 .part4 .rightbox .list .items .goodsName{
	color:#222;
	margin-bottom: 5px;
}
.contentBox .moudle1 .part5{
	height: 120px;
	bottom: 30px;
}
.contentBox .moudle1 .part5 .swiperAds{
	height: 100%;
}
.contentBox .moudle1 .part5 .swiper-pagination{
	text-align: right;
	left: auto !important;
	transform: none !important;
	right: 10px;
}
.contentBox .moudle1 .part5 .swiper-pagination-bullet{
	background: #a4a4a4;
	opacity: 1;	
	margin: 0;
	margin-right: 15px;
}
.contentBox .moudle1 .part5 .swiper-pagination-bullet-active{
	background: #fff;
}
/* 模块二 */
.contentBox .moudle2{
	padding: 30px 0;
	width: 100%;
	overflow: hidden;
}
.contentBox .moudle2 .part{
	margin-top: 10px;
}
.contentBox .moudle2 .part .topic,
.contentBox .moudle4 .part .topic{
	position: relative;
	font-size: 20px;
	line-height: 54px;
	color:#222;
	padding-left: 32px;
}
.contentBox .moudle2 .part .topic::before,
.contentBox .moudle4 .part .topic::before{
	content: "";
	width: 4px;
	height: 20px;
	background: #00a8ff;
	position: absolute;
	left: 8px;
	top: 17px;
}
.contentBox .moudle2 .part .topic .more,
.contentBox .moudle4 .part .topic .more{
	font-size: 15px;
	margin-right: 125px;
}
.contentBox .moudle2 .part .list .bigImg{
	width: 300px;
	height: 600px;
}
.contentBox .moudle2 .part .list .rightbox{
	width: 983px;
	height: 600px;
	padding-left: 3px;
}
.contentBox .moudle2 .part .list .rightbox .citem{
	width: 233px;
	height: 290px;
	margin-left: 12px;
	margin-bottom: 20px;
	background: #fff;
}
.contentBox .moudle2 .part .list .rightbox .citem:hover,
.contentBox .moudle3 .tabsList .tItem:hover,
.contentBox .moudle4 .part .list .aitems:hover,
.contentBox .moudle4 .part .list .vitems:hover{
	box-shadow: 0px 0px 20px 9px rgba(210,210,210,0.75); 
}
.contentBox .moudle2 .part .list .rightbox .citem p{
	padding: 0 15px;
	line-height: 1;
	color:#999;
	text-align: center;
}
.contentBox .moudle2 .part .list .rightbox .citem .goodsName{
	margin-top: 22px;
	margin-bottom: 8px;
	font-size: 14px;
	color:#222;
}
.contentBox .moudle2 .part .list .rightbox .citem .goodsPrice{
	margin-top: 6px;
	font-size: 20px;
}
.contentBox .moudle2 .part .adsImg{
	display: block;
	height: 120px;
	margin-top: 30px;
}
/* 模块三 */
.contentBox .moudle3{
	padding: 10px 0 30px;
	width: 100%;
	overflow: hidden;
}
.contentBox .moudle3 .tabs{
	background: #fff;
	padding: 14px 1px;
	font-size: 0;
	box-sizing: border-box;
}
.contentBox .moudle3 .tabs .tabsItem{
	width: 204px;
	height: 32px;
	padding: 0 10px;
	text-align: center;
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
.contentBox .moudle3 .tabs .tabsItem:last-child{
	border-right: none;
}
.contentBox .moudle3 .tabs .tabsItem span{
	font-size: 20px;
	color:#222;
	line-height: 32px;
	padding: 0 15px;
	cursor: pointer;
}
.contentBox .moudle3 .tabs .tabsItem.act span{
	color:#fff;
	background: #00a8ff;
	border-radius: 18px;
}
.contentBox .moudle3 .tabsList{
	margin-top: 10px;
}
.contentBox .moudle3 .tabsList .tItem{
	width: 238px;
	height: 292px;
	margin-bottom: 10px;
	margin-right: 9px;
	background: #fff;
	text-align: center;
	line-height: 1;
}
.contentBox .moudle3 .tabsList .tItem:nth-child(5n+5){
	margin-right: 0;
}
.contentBox .moudle3 .tabsList .tItem .name{
	font-size: 16px;
	padding: 10px 20px 8px;
	color:#222;
}
.contentBox .moudle3 .tabsList .tItem .txt{
	margin-bottom: 10px;
}
.contentBox .moudle3 .tabsList .tItem .price{
	font-size: 16px;
	color:#fe3350;
}
.contentBox .moudle3 .tabsList .tItem .price .oldprice{
	font-size: 12px;
}
/* 模块四 */
.contentBox .moudle4{
	width: 100%;
	overflow: hidden;
}
.contentBox .moudle4 .part{
	padding-bottom: 30px;
}
.contentBox .moudle4 .part .list .aitems,
.contentBox .moudle4 .part .list .vitems{
	width: 296px;
	height: 420px;
	margin-right: 14px;
	background: #fff;
	text-align: center;
}
.contentBox .moudle4 .part .list .aitems:last-child,
.contentBox .moudle4 .part .list .vitems:last-child{
	margin-right: 0;
}
.contentBox .moudle4 .part .list .aitems .topics{
	font-size: 16px;
	padding: 45px 10px 0;
	margin-bottom: 18px;
}
.contentBox .moudle4 .part .list .aitems:nth-child(1) .topics{
	color:#00a8ff;
}
.contentBox .moudle4 .part .list .aitems:nth-child(2) .topics{
	color:#c00fff;
}
.contentBox .moudle4 .part .list .aitems:nth-child(3) .topics{
	color:#ffae00;
}
.contentBox .moudle4 .part .list .aitems:nth-child(4) .topics{
	color:#ff4200;
}
.contentBox .moudle4 .part .list .aitems .txt{
	font-size: 16px;
	line-height: 24px;
	height: 48px;
	color:#222;
	padding: 0 20px;
	margin-bottom: 10px;
}
.contentBox .moudle4 .part .list .aitems .articleImg{
	position: relative;
	width: 200px;
	height: 146px;
	margin: 0 auto;
}
.contentBox .moudle4 .part .list .aitems .swiper-pagination{
	width: 146px;
	left: 50%;
	transform: translateX(-50%);
}
.contentBox .moudle4 .part .list .aitems .swiper-pagination-bullet{
	outline: none;
	margin: 0 3px;
}
.contentBox .moudle4 .part .list .vitems{
	height: 240px;
	text-align: center;
}
.contentBox .moudle4 .part .list .vitems .imgs{
	position: relative;
	width: 100%;
	height: 145px;
}
.contentBox .moudle4 .part .list .vitems .imgs span{
	width: 55px;
	height: 55px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-image: url(../images/nobofang.png);
	background-size: 55px 55px;
	background-repeat: no-repeat;
}
.contentBox .moudle4 .part .list .vitems:hover .imgs span{
	background-image: url(../images/bofang.png);
}
.contentBox .moudle4 .part .list .vitems .name{
	color:#222;
	font-size: 15px;
	height: 36px;
	line-height: 18px;
	margin: 15px 10px 10px;
}
.contentBox .moudle4 .part .list .vitems .desc{
	color:#999;
	font-size: 14px;margin: 0 10px;
}
/* ------- 页面中间内容   结束 ------- */


