
/**丘比特三期开始**/
.con1200{
	background-color: #f5f5f5;
}
.materials{
	width: 300px;
	margin: auto;
}
.con1200_right .materials .ul_list li{
	width: 300px;
}
.con1200_right .materials .h2_title span{
	margin-top: 4px;
}
.con1200_right .materials .btns{
	padding-left: 0;
}
.flex{
	display:-webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-align-content: flex-start;
	align-content:  flex-start;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-moz-box-pack:space-between;
	-webkit--moz-box-pack:space-between;
	box-pack:space-between;
	-webkit-flex-wrap:wrap;
	-webkit-box-lines:multiple;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
}
.right_news{
	width: 300px;
	border: none;
}
.mainNew{
	width: 980px;
}
.mainNew_r *{
	box-sizing: border-box;
	font-family: "FZLTHJW", "pingfang sc";
}
.mainNew_r a:hover{
	text-decoration: none;
}
.mainNew_r{
	width: 300px;
	min-height: 550px;
	margin: auto;
	padding-bottom: 20px;
	margin-top: 20px;
	/* float: right; */
}
.mainNew_r .offcnhd a{
	display: block;
	width: 90px;
	height: 90px;
	border-radius: 10px;
	padding: 14px 10px;
	cursor: pointer;
	position: relative;
}
.mainNew_r .offcnhd .a1{
	background: url(../img/zxzxPC1.png) no-repeat center top;
	background-size: 100%;
}
.mainNew_r .offcnhd .a2{
	background: url(../img/mflqPC1.png) no-repeat center top;
	background-size: 100%;
}
.mainNew_r .offcnhd .a3{
	background: url(../img/ljckPC1.png) no-repeat center top;
	background-size: 100%;
}
.mainNew_r .offcnhd a b{
	width: 112px;
	height: 14px;
	font-size: 14px;
	font-weight: 700;
	color: #FFFFFF;
	text-shadow: 1px 2px 2px rgba(214,115,39,0.45);
	display: block;
}
.mainNew_r .offcnhd a span{
	width: 77px;
	height: 24px;
	background: #FFFFFF;
	box-shadow: 1px 2px 2px 0px rgba(214,115,39,0.45);
	border-radius: 12px;
	display: block;
	color: #EB7E29;
	font-weight: 600;
	font-size: 12px;
    text-align: center;
    line-height: 24px;
	margin-top: 9px;
}
.mainNew_r .offcnhd .a2 b{
	text-shadow: 1px 2px 2px rgba(211,45,31,0.45);
}
.mainNew_r .offcnhd .a2 span{
	color: #E34B49;
}
.mainNew_r .offcnLive, .mainNew_r .offcnTeachers{
	width: 300px;
	margin: auto;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 0;
	margin-top: 20px;
	display: none;
}
.mainNew_r .offcn_title{
	height: 18px;
	font-size: 16px;
	font-weight: 400;
	color: #333333;
	line-height: 18px;
	position: relative;
}
.mainNew_r .offcn_title b::after{
	content: '';
	width: 4px;
	height: 18px;
	position: absolute;
	left: 0;
	top: 0;
	/* bottom: 0; */
	margin: auto;
	background: #E80012;
}
.mainNew_r .offcn_title b{
	float: left;
	padding-right: 35px;
	display: block;
	position: relative;
	padding-left: 14px;
}
.mainNew_r .offcn_title img{
	display: block;
	width: 26px;
	height: 17px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	right: 0;
}
.mainNew_r .offcnLive .offcnLive_center_c, .mainNew_r .offcnTeachers_tab{
	padding: 0 15px;
	position: relative;
}
.mainNew_r .offcnLive .offcnLive_center_l{
	overflow: hidden;
	/* height: 67px; */
    position: relative;
	margin-top: 15px;
}
.mainNew_r .offcnLive .offcnLive_center_l_img{
	width: 50px;
	height: 67px;
	background: linear-gradient(0deg, #D9D9D9, #EBEBEB);
	border-radius: 8px;
	float: left;
}
.mainNew_r .offcnLive .offcnLive_center_l_img .oimg{
	width: 50px;
	height: 67px;
	border-radius: 8px;
}
.mainNew_r .offcnLive .offcnLive_center_l_txt{
	margin-left: 10px;
	float: left;
	/* height: 67px; */
	position: relative;
}
.mainNew_r .offcnLive .offcnLive_center_l_txt b{
	display: block;
	width: 150px;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	line-height: 20px;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainNew_r .offcnLive .offcnLive_center_l_txt span{
	display: block;
	/* height: 13px; */
	width: 195px;
	font-size: 12px;
	color: #666666;
	/* line-height: 14px;
	margin-top: 10px; */
    line-height: 18px;
    margin-top: 8px;
}
.mainNew_r .offcnLive .offcnLive_center_l_bn{
	width: 45px;
	position: absolute;
	top: 0;
	right: 0;
}
.mainNew_r .offcnLive .offcnLive_center_l_bn a{
	width: 45px;
	height: 24px;
	background: #F47433;
	border-radius: 12px;
	display: block;
	color: #fff;
	text-align: center;
	font-size: 12px;
	line-height: 24px;
}
.mainNew_r .offcnLive .offcnLive_center_l_bn span{
	width: 45px;
	height: 24px;
	font-size: 12px;
	line-height: 24px;
	text-align: center;
	display: block;
	color: #666666;
}
.mainNew_r .offcnLive .offcnLive_center_l_active .offcnLive_center_l_bn a{
	background: #F03639;
}
.mainNew_r .offcnLive .offcnLive_center_l_active .offcnLive_center_l_bn span{
	color: #F03639;
}
.mainNew_r .offcnTeachers .offcn_title b{
	padding-right: 137px;
}
.mainNew_r .offcnTeachers .offcn_title img{
	width: 127px;
	height: auto;
}
.mainNew_r .offcnTeachers_tab{
	margin-top: 15px;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw,.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swiper-slide{
	width: 270px;
	height: 152px;
	overflow: hidden;
	border-radius: 10px;
	position: relative;
	margin: 0 0;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swiper-slide{
	cursor: pointer;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg1{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/jsbgs1.jpg) no-repeat center;  
	background-size: 100% 100%;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg2{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/jsbgs2.jpg) no-repeat center;  
	background-size: 100% 100%;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg3{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/jsbgs3.jpg) no-repeat center;  
	background-size: 100% 100%;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg4{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/jsbgs4.jpg) no-repeat center;  
	background-size: 100% 100%;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg5{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/jsbgs5.jpg) no-repeat center;  
	background-size: 100% 100%;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg1 .swTxt span{
    background-color: #DCB174;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg2 .swTxt span{
    background-color: #ADADAD;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg3 .swTxt span{
    background-color: #DB8584;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg4 .swTxt span{
    background-color: #669EDF;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .bg5 .swTxt span{
    background-color: #7DAD6D;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swImg{
	width: 130px;
	height: 130px;
	background: #ADADAD;
	border-radius: 10px;
	float: left;
	position: absolute;
	bottom: 0;
	overflow: hidden;
	left: 16px;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swTxt{
	width: 95px;
	position: absolute;
	top: 26px;
	overflow: hidden;
	left: 159px;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swTxt b{
	height: 22px;
	font-size: 22px;
	font-weight: bold;
	color: #333333;
	line-height: 22px;
	margin-bottom: 9px;
	display: block;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swTxt div{
	overflow: hidden;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swTxt span{
	min-width: 77px;
	height: 29px;
	padding: 0 10px;
	max-width: 100%;
	float: left;
	background: #DCB174;
	border-radius: 15px;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 29px;
	font-weight: bold;
	overflow: hidden;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	text-align: center;
}
.mainNew_r .offcnTeachers_tab .offcnTeachers_sw .swTxt p{
	font-size: 14px;
	color: #333333;
	margin-top: 8px;
    height: 36px;
    overflow: hidden;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.mainNew_r .offcnTeachers_pagination {
	position: absolute;
	right: 7.5px;
	bottom: 10px;
	z-index: 10;
}
.mainNew_r .offcnTeachers_pagination span{
	width: 6px;
	height: 6px;
	background: #333333;
	opacity: 0.6;
	margin: 0 2.5px;
	border-radius: 50%;
}
.mainNew_r .offcnTeachers_pagination .swiper-pagination-bullet-active{
	width: 15px;
	border-radius: 3px;
	opacity: 1;
}
.mainNew_r .offcnNewMemberPoster{
	width: 100%;
	background: url(../img/hybj.png) no-repeat center top;
	background-size: 100%;
	background-color: #2B2C2F;
	padding-top: 106px;
	border-radius: 10px;
	margin-top: 20px;
}
.mainNew_r .offcnNewMemberPoster_title, .mainNew_r .offcnNewMemberPoster_title div{
	width: 210px;
	margin: auto;
}
.mainNew_r .offcnNewMemberPoster_title a{
	display: block;
	width: 90px;
	height: 34px;
	font-size: 14px;
	font-weight: bold;
	color: #2B2C2F;
	line-height: 34px;
	text-align: center;
	border-radius: 17px;
	position: relative;
	background: linear-gradient(90deg, #F3E1B9, #F2E6D1, #F1CB9E);
}
.mainNew_r .offcnNewMemberPoster_title a.a2{
	background: linear-gradient(90deg, #D85A3D, #DE8653);
	width: 110px;
	color: #fff;
	cursor: pointer;
}
.mainNew_r .offcnNewMemberPoster_title a.a2 span{
	display: inline-block;
	background: url(../img/ljkt.png) no-repeat center right;
	background-size: 7px;
	padding-right: 18px;
}
.mainNew_r .offcnNewMemberPoster_title a.a2 b{
	display: block;
	width: 70px;
	height: 20px;
	background: linear-gradient(90deg, #F3E1B9, #F2E6D1, #F1CB9E);
	border-radius: 10px 10px 10px 0px;
	position: absolute;
	font-size: 12px;
	font-weight: 400;
	color: #2B2C2F;
	line-height: 20px;
	right: -34px;
	top: -13px;
}
.mainNew_r .offcnNewMemberPoster_nav{
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	border-radius: 10px;
	width: 100%;
	padding: 10px;
	padding-top: 20px;
	margin-top: 30px;
	position: relative;
}
.mainNew_r .offcnNewMemberPoster_nav_t, .mainNew_r .offcnNewMemberPoster_nav_ts{
	width: 260px;
	margin: auto;
	position: relative;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1, .mainNew_r .offcnNewMemberPoster_nav_ts .div1{
	width: 100%;
	padding-bottom: 10px;
	overflow: hidden;
	border-bottom: 1px solid #E6E6E6;
	/* padding-right: 15px; */
}
.mainNew_r .offcnNewMemberPoster_nav_t{
	margin-bottom: 10px;
}
.mainNew_r .offcnNewMemberPoster_nav_ts .div1{
	padding-right: 0;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 span{
	line-height: 14px;
	font-size: 14px;
	margin-right: 10px;
	width: auto;
	float: left;
	color: #333333;
	height: auto;
	cursor: pointer;
}

.offcnNewMemberPoster_hover .swiper-wrapper,.offcnNewMemberPoster_hover .swiper-wrapper .swiper-slide{
	height: auto;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 div, .mainNew_r .offcnNewMemberPoster_nav_ts .div1 div{
	width: 260px;
	overflow: hidden;
	position: relative;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 span:last-child{
	margin-right: 0;
}
.mainNew_r .offcnNewMemberPoster_nav_t .mored{
	width: 18px;
	position: absolute;
	right: 0;
	background: url(../img/zk1.png) no-repeat center right;
	background-size: 8px;
	height: 14px;
	top: 0;
	color: #666666;
	background-color: #F5F5F5;
	cursor: pointer;
	z-index: 10;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 .mores{
	background: url(../img/zk2.png) no-repeat center right;
	background-size: 8px;
	background-color: #F5F5F5;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 span.active{
	color: #E60012;
	font-weight: bold;
}
.mainNew_r .offcnNewMemberPoster_nav_ts .div1 span,.mainNew_r .offcnNewMemberPoster_nav_ts a{
	font-size: 12px;
	padding-left: 17px;
	line-height: 12px;
	height: 12px;
	float: left;
	background: url(../img/xx1.png) no-repeat center left;
	background-size: 12px;
	margin-bottom: 10px;
	margin-right: 8px;
	cursor: pointer;
	color: #666666;
}
.mainNew_r .offcnNewMemberPoster_nav .div2{
	display: none;
}
.mainNew_r .offcnNewMemberPoster_nav_ts a{
	padding-left: 0;
	padding-right: 15px;	
	background: url(../img/zk1.png) no-repeat center right;
	background-size: 8px;
	margin-right: 0;
	position: absolute;
	bottom: 10px;
	right: 0;
	display: none;
}

.mainNew_r .offcnNewMemberPoster_nav_ts .mores{
	background: url(../img/zk2.png) no-repeat center right;
	background-size: 8px;
}
.mainNew_r .offcnNewMemberPoster_nav_ts .div1{
	border-bottom: 0;
	padding-top: 0px;
	position: relative;
}
.mainNew_r .offcnNewMemberPoster_tab{
	position: relative;
	z-index: 9;
	width: 260px;
	margin: auto;
}
.mainNew_r .offcnNewMemberPoster_tabs{
	width: 120px;
}
.mainNew_r .offcnNewMemberPoster_tabs strong{
	display: block;
	font-weight: bold;
	color: #333333;
	font-size: 14px;
	line-height: 14px;
	text-align: center;
	margin-bottom: 13px;
}
.mainNew_r .offcnNewMemberPoster_tab::after{
	content: '';
	width: 1px;
	background: #E6E6E6;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 100%;
	z-index: 1;
}
.mainNew_r .offcnNewMemberPoster_list{
	width: 120px;
	min-height: 145px;
	background: #FFFFFF;
	border-radius: 10px;
	margin-bottom: 10px;
	cursor: pointer;
}
.mainNew_r .offcnNewMemberPoster_img{
	width: 100%;
	height: 68px;
	background: #E6E6E6;
	overflow: hidden;
	position: relative;
	border-radius: 10px;
}
.mainNew_r .offcnNewMemberPoster_img .offcnNewMemberPoster_right_heat{
	background: url(https://statics.eoffcn.com/statics/newIndexImg/h5/rd.png) no-repeat center left;
    background-size: 15px;
	height: 18px;
	background-color: #333333;
	opacity: 0.7;
	border-radius: 9px;
	position: absolute;
	left: 4px;
	font-size: 12px;
	color: #FFFFFF;
	padding-left: 17px;
	line-height: 18px;    
	bottom: 5px;
	padding-right: 7px;
}
.mainNew_r .offcnNewMemberPoster_right_bf{
	width: 18px;
	height: 18px;
	background: url(https://statics.eoffcn.com/statics/newIndexImg/h5/bf.png) no-repeat center;
    background-size: 18px;
	opacity: 0.7;
	border-radius: 50%;
	position: absolute;
	right: 4px;
	bottom: 5px;
}
.mainNew_r .offcnNewMemberPoster_txt{
	padding: 6px;
}
.mainNew_r .offcnNewMemberPoster_txt p{
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	line-height: 18px;
	height: 35px;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.mainNew_r .offcnNewMemberPoster_txt .vip_center{
	/* height: 16.7px; */
	line-height: 16.7px;
	overflow: hidden;
	/* margin-top: 8px; */
}
.mainNew_r .offcnNewMemberPoster_txt .vPrice{
	background: url(../img/vx.png) no-repeat center left;
    background-size: 18px 100%;
	padding-left: 18px;
	overflow: hidden;
	border-radius: 8px;
	float: left;
	margin-top: 8px;
}
.mainNew_r .offcnNewMemberPoster_txt .vPrice span{
	background: linear-gradient(90deg, #F8D6BE, #FDF3E6);
	height: 16.7px;
	float: left;
	display: block;
	padding: 0 5px;
	font-size: 12px;
	font-weight: 600;
	color: #A56F43;
}
.mainNew_r .offcnNewMemberPoster_txt .yPrice{
	
	float: left;
	display: block;
	font-size: 10px;
	font-weight: 400;
	margin-left: 4px;
	color: #999999;
	margin-top: 8px;
}
.mainNew_r .offcnNewMemberPoster_ceb .mored{
	width: 100px;
	height: 30px;
	background: url(../img/ms.png) no-repeat center right 15px;
	background-size: 4px;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	border-radius: 15px;
	margin: auto;
	display: block;
	line-height: 30px;
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.mainNew_r .offcnNewMemberPoster_tab {
	margin-bottom: 10px;
}
.mainNew_r .offcnNewBanner{
	margin-bottom: 20px;
}
.mainNew_r .offcnNewBanner, .mainNew_r .offcnNewBanner .offcnNewBanner_sw, .mainNew_r .offcnNewBanner .swiper-slide{
	width: 300px;
	height: 169px;
	background: #CCCCCC;
	border-radius: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}
.mainNew_r .offcnNewBanner .swiper-wrapper{
	margin: 0;
}
.mainNew_r .offcnNewBanner_pagination {
	position: absolute;
	right: 7.5px;
	bottom: 10px;
	z-index: 10;
}
.mainNew_r .offcnNewBanner_pagination span{
	width: 8px;
	height: 8px;
	background: #000000;
	margin: 0 2px;
	border-radius: 50%;
	display: inline-block;
}
.mainNew_r .offcnNewBanner_pagination .swiper-pagination-bullet-active{
	width: 20px;
	border-radius: 4px;
	opacity: 1;
}
.mainNew_r .offcnNewMemberPoster_nav .div2{
	width: 300px;
	background: #FFFFFF;
	border: 1px solid #E6E6E6;
	box-shadow: 0px 10px 20px 0px rgba(230,230,230,0.75);
	border-radius: 10px;
	position: relative;
    left: -20px;
	top: -2px;
	padding: 15px;
	padding-bottom: 0;
	overflow: hidden;
	z-index: 10;
}
.mainNew_r .offcnNewMemberPoster_nav .div2 span{
	color: #333333;
	display: block;
	float: left;
	font-size: 14px;
	line-height: 14px;
	margin: 0 6px;
	font-weight: 400;
	margin-bottom: 15px;
	cursor: pointer;
}
.mainNew_r .offcnNewMemberPoster_nav .offcnNewMemberPoster_nav_ts .div2{
	
	top: -10px;
	z-index: 11;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.mainNew_r .offcnNewMemberPoster_nav .offcnNewMemberPoster_nav_ts .div2 span{
	font-size: 12px;
    padding-left: 17px;
    line-height: 12px;
    height: 12px;
    float: left;
    background: url(../img/xx1.png) no-repeat center left;
    background-size: 12px;
	margin: 0 5px;
    cursor: pointer;
    color: #666666;
	margin-bottom: 10px;
	font-weight: 400;
}
.mainNew_r .offcnNewMemberPoster_nav .offcnNewMemberPoster_nav_t .div2 .active{
	color: #E60012;
	font-weight: bold;
}
.mainNew_r .offcnNewMemberPoster_nav_ts .div1 b{
	display: none;
	width: 15px;
	background: #E81425;
	border-radius: 50%;
	height: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 15px;
	position: relative;
    top: -1px;
    margin-left: 4px;
	color: #fff;
    vertical-align: top;
}
.mainNew_r .offcnNewMemberPoster_nav .offcnNewMemberPoster_nav_ts span.active{
	background: url(../img/xx2.png) no-repeat center left;
    background-size: 12px;
	font-weight: bold;
}

.mainNew_r .offcnhd .a2 .hover_box{
	width: 140px;
	height: 162px;
	background: #FFFFFF;
	box-shadow: 0px 0px 10px 0px rgba(153,153,153,0.3);
	border-radius: 10px;
	position: absolute;
	top: 81px;
    right: 0;
	padding: 10px;
	box-sizing: border-box;
	display: none;
	z-index: 2000;
}

/* .mainNew_r .offcnhd .a2:hover .hover_box{
	display: block;
} */

.mainNew_r .offcnhd .a2 .hover_box .img1{
	position: absolute;
	top: -15px;
    left: 0;
    width: 100%;
    text-align: center;
}

.mainNew_r .offcnhd .a2 .hover_box .img1 img{
    transform: rotateZ(-90deg);
}

.mainNew_r .offcnhd .a2 .hover_box .img2{
	width: 120px;
	height: 120px;
}

.mainNew_r .offcnhd .a2 .hover_box p{
	color: #333;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1{
	padding-right: 18px;
	background-color: #F5F5F5;
}
.mainNew_r .offcnNewMemberPoster_nav_t .div1 .swiper-wrapper{
	width: 1000000px;
	display: block;
}
.offcnNewBannerImg{
	display: none;
	padding: 20px;
	padding-top: 30px;
}
.offcnNewBannerImg b{
	display: block;
	background: url(//statics.eoffcn.com/statics/images/xiaobiao.png) no-repeat center left;
	background-size: 22px 100%;
	color: #e14a39;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    box-sizing: border-box;
	padding-left: 30px;
	font-size: 18px;
	line-height: 18px;

}
.offcnNewBannerImg span{
	font-size: 20px;
    line-height: 28px;
    box-sizing: border-box;
    display: block;
    font-weight: bold;
    color: #643d2d;
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
	margin-top: 8px;
	word-wrap: break-word;

}
/**丘比特三期结束**/

.suctionBottom{
    width: 980px;
    height: 45px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 1000;
	display: none;
}

.suctionLeft{
	width: 850px;
	float: left;
	background-color: rgba(0, 0, 0, 0.8);
	height: 45px;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
}
.suctionLeft .swbtn{
	width: 16px;
	height: 16px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.suctionLeft .swbtnL{
	left: 8px;
}
.suctionLeft .swbtnL{
	background: url(../img/circle_Lefts.png) no-repeat center;
	background-size: 100%;
}
.suctionLeft .swbtnLs{
	background: url(../img/circle_Left.png) no-repeat center;
	background-size: 100%;
}
.suctionLeft .swbtnR{
	right: 8px;
}
.suctionLeft .swbtnR{
	background: url(../img/circle_Rights.png) no-repeat center;
	background-size: 100%;
}
.suctionLeft .swbtnRs{
	background: url(../img/circle_Right.png) no-repeat center;
	background-size: 100%;
}
.suctionRight{
	width: 115px;
	height: 45px;
	background-color: rgba(128, 128, 128, 0.8);
	float: right;
	border-radius: 3px;
	overflow: hidden;
    color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 45px;
	cursor: pointer;
}
.suctionSwiper{
	width: 772px;
	margin: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 25px;
	overflow: hidden;
}
.suctionSwiper .list{
	width: 100%;
	height: 25px;
	overflow: hidden;
}
.suctionSwiper .list span{
	display: block;
	float: left;
	height: 25px;
	width: 65px;
	font-size: 14px;
	color: #333333;
	background-color: #ffffff;
	border-radius: 3px;
	text-align: center;
	line-height: 25px;
	margin-right: 10px;
}
.suctionSwiper .list p{
	float: left;
	color: #fff;
	font-size: 16px;
	padding-left: 5px;
	cursor: pointer;
	line-height: 25px;
}
.suctionSwiper .swiper-wrapper{
	display:block;
}