* { margin: 0; padding: 0; list-style:none;}
body { min-width: 1300px; font-family: Microsoft YAHEI,Arial,Helvetica, sans-serif; font-size: 12px; color: #333;}
a { color: #333; text-decoration: none;}
a:hover { text-decoration: none;}
img { border: 0;}
.warp { width: 1300px; margin: 0 auto;} 
.clear { clear: both;}
#VCode { cursor: pointer;}
input[type=button],
input[type=submit],
input[type=file],2437
button { cursor: pointer; -webkit-appearance: none;}
textarea { -webkit-appearance: none;}
::-webkit-input-placeholder { color: #333;} 
:-moz-placeholder { color: #333;} 
::-moz-placeholder { color: #333;}
:-ms-input-placeholder { color: #333;} 

@font-face {
	font-family: 'FontAwesome';
		    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
	        src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
			     url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
				 url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
				 url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
				 url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	 font-style: normal;
}
@font-face {
	font-family: 'YouSheBiao';
		    src: url('../fonts/YouSheBiao.ttf');
	font-weight: normal;
	 font-style: normal;
}
@font-face {
	font-family: 'SanJiXingKaiJianTi';
		    src: url('../fonts/SanJiXingKaiJianTi.ttf');
	font-weight: normal;
	 font-style: normal;
}

/*顶部*/
.headtop { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; background: #fff; position: relative; z-index: 999;}
.headtop p { float: left; font-size: 14px; color: #666;}
.headtop li { float: right; font-size: 14px; color: #333; cursor: pointer; margin-left: 40px; padding-left: 25px; background-repeat: no-repeat; background-position: left center; position: relative;}
.headtop li::after { display: block; content: ""; width: 1px; height: 20px; margin: auto; background: #ebebeb; position: absolute; top: 0; bottom: 0; left: -20px;}
.headtop li:last-child::after { display: none;}
.headtop li a { display: block; font-size: 14px; color: #333;}
.headtop li img { display: none; width: 120px; height: 120px; padding: 5px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 5px 10px rgba(0,0,0,0.1); overflow: hidden; position: absolute; top: 50px; right: 0;}
.headtop li:hover a { color: #f00;}
.headtop li:hover img { display: block;}
.headtop .logn { background-image: url(../images/ys00.png);}
.headtop .mssg { background-image: url(../images/ys01.png);}
.headtop .mssg.on { background-image: url(../images/ys01h.png);}
.headtop .mssg.on a { color: #f00;} 

.headtop .wcat { background-image: url(../images/ys02.png);}
.headtop .tel { background-image: url(../images/ys03.png);}

/*头部*/
.header { width: 100%; height: 90px; padding: 20px 0 0 0;}
.header .logo { float: left; width: 335px; height: 60px; margin: 15px 0; overflow: hidden;}
.header .logo img { display: block; height: 100%;}
.header .city { float: left; height: 30px; line-height: 30px; font-size: 16px; padding-left: 25px; margin: 30px 0 0 30px; background: url(../images/ys04.png) no-repeat left center; position: relative;}
.header .city::after { display: block; content: ""; width: 1px; height: 20px; margin: auto; background: #ddd; position: absolute; top: 0; bottom: 0; left: -15px;}
.header .city span { color: #333;}
.header .city a { color: #f00;}
.header .search { float: right; width: 500px; margin-top: 5px;}
.header .search p { height: 30px; line-height: 30px;}
.header .search p span { display: inline-block; font-size: 14px; color: #333; cursor: pointer; padding: 0 15px; border-radius: 4px 4px 0 0;}
.header .search p span:hover { color: #f00;}
.header .search p .on { color: #fff !important; background: #f00;}
.header .search input { display: block; float: left; width: 300px; height: 40px; line-height: 40px; font-size: 14px; color: #333; outline:none; padding: 0 15px; border: 2px solid #f00; border-radius: 0 0 0 4px; overflow: hidden; background: #fff;}
.header .search .btn { width: 100px; height: 44px; color: #fff; border-radius: 0 4px 4px 0; background: #f00;}
.header .imgs { float: right; margin-left: 30px;}
.header .imgs .img { float: left; width: 65px; text-align: center;}
.header .imgs .img img { display: block; width: 65px; height: 65px; margin: 0 auto;}
.header .imgs .img p { line-height: 25px; font-size: 14px; color: #666;}

/*公告*/
.notics { width: 100%; height: 35px; margin-bottom: 5px;}
.notics .ico { float: left; width: 35px; height: 35px; background: url(../images/ys206.png) no-repeat 0 0;}
.notics .msg { float: right; width: calc(100% - 50px);}
.notics .msg .swiper-container-free-mode .swiper-wrapper { -ms-transition-timing-function: linear; -moz-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
.notics .msg .swiper-slide { line-height: 35px; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notics .msg .swiper-slide a { display: block; font-size: 14px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notics .msg .swiper-slide b { font-size: 16px; margin-left: 5px;}

/*导航*/
.nav { width: 100%; height: 55px; background: #f00; position: relative; z-index: 99;}
.nav li { float: left; line-height: 35px; padding: 10px 0; position: relative;}
.nav li a { display: block; font-size: 18px; color: #fff; padding: 0 11.7px; border-radius: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.nav li:hover a,
.nav .on a { color: #f00; background: #fff;}

/*友情链接*/
.link { width: 100%; padding: 20px 0; border-top: 1px solid #eee; background: #fff;}
.link h3 { display: block; height: 35px; line-height: 35px; font-size: 16px; color: #333; padding-left: 15px; margin-bottom: 5px; position: relative;}
.link h3::after { display: block; content: ""; width: 3px; height: 18px; margin: auto; background: #c71010; position: absolute; left: 0; top: 0; bottom: 0;}
.link a { line-height: 25px; font-size: 14px; color: #999; margin-right: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.link a:hover { color: #333;}

/*脚部*/
.footer { width: 100%; padding-top: 40px; background: #262626;}
.footer a { color: rgba(255,255,255,0.8); -webkit-transition: all .5s ease; transition: all .5s ease;}
.footer a:hover { color: #fff;}
.footer h3 { line-height: 30px; font-weight: 500; font-size: 16px; color: #fff;}
.footer .msg { float: left; width: 300px; margin-right: 65px;}
.footer .msg h6 { line-height: 25px; font-weight: 500; font-size: 14px; color: rgba(255,255,255,0.4); margin-bottom: 15px;}
.footer .msg b { display: block; line-height: 50px; font-size: 32px; color: #fff;}
.footer .msg a { display: block; float: left; width: calc(100% / 3); line-height: 30px; font-size: 14px;}
.footer .msg .lx { width: 90px; color: #fff; text-align: center; border-radius: 15px; background: #c71010;}
.footer .msg p { line-height: 30px; font-size: 14px; color: rgba(255,255,255,0.8);}
.footer .swhz { width: 395px;}
.footer .swhz a { display: inline-block;float: none; width: auto;}
.footer .navs h3 { margin-bottom: 10px;}
.footer .imgs { float: right; width: 110px;}
.footer .imgs p { line-height: 25px; font-weight: 500; font-size: 14px; color: rgba(255,255,255,0.4); margin-bottom: 15px;}
.footer .imgs img { display: block; width: 100px; height: 100px; padding: 5px; background: #fff;}
.footer .copy { line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.4); text-align: center; margin-top: 40px; padding: 20px 0; border-top: 1px solid rgba(255,255,255,0.1);}
.footer .copy a { color: rgba(255,255,255,0.4);}
.footer .copy a:hover { color: #fff;}

/*右侧客服*/
.webonline { width:60px; position:fixed; right:0; bottom:10%; z-index:999999;}
.webonline li { width:100%; text-align:center; padding:10px 0 5px 0; margin-top:3px; border-radius:4px; background:#f00; position:relative;}
.webonline li .ontop { width:100%; cursor:pointer;}
.webonline li .ontop i { display:block; width:25px; height:20px; line-height:20px; font-family:FontAwesome; font-style:normal; font-size:22px; color:#fff; text-align:center; padding-top:5px; margin:0 auto;}
.webonline li .ontop p { line-height:25px; font-size:11px; color:#fff;}
.webonline li .airlines i { height:25px; line-height:25px; padding-top:0;}
.webonline li .onlft { display:none; padding:5px; margin:auto; border-radius:4px; background:#f00; position:absolute; right:70px; top:10px;}
.webonline li .onlft::after { display:block; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:6px 0 6px 6px; border-color:transparent transparent transparent #f00; line-height:0px; _border-color:#000 #000 #000 #f00; _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000'); position:absolute; right:-6px; top:16px;}
.webonline li .onlft p { width:145px; height:35px; line-height:35px; font-size:20px; color:#fff;}
.webonline li .onlft img { display:block; width:120px; border:3px solid #fff;}
.webonline li:hover .onlft { display:block;}
.webonline li.btn_top { display:none;}

/*公共标题*/
.tits { width: 100%; height: 45px; margin-bottom: 20px;}
.tits h3 { float: left; line-height: 45px; font-weight: 500; font-family: 'YouSheBiao'; font-size: 36px; color: #000; position:relative;}
.tits h3::after { display: block; content: ""; width: 85px; height: 8px; background: rgba(255,0,0,0.1); position: absolute; bottom: 5px; right: 20px;}
.tits h3 i { display: block; float: left; width: 43px; height: 43px; margin-right: 10px; border: 1px solid #f00; border-radius: 50%; position:relative;}
.tits h3 i::after { display: block; content: ""; width: 35px; height: 35px; margin: auto; border-radius: 50%; background-color: #f00; background-repeat: no-repeat; background-position: center; position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.tits h3 span { position: relative; z-index: 2;}
.tits .more { display: block; float: right; line-height: 45px; font-size: 14px; color: #999; padding-right: 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tits .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 20px; right: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.tits .more:hover { color: #f00;}
.tits .more:hover::after { border-color: #f00;}

.newb { display: block; width: 35px; height: 25px; background: url(../images/ys06.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 9;}
.recf { display: block; width: 35px; height: 25px; background: url(../images/ys09.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 9;}
.recy { display: block; width: 51px; height: 28px; background: url(../images/ys42.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 9;}
.hotbl { display: block; width: 35px; height: 25px; background: url(../images/ys99.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 9;}
.hotrd { display: block; width: 51px; height: 28px; background: url(../images/ys40.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 9;}

.huibg { padding: 25px 0; background: #f7f7f7;}
.baibg { padding: 25px 0; background: #fff;}
.marb { margin: 10px 0 10px 0 !important;}
.martp { margin-top: 20px;}
.marbm { margin-bottom: 20px;}

/*广告*/
.advs { width: 100%;}
.advs li { overflow: hidden; position: relative;}
.advs li::after { display: block; content: "广告"; width: 25px; height: 15px; line-height: 15px; font-size: 10px; color: #fff; text-align: center; border-radius: 0 4px 0 0; background: rgba(0,0,0,0.2); position: absolute; left: 0; bottom: 0; z-index: 2;}
.advs li img { display: block; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.advs li:hover img { transform: scale(1.1,1.1);}

.adv1 {}
.adv1 li { float: left; width: 245px; height: 80px; margin-right: 18.5px;}
.adv1 li:last-child { margin-right: 0;}
.adv1 li img { width: 245px; height: 80px;}

.adv2 { margin-top: 20px;}
.adv2 li { float: left; width: 420px; height: 95px; margin-right: 20px;}
.adv2 li:last-child { margin-right: 0;}
.adv2 li img { width: 420px; height: 95px;}

.adv3 { margin-top: 25px;}
.adv3 .lt { float: left; width: 955px; height: 95px;}
.adv3 .rt { float: right; width: 320px; height: 95px;}
.adv3 li img { width: 100%; height: 95px;}

.adv4 { margin: 25px 0;}
.adv4 li,
.adv4 li img { width: 100%; height: 95px;}

.adv5 { float: right; width: 320px;}
.adv5 li { width: 320px; height: 125px; margin-bottom: 15px;}
.adv5 li:last-child { margin-bottom: 0;}
.adv5 li img { width: 320px; height: 125px;}

.adv6 { margin-top: 20px;}
.adv6 li,
.adv6 li img { width: 100%; height: 95px;}

.adv7 { float: right; width: 320px; margin-top: 25px;}
.adv7 li { width: 320px; height: 105px; margin-bottom: 15px;}
.adv7 li:last-child { margin-bottom: 0;}
.adv7 li img { width: 320px; height: 105px;}

.adv8 { float: right; width: 395px;}
.adv8 li { width: 395px; height: 120px; margin-bottom: 11.5px;}
.adv8 li:last-child { margin-bottom: 0;}
.adv8 li img { width: 395px; height: 120px;}

.adv9 { width: 100%; margin-top: 20px;}
.adv9 li { width: 100%; height: 110px; margin-bottom: 15px;}
.adv9 li:last-child { margin-bottom: 0;}
.adv9 li img { width: 100%; height: 110px;}

.adv10 { width: 100%;}
.adv10 li { float: left; width: 360px; height: 105px; margin: 10px 10px 0 0;}
.adv10 li:last-child { margin-right: 0;}
.adv10 li img { width: 360px; height: 105px;}

.adv11 { margin-top: 20px;}
.adv11 li,
.adv11 li img { width: 100%; height: 105px;}

.adv12 { float: right; width: 335px;}
.adv12 li,
.adv12 li img { width: 100%; height: 110px;}
.adv12 li { margin-bottom: 10px;}

.adv13 { width: 100%; margin: 25px 0;}
.adv13 li,
.adv13 li img { width: 100%; height: 140px;}

.adv14 { float: right; width: 320px; margin-top: 30px;}
.adv14 li { width: 320px; height: 100px; margin-bottom: 8px;}
.adv14 li:last-child { margin-bottom: 0;}
.adv14 li img { width: 320px; height: 100px;}

.adv15 { float: right; width: 320px; margin-top: 30px;}
.adv15 li { width: 320px; height: 105px; margin-bottom: 11px;}
.adv15 li:last-child { margin-bottom: 0;}
.adv15 li img { width: 320px; height: 105px;}

.adv16 { margin-top: 30px;}
.adv16 li { float: left; width: 420px; height: 105px; margin-right: 20px;}
.adv16 li:last-child { margin-right: 0;}
.adv16 li img { width: 420px; height: 105px;}

.adv17 { width: 340px; margin-top: 25px;}
.adv17 li { width: 340px; height: 100px; margin-bottom: 10px;}
.adv17 li:last-child { margin-bottom: 0;}
.adv17 li img { width: 340px; height: 100px;}

.adv18 { width: 100%;}
.adv18 li,
.adv18 li img { width: 100%; height: 145px;}

.adv19 { width: 340px;}
.adv19 li { width: 340px; height: 95px; margin-bottom: 10px;}
.adv19 li img { width: 340px; height: 95px;}
.adv19 li:first-child,
.adv19 li:first-child img { height: 205px;}

.adv20 { float: right; width: 340px;}
.adv20 li { width: 340px; height: 95px; margin-bottom: 10px;}
.adv20 li img { width: 340px; height: 95px;}

.adv21 { float: right; width: 360px; margin-top: 65px;}
.adv21 li { width: 360px; height: 95px; margin-bottom: 10px;}
.adv21 li:last-child { margin-bottom: 0;}
.adv21 li img { width: 360px; height: 95px;}

.adv22 { float: right; width: 320px; margin-top: 35px;}
.adv22 li { width: 320px; height: 95px; margin-bottom: 10px;}
.adv22 li:last-child { margin-bottom: 0;}
.adv22 li img { width: 320px; height: 95px;}

.adv23 { height: 130px; border: 1px solid #f5dfbd; overflow: hidden;}
.adv23 li,
.adv23 li img { width: 100%; height: 130px;}

.adv24 { width: 100%;}
.adv24 li { padding: 0 !important; margin-bottom: 0 !important; border-bottom: none !important;}
.adv24 li::after { display: none !important;}
.adv24 li img { width: 100%;}

.adv25 { height: 90px;}
.adv25 li { float: left; height: 90px; margin-right: 20px;}
.adv25 li img { height: 90px;}
.adv25 li:first-child { width: 960px;}
.adv25 li:last-child { width: 320px; margin-right: 0;}

.adv960 { width: 960px; height: 90px; margin-top: 20px;}
.adv960 img { height: 90px;}

/*************** 首页 *******************/
/*最新要闻*/
.latnews { float: left; width: 240px; padding: 20px; margin-top: 30px; background: #fff;}
.latnews .tits { height: 35px; margin-bottom: 15px;}
.latnews .tits h3 { line-height: 35px; font-size: 26px;}
.latnews .tits h3::after { width: 60px; height: 6px;}
.latnews .tits h3 i { width: 33px; height: 33px;}
.latnews .tits h3 i::after { width: 29px; height: 29px;}
.latnews .tits h3 i::after { background-image: url(../images/ys05.png);}
.latnews .tits .more { line-height: 35px;}
.latnews .tits .more::after { top: 15px;}
.latnews .top { width: 240px; height: 160px; margin-bottom: 10px; overflow: hidden; position: relative;}
.latnews .top img { display: block; width: 240px; height: 160px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.latnews .top p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.latnews .top:hover img { transform: scale(1.1,1.1);}
.latnews li { height: 40px; line-height: 40px; padding-left: 20px; position: relative;}
.latnews li::before,
.latnews li::after { display: block; content: ""; position: absolute; -webkit-transition: all .5s ease; transition: all .5s ease;}
.latnews li::before { width: 1px; height: 100%; background: #eee; left: 4px; top: 50%;}
.latnews li::after { width: 7px; height: 7px; border: 1px solid #ccc; border-radius: 100%; background: #fff; left: 0; top: 16px;}
.latnews li:last-child::before { display: none;}
.latnews li a { display: block; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.latnews li:hover::after { border-color: #f00; background: #f00;}
.latnews li:hover a { color: #f00;}

/*banner*/
.banner { float: left; width: 730px; height: 500px; margin-top: 30px;}
.banner .swiper-slide { width: 100%;}
.banner .swiper-slide a,
.banner .swiper-slide img { display: block; width: 100%;}
.banner .swiper-pagination-bullets { bottom: 15px;}
.banner .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.banner .swiper-pagination-bullet-active { background: #f00;}
.banner .swiper-button-prev,
.banner .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.banner .swiper-button-prev::after,
.banner .swiper-button-next::after { font-size: 14px; color: #fff;} 
.banner .swiper-button-prev { left: 20px;}
.banner .swiper-button-next { right: 20px;}
.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover { background: #f00;}

/*登录、新闻*/
.lognews { float: left; width: 290px; margin-top: 30px;}
.lognews .logins { width: 100%;}
.lognews .logins .tit { width: 290px; height: 60px; line-height: 60px; background: url(../images/ys08.png) no-repeat 0 0;}
.lognews .logins .tit span { display: inline-block; width: 85px; font-family: 'YouSheBiao'; font-size: 22px; color: #ac5e2c; padding-left: 25px; margin: 0 30px; background: url(../images/ys07.png) no-repeat left center; position: relative;}
.lognews .logins .tit span::after { display: block; content: ""; width: 15px; height: 3px; background: #ac5e2c; position: absolute; right: 20%; bottom: 10px;}
.lognews .logins .tit a { display: inline-block; width: 110px; font-size: 14px; color: #5f330d; text-align: center;}
.lognews .logins .nr { width: 100%; padding-bottom: 15px; background: #fff;}
.lognews .logins .nr .nams { padding: 12px 20px 15px 20px;}
.lognews .logins .nr .nams .img { float: left; width: 65px; height: 65px; border-radius: 50%; overflow: hidden;}
.lognews .logins .nr .nams .img img { display: block; width: 65px; height: 65px;}
.lognews .logins .nr .nams .msg { float: right; width: calc(100% - 85px); padding-top: 5px;}
.lognews .logins .nr .nams .msg h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.lognews .logins .nr .nams .msg p { line-height: 25px; font-size: 14px; color: #999;}
.lognews .logins .nr a { display: block; float: left; width: 110px; height: 35px; line-height: 35px; font-size: 14px; color: #333; text-align: center; margin-left: 20px; border: 1px solid #e6e6e6; border-radius: 20px; background: #fafafa; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lognews .logins .nr .red { color: #fff; border-color: #f00; background: #f00;}
.lognews .logins .nr a:hover { border-radius: 4px;}
.lognews .newss { padding: 20px; border-top: 1px solid #eee; background: #fff;}
.lognews .newss .swiper-pagination { width: 100%; height: 35px; font-size: 0; text-align: left; margin-bottom: 10px; position: relative; bottom: 0;}
.lognews .newss .swiper-pagination span { width: 65px; height: 30px; line-height: 30px; font-weight: bold; font-size: 16px; color: #333; text-align: center; margin: 0 25px 0 0; filter: alpha(opacity=100); opacity: 1; border-radius: 15px; background: #fff; position: relative;}
.lognews .newss .swiper-pagination span::before,
.lognews .newss .swiper-pagination span::after { content: ""; margin: auto; position: absolute;}
.lognews .newss .swiper-pagination span::before { display: none; width: 0; height: 0; border-style: solid; border-width: 5px 5px 0 5px; border-color: #f00 transparent transparent transparent; left: 0; right: 0; bottom: -5px;}
.lognews .newss .swiper-pagination span::after { display: block; width: 1px; height: 20px; background: #dadada; right: -14px; top: 0; bottom: 0;}
.lognews .newss .swiper-pagination span:last-child { margin-right: 0;}
.lognews .newss .swiper-pagination .swiper-pagination-bullet-active:last-child::after { display: none;}
.lognews .newss .swiper-pagination .swiper-pagination-bullet-active { color: #fff !important; background: #f00;}
.lognews .newss .swiper-pagination .swiper-pagination-bullet-active::before { display: block;}
.lognews .newss .swiper-slide { background: #fff;}
.lognews .newss .swiper-slide li { width: 100%; margin-bottom: 15px; position: relative;}
.lognews .newss .swiper-slide li:last-child { margin-bottom: 0;}
.lognews .newss .swiper-slide li::after { display: block; content: ""; width: 35px; height: 25px; background: url(../images/ys09.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.lognews .newss .swiper-slide li .img { float: left; width: 90px; height: 60px; overflow: hidden;}
.lognews .newss .swiper-slide li .img img { display: block; width: 90px; height: 60px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lognews .newss .swiper-slide li h3 { float: right; width: calc(100% - 100px); height: 50px; line-height: 25px; font-weight: 500; font-size: 16px; color: #333; padding-top: 5px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.lognews .newss .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.lognews .newss .swiper-slide li:hover h3 { color: #f00;}

/*活动展览*/
.events { width: 100%; padding: 40px 0;}
.events .tits h3 i::after { background-image: url(../images/ys10.png);}
.events .tits .gd { display: block; float: right; line-height: 45px; font-size: 18px; color: #333; margin-left: 30px; padding: 0 15px; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.events .tits .gd:hover { color: #fff; background: #f00;}
.events .tits .tabs { float: right; height: 45px;}
.events .tits .tabs li { float: left; width: 110px; text-align: center; padding: 0 15px; position: relative;}
.events .tits .tabs li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: #e6e6e6; position: absolute; right: 0; top: 0; bottom: 0;}
.events .tits .tabs li a { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 18px; color: #333; border-radius: 25px; position: relative;}
.events .tits .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.events .tits .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.events .tits .tabs .on a::after { display: block;}
.events .swiper-slide { background: #fff;}
.events .neir .swiper-slide { width: 100%;}
.events .neir .swiper-slide a { display: block; padding: 15px; border: 1px solid #ebebeb;}
.events .neir .swiper-slide .img { width: 100%; height: 195px; overflow: hidden;}
.events .neir .swiper-slide .img img { display: block; width: 100%; height: 195px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.events .neir .swiper-slide .msg { width: 100%; padding-top: 10px;}
.events .neir .swiper-slide .msg h3 { line-height: 35px; font-size: 18px; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.events .neir .swiper-slide .msg p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.events .neir .swiper-slide .botm { padding: 15px; border: 1px solid #ebebeb; border-top: none;}
.events .neir .swiper-slide .botm span { display: block; float: left; width: 50%; height: 30px; line-height: 30px; font-size: 14px; color: #999;}
.events .neir .swiper-slide .botm button { display: block; float: right; width: 75px; height: 30px; line-height: 28px; font-size: 15px; color: #fff;  border: 1px solid #ff6400; border-radius: 15px; overflow: hidden; background-image: linear-gradient(to right,#ffa027,#ff3f17);}
.events .neir .swiper-slide .botm .hui { color: #ff6400; background: #fff;}
.events .neir .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.events .neir .swiper-slide:hover .msg h3 { color: #f00;}
.events .swiper-button-prev,
.events .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: #ccc;}
.events .swiper-button-prev { left: 5px;}
.events .swiper-button-next { left: auto; right: 5px;}
.events .swiper-button-prev::after,
.events .swiper-button-next::after { font-size: 16px; color: #fff;}
.events .swiper-button-prev:hover,
.events .swiper-button-next:hover { background: #f00;}

/*综合商城、招商代理*/
.shops { width: 100%; padding: 50px 0; background: url(../images/ys11.jpg) no-repeat center top;}
.shops .tits h3::after { background: rgba(255,255,255,0.15);}
.shops .tits h3 i { border-color: #fff;}
.shops .tits h3 span { color: #fff;}
.shops .malls { float: left; width: 955px;}
.shops .malls .tits h3 i::after { background-color: #fff; background-image: url(../images/ys12.png);}
.shops .malls .tits .gd { display: block; float: right; line-height: 40px; font-size: 17px; color: #fff; margin: 5px 0 0 15px; padding: 0 15px; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shops .malls .tits .gd:hover { color: #fff; background: #f00;}
.shops .malls .tits .tabs { float: right; height: 40px; margin-top: 5px;}
.shops .malls .tits .tabs li { float: left; width: 100px; text-align: center; padding: 0 15px; position: relative;}
.shops .malls .tits .tabs li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: rgba(255,255,255,0.2); position: absolute; right: 0; top: 0; bottom: 0;}
.shops .malls .tits .tabs li a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; border-radius: 25px; position: relative;}
.shops .malls .tits .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.shops .malls .tits .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.shops .malls .tits .tabs .on a::after { display: block;}
.shops .malls .lst { border-top: 1px solid rgba(255,255,255,0.3); border-left: 1px solid rgba(255,255,255,0.3); border-radius: 4px; overflow: hidden;}
.shops .malls .lst li { float: left; width: 200px; padding: 20px 18.7px 15px 18.7px; border-right: 1px solid rgba(255,255,255,0.3); border-bottom: 1px solid rgba(255,255,255,0.3); background: rgba(255,255,255,0.1);}
.shops .malls .lst li .img { width: 200px; height: 200px; overflow: hidden;}
.shops .malls .lst li .img img { display: block; width: 200px; height: 200px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shops .malls .lst li .msg { padding-top: 15px;}
.shops .malls .lst li .msg h3 { height: 50px; line-height: 25px; font-weight: 500; font-size: 18px; color: #fff; margin-bottom: 15px; overflow: hidden;}
.shops .malls .lst li .msg p { float: left; width: 50%; line-height: 25px; font-size: 16px; color: #ffde00;}
.shops .malls .lst li .msg p b { font-weight: 500; font-size: 22px;}
.shops .malls .lst li .msg span { float: right; max-width: 50%; line-height: 25px; font-size: 14px; color: rgba(255,255,255,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shops .malls .lst li:hover .img img { transform: scale(1.1,1.1);}
.shops .malls .lst li:hover .msg h3 { font-weight: bold;}
.shops .agent { float: right; width: 320px;}
.shops .agent .tits h3 i::after { background-color: #fff; background-image: url(../images/ys13.png);}
.shops .agent .tits .more { color: #fff;}
.shops .agent .tits .more::after { border-top: 1px solid #fff; border-right: 1px solid #fff;}
.shops .agent .nrs { padding: 15px; border: 1px solid rgba(255,255,255,0.3); border-radius: 4px; overflow: hidden; background: rgba(255,255,255,0.1);}
.shops .agent .nrs .top { width: 280px; height: 190px; overflow: hidden; background: #fff; position: relative;}
.shops .agent .nrs .top i { display: block; width: 35px; height: 25px; background: url(../images/ys06.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.shops .agent .nrs .top img { display: block; width: 280px; height: 190px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shops .agent .nrs .top p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.shops .agent .nrs .top:hover img { transform: scale(1.1,1.1);}
.shops .agent .nrs li { width: 100%; padding: 18.5px 0; border-bottom: 1px dashed rgba(255,255,255,0.4);}
.shops .agent .nrs li:last-child { padding-bottom: 0; border-bottom: none;}
.shops .agent .nrs li .tim { float: left; width: 54px; height: 49px; line-height: 20px; font-size: 10px; color: #fff; text-align: center; padding-top: 5px; background: url(../images/ys14.png) no-repeat 0 0;}
.shops .agent .nrs li .tim b { display: block; line-height: 25px; font-size: 20px; color: #fff;}
.shops .agent .nrs li .msg { float: right; width: calc(100% - 65px);}
.shops .agent .nrs li .msg h3 { line-height: 32px; font-size: 18px; color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shops .agent .nrs li .msg p { line-height: 22px; font-size: 14px; color: rgba(255,255,255,0.6); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shops .agent .nrs li:hover .tim { background-image: url(../images/ys15.png);}

/*孝老爱亲*/
.pietys { float: left; width: 955px;}
.pietys .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.pietys .tits h3 i::after { background-image: url(../images/ys16.png);}
.pietys .lft { float: left; width: 380px;}
.pietys .lft .top { width: 380px; height: 245px; overflow: hidden; position: relative;}
.pietys .lft .top img { display: block; width: 380px; height: 245px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pietys .lft .top h3 { width: calc(100% - 20px); height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 2;}
.pietys .lft .top img:hover { transform: scale(1.1,1.1);}
.pietys .lft .top .swiper-button-prev,
.pietys .lft .top .swiper-button-next { width: 25px; height: 40px; background: rgba(0,0,0,0.5);}
.pietys .lft .top .swiper-button-prev { left: 0;}
.pietys .lft .top .swiper-button-next { left: auto; right: 0;}
.pietys .lft .top .swiper-button-prev::after,
.pietys .lft .top .swiper-button-next::after { font-size: 14px; color: #fff;}
.pietys .lft .top .swiper-button-prev:hover,
.pietys .lft .top .swiper-button-next:hover { background: #f00;}
.pietys .lft li { float: left; width: 185px; height: 120px; margin: 10px 10px 0 0; overflow: hidden; position: relative;}
.pietys .lft li:nth-child(2n) { margin-right: 0;}
.pietys .lft li img { display: block; width: 185px; height: 120px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pietys .lft li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 2;}
.pietys .lft li:hover img { transform: scale(1.1,1.1);}
.pietys .rgt { float: right; width: calc(100% - 400px);}
.pietys .rgt li { width: 100%; margin-bottom: 15px;}
.pietys .rgt li:last-child { margin-bottom: 0;}
.pietys .rgt li .img { float: left; width: 175px; height: 115px; overflow: hidden;}
.pietys .rgt li .img img { display: block; width: 175px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pietys .rgt li .msg { float: right; width: calc(100% - 190px);}
.pietys .rgt li .msg h3 { line-height: 30px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.pietys .rgt li .msg p { height: 50px; line-height: 22px; font-size: 14px; color: #666; margin: 5px 0 10px 0; overflow: hidden;}
.pietys .rgt li .msg span { display: block; line-height: 20px; font-size: 14px; color: #999;}
.pietys .rgt li:hover .img img { transform: scale(1.1,1.1);}
.pietys .rgt li:hover .msg h3 { color: #f00;}

/*婚恋交友*/
.loves { float: right; width: 280px; padding: 10px 18px; border: 1px solid #fdc; border-radius: 4px; background: #fff3eb;}
.loves .name { height: 40px; margin-bottom: 20px;}
.loves .name h3 { float: left; width: 150px; height: 40px; background: url(../images/ys17.png) no-repeat left center;}
.loves .name a {  display: block; float: right; line-height: 45px; font-size: 14px; color: #999; padding-right: 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.loves .name a::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 20px; right: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.loves .name a:hover { color: #f00;}
.loves .name a:hover::after { border-color: #f00;}
.loves li { width: 100%; margin-bottom: 28.5px; position: relative;}
.loves li:last-child { margin-bottom: 10px;}
.loves li::after { display: block; content: ""; width: 60px; height: 24px; background: url(../images/ys18.png) no-repeat 0 0; position: absolute; left: 0; top: -10px; z-index: 2;}
.loves li .msg { float: left; width: calc(100% - 130px); height: 50px; padding: 12.5px 10px; overflow: hidden; background: #fff;}
.loves li .msg p { height: 50px; font-size: 0; overflow: hidden;}
.loves li .msg p span { line-height: 25px; font-size: 16px; color: #333; margin-right: 10px; position: relative;}
.loves li .msg p span::after { display: block; content: ""; width: 1px; height: 13px; background: #666; position: absolute; right: -5px; top: 2px;}
.loves li .msg p span:last-child { margin-right: 0;}
.loves li .msg p span:last-child::after { display: none;}
.loves li .img { float: right; width: 110px; height: 75px; border-radius: 4px; overflow: hidden; background: #fff;}
.loves li .img img { display: block; width: 110px; height: 75px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.loves li:hover .img img { transform: scale(1.1,1.1);}

/*网上祭祀*/
.sacrifs { width: 100%; padding: 40px 0; background: url(../images/ys19.jpg) no-repeat center top;}
.sacrifs .tits h3::after { background: rgba(168,140,92,0.3);}
.sacrifs .tits h3 i { border-color: #fff;}
.sacrifs .tits h3 i::after { background-color: #fff; background-image: url(../images/ys20.png);}
.sacrifs .tits h3 span { color: #fff;}
.sacrifs .tits .gd { display: block; float: right; line-height: 40px; font-size: 16px; color: #fff; margin: 5px 0 0 15px; padding: 0 15px; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifs .tits .gd:hover { color: #fff; background: #ce934e;}
.sacrifs .tits .tabs { float: right; height: 40px; margin-top: 5px;}
.sacrifs .tits .tabs li { float: left; width: 110px; text-align: center; padding: 0 15px; position: relative;}
.sacrifs .tits .tabs li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: rgba(255,255,255,0.2); position: absolute; right: 0; top: 0; bottom: 0;}
.sacrifs .tits .tabs li a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 18px; color: #fff; border-radius: 25px; position: relative;}
.sacrifs .tits .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #ce934e transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.sacrifs .tits .tabs .on a { font-weight: bold; color: #fff; background: #ce934e;}
.sacrifs .tits .tabs .on a::after { display: block;}
.sacrifs .swiper-slide {}
.sacrifs .swiper-slide li { float: left; width: 175px; text-align: center; padding: 10px; margin-right: 23.5px; border: 1px solid rgba(196,172,127,0.1); border-radius: 4px; overflow: hidden; background: rgba(196,172,127,0.05); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifs .swiper-slide li:last-child { margin-right: 0;}
.sacrifs .swiper-slide li .img { width: 175px; height: 235px; overflow: hidden;}
.sacrifs .swiper-slide li .img img { display: block; width: 175px; height: 235px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifs .swiper-slide li h3 { line-height: 45px; font-size: 20px; color: #fff; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.sacrifs .swiper-slide li h3::before,
.sacrifs .swiper-slide li h3::after { display: block; content: ""; width: 80%; height: 1px; margin: 0 auto; background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,0.3),rgba(255,255,255,0)); position: absolute; left: 0; right: 0;}
.sacrifs .swiper-slide li h3::before { top: 0;}
.sacrifs .swiper-slide li h3::after { bottom: 0;}
.sacrifs .swiper-slide li p { line-height: 30px; font-size: 16px; color: #fff;}
.sacrifs .swiper-slide li p i { display: inline-block; width: 22px; height: 22px; line-height: 20px; font-style: normal; font-size: 14px; text-align: center; margin-right: 5px; border-radius: 4px; overflow: hidden; background: #6a5d4e; position: relative; top: 6px;}
.sacrifs .swiper-slide li p .red { background: #8b0e0e;}
.sacrifs .swiper-slide li .msg { width: 175px; height: 220px; padding-top: 15px; filter: alpha(opacity=0); opacity: 0; background: rgba(0,0,0,0.8); position: absolute; left: 10px; top: 10px; z-index: 8; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifs .swiper-slide li .msg span { display: block; width: 90px; height: 36px; line-height: 36px; font-size: 14px; color: #ab946e; margin: 0 auto 6px auto; background: url(../images/ys21.png) no-repeat 0 0;}
.sacrifs .swiper-slide li .msg span:hover { color: #fff; background-image: url(../images/ys21h.png);}
.sacrifs .swiper-slide li:hover { background: rgba(196,172,127,0.75);}
.sacrifs .swiper-slide li:hover .msg { filter: alpha(opacity=100); opacity: 1;}

/*最新房产*/
.property { float: left; width: 460px;}
.property .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.property .tits h3 i::after { background-image: url(../images/ys22.png);}
.property li { width: 100%; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px dashed #ddd;}
.property li:last-child { border-bottom: none;}
.property li i { display: block; float: left; width: 30px; height: 30px; line-height: 20px; font-style: normal; font-size: 20px; color: #ff7620; background-repeat: no-repeat; background-position: 0 0;}
.property li .img { float: left; width: 110px; height: 70px; overflow: hidden;}
.property li .img img { display: block; width: 110px; height: 70px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.property li .msg { float: right; width: calc(100% - 155px);}
.property li .msg h3 { line-height: 35px; font-size: 20px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.property li .msg p { float: left; width: 70%; line-height: 30px; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.property li .msg p span { margin-right: 5px;}
.property li .msg .red { display: block; float: right; max-width: 30%; font-size: 14px; color: #ff5400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.property li .msg .red b { font-style: normal; font-size: 20px; margin-right: 5px;}
.property li:hover .img img { transform: scale(1.1,1.1);}
.property li:hover .msg h3 { color: #f00;}
.property li:nth-child(1) i,
.property li:nth-child(2) i,
.property li:nth-child(3) i { font-size: 0;}
.property li:nth-child(1) i { background-image: url(../images/ys23.png);}
.property li:nth-child(2) i { background-image: url(../images/ys24.png);}
.property li:nth-child(3) i { background-image: url(../images/ys25.png);}

/*招聘求职*/
.wanteds { float: left; width: 460px; margin: 0 30px;}
.wanteds .tits { margin-bottom: 10px;}
.wanteds .tits h3 i::after { background-image: url(../images/ys26.png);}
.wanteds li { margin-bottom: 14px; border: 1px solid #e6e6e6; border-radius: 4px; overflow: hidden;}
.wanteds li .top { height: 50px; line-height: 50px; padding: 10px 20px;}
.wanteds li .top h3 { float: left; width: 35%; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.wanteds li .top span { display: block; float: left; width: 65px; height: 30px; line-height: 30px; font-size: 14px; color: #808080; margin: 10px 0 0 10px; padding: 0 10px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #f8f8f8;}
.wanteds li .top b { display: block; float: right; max-width: calc(75% - 240px); font-weight: 500; font-size: 18px; color: #ff2b1b; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wanteds li .btom { width: calc(100% - 40px); height: 40px; line-height: 40px; padding: 0 20px; background: #fff9f5;}
.wanteds li .btom p { float: left; max-width: calc(65% - 30px); font-size: 16px; color: #333; padding-left: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/ys27.png) no-repeat left center;}
.wanteds li .btom span { display: block; float: right; max-width: 35%; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.wanteds li:hover .top h3 { color: #f00;}

/*老年权益*/
.oldage { float: left; width: 460px;}
.oldage .tits { padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #e4e4e4;}
.oldage .tits h3 i::after { background-image: url(../images/ys28.png);}
.oldage li { line-height: 25px; padding-left: 25px; margin-top: 15px; position: relative;}
.oldage li::before,
.oldage li::after { display: block; content: ""; position: absolute;}
.oldage li::before { width: 9px; height: 9px; border: 1px solid #f00; border-radius: 50%; background: #fff; left: 0; top: 9px; z-index: 2;}
.oldage li::after { width: 1px; height: 100%; background: #e3e3e3; left: 5px; top: 20px;}
.oldage li p { float: left; width: 80%; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.oldage li span { display: block; float: right; font-size: 14px; color: #999;}
.oldage li .img { width: 435px; height: 0; overflow: hidden;}
.oldage li .img img { display: block; width: 435px; height: 245px;}
.oldage li:last-child::after { height: calc(100% - 20px);}
.oldage li:last-child .img { margin-bottom: 0;}
.oldage li:hover p,
.oldage .on p { color: #f00;}
.oldage li:hover::before,
.oldage .on::before { background: #f00;}
.oldage .on .img { height: 245px; margin-top: 5px;}

/*需求列表*/
.demands { float: left; width: 460px; margin: 0 30px;}
.demands .tits { padding-bottom: 10px; margin-bottom: 0; border-bottom: 1px solid #e4e4e4;}
.demands .tits h3 i::after { background-image: url(../images/ys29.png);}
.demands li { width: 100%; height: 53.5px; line-height: 53.5px; border-bottom: 1px dashed #ddd;}
.demands li a { display: block; float: left; width: 80%; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.demands li a i { display: block; float: left; width: 18px; height: 20px; line-height: 20px; font-style: normal; font-size: 12px; color: #fff; text-align: center; margin: 18px 10px 0 0; background: url(../images/ys30.png) no-repeat 0 0;}
.demands li span { display: block; float: right; font-size: 14px; color: #999;}
.demands li:hover a { color: #f00;}
.demands li:nth-child(1) a i { background-image: url(../images/ys31.png);}
.demands li:nth-child(2) a i { background-image: url(../images/ys32.png);}
.demands li:nth-child(3) a i { background-image: url(../images/ys33.png);}
.demands li:nth-child(4) a i { background-image: url(../images/ys34.png);}
.demands li:nth-child(5) a i { background-image: url(../images/ys35.png);}

/*会员名录*/
.directorys { width: 100%; padding: 30px 0;}
.directorys .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.directorys .tits h3 i::after { background-image: url(../images/ys36.png);}
.directorys .swiper-slide {}
.directorys .swiper-slide .img { width: 100%; height: 300px; border-radius: 4px; overflow: hidden;}
.directorys .swiper-slide .img img { display: block; width: 100%; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.directorys .swiper-slide h3 { height: 55px; line-height: 55px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.directorys .swiper-slide span { display: block; height: 30px; line-height: 30px; font-size: 14px; color: #999;}
.directorys .swiper-slide .fl { color: #f00; padding: 0 15px 0 35px; border-radius: 15px; background: #fff1f0 url(../images/ys37.png) no-repeat 10px 9px;}
.directorys .swiper-slide .fr { max-width: 50%;}
.directorys .swiper-slide:hover .img img { transform: scale(1.1,1.1);}
.directorys .swiper-slide:hover h3 { color: #f00;}
.directorys .swiper-button-prev,
.directorys .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5);}
.directorys .swiper-button-prev { left: 5px;}
.directorys .swiper-button-next { left: auto; right: 5px;}
.directorys .swiper-button-prev::after,
.directorys .swiper-button-next::after { font-size: 16px; color: #fff;}
.directorys .swiper-button-prev:hover,
.directorys .swiper-button-next:hover { background: #f00;}

/*产业联盟*/
.alliance { width: 100%; padding-top: 10px;}
.alliance .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.alliance .tits h3 i::after { background-image: url(../images/ys36.png);}
.alliance li { float: left; width: calc(100% / 6 - 23px); padding: 5px; margin: 0 15px 15px 0; overflow: hidden; background: #fff;}
.alliance li:nth-child(6n) { margin-right: 0;}
.alliance li a { display: table-cell; width: 100vw; height: 85px; vertical-align: middle;}
.alliance li img { display: block; max-width: 100%; height: 85px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.alliance li:hover img { transform: scale(0.95,0.95);}

/*************** 时政要闻 *******************/
.affairs { width: 100%;}
.affairs .tit { height: 30px; line-height: 30px; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.affairs .tit h3 { float: left; font-size: 20px; color: #333; padding-left: 15px; position: relative;}
.affairs .tit h3::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 6px;}
.affairs .tit .gd { float: right; font-size: 14px; color: #666; padding: 0 15px; border-radius: 15px; background: #fff;}
.affairs .tit .gd:hover { color: #fff; background: #f00;}
.affairs .tit .more { float: right; font-size: 14px; color: #999; padding-right: 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .tit .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 12.5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .tit .more:hover { color: #f00;}
.affairs .tit .more:hover::after { border-top: 1px solid #f00; border-right: 1px solid #f00;}
.affairs .tabs { float: right; height: 30px;}
.affairs .tabs li { float: left; line-height: 30px; margin-right: 15px; position: relative;}
.affairs .tabs li::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: -7.5px; top: 12px;}
.affairs .tabs li a { display: block; font-size: 14px; color: #666; padding: 0 15px; border-radius: 15px; position: relative;}
.affairs .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.affairs .tabs .on a { color: #fff; background: #f00;}
.affairs .tabs .on a::after { display: block;}
.affairs .tips { width: 100%;}
.affairs .tips a { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; color: #888; padding: 0 10px; margin: 0 5px 5px 0; border: 1px solid #ededed; border-radius: 4px; overflow: hidden; background: #f7f7f7; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .tips a:hover { color: #fff; border-color: #f00; background: #f00;}
.affairs .top { width: 100%; margin-top: 10px;; position: relative;}
.affairs .lst { width: 100%; margin-top: 10px;}
.affairs .lst li { height: 35px; line-height: 35px; padding-left: 15px; position: relative;}
.affairs .lst li::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: #e0e0e0; position: absolute; left: 0; top: 18px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .lst li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .lst li:first-child a { font-weight: bold; font-size: 18px;}
.affairs .lst li:hover::after { background: #f00;}
.affairs .lst li:hover a { color: #f00;}
/*新闻分类*/
.affairs .toplft { float: left; width: 275px;}
.affairs .toplft .sort { width: 100%; padding-bottom: 5px; background: #fff;}
.affairs .toplft .sort h1 { height: 55px; line-height: 55px; font-size: 18px; color: #fff; margin-bottom: 10px; padding: 0 20px 0 55px; background-image: linear-gradient(to right,#ffa127,#ff3e16); position: relative;}
.affairs .toplft .sort h1::after { display: block; content: ""; width: 35px; height: 55px; background: url(../images/ys38.png) no-repeat 0 22px; position: absolute; left: 20px; top: 0;}
.affairs .toplft .sort li { float: left; width: calc(100% / 3 - 25px); height: 30px; line-height: 30px; margin: 0 0 10px 20px; position: relative;}
.affairs .toplft .sort li::after { display: block; content: ""; width: 1px; height: 15px; background: #ddd; position: absolute; right: -10px; top: 10px;}
.affairs .toplft .sort li:nth-child(3n)::after,
.affairs .toplft .sort li:last-child::after { display: none;}
.affairs .toplft .sort li a { display: block; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .toplft .sort li:hover a { color: #f00;}
/*推荐新闻*/
.affairs .toplft .sell { margin-top: 10px; padding: 15px 20px; background: #fff;}
.affairs .toplft .sell .tit { padding-bottom: 0; border-bottom: none;}
.affairs .toplft .sell li { width: 100%; height: 45px; line-height: 45px;}
.affairs .toplft .sell li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .toplft .sell li a i { display: block; float: left; width: 22px; height: 22px; line-height: 22px; font-style: normal; color: #999; text-align: center; margin: 13px 10px 0 0; border-radius: 2px; background: #e6e6e6;}
.affairs .toplft .sell li:hover a { color: #f00;}
.affairs .toplft .sell li:nth-child(1) a i { color: #fff; background: #f00;}
.affairs .toplft .sell li:nth-child(2) a i { color: #fff; background: #ff6c00;}
.affairs .toplft .sell li:nth-child(3) a i { color: #fff; background: #ffb811;}
/*大图新闻*/
.affairs .bigtu { float: left; width: 730px; height: 500px; margin: 0 10px; overflow: hidden;}
.affairs .bigtu .swiper-slide { width: 100%; height: 500px; background: #fff;}
.affairs .bigtu .swiper-slide img { display: block; width: 100%; height: 500px;}
.affairs .bigtu .swiper-slide p { width: calc(60% - 20px); height: 50px; line-height: 50px; font-size: 20px; color: #fff; padding: 0 40% 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.affairs .bigtu .swiper-pagination-bullets { width: 30%; height: 50px; line-height: 50px; text-align: right; left: auto; right: 10px; bottom: 0; z-index: 3;}
.affairs .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.affairs .bigtu .swiper-pagination-bullet-active { background: #f00;}
.affairs .bigtu .swiper-button-prev,
.affairs .bigtu .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .bigtu .swiper-button-prev::after,
.affairs .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.affairs .bigtu .swiper-button-prev { left: 20px;}
.affairs .bigtu .swiper-button-next { right: 20px;}
.affairs .bigtu .swiper-button-prev:hover,
.affairs .bigtu .swiper-button-next:hover { background: #f00;}
/*热门新闻*/
.affairs .toprgt { float: right; width: 235px; padding: 10px 20px; background: #fff;}
.affairs .toprgt .tit { padding-bottom: 0; border-bottom: none;}
.affairs .toprgt li { padding-bottom: 14.5px; margin-bottom: 14.5px; border-bottom: 1px solid #f4f4f4; position: relative;}
.affairs .toprgt li:last-child { padding-bottom: 0; border-bottom: none;}
.affairs .toprgt li .img { float: left; width: 90px; height: 60px; overflow: hidden;}
.affairs .toprgt li .img img { display: block; width: 90px; height: 60px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .toprgt li h3 { float: right; width: calc(100% - 105px); height: 60px; line-height: 30px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .toprgt li:hover .img img { transform: scale(1.1,1.1);}
.affairs .toprgt li:hover h3 { color: #f00;}
/*国际新闻、时政新闻*/
.affairs .newlst { float: left; width: 460px;}
.affairs .newlst .top .img { float: left; width: 185px; height: 120px; border-radius: 4px; overflow: hidden;}
.affairs .newlst .top .img img { display: block; width: 185px; height: 120px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .newlst .top .msg { float: right; width: calc(100% - 200px);}
.affairs .newlst .top .msg h3 { height: 75px; line-height: 25px; font-size: 18px; color: #333; margin-bottom: 25px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .newlst .top .msg p { line-height: 20px; font-size: 14px; color: #999; padding-left: 20px; background: url(../images/ys41.png) no-repeat left center;}
.affairs .newlst .top:hover .img img { transform: scale(1.1,1.1);}
.affairs .newlst .top:hover .msg h3 { color: #f00;}
.affairs .national {}
.affairs .current { margin: 0 30px;}
/*热门要闻*/
.affairs .hostnew { float: right; width: 320px;}
.affairs .hostnew .tit h3 { color: #f00; padding-left: 30px; background: url(../images/ys39.png) no-repeat left center;}
.affairs .hostnew .tit h3::after { display: none;}
.affairs .hostnew li { width: 100%; line-height: 42.5px;}
.affairs .hostnew li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .hostnew li a i { display: block; float: left; width: 25px; font-style: normal; color: #999;}
.affairs .hostnew li:nth-child(1) a,
.affairs .hostnew li:nth-child(2) a,
.affairs .hostnew li:nth-child(3) a { font-weight: bold; font-size: 18px;}
.affairs .hostnew li:nth-child(1) a i { color: #f00;}
.affairs .hostnew li:nth-child(2) a i { color: #ff6c00;}
.affairs .hostnew li:nth-child(3) a i { color: #ffb811;}
.affairs .hostnew li:hover a { color: #f00;}
/*财经新闻、社会新闻*/
.affairs .newlit { float: left; width: 460px; margin-top: 30px;}
.affairs .newlit .top li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.affairs .newlit .top li:nth-child(2n) { margin-right: 0;}
.affairs .newlit .top li:last-child::after { background-image: url(../images/ys42.png);}
.affairs .newlit .top li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .newlit .top li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.affairs .newlit .top li:hover img { transform: scale(1.1,1.1);}
.affairs .finance,
.affairs .sports {}
.affairs .society,
.affairs .healthy { margin: 30px 30px 0 30px;}
/*科技新闻*/
.affairs .techiogy { float: left; width: 460px; margin-top: 25px;}
.affairs .techiogy .top { height: 300px; border-radius: 4px; overflow: hidden;}
.affairs .techiogy .top img { display: block; width: 100%; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .techiogy .top p { width: calc(100% - 30px); height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; padding: 0 15px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.affairs .techiogy .top:hover img { transform: scale(1.1,1.1);}
.affairs .techiogy .imgs { width: 100%; margin-top: 15px;}
.affairs .techiogy .imgs li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.affairs .techiogy .imgs li:last-child { margin-right: 0;}
.affairs .techiogy .imgs li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .techiogy .imgs li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.affairs .techiogy .imgs li:hover img { transform: scale(1.1,1.1);}
/*军事新闻*/
.affairs .militry { float: left; width: 460px; margin: 25px 30px 0 30px;}
.affairs .militry .lst li { height: 37px; line-height: 37px;}
/*资讯推荐*/
.affairs .recomnew { float: right; width: 320px; margin-top: 25px;}
.affairs .recomnew .tit h3 { color: #f00; padding-left: 30px; background: url(../images/ys43.png) no-repeat left center;}
.affairs .recomnew .tit h3::after { display: none;}
.affairs .recomnew li { width: 100%; line-height: 46.5px;}
.affairs .recomnew li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .recomnew li a i { display: block; float: left; width: 25px; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #999; text-align: center; margin: 10px 10px 0 0; border-radius: 4px; overflow: hidden; background: #e6e6e6;}
.affairs .recomnew li:nth-child(1) a i { color: #fff; background: #f00;}
.affairs .recomnew li:nth-child(2) a i { color: #fff; background: #ff6c00;}
.affairs .recomnew li:nth-child(3) a i { color: #fff; background: #ffb811;}
.affairs .recomnew li:hover a { color: #f00;}
/*新闻达人*/
.affairs .persons { float: left; width: 950px;}
.affairs .persons .tit { padding-bottom: 0; border-bottom: none;}
.affairs .persons .swiper-slide li { float: left; width: calc(100% / 3 - 27px); padding: 10px; margin: 0 10px 10px 0; background: #fff;}
.affairs .persons .swiper-slide li:nth-child(3n) { margin-right: 0;}
.affairs .persons .swiper-slide li .img { float: left; width: 100px; height: 100px; overflow: hidden;}
.affairs .persons .swiper-slide li .img img { display: block; width: 100px; height: 100px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .persons .swiper-slide li .msg { float: right; width: calc(100% - 115px);}
.affairs .persons .swiper-slide li .msg h3 { height: 50px; line-height: 25px; font-size: 16px; color: #333; margin-bottom: 20px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .persons .swiper-slide li .msg span { display: inline-block; line-height: 25px; font-size: 12px; color: #999; padding-right: 15px; position: relative;}
.affairs .persons .swiper-slide li .msg span::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 10px; right: 2px;}
.affairs .persons .swiper-slide li:hover .img img { transform: scale(0.95,0.95);}
.affairs .persons .swiper-slide li:hover .msg h3 { color: #f00;}
/*标签云*/
.affairs .tags { float: right; width: 320px;}
.affairs .tags .tit { padding-bottom: 0; border-bottom: none;}
.affairs .tags .tit h3 { padding-left: 30px; background: url(../images/ys43.png) no-repeat left center;}
.affairs .tags .tit h3::after { display: none;}
.affairs .tags li { float: left; height: 40px; line-height: 40px; margin: 0 5px 5px 0; border: 1px solid #eee;}
.affairs .tags li a { display: block; font-size: 16px; color: #333; padding: 0 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .tags .cor1 { border-color: #d6d8f3; background: #ebecfb;}
.affairs .tags .cor2 { border-color: #edc7c5; background: #f4e4e3;}
.affairs .tags .cor3 { border-color: #c6dbed; background: #e8f1f9;}
.affairs .tags .cor4 { border-color: #c5e2c5; background: #e9f3e9;}
.affairs .tags .cor5 { border-color: #ddc7e1; background: #efe6f1;}
.affairs .tags li:hover a { color: #f00;}
.affairs .tags .img { width: 280px; height: 140px; padding: 20px; margin-top: 12px; background: url(../images/ys90.jpg) no-repeat 0 0;}
.affairs .tags .img h3 { height: 30px; line-height: 30px; font-size: 18px; color: #fff; letter-spacing: 2px; padding-left: 15px; position: relative;}
.affairs .tags .img h3::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 6px;}
.affairs .tags .img p { height: 45px; line-height: 22px; font-size: 14px; color: #fff; margin: 10px 0 20px 0; overflow: hidden;}
.affairs .tags .img a { display: block; float: right; width: 110px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; overflow: hidden; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.affairs .tags .img a:hover { border-radius: 4px;}

/*************** 老年活动 *******************/
.activities { width: 100%;}
/*大图新闻*/
.activities .bigtu { float: left; width: 890px; height: 515px; overflow: hidden;}
.activities .bigtu .swiper-slide { width: 100%;}
.activities .bigtu .swiper-slide img { display: block; width: 100%;}
.activities .bigtu .swiper-slide p { width: calc(60% - 20px); height: 60px; line-height: 60px; font-size: 20px; color: #fff; padding: 0 40% 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.activities .bigtu .swiper-pagination-bullets { width: 30%; height: 60px; line-height: 60px; text-align: right; left: auto; right: 10px; bottom: 0; z-index: 3;}
.activities .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.activities .bigtu .swiper-pagination-bullet-active { background: #f00;}
.activities .bigtu .swiper-button-prev,
.activities .bigtu .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .bigtu .swiper-button-prev::after,
.activities .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.activities .bigtu .swiper-button-prev { left: 20px;}
.activities .bigtu .swiper-button-next { right: 20px;}
.activities .bigtu .swiper-button-prev:hover,
.activities .bigtu .swiper-button-next:hover { background: #f00;}
/*展览展示*/
.activities .exdisply { float: left; width: 890px;}
.activities .exdisply .tits h3 i::after { background-image: url(../images/ys91.png);}
.activities .exdisply li { width: 100%; padding-bottom: 19px; margin-bottom: 19px; border-bottom: 1px solid #eee; position: relative;}
.activities .exdisply li:last-child { margin-bottom: 0;}
.activities .exdisply li .img { float: left; width: 220px; height: 145px; border-radius: 4px; overflow: hidden;}
.activities .exdisply li .img img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .exdisply li .msg { float: right; width: calc(100% - 240px);}
.activities .exdisply li .msg h3 { line-height: 30px; font-size: 20px; color: #333; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .exdisply li .msg h3 a { display: block; font-size: 20px; color: #333;}
.activities .exdisply li .msg span { display: block; float: left; width: 50%; height: 30px; line-height: 30px; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activities .exdisply li .msg .wh100 { width: 100%;}
.activities .exdisply li .msg em { display: block; float: right; width: 100px; height: 35px; line-height: 35px; font-style: normal; font-size: 16px; color: #fff; text-align: center; border: 1px solid #ff6400; border-radius: 20px; background-image: linear-gradient(to right,#ffa027,#ff3f17); -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .exdisply li .msg .hui { color: #ff6400; background: #fff;}
.activities .exdisply li:hover .img img { transform: scale(1.1,1.1);}
.activities .exdisply li:hover .msg h3 { color: #f00;}
.activities .exdisply li:hover .msg em { border-radius: 4px;}
/*会议论坛*/
.activities .forums { float: right; width: 380px;}
.activities .forums .tits h3 i::after { background-image: url(../images/ys92.png);}
.activities .forums .top { width: 100%; height: 250px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.activities .forums .top .swiper-slide { width: 100%;}
.activities .forums .top .swiper-slide img { display: block; width: 100%; height: 250px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .forums .top .swiper-slide p { width: calc(100% - 20px); height: 50px; line-height: 50px; font-size: 18px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.activities .forums .top .swiper-slide:hover img { transform: scale(1.1,1.1);}
.activities .forums .swiper-button-prev,
.activities .forums .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .forums .swiper-button-prev::after,
.activities .forums .swiper-button-next::after { font-size: 14px; color: #fff;} 
.activities .forums .swiper-button-prev { left: 20px;}
.activities .forums .swiper-button-next { right: 20px;}
.activities .forums .swiper-button-prev:hover,
.activities .forums .swiper-button-next:hover { background: #f00;}
.activities .forums .lst { width: 100%;}
.activities .forums .lst li { height: 45px; line-height: 45px; padding-left: 25px; position: relative;}
.activities .forums .lst li::before,
.activities .forums .lst li::after { display: block; content: ""; position: absolute; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .forums .lst li::before { width: 1px; height: 100%; border-left: 1px dashed #f00; left: 4px; top: 50%;}
.activities .forums .lst li::after { width: 7px; height: 7px; border: 1px solid #f00; border-radius: 50%; background: #fff; left: 0; top: 17px;}
.activities .forums .lst li:last-child::before { display: none;}
.activities .forums .lst li a { display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .forums .lst li:hover::after { background: #f00;}
.activities .forums .lst li:hover a { color: #f00;}
/*活动比赛*/
.activities .matchs { float: left; width: 890px; margin-top: 25px;}
.activities .matchs .tits h3 i::after { background-image: url(../images/ys93.png);}
.activities .matchs li { float: left; width: calc(100% / 3 - 10px); margin: 0 15px 15px 0; position: relative;}
.activities .matchs li:nth-child(3n) { margin-right: 0;}
.activities .matchs li:nth-child(4n),
.activities .matchs li:nth-child(5n),
.activities .matchs li:nth-child(6n) { margin-bottom: 0;}
.activities .matchs li i { display: block; width: 68px; height: 33px; line-height: 26px; font-style: normal; font-size: 15px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.activities .matchs li .rdbg { background-image: url(../images/ys100.png);}
.activities .matchs li .blbg { background-image: url(../images/ys101.png);}
.activities .matchs li .img { width: 100%; height: 190px; overflow: hidden;}
.activities .matchs li .img img { display: block; width: 100%; height: 190px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .matchs li .msg { padding: 15px 15px; background: #f7f7f7;}
.activities .matchs li .msg h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .matchs li .msg p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.activities .matchs li:hover .img img { transform: scale(1.1,1.1);}
.activities .matchs li:hover .msg h3 { color: #f00;}
/*沙龙座谈会*/
.activities .salons { float: right; width: 380px; margin-top: 25px;}
.activities .salons .tits h3 i::after { background-image: url(../images/ys94.png);}
.activities .salons .top { width: 100%; height: 250px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.activities .salons .top .swiper-slide { width: 100%;}
.activities .salons .top .swiper-slide img { display: block; width: 100%; height: 250px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .salons .top .swiper-slide p { width: calc(100% - 20px); height: 50px; line-height: 50px; font-size: 18px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.activities .salons .top .swiper-slide:hover img { transform: scale(1.1,1.1);}
.activities .salons .swiper-button-prev,
.activities .salons .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .salons .swiper-button-prev::after,
.activities .salons .swiper-button-next::after { font-size: 14px; color: #fff;} 
.activities .salons .swiper-button-prev { left: 20px;}
.activities .salons .swiper-button-next { right: 20px;}
.activities .salons .swiper-button-prev:hover,
.activities .salons .swiper-button-next:hover { background: #f00;}
.activities .salons li { height: 42px; line-height: 42px;}
.activities .salons li a { display: block; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .salons li a i { float: left; width: 20px; height: 20px; line-height: 20px; font-style: normal; font-size: 12px; color: #999; text-align: center; margin: 12px 10px 0 0; border-radius: 4px; overflow: hidden; background: #e6e6e6;}
.activities .salons li:nth-child(1) a i,
.activities .salons li:nth-child(2) a i { color: #fff; background: #f00;}
.activities .salons li:nth-child(3) a i,
.activities .salons li:nth-child(4) a i { color: #fff; background: #ff6c00;}
.activities .salons li:nth-child(5) a i,
.activities .salons li:nth-child(6) a i { color: #fff; background: #ffb811;}
.activities .salons li:hover a { color: #f00;}
/*活动直播*/
.activities .lives { float: left; width: 890px; margin-top: 25px;}
.activities .lives .tits h3 i::after { background-image: url(../images/ys95.png);}
.activities .lives li { float: left; width: 210px; height: 140px; margin: 0 12px 10px 0; border-radius: 8px; overflow: hidden; position: relative;}
.activities .lives li:nth-child(3),
.activities .lives li:nth-child(5) { margin-right: 0;}
.activities .lives li i { display: block; height: 25px; line-height: 25px; font-style: normal; font-size: 14px; color: #fff; padding: 0 10px; border-radius: 4px; overflow: hidden; position: absolute; right: 10px; top: 10px; z-index: 2;}
.activities .lives li .red { padding-left: 30px; background-image: linear-gradient(to right,#ff8740,#ff2a1a);}
.activities .lives li .red::after { display: block; content: ""; width: 14px; height: 14px; background: url(../images/ys97.png) no-repeat 0 0; position: absolute; left: 10px; top: 6px;}
.activities .lives li .ble { background-image: linear-gradient(to right,#0af3d4,#16b2f8);}
.activities .lives li img { display: block; width: 210px; height: 140px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .lives li p { width: calc(100% - 30px); height: 40px; line-height: 40px; font-size: 16px; color: #fff; padding: 30px 15px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); position: absolute; left: 0; bottom: 0;}
.activities .lives li p::after { display: block; content: ""; width: 30px; height: 30px; background: url(../images/ys98.png) no-repeat 0 0; position: absolute; left: 15px; top: 0; z-index: 2;}
.activities .lives li:hover img { transform: scale(1.1,1.1);}
.activities .lives li:first-child,
.activities .lives li:first-child img { width: 445px; height: 290px;}
.activities .lives li:first-child p { height: 50px; line-height: 50px; font-size: 18px;}
/*参观体验*/
.activities .visits { float: right; width: 380px; margin-top: 25px;}
.activities .visits .tits h3 i::after { background-image: url(../images/ys96.png);}
.activities .visits .lst { width: 100%; margin-bottom: 10px;}
.activities .visits .lst li { line-height: 35px; padding-left: 15px; position: relative;}
.activities .visits .lst li::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; overflow: hidden; background: #f00; position: absolute; left: 0; top: 15px;}
.activities .visits .lst li a { display: block; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .visits .lst li:hover a { color: #f00;}
.activities .visits .imgs { width: 100%;}
.activities .visits .imgs li { float: left; width: 185px; height: 140px; margin-right: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.activities .visits .imgs li:last-child { margin-right: 0;}
.activities .visits .imgs li img { display: block; width: 185px; height: 140px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.activities .visits .imgs li p { width: calc(100% - 20px); height: 40px; line-height: 40px; font-size: 16px; color: #fff; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.85)); position: absolute; left: 0; bottom: 0;}
.activities .visits .imgs li:hover img { transform: scale(1.1,1.1);}


/*************** 综合商城 *******************/
.mallts { width: 100%; padding: 25px 0; background: #f7f7f7;}
/*产品分类*/
.mallts .sort { float: left; width: 275px; background: #fff;}
.mallts .sort h1 { height: 55px; line-height: 55px; font-size: 18px; color: #fff; padding: 0 20px 0 55px; background-image: linear-gradient(to right,#ffa127,#ff3e16); position: relative;}
.mallts .sort h1::after { display: block; content: ""; width: 35px; height: 55px; background: url(../images/ys38.png) no-repeat 0 22px; position: absolute; left: 20px; top: 0;}
.mallts .sort .lst { padding: 0 15px;}
.mallts .sort .lst li { width: calc(100% - 65px); padding: 11px 25px 11px 40px; border-bottom: 1px solid #eee; background-repeat: no-repeat; background-position: left center; position: relative;}
.mallts .sort .lst li::before,
.mallts .sort .lst li::after { display: block; content: ""; margin: auto; position: absolute; top: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .sort .lst li::before { width: 5px; height: 0; background: #f00; left: -15px;}
.mallts .sort .lst li::after { width: 6px; height: 6px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 3px;}
.mallts .sort .lst li h3 { line-height: 25px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .sort .lst li p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mallts .sort .lst li p span { margin-right: 10px; position: relative;}
.mallts .sort .lst li p span::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: -7px; top: 6px;}
.mallts .sort .lst li p span:last-child::after { display: none;}
.mallts .sort .lst li:hover h3 { color: #f00;}
.mallts .sort .lst li:hover::before { height: 100%;}
.mallts .sort .lst li:hover::after { border-color: #f00;}
.mallts .sort .lst .s01 { background-image: url(../images/ys102.png);}
.mallts .sort .lst .s02 { background-image: url(../images/ys103.png);}
.mallts .sort .lst .s03 { background-image: url(../images/ys104.png);}
.mallts .sort .lst .s04 { background-image: url(../images/ys105.png);}
.mallts .sort .lst .s05 { background-image: url(../images/ys106.png);}
.mallts .sort .lst .s06 { background-image: url(../images/ys107.png);}
.mallts .sort .lst .s07 { background-image: url(../images/ys108.png);}
.mallts .sort .lst .more { display: block; width: 100%; height: 50px; line-height: 50px; font-size: 14px; color: #999; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .sort .lst .more:hover { color: #f00;}
/*大图新闻*/
.mallts .bigtu { float: left; width: 730px; margin: 0 10px; overflow: hidden;}
.mallts .bigtu .swiper-slide { width: 100%; height: 500px;}
.mallts .bigtu .swiper-slide img { display: block; width: 100%; height: 500px;}
.mallts .bigtu .swiper-pagination-bullets { height: 50px; line-height: 50px; bottom: 0; z-index: 3;}
.mallts .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.mallts .bigtu .swiper-pagination-bullet-active { background: #f00;}
.mallts .bigtu .swiper-button-prev,
.mallts .bigtu .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .bigtu .swiper-button-prev::after,
.mallts .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.mallts .bigtu .swiper-button-prev { left: 20px;}
.mallts .bigtu .swiper-button-next { right: 20px;}
.mallts .bigtu .swiper-button-prev:hover,
.mallts .bigtu .swiper-button-next:hover { background: #f00;}
/*右侧入驻*/
.mallts .settles { float: right; width: 275px; background: #fff;}
.mallts .settles .top { padding: 15px 0; border-bottom: 1px solid #eee;}
.mallts .settles .top li { float: left; width: calc(100% / 3); text-align: center;}
.mallts .settles .top li i { display: block; width: 30px; height: 30px; margin: 0 auto; padding: 15px; border-radius: 50%; overflow: hidden; background-color: #f5f6f6; background-repeat: no-repeat; background-position: center;}
.mallts .settles .top .t01 i { background-image: url(../images/ys109.png);}
.mallts .settles .top .t02 i { background-image: url(../images/ys110.png);}
.mallts .settles .top .t03 i { background-image: url(../images/ys111.png);}
.mallts .settles .top li p { line-height: 25px; font-size: 15px; color: #666; margin-top: 5px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .settles .top li:hover p { color: #f00;}
.mallts .settles .lst { padding: 0 20px;}
.mallts .settles .lst h3 { height: 35px; line-height: 35px; font-size: 20px; color: #333; margin-top: 15px;}
.mallts .settles .lst li { height: 40px; line-height: 40px; padding: 16.58px 0; border-bottom: 1px dashed #ddd;}
.mallts .settles .lst li:last-child { border-bottom: none;}
.mallts .settles .lst li i { display: block; float: left; width: 40px; height: 40px; border-radius: 15px; overflow: hidden; background-repeat: no-repeat; background-position: center;}
.mallts .settles .lst .l01 i { background-color: #feeeed; background-image: url(../images/ys112.png);}
.mallts .settles .lst .l02 i { background-color: #ebf7ff; background-image: url(../images/ys113.png);}
.mallts .settles .lst .l03 i { background-color: #e9fbf6; background-image: url(../images/ys114.png);}
.mallts .settles .lst .l04 i { background-color: #fff5e6; background-image: url(../images/ys115.png);}
.mallts .settles .lst .l05 i { background-color: #feeeed; background-image: url(../images/ys116.png);}
.mallts .settles .lst .l06 i { background-color: #e7f5ff; background-image: url(../images/ys117.png);}
.mallts .settles .lst li p { float: right; width: calc(100% - 55px); font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
/*各分类*/
.mallts .classfcs { width: 100%; /*height: 690px;*/ margin-top: 30px;}
.mallts .classfcs .tabs { float: right; height: 40px;}
.mallts .classfcs .tabs li { float: left; line-height: 40px; margin-left: 20px; position: relative;}
.mallts .classfcs .tabs li::after { display: block; content: ""; width: 1px; height: 15px; background: #ccc; position: absolute; left: -11px; top: 15px;}
.mallts .classfcs .tabs li:first-child::after { display: none;}
.mallts .classfcs .tabs li a { display: block; font-size: 16px; color: #333; padding: 0 20px; border-radius: 20px; position: relative;}
.mallts .classfcs .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.mallts .classfcs .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.mallts .classfcs .tabs .on a::after { display: block;}
.mallts .classfcs .swiper-slide { background: #fff;}
.mallts .classfcs .tui { float: left; width: 370px; padding: 20px;}
.mallts .classfcs .tui .top { width: 370px; border-bottom: 1px solid #eee;}
.mallts .classfcs .tui .top .img { width: 370px; height: 370px; overflow: hidden;}
.mallts .classfcs .tui .top .img img { display: block; width: 370px; height: 370px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .classfcs .tui .top .msg { padding: 10px 0 15px 0;}
.mallts .classfcs .tui .top .msg h3 { line-height: 30px; font-size: 18px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .classfcs .tui .top .msg span { display: block; float: left; width: 75%; height: 30px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mallts .classfcs .tui .top .msg span i { font-style: normal; color: #999;}
.mallts .classfcs .tui .top .msg p { float: right; max-width: 25%; height: 30px; line-height: 30px; font-size: 14px; color: #ff6216;}
.mallts .classfcs .tui .top .msg p i { font-style: normal; font-size: 22px;}
.mallts .classfcs .tui .top:hover .img img { transform: scale(1.1,1.1);}
.mallts .classfcs .tui .top .swiper-pagination-bullets { height: 40px; line-height: 40px; bottom: 85px; z-index: 3;}
.mallts .classfcs .tui .top .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.mallts .classfcs .tui .top .swiper-pagination-bullet-active { background: #f00;}
.mallts .classfcs .tui .top .swiper-button-prev,
.mallts .classfcs .tui .top .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .classfcs .tui .top .swiper-button-prev::after,
.mallts .classfcs .tui .top .swiper-button-next::after { font-size: 14px; color: #fff;} 
.mallts .classfcs .tui .top .swiper-button-prev { left: 20px;}
.mallts .classfcs .tui .top .swiper-button-next { right: 20px;}
.mallts .classfcs .tui .top .swiper-button-prev:hover,
.mallts .classfcs .tui .top .swiper-button-next:hover { background: #f00;}
.mallts .classfcs .lst { float: right; width: calc(100% - 410px);}
.mallts .classfcs .lst li { float: left; width: calc(100% / 4 - 41px); padding: 20px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.mallts .classfcs .lst li:nth-child(5),
.mallts .classfcs .lst li:nth-child(6),
.mallts .classfcs .lst li:nth-child(7),
.mallts .classfcs .lst li:nth-child(8) { border-bottom: none;}
.mallts .classfcs .lst li .img { width: 100%; height: 180px; margin-bottom: 5px; overflow: hidden;}
.mallts .classfcs .lst li .img img { display: block; width: 100%; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .classfcs .lst li .msg { width: 100%;}
.mallts .classfcs .lst li .msg h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .classfcs .lst li .msg p { line-height: 25px; font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mallts .classfcs .lst li .msg p i { font-style: normal; color: #999;}
.mallts .classfcs .lst li .msg span { display: block; float: right; max-width: 45%; height: 32px; line-height: 32px; font-size: 12px; color: #999;}
.mallts .classfcs .lst li .msg .red { float: left; width: 55%; max-width: 55%; color: #ff6216;}
.mallts .classfcs .lst li .msg .red i { font-style: normal; font-size: 22px;}
.mallts .classfcs .lst li:hover .img img { transform: scale(1.1,1.1);}
.mallts .classfcs .lst li:hover .msg h3 { color: #f00;}
.mallts .mores { display: block; width: 100%; height: 60px; line-height: 60px; font-size: 16px; color: #999; text-align: center; margin: 30px auto 0 auto; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .mores::after { display: block; content: ""; width: 8px; height: 8px; border-right: 1px solid #999; border-bottom: 1px solid #999; border-radius: 0 0 2px 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 46%; top: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .mores:hover { color: #f00;}
.mallts .mores:hover::after { border-color: #f00;}
.mallts .clfloor1 {}
.mallts .clfloor1 .tits h3 i::after { background-image: url(../images/ys118.png);}
.mallts .clfloor2 {}
.mallts .clfloor2 .tits h3 i::after { background-image: url(../images/ys119.png);}
.mallts .clfloor3 {}
.mallts .clfloor3 .tits h3 i::after { background-image: url(../images/ys120.png);}
.mallts .clfloor4 {}
.mallts .clfloor4 .tits h3 i::after { background-image: url(../images/ys121.png);}
.mallts .clfloor5 {}
.mallts .clfloor5 .tits h3 i::after { background-image: url(../images/ys122.png);}
.mallts .clfloor6 {}
.mallts .clfloor6 .tits h3 i::after { background-image: url(../images/ys199.png);}
.mallts .clfloor7 {}
.mallts .clfloor7 .tits h3 i::after { background-image: url(../images/ys200.png);}
.mallts .clfloor8 {}
.mallts .clfloor8 .tits h3 i::after { background-image: url(../images/ys201.png);}
.mallts .clfloor9 {}
.mallts .clfloor9 .tits h3 i::after { background-image: url(../images/ys202.png);}
.mallts .clfloor10 {}
.mallts .clfloor10 .tits h3 i::after { background-image: url(../images/ys203.png);}
.mallts .clfloor11 {}
.mallts .clfloor11 .tits h3 i::after { background-image: url(../images/ys204.png);}
.mallts .clfloor12 {}
.mallts .clfloor12 .tits h3 i::after { background-image: url(../images/ys205.png);}
.mallts .clfloor13 {}
.mallts .clfloor13 .tits h3 i::after { background-image: url(../images/ys205.png);}
.mallts .clfloor14 {}
.mallts .clfloor14 .tits h3 i::after { background-image: url(../images/ys205.png);}
.mallts .clfloor15 {}
.mallts .clfloor15 .tits h3 i::after { background-image: url(../images/ys205.png);}
/*商家*/
.mallts .businsss { width: 100%;}
.mallts .businsss .tabs { width: 100%; height: 65px; border-bottom: 1px solid #e4e4e4;}
.mallts .businsss .tabs li { float: left; line-height: 65px; margin-right: 55px; position: relative;}
.mallts .businsss .tabs li::after { display: block; content: ""; width: 1px; height: 15px; background: #ccc; position: absolute; right: -27.5px; top: 15px;}
.mallts .businsss .tabs li:last-child::after { display: none;}
.mallts .businsss .tabs li a { display: block; font-weight: bold; font-size: 24px; color: #333; position: relative;}
.mallts .businsss .tabs li a::after { display: block; content: ""; width: 0; height: 4px; margin: auto; background: #f00; position: absolute; left: 0; right: 0; bottom: -1px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .businsss .tabs .on a::after { width: 100%;}
.mallts .businsss .tabs .more { display: block; float: right; line-height: 65px; font-size: 14px; color: #999; padding-right: 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .businsss .tabs .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 30px; right: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .businsss .tabs .more:hover { color: #f00;}
.mallts .businsss .tabs .more:hover::after { border-color: #f00;}
.mallts .businsss .swiper-slide {}
.mallts .businsss .swiper-slide li { float: left; width: calc(100% / 4 - 35px); height: 85px; padding: 10px; margin: 20px 20px 0 0; background: #fff;}
.mallts .businsss .swiper-slide li:nth-child(4n) { margin-right: 0;}
.mallts .businsss .swiper-slide li img { display: block; max-width: 100%; height: 85px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mallts .businsss .swiper-slide li:hover img { transform: scale(0.95,0.95);}
/*右侧楼层*/
.mallts .floors { width: 85px; position: fixed; right: 5px; top: 30%; z-index: 9999;}
.mallts .floors .lst { width: 100%; border-radius: 4px; overflow: hidden; background-image: linear-gradient(#ff4718,#ffa628);}
.mallts .floors .lst li { width: calc(100% - 20px); height: 40px; line-height: 40px; font-weight: bold; font-size: 14px; color: #fff; cursor: pointer; text-align: center; padding: 0 10px; border-bottom: 1px solid rgba(255,255,255,0.5);}
.mallts .floors .btn_top { display: none; width: 100%; height: 25px; line-height: 25px; font-size: 14px; color: #fff; text-align: center; padding: 25px 0 5px 0; margin-top: 15px; border-radius: 4px; overflow: hidden; background-image: linear-gradient(#ffa628,#ff4718); position: relative;}
.mallts .floors .btn_top::after { display: block; content: ""; width: 100%; height: 15px; background: url(../images/ys198.png) no-repeat center top; position: absolute; left: 0; right: 0; top: 10px;}

/*************** 网上祭祀 *******************/
.sacrifice { width: 100%; padding-top: 25px; background: url(../images/ys123.jpg) repeat 0 0;}
.sacrifice .warp { position: relative;}
.sacrifice .tit { height: 80px; margin-bottom: 15px; border-bottom: 1px solid #dcd7c2; background: url(../images/ys132.png) no-repeat 0 0;}
.sacrifice .tit h3 { float: left; height: 80px; line-height: 70px; font-weight: 500; font-family: 'SanJiXingKaiJianTi'; font-size: 30px; color: #000; letter-spacing: -5px;}
.sacrifice .tit h3 b { font-weight: 500; font-size: 56px;}
.sacrifice .tit .more { float: right; width: 135px; height: 40px; line-height: 40px; font-size: 14px; color: rgba(255,247,194,0.7); text-align: center; margin-top: 20px; background: url(../images/ys133.png) no-repeat 0 0;}
.sacrifice .tit .tabs { float: right; height: 40px; margin-top: 20px;}
.sacrifice .tit .tabs li { float: left; text-align: center; padding: 0 10px; position: relative;}
.sacrifice .tit .tabs li::after { display: block; content: ""; width: 1px; height: 15px; margin: auto; background: rgba(143,115,68,0.4); position: absolute; right: 0; top: 0; bottom: 0;}
.sacrifice .tit .tabs li:last-child::after { display: none;}
.sacrifice .tit .tabs li a { display: block; height: 40px; line-height: 40px; font-size: 18px; color: #333; padding: 0 20px; border-radius: 25px; position: relative;}
.sacrifice .tit .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #700000 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.sacrifice .tit .tabs .on a { font-weight: bold; color: #fff; background: #700000;}
.sacrifice .tit .tabs .on a::after { display: block;}
.sacrifice .sadv { width: 100%; height: 115px; overflow: hidden;}
.sacrifice .sadv img { display: block; width: 100%; height: 115px;}
.sacrifice .bgy { width: 100%; background: url(../images/ys124.png) no-repeat right bottom;}
.sacrifice .bghh { width: 100%; background: url(../images/ys139.png) no-repeat center bottom;}
/*大图*/
.sacrifice .bigtu { float: left; width: 950px; overflow: hidden;}
.sacrifice .bigtu .swiper-slide { width: 100%; height: 470px;}
.sacrifice .bigtu .swiper-slide img { display: block; width: 100%; height: 470px;}
.sacrifice .bigtu .swiper-pagination-bullets { height: 50px; line-height: 50px; bottom: 0; z-index: 3;}
.sacrifice .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.sacrifice .bigtu .swiper-pagination-bullet-active { background: #f00;}
.sacrifice .bigtu .swiper-button-prev,
.sacrifice .bigtu .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .bigtu .swiper-button-prev::after,
.sacrifice .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.sacrifice .bigtu .swiper-button-prev { left: 20px;}
.sacrifice .bigtu .swiper-button-next { right: 20px;}
.sacrifice .bigtu .swiper-button-prev:hover,
.sacrifice .bigtu .swiper-button-next:hover { background: #f00;}
/*创建纪念馆*/
.sacrifice .creats { width: 100%; height: 105px; padding-top: 5px; overflow: hidden;}
.sacrifice .creats img { display: block; width: 100%; height: 105px;}
/*统计*/
.sacrifice .stats { width: 100%; height: 105px; margin: 20px 0; background: url(../images/ys126.png) no-repeat center;}
.sacrifice .stats .lst { float: left; width: 885px; height: 80px; padding: 13px 15px 12px 15px;}
.sacrifice .stats .lst li { float: left; height: 80px; line-height: 80px; padding: 0 20px; position: relative;}
.sacrifice .stats .lst li::after { display: block; content: ""; width: 1px; height: 40px; margin: auto; background: rgba(255,255,255,0.15); position: absolute; right: 0; top: 0; bottom: 0;}
.sacrifice .stats .lst li:last-child { padding-right: 0;}
.sacrifice .stats .lst li:last-child::after { display: none;}
.sacrifice .stats .lst li a { display: block; width: calc(100% - 60px); font-size: 18px; color: #fff7c2; padding-left: 60px; background-repeat: no-repeat; background-position: left center;}
.sacrifice .stats .lst .s01 a { background-image: url(../images/ys127.png);}
.sacrifice .stats .lst .s02 a { background-image: url(../images/ys128.png);}
.sacrifice .stats .lst .s03 a { background-image: url(../images/ys129.png);}
.sacrifice .stats .lst .s04 a { background-image: url(../images/ys130.png);}
.sacrifice .stats .lst .s05 a { background-image: url(../images/ys131.png);}
.sacrifice .stats .numb { float: right; width: calc(100% - 915px);}
.sacrifice .stats .numb li { float: left; width: 50%; text-align: center; padding-top: 20px; position: relative;}
.sacrifice .stats .numb li::after { display: block; content: ""; width: 1px; height: 40px; background: rgba(255,255,255,0.15); position: absolute; right: 0; top: 35px;}
.sacrifice .stats .numb li:last-child::after { display: none;}
.sacrifice .stats .numb li h3 { line-height: 35px; font-size: 30px; color: #fff7c2;}
.sacrifice .stats .numb li h3 span { font-weight: 500; font-size: 16px; margin-left: 5px; filter: alpha(opacity=50); opacity: 0.5;}
.sacrifice .stats .numb li p { line-height: 20px; font-size: 16px; color: #fff7c2; filter: alpha(opacity=50); opacity: 0.5;}
/*今日祭祀中*/
.sacrifice .today { width: 100%;}
.sacrifice .today .swiper-slide { text-align: center;}
.sacrifice .today .swiper-slide .img { width: 165px; height: 195px; margin: 0 auto; overflow: hidden; position: relative;}
.sacrifice .today .swiper-slide .img::after { display: block; content: ""; width: 165px; height: 195px; background: url(../images/ys134.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.sacrifice .today .swiper-slide .img img { display: block; width: 100%;}
.sacrifice .today .swiper-slide h3 { line-height: 30px; font-size: 18px; color: #333; margin-top: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;} 
.sacrifice .today .swiper-slide:hover .img::after { background-image: url(../images/ys134h.png);}
.sacrifice .today .swiper-slide:hover h3 { color: #710100; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .today .swiper-button-prev,
.sacrifice .today .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); top: 60%;}
.sacrifice .today .swiper-button-prev { left: -50px;}
.sacrifice .today .swiper-button-next { left: auto; right: -50px;}
.sacrifice .today .swiper-button-prev::after,
.sacrifice .today .swiper-button-next::after { font-size: 16px; color: #fff;}
.sacrifice .today .swiper-button-prev:hover,
.sacrifice .today .swiper-button-next:hover { background: #710100;}
/*最新建馆*/
.sacrifice .setup { width: 100%; margin-top: 30px; background: url(../images/ys135.png) no-repeat left bottom;}
.sacrifice .setup li { float: left; width: calc(100% / 3 - 34px); padding: 10px; margin: 0 20px 20px 0; background: #deceb1;}
.sacrifice .setup li:nth-child(3n) { margin-right: 0;}
.sacrifice .setup li .nr { display: block; padding: 10px; border: 1px solid #c1b29a; background: #fff;}
.sacrifice .setup li .img { float: left; width: 110px; height: 150px; border-radius: 4px; overflow: hidden;}
.sacrifice .setup li .img img { display: block; width: 110px; height: 150px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .setup li .msg { float: right; width: calc(100% - 125px);}
.sacrifice .setup li .msg h3 { line-height: 30px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .setup li .msg h3 a { font-size: 18px; color: #333;}
.sacrifice .setup li .msg .bsd { display: inline-block; height: 22px; line-height: 22px; font-size: 14px; color: #bb9454; padding: 0 15px 0 30px; margin: 10px 0 10px 15px; border-radius: 0 4px 4px 0; background: #f0ebe2; position: relative;}
.sacrifice .setup li .msg .bsd::after { display: block; content: ""; width: 36px; height: 25px; background: url(../images/ys136.png) no-repeat 0 0; position: absolute; left: -15px; top: -2.5px;}
.sacrifice .setup li .msg p { line-height: 30px; font-size: 16px; color: #bb9454; margin-bottom: 10px;}
.sacrifice .setup li .msg span { display: block; float: left; max-width: calc(50% - 25px); height: 35px; line-height: 35px; font-size: 16px; color: #666; padding-left: 22px; background: url(../images/ys39.png) no-repeat left 8px / 16px 18px;}
.sacrifice .setup li .msg b { display: block; float: right; width: 118px; height: 35px; line-height: 35px; font-weight: 500; text-align: center; background: url(../images/ys133.png) no-repeat 0 0 / 100%;}
.sacrifice .setup li .msg b a { font-size: 14px; color: #fff7c2;}
.sacrifice .setup li .msg h3 a:hover { color: #f00;}
/*公众祭祀*/
.sacrifice .publis { width: 100%; margin: 30px 0;}
.sacrifice .publis .neir { width: 100%;}
.sacrifice .publis .neir .swiper-slide {}
.sacrifice .publis .neir .swiper-slide a { display: block; text-align: center; padding: 10px; border: 1px solid #cabda6; border-radius: 4px; overflow: hidden; background: rgba(222,206,177,0.4); position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .publis .neir .swiper-slide a .img { width: 175px; height: 235px; margin: 0 auto; border-radius: 4px; overflow: hidden;}
.sacrifice .publis .neir .swiper-slide a .img img { display: block; width: 175px; height: 235px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .publis .neir .swiper-slide a h3 { line-height: 45px; font-size: 20px; color: #333; margin: 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.sacrifice .publis .neir .swiper-slide a h3::before,
.sacrifice .publis .neir .swiper-slide a h3::after { display: block; content: ""; width: 80%; height: 1px; margin: 0 auto; background-image: linear-gradient(to right, rgba(143,115,68,0),rgba(143,115,68,0.3),rgba(143,115,68,0)); position: absolute; left: 0; right: 0;}
.sacrifice .publis .neir .swiper-slide a h3::before { top: 0;}
.sacrifice .publis .neir .swiper-slide a h3::after { bottom: 0;}
.sacrifice .publis .neir .swiper-slide a p { line-height: 30px; font-size: 16px; color: #8f7344;}
.sacrifice .publis .neir .swiper-slide a p i { display: inline-block; width: 22px; height: 22px; line-height: 20px; font-style: normal; font-size: 14px; color: #fff; text-align: center; margin-right: 5px; border-radius: 4px; overflow: hidden; background: #6a5d4e; position: relative; top: 6px;}
.sacrifice .publis .neir .swiper-slide a p .red { background: #8b0e0e;}
.sacrifice .publis .neir .swiper-slide a .msg { width: 175px; height: 210px; padding-top: 25px; filter: alpha(opacity=0); opacity: 0; background: rgba(0,0,0,0.8); position: absolute; left: 10px; top: 10px; z-index: 8; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .publis .neir .swiper-slide a .msg span { display: block; width: 90px; height: 36px; line-height: 36px; font-size: 14px; color: #ab946e; margin: 0 auto 12px auto; background: url(../images/ys21.png) no-repeat 0 0;}
.sacrifice .publis .neir .swiper-slide a .msg span:hover { color: #fff; background-image: url(../images/ys21h.png);}
.sacrifice .publis .neir .swiper-slide a:hover { background: rgba(196,172,127,0.75);}
.sacrifice .publis .neir .swiper-slide a:hover .msg { filter: alpha(opacity=100); opacity: 1;}
.sacrifice .publis .neir .swiper-button-prev,
.sacrifice .publis .neir .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5);}
.sacrifice .publis .neir .swiper-button-prev { left: 0;}
.sacrifice .publis .neir .swiper-button-next { left: auto; right: 0;}
.sacrifice .publis .neir .swiper-button-prev::after,
.sacrifice .publis .neir .swiper-button-next::after { font-size: 16px; color: #fff;}
.sacrifice .publis .neir .swiper-button-prev:hover,
.sacrifice .publis .neir .swiper-button-next:hover { background: #710100;}
/*缅怀亲人*/
.sacrifice .recalls { width: 100%; margin-top: 30px; background: url(../images/ys137.png) no-repeat left bottom;}
.sacrifice .recalls .swiper-slide {}
.sacrifice .recalls .swiper-slide li { float: left; width: 137px; text-align: center; margin: 0 29px 15px 0;}
.sacrifice .recalls .swiper-slide li:nth-child(8n) { margin-right: 0;}
.sacrifice .recalls .swiper-slide li .img { width: 125px; height: 168px; padding: 5px; border: 1px solid #dcd7c2; border-radius: 4px; overflow: hidden; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .recalls .swiper-slide li .img img { display: block; width: 125px; height: 168px; border-radius: 4px; overflow: hidden;}
.sacrifice .recalls .swiper-slide li p { line-height: 25px; font-size: 16px; color: #333; margin-top: 10px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .recalls .swiper-slide li:hover .img { border-color: #700000;}
.sacrifice .recalls .swiper-slide li:hover p { color: #700000;}
/*宗教礼拜*/
.sacrifice .religins { width: 100%; margin: 30px 0 10px 0;}
.sacrifice .religins .swiper-slide {}
.sacrifice .religins .swiper-slide li { float: left; width: 200px; margin: 0 20px 20px 0; border-radius: 4px; overflow: hidden; background: #fbfaf4;}
.sacrifice .religins .swiper-slide li:nth-child(6n) { margin-right: 0;}
.sacrifice .religins .swiper-slide li .img { width: 200px; height: 170px; overflow: hidden;}
.sacrifice .religins .swiper-slide li .img img { display: block; width: 200px; height: 170px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .religins .swiper-slide li .msg { padding: 10px 15px;}
.sacrifice .religins .swiper-slide li .msg h3 { line-height: 30px; font-size: 16px; color: #333; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .religins .swiper-slide li .msg p { height: 45px; line-height: 22px; font-size: 14px; color: #999; overflow: hidden;}
.sacrifice .religins .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.sacrifice .religins .swiper-slide li:hover .msg h3 { color: #700000;}
/*主题纪念*/
.sacrifice .themes { float: left; width: 860px; margin-top: 30px;}
.sacrifice .themes .swiper-slide {}
.sacrifice .themes .swiper-slide li { float: left; width: 280px; margin: 0 10px 10px 0; border-radius: 4px; overflow: hidden; background: #fbfaf4;}
.sacrifice .themes .swiper-slide li:nth-child(3n) { margin-right: 0;}
.sacrifice .themes .swiper-slide li .img { width: 280px; height: 170px; overflow: hidden;}
.sacrifice .themes .swiper-slide li .img img { display: block; width: 280px; height: 170px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .themes .swiper-slide li h3 { height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .themes .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.sacrifice .themes .swiper-slide li:hover h3 { color: #700000;}
/*文章、相册、音视频*/
.sacrifice .triples { float: right; width: 425px; margin-top: 30px;}
.sacrifice .triples .tabs { float: left; height: 80px; margin-top: 0;}
.sacrifice .triples .tabs li { padding: 0; margin-right: 20px;}
.sacrifice .triples .tabs li::after { display: none;}
.sacrifice .triples .tabs li a { height: 80px; line-height: 80px; font-family: 'SanJiXingKaiJianTi'; font-size: 30px; color: #000; padding: 0;}
.sacrifice .triples .tabs li a::after { width: 100%; height: 3px; border: none; background: #700000; bottom: -1px;}
.sacrifice .triples .tabs .on a { font-weight: 500; color: #000; background: none;}
.sacrifice .triples .swiper-slide {}
.sacrifice .triples .swiper-slide li { width: 100%; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #cdc8b2;}
.sacrifice .triples .swiper-slide li .img { float: left; width: 95px; height: 60px; padding: 17px 12px; background: url(../images/ys138.png) no-repeat 0 0;}
.sacrifice .triples .swiper-slide li .img img { display: block; width: 95px; height: 60px;}
.sacrifice .triples .swiper-slide li .msg { float: right; width: calc(100% - 130px);}
.sacrifice .triples .swiper-slide li .msg h3 { line-height: 40px; font-weight: 500; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .triples .swiper-slide li .msg span { float: left; max-width: 45%; height: 35px; line-height: 35px; font-size: 16px; color: #bb9454;}
.sacrifice .triples .swiper-slide li .msg i { display: block; float: right; max-width: calc(55% - 22px); height: 35px; line-height: 35px; font-style: normal; font-size: 16px; color: #666; padding-left: 22px; background: url(../images/ys39.png) no-repeat left 8px / 16px 18px;}
.sacrifice .triples .swiper-slide li:hover .msg h3 { color: #700000;}
/*孝爱之星*/
.sacrifice .filials { width: 100%; margin-top: 25px; padding-bottom: 80px;}
.sacrifice .filials .swiper-slide { background: #fff;}
.sacrifice .filials .swiper-slide a { display: block; padding: 10px; border: 1px solid #dcd7c2; border-radius: 4px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .filials .swiper-slide a .img { width: 100%; height: 130px; margin-bottom: 10px; border-radius: 4px; overflow: hidden;}
.sacrifice .filials .swiper-slide a .img img { display: block; width: 100%; min-height: 130px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .filials .swiper-slide a p { line-height: 30px; font-size: 18px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.sacrifice .filials .swiper-slide:hover a { border-color: #700000;}
.sacrifice .filials .swiper-slide:hover a .img img { transform: scale(1.1,1.1);}
.sacrifice .filials .swiper-button-prev,
.sacrifice .filials .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); top: 70%;}
.sacrifice .filials .swiper-button-prev { left: -50px;}
.sacrifice .filials .swiper-button-next { left: auto; right: -50px;}
.sacrifice .filials .swiper-button-prev::after,
.sacrifice .filials .swiper-button-next::after { font-size: 16px; color: #fff;}
.sacrifice .filials .swiper-button-prev:hover,
.sacrifice .filials .swiper-button-next:hover { background: #710100;}

/*************** 产业联盟 *******************/
.unions { width: 100%; padding: 25px 0; background: #f7f7f7;}
/*筛选*/
.unions .choose { margin: 25px 0; padding: 0 10px; background: #fff;}
.unions .choose li { padding: 20px 15px 5px 15px; border-bottom: 1px solid #eee;}
.unions .choose li:last-child { border-bottom: none;}
.unions .choose li b { display: block; float: left; width: 90px; height: 30px; line-height: 30px; font-size: 18px; color: #333; padding-left: 10px; position: relative;}
.unions .choose li b::after { display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #ff8418; position: absolute; left: 0; top: 15px;}
.unions .choose li p { float: right; width: calc(100% - 120px);}
.unions .choose li p a { display: inline-block; height: 30px; line-height: 30px; font-size: 16px; color: #666; padding: 0 15px; margin-bottom: 10px; border-radius: 4px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .choose li p a:hover { color: #f00;}
.unions .choose li p .on { color: #fff !important; background: #f00;}
.unions .hots { width: 100%;}
.unions .hots .tits { width: 190px; margin: 0 auto 20px auto;}
.unions .hots .tits h3 i::after { background-image: url(../images/ys140.png);}
.unions .hots .tups { float: left; width: 600px; padding: 20px 20px 10px 20px; background: #fff;}
.unions .hots .tups .top { float: left; width: 300px; padding: 20px; background: #f5f6f6;}
.unions .hots .tups .top .img { width: 200px; height: 200px; margin: 0 auto; overflow: hidden; background: #fff;}
.unions .hots .tups .top .img img { display: block; max-width: 200px; height: 200px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .tups .top i { display: block; width: 82px; height: 25px; margin: 15px auto 10px auto; background: url(../images/ys141.png) no-repeat 0 0;}
.unions .hots .tups .top p { line-height: 25px; font-size: 16px; color: #666; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .tups .top:hover .img img { transform: scale(0.95,0.95);}
.unions .hots .tups .lst { float: right; width: calc(100% - 340px);}
.unions .hots .tups .lst li { float: left; width: 100px; margin: 0 0 10px 10px; padding: 10px; background: #f5f6f6; position: relative;}
.unions .hots .tups .lst li i { display: block; width: 53px; height: 28px; line-height: 21px; font-style: normal; font-size: 12px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.unions .hots .tups .lst li .hb { background-image: url(../images/ys142.png);}
.unions .hots .tups .lst li .tj { background-image: url(../images/ys143.png);}
.unions .hots .tups .lst li .img { width: 85px; height: 85px; margin: 0 auto 8px auto; overflow: hidden; background: #fff;}
.unions .hots .tups .lst li .img img { display: block; max-width: 85px; height: 85px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .tups .lst li p { height: 40px; line-height: 20px; font-size: 13px; color: #666; text-align: center; overflow: hidden;}
.unions .hots .tups .lst li:hover .img img { transform: scale(0.95,0.95);}
.unions .hots .wens { float: right; width: 600px; padding: 10px 20px; background: #fff;}
.unions .hots .wens .tabs { height: 45px; line-height: 45px; margin-bottom: 5px; border-bottom: 1px solid #eee;}
.unions .hots .wens .tabs li { float: left; margin-right: 30px; position: relative;}
.unions .hots .wens .tabs li::after { display: block; content: ""; width: 0; height: 3px; margin: auto; background: #f00; position: absolute; left: 0; right: 0; bottom: -1px;}
.unions .hots .wens .tabs li a { display: block; font-weight: bold; font-size: 18px; color: #333;}
.unions .hots .wens .tabs .on::after { width: 100%;}
.unions .hots .wens .tabs .more { display: block; float: right; line-height: 45px; font-size: 14px; color: #999; padding-right: 10px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .wens .tabs .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 20px; right: 2px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .wens .tabs .more:hover { color: #f00;}
.unions .hots .wens .tabs .more:hover::after { border-color: #f00;}
.unions .hots .wens .swiper-slide { background: #fff;}
.unions .hots .wens .swiper-slide li { float: left; width: calc(50% - 10px); height: 46.5px; line-height: 46.5px; margin-right: 20px; border-bottom: 1px dashed #bbb;}
.unions .hots .wens .swiper-slide li:nth-child(2n) { margin-right: 0;}
.unions .hots .wens .swiper-slide li:nth-child(11),
.unions .hots .wens .swiper-slide li:nth-child(12) { border-bottom: none;}
.unions .hots .wens .swiper-slide li i { float: left; width: 40px; height: 22px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; margin-top: 13px; border-radius: 15px; overflow: hidden;}
.unions .hots .wens .swiper-slide li .red { background-image: linear-gradient(to right,#ff823e,#ff2c1b);}
.unions .hots .wens .swiper-slide li .blu { background-image: linear-gradient(to right,#0af2d5,#16b1f8);}
.unions .hots .wens .swiper-slide li a { float: right; width: calc(100% - 45px); font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .hots .wens .swiper-slide li:hover a { color: #f00;}
/*列表*/
.unions .lists { width: 100%; margin-bottom: 30px;}
.unions .lists .nr { padding: 15px 15px 0 15px; background: #fff;}
.unions .lists .nr .top { float: left; width: 230px; text-align: center; padding: 30px 50px; background: #f5f6f6;}
.unions .lists .nr .top .img { width: 230px; height: 230px; overflow: hidden; background: #fff; position: relative;}
.unions .lists .nr .top .img::after { display: block; content: ""; width: 75px; height: 25px; border-radius: 0 2px 2px 0; overflow: hidden; background: url(../images/ys141.png) no-repeat -4px 0; position: absolute; left: 0; top: 0; z-index: 2;}
.unions .lists .nr .top .img img { display: block; max-width: 230px; height: 230px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .lists .nr .top h3 { line-height: 40px; font-size: 20px; color: #333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .lists .nr .top p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.unions .lists .nr .top span { display: block; width: 95px; height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; margin: 20px auto 0 auto; border-radius: 20px; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .lists .nr .top:hover .img img { transform: scale(0.95,0.95);}
.unions .lists .nr .top:hover h3 { color: #f00;}
.unions .lists .nr .top:hover span { border-radius: 4px;}
.unions .lists .nr .rgt { float: right; width: calc(100% - 330px);}
.unions .lists .nr .rgt li { float: left; width: calc(50% - 47px); padding: 10px; margin: 0 0 15px 15px; border: 1px solid #ededed; border-radius: 6px; overflow: hidden;}
.unions .lists .nr .rgt li .img { float: left; width: 110px; height: 110px; overflow: hidden; background: #fff;}
.unions .lists .nr .rgt li .img img { display: block; max-width: 110px; height: 110px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .lists .nr .rgt li .msg { float: right; width: calc(100% - 141px); margin-left: 15px; padding-left: 15px; border-left: 1px solid #eee;}
.unions .lists .nr .rgt li .msg h3 { height: 35px; line-height: 35px; font-size: 18px; color: #333; padding-bottom: 5px; margin-bottom: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.unions .lists .nr .rgt li .msg h3::after { display: block; content: ""; width: 25px; height: 3px; background: #f00; position: absolute; left: 0; bottom: 0;}
.unions .lists .nr .rgt li .msg p { line-height: 25px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.unions .lists .nr .rgt li:hover .img img { transform: scale(0.95,0.95);}
.unions .lists .nr .rgt li:hover .msg h3 { color: #f00;}
.unions .agencys .tits h3 i::after { background-image: url(../images/ys144.png);}
.unions .groups .tits h3 i::after { background-image: url(../images/ys145.png);}
.unions .civilians .tits h3 i::after { background-image: url(../images/ys146.png);}
.unions .enterps .tits h3 i::after { background-image: url(../images/ys36.png);}

/*************** 孝老爱亲 *******************/
.familys { width: 100%;}
.familys .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.familys .tit { height: 55px; line-height: 55px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.familys .tit h3 { float: left; font-size: 22px; color: #333; padding-left: 15px; position: relative;}
.familys .tit h3::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 19px;}
.familys .tit .more { float: right; font-size: 14px; color: #999; padding-right: 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .tit .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .tit .more:hover { color: #f00;}
.familys .tit .more:hover::after { border-top: 1px solid #f00; border-right: 1px solid #f00;}
.familys .gd { float: right; height: 30px; line-height: 30px; font-size: 14px; color: #666; padding: 0 15px; margin-top: 10px; border-radius: 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .gd:hover { color: #fff; background: #f00;}
.familys .tabs { float: right; height: 30px; margin-top: 10px;}
.familys .tabs li { float: left; line-height: 30px; margin-right: 15px; position: relative;}
.familys .tabs li::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: -7.5px; top: 12px;}
.familys .tabs li a { display: block; font-size: 14px; color: #666; padding: 0 15px; border-radius: 15px; position: relative;}
.familys .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.familys .tabs .on a { color: #fff; background: #f00;}
.familys .tabs .on a::after { display: block;}
.familys .lft { float: left; width: 460px;}
.familys .lft .top { width: 460px; height: 300px; border-radius: 4px; overflow: hidden; position: relative;}
.familys .lft .top img { display: block; width: 460px; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .lft .top h3 { width: calc(100% - 20px); height: 45px; line-height: 45px; font-size: 18px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 2;}
.familys .lft .top img:hover { transform: scale(1.1,1.1);}
.familys .lft .top .swiper-button-prev,
.familys .lft .top .swiper-button-next { width: 25px; height: 40px; background: rgba(0,0,0,0.5);}
.familys .lft .top .swiper-button-prev { left: 0;}
.familys .lft .top .swiper-button-next { left: auto; right: 0;}
.familys .lft .top .swiper-button-prev::after,
.familys .lft .top .swiper-button-next::after { font-size: 14px; color: #fff;}
.familys .lft .top .swiper-button-prev:hover,
.familys .lft .top .swiper-button-next:hover { background: #f00;}
.familys .lft li { float: left; width: 225px; height: 145px; margin: 10px 10px 0 0; border-radius: 4px; overflow: hidden; position: relative;}
.familys .lft li:nth-child(2n) { margin-right: 0;}
.familys .lft li img { display: block; width: 225px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .lft li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; bottom: 0; left: 0; z-index: 2;}
.familys .lft li:hover img { transform: scale(1.1,1.1);}
.familys .rgt { float: right; width: 460px;}
.familys .lst { width: 100%; margin-top: 10px;}
.familys .lst li { height: 35px; line-height: 35px; padding-left: 15px; position: relative;}
.familys .lst li::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: #e0e0e0; position: absolute; left: 0; top: 18px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .lst li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .lst li:first-child a { font-weight: bold; font-size: 18px;}
.familys .lst li:hover::after { background: #f00;}
.familys .lst li:hover a { color: #f00;}
/*大图新闻*/
.familys .bigtu { float: left; width: 890px; height: 510px; overflow: hidden;}
.familys .bigtu .swiper-slide { width: 100%;}
.familys .bigtu .swiper-slide img { display: block; width: 100%;}
.familys .bigtu .swiper-slide p { width: calc(60% - 20px); height: 60px; line-height: 60px; font-size: 20px; color: #fff; padding: 0 40% 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.familys .bigtu .swiper-pagination-bullets { width: 30%; height: 60px; line-height: 60px; text-align: right; left: auto; right: 10px; bottom: 0; z-index: 3;}
.familys .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 10px 0 0 !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.familys .bigtu .swiper-pagination-bullet-active { background: #f00;}
.familys .bigtu .swiper-button-prev,
.familys .bigtu .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .bigtu .swiper-button-prev::after,
.familys .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.familys .bigtu .swiper-button-prev { left: 20px;}
.familys .bigtu .swiper-button-next { right: 20px;}
.familys .bigtu .swiper-button-prev:hover,
.familys .bigtu .swiper-button-next:hover { background: #f00;}
/*推荐孝老新闻*/
.familys .xiaonew { float: right; width: 350px; padding: 10px 25px 5px 25px; background: #fff;}
.familys .xiaonew h1 { height: 40px; line-height: 40px; font-size: 20px; color: #333; padding-left: 15px; margin-bottom: 14px; border-bottom: 1px solid #eee; position: relative;}
.familys .xiaonew h1::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 11px;}
.familys .xiaonew li { width: 100%; margin-bottom: 13px;}
.familys .xiaonew li .img { float: left; width: 115px; height: 75px; border-radius: 4px; overflow: hidden; position: relative;}
.familys .xiaonew li .img::after { display: block; content: ""; width: 35px; height: 25px; background: url(../images/ys99.png) no-repeat 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.familys .xiaonew li .img img { display: block; width: 115px; height: 75px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .xiaonew li .msg { float: right; width: calc(100% - 130px);}
.familys .xiaonew li .msg h3 { height: 45px; line-height: 22px; font-weight: 500; font-size: 16px; color: #333; margin-bottom: 10px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .xiaonew li .msg p { line-height: 20px; font-size: 14px; color: #999; padding-left: 20px; background: url(../images/ys41.png) no-repeat left center;}
.familys .xiaonew li:hover .img img { transform: scale(1.1,1.1);}
.familys .xiaonew li:hover .msg h3 { color: #f00;}
/*感动人物*/
.familys .charas { float: left; width: 950px;}
.familys .charas .tits h3 i::after { background-image: url(../images/ys147.png);}
.familys .charas .rgt .top { width: 100%; position: relative;}
.familys .charas .rgt .top .img { float: left; width: 185px; height: 120px; border-radius: 4px; overflow: hidden;}
.familys .charas .rgt .top .img img { display: block; width: 185px; height: 120px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .charas .rgt .top .msg { float: right; width: calc(100% - 200px);}
.familys .charas .rgt .top .msg h3 { height: 75px; line-height: 25px; font-size: 18px; color: #333; margin-bottom: 25px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .charas .rgt .top .msg p { line-height: 20px; font-size: 14px; color: #999; padding-left: 20px; background: url(../images/ys41.png) no-repeat left center;}
.familys .charas .rgt .top:hover .img img { transform: scale(1.1,1.1);}
.familys .charas .rgt .top:hover .msg h3 { color: #f00;}
/*热门孝老要闻*/
.familys .hostnew { float: right; width: 320px;}
.familys .hostnew .tit h3 { color: #f00; padding-left: 30px; background: url(../images/ys39.png) no-repeat left center;}
.familys .hostnew .tit h3::after { display: none;}
.familys .hostnew li { width: 100%; line-height: 38px;}
.familys .hostnew li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .hostnew li a i { display: block; float: left; width: 25px; font-style: normal; color: #999;}
.familys .hostnew li:nth-child(1) a,
.familys .hostnew li:nth-child(2) a,
.familys .hostnew li:nth-child(3) a { font-weight: bold; font-size: 18px;}
.familys .hostnew li:nth-child(1) a i { color: #f00;}
.familys .hostnew li:nth-child(2) a i { color: #ff6c00;}
.familys .hostnew li:nth-child(3) a i { color: #ffb811;}
.familys .hostnew li:hover a { color: #f00;}
/*孝老爱亲家庭*/
.familys .elderly { float: left; width: 950px; margin-top: 30px;}
.familys .elderly .tits h3 i::after { background-image: url(../images/ys148.png);}
.familys .elderly .top li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.familys .elderly .top li:last-child { margin-right: 0;}
.familys .elderly .top li:last-child::after { background-image: url(../images/ys42.png);}
.familys .elderly .top li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .elderly .top li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.familys .elderly .top li:hover img { transform: scale(1.1,1.1);}
.familys .elderly .rgt .lst li { height: 36.5px; line-height: 36.5px;}
/*捐赠帮助*/
.familys .helps { float: left; width: 950px; margin-top: 30px;}
.familys .helps .tits h3 i::after { background-image: url(../images/ys149.png);}
.familys .helps .rgt li { width: 100%; margin-bottom: 9px; position: relative;}
.familys .helps .rgt li:last-child { margin-bottom: 0;}
.familys .helps .rgt li i { display: block; width: 75px; height: 28px; line-height: 21px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.familys .helps .rgt li .rd { background-image: url(../images/ys152.png);}
.familys .helps .rgt li .bl { background-image: url(../images/ys153.png);}
.familys .helps .rgt li .img { float: left; width: 175px; height: 115px; border-radius: 4px; overflow: hidden;}
.familys .helps .rgt li .img img { display: block; width: 175px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .helps .rgt li .msg { float: right; width: calc(100% - 190px);}
.familys .helps .rgt li .msg h3 { line-height: 35px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .helps .rgt li .msg p { height: 45px; line-height: 22px; font-size: 14px; color: #666; margin: 3px 0 10px 0; overflow: hidden;}
.familys .helps .rgt li .msg span { display: block; line-height: 22px; font-size: 14px; color: #999;}
.familys .helps .rgt li:hover .img img { transform: scale(1.1,1.1);}
.familys .helps .rgt li:hover .msg h3 { color: #f00;}
/*孝老推荐*/
.familys .recomnew { float: right; width: 320px; margin-top: 30px;}
.familys .recomnew .tit h3 { padding-left: 30px; background: url(../images/ys43.png) no-repeat left center;}
.familys .recomnew .tit h3::after { display: none;}
.familys .recomnew li { width: 100%; line-height: 44px;}
.familys .recomnew li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .recomnew li a i { display: block; float: left; width: 25px; height: 25px; line-height: 25px; font-style: normal; font-size: 16px; color: #999; text-align: center; margin: 10.5px 10px 0 0; border-radius: 4px; overflow: hidden; background: #e6e6e6;}
.familys .recomnew li:nth-child(1) a i { color: #fff; background: #f00;}
.familys .recomnew li:nth-child(2) a i { color: #fff; background: #ff6c00;}
.familys .recomnew li:nth-child(3) a i { color: #fff; background: #ffb811;}
.familys .recomnew li:hover a { color: #f00;}
/*公益慈善*/
.familys .welfare { float: left; width: 950px; margin-top: 30px;}
.familys .welfare .tits h3 i::after { background-image: url(../images/ys150.png);}
.familys .welfare .rgt .lst:first-child { margin-top: 0;}
.familys .welfare .rgt .lst li { height: 36.5px; line-height: 36.5px;}
/*孝老爱亲达人*/
.familys .rens { float: left; width: 950px;}
.familys .rens .tit { border-bottom: none;}
.familys .rens .swiper-slide {}
.familys .rens .swiper-slide li { float: left; width: calc(100% / 5 - 58px); text-align: center; padding: 30px 25px; margin: 0 10px 10px 0; background: #fff; position: relative;}
.familys .rens .swiper-slide li:nth-child(5n) { margin-right: 0;}
.familys .rens .swiper-slide li .img { width: 90px; height: 90px; margin: 0 auto 10px auto; border: 1px solid #eee; border-radius: 50%; overflow: hidden; background: #fff;}
.familys .rens .swiper-slide li .img img { display: block; width: 90px; height: 90px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .rens .swiper-slide li h3 { height: 50px; line-height: 25px; font-size: 16px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .rens .swiper-slide li:hover .img img { transform: scale(0.9,0.9);}
.familys .rens .swiper-slide li:hover h3 { color: #f00;}
/*爱心推荐*/
.familys .heart { float: right; width: 320px;}
.familys .heart .tit { border-bottom: none;}
.familys .heart .nr { width: calc(100% - 35px); height: 235px; padding: 200px 0 0 35px; background: url(../images/ys151.jpg) no-repeat 0 0;}
.familys .heart .nr a { display: block; width: 110px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.familys .heart .nr a:hover { border-radius: 4px;}

/*************** 招商代理 *******************/
.agents { width: 100%; padding: 25px 0; background: #f7f7f7;}
.agents .adv11 { margin-top: 15px;}
.agents .gda { display: block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center; margin: 30px auto; border: 1px solid #eee; border-radius: 25px; background: #fff;}
.agents .gda:hover { color: #fff; border-color: #f00; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
/*品牌招商*/
.agents .brands { width: 100%; margin-top: 30px;}
.agents .brands .tits h3 i::after { background-image: url(../images/ys154.png);}
.agents .brands li { float: left; width: 310px; margin: 0 20px 20px 0; background: #fff;}
.agents .brands li:nth-child(4n) { margin-right: 0;}
.agents .brands li .img { width: 310px; height: 210px; overflow: hidden;}
.agents .brands li .img img { display: block; width: 310px; height: 210px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .brands li .msg { padding: 10px 20px;}
.agents .brands li .msg h3 { line-height: 35px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .brands li .msg span { display: block; float: left; width: 50%; height: 30px; line-height: 30px; font-size: 16px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.agents .brands li .msg .red { color: #f00; text-align: right;}
.agents .brands li:hover .img img { transform: scale(1.1,1.1);}
.agents .brands li:hover .msg h3 { color: #f00;}
/*项目招商*/
.agents .pjcts { width: 100%; margin-top: 30px;}
.agents .pjcts .tits h3 i::after { background-image: url(../images/ys155.png);}
.agents .pjcts .tabs { float: right; height: 30px; margin-top: 10px;}
.agents .pjcts .tabs li { float: left; line-height: 30px; margin-left: 15px; position: relative;}
.agents .pjcts .tabs li::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; left: -7.5px; top: 12px;}
.agents .pjcts .tabs li:first-child::after { display: none;}
.agents .pjcts .tabs li a { display: block; font-size: 16px; color: #666; padding: 0 15px; border-radius: 15px; position: relative;}
.agents .pjcts .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.agents .pjcts .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.agents .pjcts .tabs .on a::after { display: block;}
.agents .pjcts .swiper-slide { background: #fff;}
.agents .pjcts .swiper-slide li { float: left; width: calc(100% / 6 - 31px); padding: 15px; border-right: 1px solid #eee; border-bottom: 1px solid #eee; position: relative;}
.agents .pjcts .swiper-slide li:nth-child(6n) { border-right: none;}
.agents .pjcts .swiper-slide li i { display: block; width: 53px; height: 28px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 15px; top: 15px; z-index: 2;}
.agents .pjcts .swiper-slide li .rd { background-image: url(../images/ys142.png);}
.agents .pjcts .swiper-slide li .bl { background-image: url(../images/ys143.png);}
.agents .pjcts .swiper-slide li .img { width: 185px; height: 185px; overflow: hidden;}
.agents .pjcts .swiper-slide li .img img { display: block; width: 185px; height: 185px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .pjcts .swiper-slide li .msg { padding-top: 10px;}
.agents .pjcts .swiper-slide li .msg h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .pjcts .swiper-slide li .msg p { width: 100%; height: 25px; line-height: 25px; font-size: 16px;  color: #f00; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.agents .pjcts .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.agents .pjcts .swiper-slide li:hover .msg h3 { color: #f00;}
/*投资代理*/
.agents .agcy { width: 100%; margin: 30px 0;}
.agents .agcy .tits h3 i::after { background-image: url(../images/ys156.png);}
.agents .agcy .swiper-slide {}
.agents .agcy .swiper-slide .img { width: 100%; height: 230px; overflow: hidden;}
.agents .agcy .swiper-slide .img img { display: block; width: 100%; height: 230px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .agcy .swiper-slide .img:hover img { transform: scale(1.1,1.1);}
.agents .agcy .swiper-slide li { width: 100%; margin-top: 15px;}
.agents .agcy .swiper-slide li h3 { float: left; width: 70%; height: 35px; line-height: 35px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.agents .agcy .swiper-slide li span { float: right; width: 93px; height: 24px; line-height: 24px; font-size: 12px; color: #fff; text-align: center; margin-top: 5px; background: url(../images/ys157.png) no-repeat 0 0;}
.agents .agcy .swiper-slide li p { height: 45px; line-height: 22px; font-size: 14px; color: #999; overflow: hidden;}
.agents .agcy .swiper-slide li:hover h3 { color: #f00;}
.agents .agcy .swiper-button-prev,
.agents .agcy .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); top: 25%;}
.agents .agcy .swiper-button-prev { left: 5px;}
.agents .agcy .swiper-button-next { left: auto; right: 5px;}
.agents .agcy .swiper-button-prev::after,
.agents .agcy .swiper-button-next::after { font-size: 16px; color: #fff;}
.agents .agcy .swiper-button-prev:hover,
.agents .agcy .swiper-button-next:hover { background: #f00;}

/*************** 招聘求职 *******************/
.recruitments { width: 100%; padding: 25px 0; background: #f7f7f7;}
.recruitments .gd { display: block; width: 120px; height: 45px; line-height: 45px; font-size: 15px; color: #fff; text-align: center; margin: 20px auto; border-radius: 4px; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .gd:hover { border-radius: 25px;}
/*分类*/
.recruitments .sorts { float: left; width: 380px; padding: 10px 20px; border-radius: 4px; overflow: hidden; background: #fff; position: relative; z-index: 9;}
.recruitments .sorts .swiper-slide { height: 273px; background: #fff;}
.recruitments .sorts .swiper-slide li { width: 100%; height: 45px;}
.recruitments .sorts .swiper-slide li p { float: left; width: calc(100% - 30px); font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative;}
.recruitments .sorts .swiper-slide li p a { display: inline-block; line-height: 45px; font-size: 16px; color: #999; margin-right: 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .sorts .swiper-slide li p a b { font-weight: 500; font-size: 18px; color: #000;}
.recruitments .sorts .swiper-slide li p a:hover { color: #f00;}
.recruitments .sorts .swiper-slide li .jtm { float: right; width: 30px; height: 45px; position: relative;}
.recruitments .sorts .swiper-slide li .jtm::after { display: block; content: ""; width: 6px; height: 6px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 2px; top: 20px;}


.recruitments .sorts .botm { height: 45px; margin-top: 16px; border-top: 1px dashed #ccc; position: relative;}
.recruitments .sorts .botm .swiper-pagination { width: 50%; line-height: 45px; font-size: 16px; color: #999; text-align: left; bottom: -5px;}
.recruitments .sorts .botm .swiper-pagination .swiper-pagination-current { color: #f00;}
.recruitments .sorts .botm .swiper-button-prev,
.recruitments .sorts .botm .swiper-button-next { width: 25px; height: 25px; top: 38px; border-radius: 4px; overflow: hidden; background: #fff2f2;}
.recruitments .sorts .botm .swiper-button-prev { left: auto; right: 30px;}
.recruitments .sorts .botm .swiper-button-next { right: 0;}
.recruitments .sorts .botm .swiper-button-prev::after,
.recruitments .sorts .botm .swiper-button-next::after { font-size: 12px; color: #f00;}
.recruitments .sorts .botm .swiper-button-prev:hover,
.recruitments .sorts .botm .swiper-button-next:hover { background: #f00;}
.recruitments .sorts .botm .swiper-button-prev:hover::after,
.recruitments .sorts .botm .swiper-button-next:hover::after { color: #fff;}
/*banner*/
.recruitments .bigtu { float: right; width: 850px; height: 355px; border-radius: 4px; overflow: hidden;}
.recruitments .bigtu .swiper-slide { width: 100%;}
.recruitments .bigtu .swiper-slide a,
.recruitments .bigtu .swiper-slide img { display: block; width: 100%;}
.recruitments .bigtu .swiper-pagination-bullets { bottom: 15px;}
.recruitments .bigtu .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.recruitments .bigtu .swiper-pagination-bullet-active { background: #f00;}
.recruitments .bigtu .swiper-button-prev,
.recruitments .bigtu .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .bigtu .swiper-button-prev::after,
.recruitments .bigtu .swiper-button-next::after { font-size: 14px; color: #fff;} 
.recruitments .bigtu .swiper-button-prev { left: 20px;}
.recruitments .bigtu .swiper-button-next { right: 20px;}
.recruitments .bigtu .swiper-button-prev:hover,
.recruitments .bigtu .swiper-button-next:hover { background: #f00;}
/*热门企业*/
.recruitments .populs { width: 100%; margin-top: 30px;}
.recruitments .populs .tits h3 i::after { background-image: url(../images/ys158.png);}
.recruitments .populs li { float: left; width: calc(100% / 3 - 40px); padding: 15px; margin: 0 15px 15px 0; border-radius: 4px; background: #fff; position: relative;}
.recruitments .populs li:nth-child(3n) { margin-right: 0;}
.recruitments .populs li i { display: block; width: 53px; height: 28px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 2;}
.recruitments .populs li .rd { background-image: url(../images/ys142.png);}
.recruitments .populs li .bl { background-image: url(../images/ys143.png);}
.recruitments .populs li .img { float: left; width: 110px; height: 110px; overflow: hidden;}
.recruitments .populs li .img img { display: block; width: 110px; height: 110px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .populs li .msg { float: right; width: calc(100% - 120px);}
.recruitments .populs li .msg h3 { line-height: 30px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .populs li .msg p { line-height: 30px; font-size: 14px; color: #666; margin: 5px 0 15px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recruitments .populs li .msg span { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #999; padding: 0 10px; border-radius: 4px; background: #f7f7f7;}
.recruitments .populs li:hover .img img { transform: scale(0.95,0.95);}
.recruitments .populs li:hover .msg h3 { color: #f00;}
/*热门职位*/
.recruitments .place { float: left; width: 935px; margin-top: 30px;}
.recruitments .place .tits h3 i::after { background-image: url(../images/ys159.png);}
.recruitments .place .tabs { float: right; height: 30px; margin-top: 10px;}
.recruitments .place .tabs li { float: left; line-height: 30px; margin-left: 15px; position: relative;}
.recruitments .place .tabs li::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; left: -7.5px; top: 12px;}
.recruitments .place .tabs li:first-child::after { display: none;}
.recruitments .place .tabs li a { display: block; font-size: 16px; color: #333; padding: 0 15px; border-radius: 15px; position: relative;}
.recruitments .place .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.recruitments .place .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.recruitments .place .tabs .on a::after { display: block;}
.recruitments .place .swiper-slide { background: #fff;}
.recruitments .place .lst { padding: 0 30px; border-radius: 8px; overflow: hidden; background: #fff;}
.recruitments .place .lst li { width: 100%; padding: 16px 0; border-bottom: 1px solid #eee;}
.recruitments .place .lst li .msg { float: left; width: 400px;}
.recruitments .place .lst li .msg h3 { line-height: 25px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .place .lst li .msg p { height: 30px; line-height: 30px; font-size: 20px; color: #f00; margin: 15px 0;}
.recruitments .place .lst li .msg span { display: inline-block; height: 25px; line-height: 25px; font-size: 12px; color: #999; padding: 0 10px; border-radius: 4px; background: #f7f7f7;}
.recruitments .place .lst li .cter { float: left; width: 280px; margin: 25px 10px 0 10px;}
.recruitments .place .lst li .cter p { width: calc(100% - 25px); height: 30px; line-height: 30px; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-repeat: no-repeat; background-position: left center;}
.recruitments .place .lst li .cter .gs { font-size: 16px; color: #666; background-image: url(../images/ys160.png);}
.recruitments .place .lst li .cter .qy { font-size: 14px; color: #999; background-image: url(../images/ys161.png);}
.recruitments .place .lst li .btn { float: right; width: 120px; height: 45px; line-height: 45px; font-size: 14px; color: #fff; text-align: center; margin-top: 35px; border-radius: 25px; background-image: linear-gradient(to right,#ff833f,#ff2b1b); -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .place .lst li:hover .msg h3 { color: #f00;}
.recruitments .place .lst li:hover .btn { border-radius: 4px;}
/*发布职位*/
.recruitments .fabu { float: right; width: 340px; margin-top: 30px;}
.recruitments .fabu h1 { height: 45px; line-height: 45px; margin-bottom: 20px; padding-left: 15px; position: relative;}
.recruitments .fabu h1::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 15px;}
.recruitments .fabu .nr { padding: 20px; border-radius: 8px; overflow: hidden; background-image: linear-gradient(#fdcca7,#fdefe7);}
.recruitments .fabu .nr li { width: 100%; height: 60px; line-height: 60px; text-align: center; margin-bottom: 10px; border-radius: 8px; overflow: hidden; background: rgba(255,255,255,0.5);}
.recruitments .fabu .nr li:last-child { margin-bottom: 0;}
.recruitments .fabu .nr li a { display: block; font-size: 18px; color: #333;}
.recruitments .fabu .nr li a i { display: inline-block; width: 30px; height: 30px; margin-right: 10px; background-repeat: no-repeat; background-position: 0 0; position: relative; top: 8px;}
.recruitments .fabu .nr .f01 i { background-image: url(../images/ys162.png);}
.recruitments .fabu .nr .f02 i { background-image: url(../images/ys163.png);}
.recruitments .fabu .nr .f03 i { background-image: url(../images/ys164.png);}
/*中老年人才库*/
.recruitments .tapool { width: 100%; margin: 30px 0; position: relative;}
.recruitments .tapool .tits h3 i::after { background-image: url(../images/ys147.png);}
.recruitments .tapool .tits a { display: block; float: right; width: 130px; height: 40px; line-height: 40px; font-size: 16px; color: #f00; text-align: center; margin: 2px 0 0 15px; border: 1px solid #f00; border-radius: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .tapool .tits .red { color: #fff; background: #f00;}
.recruitments .tapool .tits a:hover { border-radius: 4px;}
.recruitments .tapool .swiper-slide { border-radius: 8px; background: #fff;}
.recruitments .tapool .swiper-slide a { display: block; text-align: center; padding: 15px;}
.recruitments .tapool .swiper-slide a .img { width: 100%; height: 250px; margin-bottom: 10px; overflow: hidden;}
.recruitments .tapool .swiper-slide a .img img { display: block; width: 100%; height: 250px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .tapool .swiper-slide a span { display: block; width: 100px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: auto; border-radius: 15px; background: #f00; position: absolute; left: 0; right: 0; bottom: -100px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .tapool .swiper-slide a h3 { line-height: 35px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.recruitments .tapool .swiper-slide a p { line-height: 25px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.recruitments .tapool .swiper-slide a:hover .img img { transform: scale(1.1,1.1);}
.recruitments .tapool .swiper-slide a:hover span { bottom: 100px;}
.recruitments .tapool .swiper-slide a:hover h3 { color: #f00;}
.recruitments .tapool .swiper-button-prev,
.recruitments .tapool .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; background: rgba(0,0,0,0.5); top: 60%;}
.recruitments .tapool .swiper-button-prev { left: -50px;}
.recruitments .tapool .swiper-button-next { left: auto; right: -50px;}
.recruitments .tapool .swiper-button-prev::after,
.recruitments .tapool .swiper-button-next::after { font-size: 16px; color: #fff;}
.recruitments .tapool .swiper-button-prev:hover,
.recruitments .tapool .swiper-button-next:hover { background: #f00;}

/*************** 婚恋交友 *******************/
.marrys { width: 100%; padding: 25px 0; background: #f7f7f7;}
.marrys .adv16 { margin-top: 10px;}
.marrys .gda { display: block; width: 140px; height: 40px; line-height: 40px; font-size: 16px; color: #666; text-align: center; margin: 30px auto; border: 1px solid #eee; border-radius: 25px; background: #fff;}
.marrys .gda:hover { color: #fff; border-color: #f00; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}

/*婚恋推荐 */
.marrys .ban1 { width: 100%; margin-top: 30px;}
.marrys .ban1 .tits h3 i::after { background-image: url(../images/ys165.png);}
.marrys .ban1 li { float: left; width: 220px; text-align: center; margin: 0 20px 20px 0; padding: 12px 12px 15px 12px; overflow: hidden; background: #fff; position: relative;}
.marrys .ban1 li:nth-child(5n) { margin-right: 0;}
.marrys .ban1 li .img { width: 220px; height: 250px; overflow: hidden;}
.marrys .ban1 li .img img { display: block; width: 220px; height: 250px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban1 li h3 { line-height: 35px; font-size: 20px; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban1 li span { display: inline-block; height: 20px; line-height: 20px; font-size: 12px; color: #8b76f9; padding: 0 5px; border: 1px solid #8b76f9; border-radius: 4px; overflow: hidden;}
.marrys .ban1 li i { display: block; width: 100px; height: 30px; line-height: 30px; font-style: normal; font-size: 14px; color: #fff; text-align: center; margin: auto; border-radius: 15px; background: #f00; position: absolute; left: 0; right: 0; bottom: -110px; z-index: 3; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban1 li:hover .img img { transform: scale(1.1,1.1);}
.marrys .ban1 li:hover h3 { color: #f00;}
.marrys .ban1 li:hover i { bottom: 110px;}
/*红年推荐*/
.marrys .ban2 { width: 100%; margin: 30px 0;}
.marrys .ban2 .tits h3 i::after { background-image: url(../images/ys165.png);}
.marrys .ban2 .tabs { float: right; height: 40px;}
.marrys .ban2 .tabs li { float: left; line-height: 40px; margin-left: 15px; position: relative;}
.marrys .ban2 .tabs li::after { display: block; content: ""; width: 1px; height: 15px; background: #ccc; position: absolute; left: -7.5px; top: 15px;}
.marrys .ban2 .tabs li:first-child::after { display: none;}
.marrys .ban2 .tabs li a { display: block; font-size: 16px; color: #333; padding: 0 25px; border-radius: 20px; position: relative;}
.marrys .ban2 .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.marrys .ban2 .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.marrys .ban2 .tabs .on a::after { display: block;}
.marrys .ban2 .swiper-slide { background: #fff;}
.marrys .ban2 .swiper-slide li { float: left; width: calc(100% / 3 - 41px); padding: 20px; border-right: 1px solid #eee; border-bottom: 1px solid #eee;}
.marrys .ban2 .swiper-slide li:nth-child(3n) { border-right: none;}
.marrys .ban2 .swiper-slide li .img { float: left; width: 140px; height: 160px; overflow: hidden;}
.marrys .ban2 .swiper-slide li .img img { display: block; width: 140px; height: 160px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban2 .swiper-slide li .msg { float: right; width: calc(100% - 155px); overflow: hidden;}
.marrys .ban2 .swiper-slide li .msg h3 { height: 35px; line-height: 35px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban2 .swiper-slide li .msg .jsh { height: 30px; font-size: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.marrys .ban2 .swiper-slide li .msg .jsh span { line-height: 30px; font-size: 14px; color: #666; margin-right: 10px; position: relative;}
.marrys .ban2 .swiper-slide li .msg .jsh span::after { display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; left: -7px; top: 4px;}
.marrys .ban2 .swiper-slide li .msg .jsh span:last-child { margin-right: 0;}
.marrys .ban2 .swiper-slide li .msg p { height: 40px; line-height: 20px; font-size: 14px; color: #666; margin: 5px 0 15px 0; overflow: hidden;}
.marrys .ban2 .swiper-slide li .msg a { display: block; width: 100px; height: 33px; line-height: 33px; font-size: 14px; color: #f00; text-align: center; border: 1px solid #f00; border-radius: 20px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban2 .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.marrys .ban2 .swiper-slide li:hover .msg h3 { color: #f00;}
.marrys .ban2 .swiper-slide li:hover .msg a { color: #fff; background: #f00;}
/*交友推荐 */
.marrys .ban3 { width: 100%; margin-top: 30px; position: relative;}
.marrys .ban3 .tits h3 i::after { background-image: url(../images/ys165.png);}
.marrys .ban3 .swiper-slide {}
.marrys .ban3 .swiper-slide a { display: block; height: 250px; padding: 12px; background: #fff; position: relative;}
.marrys .ban3 .swiper-slide i { display: block; width: 53px; height: 28px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 4;}
.marrys .ban3 .swiper-slide .rd { background-image: url(../images/ys142.png);}
.marrys .ban3 .swiper-slide .bl { background-image: url(../images/ys143.png);}
.marrys .ban3 .swiper-slide .msg { height: 135px; text-align: center; padding: 20px 20px 30px 20px; border-bottom: 1px solid #eee; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban3 .swiper-slide .msg h3 { line-height: 40px; font-size: 20px; color: #333; margin-bottom: 15px;}
.marrys .ban3 .swiper-slide .msg p { height: 75px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.marrys .ban3 .swiper-slide span { display: block; width: 100px; height: 30px; line-height: 30px; font-size: 14px; color: #f00; text-align: center; margin: 20px auto 0 auto; border: 1px solid #f00; border-radius: 15px; background: #fff; position: relative; z-index: 9; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban3 .swiper-slide .img { width: 220px; height: 250px; position: absolute; left: 12px; top: 280px; z-index: 2; -webkit-transition: all .5s ease; transition: all .5s ease;}
.marrys .ban3 .swiper-slide .img img { display: block; width: 100%; height: 250px;}
.marrys .ban3 .swiper-slide:hover .msg { filter: alpha(opacity=0); opacity: 0;}
.marrys .ban3 .swiper-slide:hover .img { top: 12px;}
.marrys .ban3 .swiper-slide:hover span { color: #fff; background: #f00;}
.marrys .ban3 .swiper-button-prev,
.marrys .ban3 .swiper-button-next { width: 35px; height: 35px; border-radius: 50%; overflow: hidden; background: rgba(0,0,0,0.5); top: 65%;}
.marrys .ban3 .swiper-button-prev { left: -50px;}
.marrys .ban3 .swiper-button-next { right: -50px;;}
.marrys .ban3 .swiper-button-prev::after,
.marrys .ban3 .swiper-button-next::after { font-size: 14px; color: #fff;}
.marrys .ban3 .swiper-button-prev:hover,
.marrys .ban3 .swiper-button-next:hover { background: #f00;}
.marrys .ban3 .swiper-button-prev:hover::after,
.marrys .ban3 .swiper-button-next:hover::after { color: #fff;}

/*************** 房产二手 *******************/
.houses { width: 100%;}
.houses .gd { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 18px; color: #fff; text-align: center; margin: 20px auto; border-radius: 20px; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .gd:hover { border-radius: 4px;}
.houses .mttop { margin-top: 0;}
/*分类*/
.houses .ban1 { width: 100%; padding: 25px 0; background: #fff;}
.houses .ban1 li { float: left; width: 240px; height: 60px; margin-right: 30px; padding-right: 14px; border-right: 1px dashed #ddd; position: relative;}
.houses .ban1 li:nth-child(2) { width: 160px;}
.houses .ban1 li:last-child { margin-right: 0; padding-right: 0; border-right: none;}
.houses .ban1 li h3 { float: left; width: 80px; line-height: 60px; font-weight: 500; font-size: 28px; color: #f00; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.houses .ban1 li p { float: right; width: calc(100% - 80px);}
.houses .ban1 li p a { display: block; float: left; width: 80px; height: 30px; line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban1 li p a:hover { color: #f00;}
/*热门房产*/
.houses .ban2 { width: 100%; padding: 25px 0; background: #f7f7f7;}
.houses .ban2 .tits { width: 200px; margin: 0 auto 20px auto;}
.houses .ban2 .tits h3 i::after { background-image: url(../images/ys140.png);}
.houses .ban2 li { float: left; width: 310px; margin: 0 20px 20px 0; position: relative;}
.houses .ban2 li:nth-child(4n) { margin-right: 0;}
.houses .ban2 li i { display: block; width: 53px; height: 28px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 4;}
.houses .ban2 li .rd { background-image: url(../images/ys142.png);}
.houses .ban2 li .bl { background-image: url(../images/ys143.png);}
.houses .ban2 li .img { width: 310px; height: 210px; overflow: hidden;}
.houses .ban2 li .img img { display: block; width: 310px; height: 210px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban2 li h3 { width: 100%; line-height: 35px; font-size: 18px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban2 li span { display: inline-block; height: 30px; line-height: 30px; font-size: 15px; color: #666; margin-right: 30px; position: relative;}
.houses .ban2 li span::after { display: block; content: ""; width: 1px; height: 13px; background: #999; position: absolute; right: -15px; top: 10px;}
.houses .ban2 li span:last-child::after { display: none;}
.houses .ban2 li:hover .img img { transform: scale(1.1,1.1);}
.houses .ban2 li:hover h3 { color: #f00;}

/*房产推荐*/
.houses .ban3 { float: left; width: 915px; margin-top: 30px;}
.houses .ban3 .tits h3 i::after { background-image: url(../images/ys140.png);}
.houses .ban3 .tabs { float: right; height: 40px;}
.houses .ban3 .tabs li { float: left; line-height: 40px; margin-left: 30px; position: relative;}
.houses .ban3 .tabs li::after { display: block; content: ""; width: 1px; height: 15px; background: #ccc; position: absolute; left: -7.5px; top: 15px;}
.houses .ban3 .tabs li:first-child::after { display: none;}
.houses .ban3 .tabs li a { display: block; font-size: 16px; color: #333; padding: 0 25px; border-radius: 20px; position: relative;}
.houses .ban3 .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.houses .ban3 .tabs .on a { font-weight: bold; color: #fff; background: #f00;}
.houses .ban3 .tabs .on a::after { display: block;}
.houses .ban3 .swiper-slide { background: #fff;}
.houses .ban3 .swiper-slide li { width: 100%; margin-bottom: 15.5px; padding-bottom: 15.5px; border-bottom: 1px solid #eee;}
.houses .ban3 .swiper-slide li .img { float: left; width: 205px; height: 135px; overflow: hidden;}
.houses .ban3 .swiper-slide li .img img { display: block; width: 205px; height: 135px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban3 .swiper-slide li .msg { float: right; width: calc(100% - 225px);}
.houses .ban3 .swiper-slide li .msg h3 { line-height: 25px; font-size: 22px; color: #333; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban3 .swiper-slide li .msg h3 i { display: block; float: left; width: 82px; height: 25px; margin-right: 10px; background: url(../images/ys141.png) no-repeat 0 0;}
.houses .ban3 .swiper-slide li .msg .lft { float: left; width: calc(100% - 180px);}
.houses .ban3 .swiper-slide li .msg .lft em { display: inline-block; line-height: 30px; font-style: normal; font-size: 14px; color: #666; margin-right: 30px; position: relative;}
.houses .ban3 .swiper-slide li .msg .lft em::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; left: -15px; top: 12px;}
.houses .ban3 .swiper-slide li .msg .lft em:first-child::after { display: none;}
.houses .ban3 .swiper-slide li .msg .lft p { padding-left: 20px; margin-bottom: 15px; background: url(../images/ys161.png) no-repeat left center;}
.houses .ban3 .swiper-slide li .msg .rgt { float: right; width: 170px; text-align: right;}
.houses .ban3 .swiper-slide li .msg .rgt p { line-height: 35px; font-size: 16px; color: #ff5400;}
.houses .ban3 .swiper-slide li .msg .rgt p b { font-size: 30px; margin-right: 5px; position: relative; top: 2px;}
.houses .ban3 .swiper-slide li .msg .rgt i { display: block; line-height: 20px; font-style: normal; font-size: 16px; color: #999;}
.houses .ban3 .swiper-slide li .msg span { display: inline-block; height: 25px; line-height: 25px; font-size: 14px; color: #637a8d; padding: 0 10px; border-radius: 4px; background: #f2f6fa;}
.houses .ban3 .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.houses .ban3 .swiper-slide li:hover .msg h3 { color: #f00;}
/*右侧广告*/
.houses .ban4 { float: right; width: 340px; margin-top: 30px;}
/*装修推荐*/
.houses .ban5 { width: 100%; padding: 30px 0; background: #f7f7f7;}
.houses .ban5 .tits h3 i::after { background-image: url(../images/ys167.png);}
.houses .ban5 .lst { float: left; width: 1010px;}
.houses .ban5 .lst li { float: left; width: 250px; height: 195px; margin: 0 10px 10px 0; overflow: hidden; position: relative;}
.houses .ban5 .lst li img { display: block; width: 250px; height: 195px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban5 .lst li p { width: calc(100% - 30px); height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 8;}
.houses .ban5 .lst li:hover img { transform: scale(1.1,1.1);}
.houses .ban5 .lst li:first-child,
.houses .ban5 .lst li:first-child img { width: 490px; height: 400px;}
.houses .ban5 .lst li:nth-child(2),
.houses .ban5 .lst li:nth-child(2) img { width: 510px;}
.houses .ban5 .lst li:nth-child(2),
.houses .ban5 .lst li:last-child { margin-right: 0;}
.houses .ban5 .img { float: right; width: 280px; height: 400px; overflow: hidden; position: relative;}
.houses .ban5 .img img { width: 280px; height: 400px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban5 .img p { width: calc(100% - 30px); height: 40px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 8;}
.houses .ban5 .img:hover img { transform: scale(1.1,1.1);}
/*求租、求购信息*/
.houses .ban6 { width: 100%; padding: 30px 0; border-bottom: 1px solid #eee;}
.houses .ban6 .lsts { float: left; width: 440px;}
.houses .ban6 .lsts li { height: 40px; line-height: 40px;}
.houses .ban6 .lsts li a { float: left; width: 80%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.houses .ban6 .lsts li a i { display: block; float: left; width: 20px; height: 20px; line-height: 18px; font-style: normal; font-weight: bold; font-size: 12px; color: #fff; text-align: center; margin: 11px 10px 0 0; border-radius: 4px 0 4px 0;}
.houses .ban6 .lsts li span { float: right; font-size: 14px; color: #999;}
.houses .ban6 .lsts li:hover a { color: #f00;}
.houses .ban6 .qiuzu .tits h3 i::after { background-image: url(../images/ys168.png);}
.houses .ban6 .qiuzu li a i { background: #0aa344;}
.houses .ban6 .qiugou { margin: 0 40px;}
.houses .ban6 .qiugou .tits h3 i::after { background-image: url(../images/ys36.png);}
.houses .ban6 .qiugou li a i { background: #ee9009;}

/*************** 需求中心 *******************/
.needs { width: 100%; padding: 25px 0; background: #f7f7f7;}
/*发布需求*/
.needs .ban1 { float: left; width: 910px;}
.needs .ban1 .tits h3 i::after { background-image: url(../images/ys140.png);}
.needs .ban1 .nr { border: 1px solid #fff; border-radius: 20px; overflow: hidden; background: #fff; position: relative;}
.needs .ban1 .nr::after { display: block; content: ""; width: 100%; height: 80px; background-image: linear-gradient(#fffaf7,#f7e9e1); position: absolute; left: 1px; top: 1px; z-index: 1;}
.needs .ban1 .nr .tabs { width: 100%; height: 57px; position: relative; z-index: 2;}
.needs .ban1 .nr .tabs li { float: left; width: 50%; line-height: 57px; text-align: center; position: relative;}
.needs .ban1 .nr .tabs li::before,
.needs .ban1 .nr .tabs li::after { display: none; content: ""; width: 60px; height: 57px; background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 0;}
.needs .ban1 .nr .tabs li::before { background-image: url(../images/ys169.png); left: 0;}
.needs .ban1 .nr .tabs li::after { background-image: url(../images/ys170.png); right: 0;}
.needs .ban1 .nr .tabs li a { display: block; font-size: 18px; color: #5f330d; position: relative;}
.needs .ban1 .nr .tabs li a::after { display: none; content: ""; width: 20px; height: 3px; margin: auto; background: #ac5e2c; position: absolute; left: 0; right: 0; bottom: 0;}
.needs .ban1 .nr .tabs .on:first-child { width: calc(50% - 60px); padding-right: 60px;}
.needs .ban1 .nr .tabs .on:first-child::after { display: block;}
.needs .ban1 .nr .tabs .on:last-child { width: calc(50% - 60px); padding-left: 60px;}
.needs .ban1 .nr .tabs .on:last-child::before { display: block;}
.needs .ban1 .nr .tabs .on a { font-family: 'YouSheBiao'; font-size: 28px; color: #ac5e2c; background: #fff;}
.needs .ban1 .nr .tabs .on a::after { display: block;}
.needs .ban1 .nr .swiper-container { z-index: 9;}
.needs .ban1 .nr .swiper-slide { width: 100%; background: #fff;}
.needs .ban1 .nr .swiper-slide form { display: block; min-height: 490px; padding: 35px;}
.needs .ban1 .nr .swiper-slide li { line-height: 40px; margin-bottom: 20px;}
.needs .ban1 .nr .swiper-slide li span { display: block; float: left; width: 100px; height: 40px; font-size: 16px; color: #333; text-align: right;}
.needs .ban1 .nr .swiper-slide li span i { display: inline-block; font-style: normal; color: #f00; margin-right: 5px;}
.needs .ban1 .nr .swiper-slide li input,
.needs .ban1 .nr .swiper-slide li textarea { display: block; float: right; width: calc(100% - 125px); font-size: 16px; color: #333; border: 1px solid #ccc; border-radius: 4px; overflow: hidden;}
.needs .ban1 .nr .swiper-slide li input { height: 38px; line-height: 38px; padding: 0 10px;}
.needs .ban1 .nr .swiper-slide li textarea { font-family: Microsoft YAHEI; padding: 10px;}
.needs .ban1 .nr .swiper-slide li label { float: left; font-size: 16px; color: #333; margin-right: 30px;}
.needs .ban1 .nr .swiper-slide li label input { float: left; width: auto; margin: 3px 5px 0 0;}
.needs .ban1 .nr .swiper-slide li button { display: block; width: 320px; height: 40px; line-height: 40px; font-size: 16px; color: #fff; letter-spacing: 4px; border: none; border-radius: 4px; overflow: hidden; background: #ff552e;}
/*周边推荐*/
.needs .ban2 { width: 100%; padding: 25px 0;}
.needs .ban2 .tits { width: 365px; margin: 0 auto 20px auto;}
.needs .ban2 .tits h3 i::after { background-image: url(../images/ys140.png);}
.needs .ban2 .tit { height: 50px; line-height: 50px; font-size: 0; margin-bottom: 20px; position: relative;}
.needs .ban2 .tit a { display: inline-block; font-size: 18px; color: #333; margin-right: 25px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.needs .ban2 .tit a::after { display: block; content: ""; width: 0; height: 3px; margin: 0 auto; background: #f00; position: absolute; left: 0; right: 0; bottom: 0; -webkit-transition: all .5s ease; transition: all .5s ease;}
.needs .ban2 .tit a:hover { color: #f00;}
.needs .ban2 .tit .on::after { width: 80%;}
.needs .ban2 .tit .more { display: block; width: 50px; height: 50px; cursor: pointer; position: absolute; right: 0; top: 0; z-index: 2;}
.needs .ban2 .tit .more::after { display: block; content: ""; width: 8px; height: 8px; margin: auto; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 0; bottom: 0;}
.needs .ban2 .nr { width: 100%; border: 1px solid #eee; background: #fff;}
.needs .ban2 .nr .lft { float: left; width: 185px;}
.needs .ban2 .nr .lft a { display: block; height: 70px; line-height: 70px; font-size: 18px; color: #333; text-align: center; padding: 0 15px; border-bottom: 1px dashed #ccc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.needs .ban2 .nr .lft a:last-child { border-bottom: 1px solid #eee;}
.needs .ban2 .nr .lft a:hover { color: #f00;}
.needs .ban2 .nr .lft .on { color: #fff !important; background: #f00;}
.needs .ban2 .nr .rgt { float: right; width: calc(100% - 185px);}
.needs .ban2 .nr .rgt li { float: left; width: calc(100% / 5 - 41px); padding: 20px 20px 18.5px 20px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.needs .ban2 .nr .rgt li .img { width: 180px; height: 180px; margin-bottom: 10px; overflow: hidden;}
.needs .ban2 .nr .rgt li .img img { display: block; width: 180px; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.needs .ban2 .nr .rgt li h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.needs .ban2 .nr .rgt li p { line-height: 30px; font-size: 14px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.needs .ban2 .nr .rgt li p b { font-weight: 500; color: #666;}
.needs .ban2 .nr .rgt li span { display: block; float: left; width: 50%; height: 30px; line-height: 30px; font-size: 12px; color: #999; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.needs .ban2 .nr .rgt li .red { color: #ff6216; text-align: left;}
.needs .ban2 .nr .rgt li .red b { font-weight: 500; font-size: 22px;}
.needs .ban2 .nr .rgt li:hover .img img { transform: scale(1.1,1.1);}
.needs .ban2 .nr .rgt li:hover h3 { color: #f00;}

/*************** 老年权益 *******************/
.equity { width: 100%;}
.equity .tits { padding-bottom: 10px; border-bottom: 1px solid #e4e4e4;}
.equity .tabs { float: right; height: 30px; margin: 7px 10px 0 0;}
.equity .tabs li { float: left; line-height: 30px; margin-right: 15px; position: relative;}
.equity .tabs li::after { display: block; content: ""; width: 1px; height: 10px; background: #ddd; position: absolute; right: -7.5px; top: 12px;}
.equity .tabs li a { display: block; font-size: 14px; color: #666; padding: 0 15px; border-radius: 15px; position: relative;}
.equity .tabs li a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px;; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.equity .tabs .on a { color: #fff; background: #f00;}
.equity .tabs .on a::after { display: block;}
.equity i { display: block; width: 53px; height: 28px; line-height: 20px; font-style: normal; font-size: 13px; color: #fff; text-align: center; background-repeat: no-repeat; background-position: 0 0; position: absolute; left: 0; top: 0; z-index: 4;}
.equity .rd { background-image: url(../images/ys142.png);}
.equity .bl { background-image: url(../images/ys143.png);}
.equity .lst { width: 100%; margin-top: 10px;}
.equity .lst li { height: 35px; line-height: 35px; padding-left: 15px; position: relative;}
.equity .lst li::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; overflow: hidden; background: #e0e0e0; position: absolute; left: 0; top: 18px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .lst li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .lst li:first-child a { font-weight: bold; font-size: 18px;}
.equity .lst li:hover::after { background: #f00;}
.equity .lst li:hover a { color: #f00;}
.equity .matop { margin-top: 0;}
.equity .adv15 { margin-bottom: 10px;}
/*图片新闻*/
.equity .newtu { width: 100%; margin-top: 25px;}
.equity .newtu li { float: left; width: 315px; height: 180px; margin: 0 10px 15px 0; border-radius: 4px; overflow: hidden; position: relative;}
.equity .newtu li img { display: block; width: 315px; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .newtu li p { width: calc(100% - 30px); height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 20px 15px 0 15px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .newtu li:nth-child(3),
.equity .newtu li:last-child { margin-right: 0;}
.equity .newtu li:first-child,
.equity .newtu li:first-child img { width: 650px; height: 375px;}
.equity .newtu li:hover img { transform: scale(1.1,1.1);}
/*仿冒身份*/
.equity .fakes { width: 100%; margin-top: 25px;}
.equity .fakes .tits h3 i::after { background-image: url(../images/ys171.png);}
.equity .fakes .swiper-slide { background: #fff;}
.equity .fakes .swiper-slide li { float: left; width: 310px; margin: 0 20px 20px 0; position: relative;}
.equity .fakes .swiper-slide li:nth-child(4n) { margin-right: 0;}
.equity .fakes .swiper-slide li .img { width: 310px; height: 180px; margin-bottom: 10px; border-radius: 4px; overflow: hidden;}
.equity .fakes .swiper-slide li .img img { display: block; width: 310px; height: 180px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fakes .swiper-slide li h3 { line-height: 30px; font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fakes .swiper-slide li p { line-height: 25px; font-size: 14px; color: #999;}
.equity .fakes .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.equity .fakes .swiper-slide li:hover h3 { color: #f00;}
/*利益诱惑*/
.equity .lures { float: left; width: 460px; margin-top: 25px;}
.equity .lures .tits h3 i::after { background-image: url(../images/ys172.png);}
.equity .lures .top { width: 100%; height: 300px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .lures .top .swiper-slide { width: 100%;}
.equity .lures .top .swiper-slide img { display: block; width: 100%; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .lures .top .swiper-slide p { width: calc(100% - 30px); height: 50px; line-height: 50px; font-weight: bold; font-size: 18px; color: #fff; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .lures .top .swiper-slide:hover img { transform: scale(1.1,1.1);}
.equity .lures .swiper-button-prev,
.equity .lures .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .lures .swiper-button-prev::after,
.equity .lures .swiper-button-next::after { font-size: 14px; color: #fff;} 
.equity .lures .swiper-button-prev { left: 20px;}
.equity .lures .swiper-button-next { right: 20px;}
.equity .lures .swiper-button-prev:hover,
.equity .lures .swiper-button-next:hover { background: #f00;}
/*约会交友*/
.equity .notifys { float: left; width: 460px; margin: 25px 30px 0 30px;}
.equity .notifys .tits h3 i::after { background-image: url(../images/ys173.png);}
.equity .notifys .top { width: 100%; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .notifys .top li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .notifys .top li:nth-child(2n) { margin-right: 0;}
.equity .notifys .top li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .notifys .top li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .notifys .top li:hover img { transform: scale(1.1,1.1);}
.equity .notifys .lst li { height: 35.5px; line-height: 35.5px;}
/*虚假消费*/
.equity .shams { float: left; width: 950px; margin-top: 25px;}
.equity .shams .tits h3 i::after { background-image: url(../images/ys174.png);}
.equity .shams .swiper-slide { background: #fff;}
.equity .shams .swiper-slide li { float: left; width: 225px; height: 130px; margin: 0 20px 20px 0; border-radius: 4px; overflow: hidden; position: relative;}
.equity .shams .swiper-slide li img { display: block; width: 225px; height: 130px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .shams .swiper-slide li p { width: calc(100% - 30px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; padding: 20px 15px 0 15px; background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .shams .swiper-slide li:nth-child(3),
.equity .shams .swiper-slide li:last-child { margin-right: 0;}
.equity .shams .swiper-slide li:first-child,
.equity .shams .swiper-slide li:first-child img { width: 460px; height: 280px;}
.equity .shams .swiper-slide li:first-child p { height: 50px; line-height: 50px;}
.equity .shams .swiper-slide li:hover img { transform: scale(1.1,1.1);}
/*热门要闻*/
.equity .hots { float: right; width: 320px; margin-top: 25px;}
.equity .hots .tit { height: 55px; line-height: 55px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.equity .hots .tit h3 { float: left; font-size: 22px; color: #f00; padding-left: 30px; background: url(../images/ys39.png) no-repeat left center; position: relative;}
.equity .hots .tit .more { float: right; font-size: 14px; color: #999; padding-right: 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .hots .tit .more::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #999; border-right: 1px solid #999; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 4px; top: 25px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .hots .tit .more:hover { color: #f00;}
.equity .hots .tit .more:hover::after { border-top: 1px solid #f00; border-right: 1px solid #f00;}
.equity .hots .top { width: 100%; margin-bottom: 10px; overflow: hidden; position: relative;}
.equity .hots .top .img { float: left; width: 120px; height: 80px; border-radius: 4px; overflow: hidden;}
.equity .hots .top .img img { display: block; width: 120px; height: 80px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .hots .top h3 { float: right; width: calc(100% - 135px); height: 80px; line-height: 25px; font-size: 18px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .hots .top:hover .img img { transform: scale(1.1,1.1);}
.equity .hots .top:hover h3 { color: #f00;}
.equity .hots li { width: 100%; line-height: 40px;}
.equity .hots li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .hots li a em { display: block; float: left; width: 25px; font-style: normal; color: #999;}
.equity .hots li:nth-child(1) a,
.equity .hots li:nth-child(2) a,
.equity .hots li:nth-child(3) a { font-weight: bold; font-size: 18px;}
.equity .hots li:nth-child(1) a em { color: #f00;}
.equity .hots li:nth-child(2) a em { color: #ff6c00;}
.equity .hots li:nth-child(3) a em { color: #ffb811;}
.equity .hots li:hover a { color: #f00;}
/*中奖钓鱼*/
.equity .fishs { float: left; width: 950px; margin-top: 25px;}
.equity .fishs .tits h3 i::after { background-image: url(../images/ys175.png);}
.equity .fishs .swiper-slide { background: #fff;}
.equity .fishs .swiper-slide .lft { float: left; width: 460px;}
.equity .fishs .swiper-slide .lft .top { width: 100%; height: 300px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .fishs .swiper-slide .lft .top .swiper-slide { width: 100%;}
.equity .fishs .swiper-slide .lft .top .swiper-slide img { display: block; width: 100%; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fishs .swiper-slide .lft .top .swiper-slide p { width: calc(100% - 30px); height: 50px; line-height: 50px; font-weight: bold; font-size: 18px; color: #fff; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .fishs .swiper-slide .lft .top .swiper-slide:hover img { transform: scale(1.1,1.1);}
.equity .fishs .swiper-slide .lft .swiper-button-prev,
.equity .fishs .swiper-slide .lft .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fishs .swiper-slide .lft .swiper-button-prev::after,
.equity .fishs .swiper-slide .lft .swiper-button-next::after { font-size: 14px; color: #fff;} 
.equity .fishs .swiper-slide .lft .swiper-button-prev { left: 20px;}
.equity .fishs .swiper-slide .lft .swiper-button-next { right: 20px;}
.equity .fishs .swiper-slide .lft .swiper-button-prev:hover,
.equity .fishs .swiper-slide .lft .swiper-button-next:hover { background: #f00;}
.equity .fishs .swiper-slide .lft .imgs { width: 100%; margin-top: 15px;}
.equity .fishs .swiper-slide .lft .imgs li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .fishs .swiper-slide .lft .imgs li:last-child { margin-right: 0;}
.equity .fishs .swiper-slide .lft .imgs li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fishs .swiper-slide .lft .imgs li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .fishs .swiper-slide .lft .imgs li:hover img { transform: scale(1.1,1.1);}
.equity .fishs .swiper-slide .rgt { float: right; width: 460px;}
.equity .fishs .swiper-slide .rgt .lst:first-child { margin-top: 0;}
.equity .fishs .swiper-slide .rgt .lst li { height: 37.5px; line-height: 37.5px;}
/*征信维权*/
.equity .credits { float: right; width: 320px; margin-top: 25px;}
.equity .credits .tits h3 i::after { background-image: url(../images/ys176.png);}
.equity .credits li { width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee;}
.equity .credits li:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;}
.equity .credits li .img { float: left; width: 105px; height: 75px; border-radius: 4px; overflow: hidden;}
.equity .credits li .img img { display: block; width: 105px; height: 75px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .credits li .msg { float: right; width: calc(100% - 120px);}
.equity .credits li .msg h3 { height: 45px; line-height: 22px; font-weight: 500; font-size: 16px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .credits li .msg p { line-height: 20px; font-size: 14px; color: #999; margin-top: 10px;}
.equity .credits li:hover .img img { transform: scale(1.1,1.1);}
.equity .credits li:hover .msg h3 { color: #f00;}
/*虚构险情*/
.equity .fiction { float: left; width: 460px; margin-top: 25px;}
.equity .fiction .tits h3 i::after { background-image: url(../images/ys177.png);}
.equity .fiction .swiper-slide { background: #fff;}
.equity .fiction .swiper-slide .imgs { width: 100%;}
.equity .fiction .swiper-slide .imgs li { float: left; width: 220px; height: 145px; margin-right: 20px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .fiction .swiper-slide .imgs li:last-child { margin-right: 0;}
.equity .fiction .swiper-slide .imgs li img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .fiction .swiper-slide .imgs li p { width: calc(100% - 20px); height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; padding: 0 10px; background: rgba(0,0,0,0.5); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .fiction .swiper-slide .imgs li:hover img { transform: scale(1.1,1.1);}
.equity .fiction .swiper-slide .lst li { height: 38px; line-height: 38px;}
/*其他诈骗*/
.equity .frauds { float: left; width: 460px; margin: 25px 30px 0 30px;}
.equity .frauds .tits h3 i::after { background-image: url(../images/ys178.png);}
.equity .frauds .swiper-slide { background: #fff;}
.equity .frauds .swiper-slide li { width: 100%; margin-bottom: 13px;}
.equity .frauds .swiper-slide li:last-child { margin-bottom: 0;}
.equity .frauds .swiper-slide li .img { float: left; width: 175px; height: 115px; border-radius: 4px; overflow: hidden;}
.equity .frauds .swiper-slide li .img img { display: block; width: 175px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .frauds .swiper-slide li .msg { float: right; width: calc(100% - 190px);}
.equity .frauds .swiper-slide li .msg h3 { line-height: 30px; font-size: 20px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .frauds .swiper-slide li .msg p { height: 45px; line-height: 22px; font-size: 14px; color: #666; margin: 5px 0 10px 0; overflow: hidden;}
.equity .frauds .swiper-slide li .msg span { display: block; line-height: 20px; font-size: 14px; color: #999;}
.equity .frauds .swiper-slide li:hover .img img { transform: scale(1.1,1.1);}
.equity .frauds .swiper-slide li:hover .msg h3 { color: #f00;}
/*诈骗重灾区*/
.equity .areas { float: left; width: 950px; margin-top: 25px;}
.equity .areas .tits h3 i::after { background-image: url(../images/ys179.png);}
.equity .areas .swiper-slide { background: #fff;}
.equity .areas .swiper-slide .lft { float: left; width: 460px; height: 300px; margin-bottom: 10px; border-radius: 4px; overflow: hidden; position: relative;}
.equity .areas .swiper-slide .lft .swiper-slide { width: 100%;}
.equity .areas .swiper-slide .lft .swiper-slide img { display: block; width: 100%; height: 300px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .areas .swiper-slide .lft .swiper-slide p { width: calc(100% - 30px); height: 50px; line-height: 50px; font-weight: bold; font-size: 18px; color: #fff; padding: 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
.equity .areas .swiper-slide .lft .swiper-slide:hover img { transform: scale(1.1,1.1);}
.equity .areas .swiper-slide .lft .swiper-button-prev,
.equity .areas .swiper-slide .lft .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .areas .swiper-slide .lft .swiper-button-prev::after,
.equity .areas .swiper-slide .lft .swiper-button-next::after { font-size: 14px; color: #fff;} 
.equity .areas .swiper-slide .lft .swiper-button-prev { left: 20px;}
.equity .areas .swiper-slide .lft .swiper-button-next { right: 20px;}
.equity .areas .swiper-slide .lft .swiper-button-prev:hover,
.equity .areas .swiper-slide .lft .swiper-button-next:hover { background: #f00;}
.equity .areas .swiper-slide .rgt { float: right; width: 460px;}
.equity .areas .swiper-slide .rgt .lst:first-child { margin-top: 0;}
.equity .areas .swiper-slide .rgt .lst li { height: 37.5px; line-height: 37.5px;}
/*发布邀请*/
.equity .publishs { float: right; width: 260px; height: 315px; margin-top: 35px; padding: 25px 30px; background: url(../images/ys180.jpg) no-repeat 0 0;}
.equity .publishs h3 { height: 30px; line-height: 30px; font-size: 22px; color: #fff; padding-left: 15px; position: relative;}
.equity .publishs h3::after { display: block; content: ""; width: 4px; height: 25px; background: #f00; position: absolute; left: 0; top: 5px;}
.equity .publishs p { line-height: 30px; font-size: 16px; color: #fff; margin-top: 30px;}
.equity .publishs b { display: block; line-height: 30px; font-size: 16px; color: #fff; margin: 20px 0;}
.equity .publishs a { display: block; width: 110px; height: 35px; line-height: 35px; font-size: 16px; color: #fff; text-align: center; border-radius: 20px; background: #f00;}
/*反诈英雄榜*/
.equity .armorys { width: 100%; margin-top: 25px; padding: 30px 0; background: #f7f7f7;}
.equity .armorys .tits h3 i::after { background-image: url(../images/ys147.png);}
.equity .armorys .neir {}
.equity .armorys .neir .swiper-slide { border-radius: 4px; background: #fff;}
.equity .armorys .neir .swiper-slide a { display: block; text-align: center; padding: 15px;}
.equity .armorys .neir .swiper-slide a .img { width: 140px; height: 140px; margin: 0 auto 45px auto; border-radius: 4px; overflow: hidden; background: #f8f8f8;}
.equity .armorys .neir .swiper-slide a .img img { display: block; width: 140px; height: 140px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .armorys .neir .swiper-slide a i { display: block; width: 45px; height: 45px; line-height: 45px; font-style: normal; font-weight: bold; font-size: 18px; color: #215e74; text-align: center; margin: auto; background: url(../images/ys181.png) no-repeat center; position: absolute; left: 0; right: 0; top: 140px; z-index: 2;}
.equity .armorys .neir .swiper-slide:nth-child(1) a i,
.equity .armorys .neir .swiper-slide:nth-child(2) a i,
.equity .armorys .neir .swiper-slide:nth-child(3) a i { font-size: 0;}
.equity .armorys .neir .swiper-slide:nth-child(1) a i { background-image: url(../images/ys182.png);}
.equity .armorys .neir .swiper-slide:nth-child(2) a i { background-image: url(../images/ys183.png);}
.equity .armorys .neir .swiper-slide:nth-child(3) a i { background-image: url(../images/ys184.png);}
.equity .armorys .neir .swiper-slide a h3 { height: 50px; line-height: 25px; font-size: 16px; color: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .armorys .neir .swiper-slide a:hover .img img { transform: scale(0.95,0.95);}
.equity .armorys .neir .swiper-slide a:hover h3 { color: #f00;}
.equity .armorys .neir .swiper-button-prev,
.equity .armorys .neir .swiper-button-next { width: 40px; height: 40px; border-radius: 50%; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.equity .armorys .neir .swiper-button-prev::after,
.equity .armorys .neir .swiper-button-next::after { font-size: 14px; color: #fff;} 
.equity .armorys .neir .swiper-button-prev { left: 0;}
.equity .armorys .neir .swiper-button-next { right: 0;}
.equity .armorys .neir .swiper-button-prev:hover,
.equity .armorys .neir .swiper-button-next:hover { background: #f00;}

/*************** 会员风采 *******************/
.mbstyle { width: 100%; padding-top: 25px;}
.mbstyle .tits { width: 230px; margin: 0 auto 40px auto;}
.mbstyle .tits h3 { color: #fff;}
.mbstyle .tits h3 i { border-color: #fff;}
.mbstyle .tits h3 i::after { background-color: #fff;}
.mbstyle .adv6 { margin-top: 0;}
.mbstyle .marlr { margin: 0 21px;}
.mbstyle .marr { margin-right: 14px;}
.mbstyle .lstk { float: left; width: 385px; margin-bottom: 30px; padding: 65px 15px 10px 15px; border: 2px solid #f5dfbd; border-radius: 20px; box-shadow: 2px 4px 10px rgba(118,19,15,0.4) inset; background: #b91811; position: relative;}
.mbstyle .lstk h1 { width: 276px; height: 62px; line-height: 65px; font-family: 'YouSheBiao'; font-weight: 500; font-size: 30px; color: #fff; text-align: center; margin: auto; background: url(../images/ys186.png) no-repeat 0 0; position: absolute; left: 0; right: 0; top: -16px; z-index: 2;}
.mbstyle .lstk li { border-bottom: 1px solid rgba(245,223,189,0.3); position: relative;}
.mbstyle .lstk li:last-child { border-bottom: none;}
.mbstyle .lstk li::before,
.mbstyle .lstk li::after { display: none; content: ""; width: 290px; height: 3px; margin: auto; background: url(../images/ys191.png) no-repeat 0 0; position: absolute; left: 0; right: 0; z-index: 1;}
.mbstyle .lstk li::before { top: -1px;}
.mbstyle .lstk li::after { bottom: -1px;}
.mbstyle .lstk li a { display: block; padding: 15px 10px; position: relative; z-index: 2;}
.mbstyle .lstk li a::after { display: block; content: ""; width: 50px; height: 42px; background-repeat: no-repeat; background-position: 0; position: absolute; right: -4px; top: -4px; z-index: 2;}
.mbstyle .lstk li i { display: block; float: left; width: 35px; height: 35px; line-height: 35px; font-style: normal; font-size: 20px; color: #b91811; text-align: center; margin-top: 7.5px; background: url(../images/ys190.png) no-repeat center;}
.mbstyle .lstk li .img { float: left; width: 48px; height: 48px; margin-left: 10px; border: 1px solid #f5dfbd; border-radius: 4px; overflow: hidden;}
.mbstyle .lstk li .img img { display: block; width: 48px; height: 48px;}
.mbstyle .lstk li .msg { float: left; width: 150px; margin: 0 10px;}
.mbstyle .lstk li .msg h3 { line-height: 25px; font-size: 16px; color: #fff9e9; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbstyle .lstk li .msg p { line-height: 25px; font-size: 14px; color: rgba(255,249,233,0.7); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbstyle .lstk li .hot { float: right; max-width: 75px; line-height: 50px; font-family: 'YouSheBiao'; font-size: 18px; color: #fff9e9; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/ys195.png) no-repeat left center;}
.mbstyle .lstk li:nth-child(1),
.mbstyle .lstk li:nth-child(2),
.mbstyle .lstk li:nth-child(3) { margin-bottom: 15px; border: 1px solid #f5dfbd; border-radius: 10px; background-image: linear-gradient(#a4080c,#cb0b0d);}
.mbstyle .lstk li:nth-child(1)::before,
.mbstyle .lstk li:nth-child(1)::after,
.mbstyle .lstk li:nth-child(2)::before,
.mbstyle .lstk li:nth-child(2)::after,
.mbstyle .lstk li:nth-child(3)::before,
.mbstyle .lstk li:nth-child(3)::after { display: block;}
.mbstyle .lstk li:nth-child(1) a::after { background-image: url(../images/ys192.png);}
.mbstyle .lstk li:nth-child(2) a::after { background-image: url(../images/ys193.png);}
.mbstyle .lstk li:nth-child(3) a::after { background-image: url(../images/ys194.png);}
.mbstyle .lstk li:nth-child(1) i,
.mbstyle .lstk li:nth-child(2) i,
.mbstyle .lstk li:nth-child(3) i { font-size: 0;}
.mbstyle .lstk li:nth-child(1) i { background-image: url(../images/ys187.png);}
.mbstyle .lstk li:nth-child(2) i { background-image: url(../images/ys188.png);}
.mbstyle .lstk li:nth-child(3) i { background-image: url(../images/ys189.png);}
.mbstyle .xiao { width: 280px;}
.mbstyle .xiao li a { padding: 10px 5px;}
.mbstyle .xiao li i { width: 30px; height: 30px; line-height: 30px; font-size: 16px; margin-top: 10px; background-size: 100%;}
.mbstyle .xiao li .img { margin-left: 5px;}
.mbstyle .xiao li .msg { width: 100px; margin: 0 9px;}
.mbstyle .xiao li .hot { max-width: 65px; width: 65px; line-height: 25px; font-size: 16px; text-align: center; margin-top: 2px; padding: 20px 0 0 0; background-position: center top;}
.mbstyle .bg { width: 100%; background: url(../images/ys197.jpg) no-repeat center -130px;}
/*会员参与榜*/
.mbstyle .ban1 { width: 100%; margin-top: 25px; padding-top: 40px; background: url(../images/ys185.jpg) no-repeat center bottom;}
.mbstyle .ban1 .tits h3 i::after { background-image: url(../images/ys39.png);}
/*会员发布榜*/
.mbstyle .ban2 { width: 100%; padding-top: 40px;}
.mbstyle .ban2 .tits h3 i::after { background-image: url(../images/ys39.png);}
/*会员发布榜*/
.mbstyle .ban3 { width: 100%; padding-top: 40px;}
.mbstyle .ban3 .tits h3 i::after { background-image: url(../images/ys39.png);}
/*会员榜单*/
.mbstyle .ban4 { width: 100%; padding: 40px 0 80px 0;}
.mbstyle .ban4 .more { display: block; width: 125px; height: 40px; line-height: 40px; font-size: 16px; color: #c90b0d; text-align: center; margin: 20px auto; border-radius: 20px; background: #ffdeab; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbstyle .ban4 .more:hover { border-radius: 4px;}
.mbstyle .ban4 .nr { padding: 65px 25px 5px 25px; border: 2px solid #f5dfbd; border-radius: 20px; box-shadow: 2px 4px 10px rgba(118,19,15,0.4) inset; background: #b91811; position: relative;}
.mbstyle .ban4 .nr h1 { width: 276px; height: 62px; line-height: 65px; font-family: 'YouSheBiao'; font-weight: 500; font-size: 30px; color: #fff; text-align: center; margin: auto; background: url(../images/ys186.png) no-repeat 0 0; position: absolute; left: 0; right: 0; top: -16px; z-index: 2;}
.mbstyle .ban4 .nr li { float: left; width: calc(100% / 6 - 23px); text-align: center; margin: 0 25px 25px 0; border: 1px solid #f5dfbd; border-radius: 10px; background-image: linear-gradient(#a4080c,#cb0b0d); position: relative;}
.mbstyle .ban4 .nr li:nth-child(6n) { margin-right: 0;}
.mbstyle .ban4 .nr li::before,
.mbstyle .ban4 .nr li::after { display: block; content: ""; width: 100%; height: 3px; margin: auto; background: url(../images/ys191.png) no-repeat 0 0 / 100%; position: absolute; left: 0; right: 0; z-index: 1;}
.mbstyle .ban4 .nr li::before { top: -2px;}
.mbstyle .ban4 .nr li::after { bottom: -2px;}
.mbstyle .ban4 .nr li a { display: block; padding: 15px; position: relative;}
.mbstyle .ban4 .nr li a::after { display: block; content: ""; width: 50px; height: 42px; background-repeat: no-repeat; background-position: 0; position: absolute; right: -4px; top: -4px; z-index: 2;}
.mbstyle .ban4 .nr li .img { width: 120px; height: 120px; margin: 0 auto; border: 1px solid #f5dfbd; overflow: hidden;}
.mbstyle .ban4 .nr li .img img { display: block; width: 120px; height: 120px;}
.mbstyle .ban4 .nr li i { display: block; width: 35px; height: 35px; line-height: 35px; font-style: normal; font-size: 18px; color: #b91811; text-align: center; margin: 0 auto; background: url(../images/ys190.png) no-repeat center; position: absolute; left: 0; right: 0; top: 120px; z-index: 2;}
.mbstyle .ban4 .nr li h3 { height: 30px; line-height: 30px; font-size: 16px; color: #fff9e9; margin-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbstyle .ban4 .nr li p { height: 20px; line-height: 20px; font-size: 14px; color: rgba(255,249,233,0.7); padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(245,223,189,0.3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbstyle .ban4 .nr li span { display: inline-block; height: 30px; line-height: 30px; font-family: 'YouSheBiao'; font-size: 18px; color: #fff9e9; padding-left: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: url(../images/ys195.png) no-repeat left center;}
.mbstyle .ban4 .nr li:nth-child(1) a::after { background-image: url(../images/ys192.png);}
.mbstyle .ban4 .nr li:nth-child(2) a::after { background-image: url(../images/ys193.png);}
.mbstyle .ban4 .nr li:nth-child(3) a::after { background-image: url(../images/ys194.png);}
.mbstyle .ban4 .nr li:nth-child(1) i,
.mbstyle .ban4 .nr li:nth-child(2) i,
.mbstyle .ban4 .nr li:nth-child(3) i { font-size: 0;}
.mbstyle .ban4 .nr li:nth-child(1) i { background-image: url(../images/ys187.png);}
.mbstyle .ban4 .nr li:nth-child(2) i { background-image: url(../images/ys188.png);}
.mbstyle .ban4 .nr li:nth-child(3) i { background-image: url(../images/ys189.png);}

/*************** 会员主页 *******************/
.mbhome { width: 100%;}
/*会员*/
.mbhmtop { width: 100%; padding: 25px 0;}
.mbhmtop .toux { float: left; width: 120px; height: 120px; margin: 10px 0; overflow: hidden;}
.mbhmtop .toux img { display: block; width: 120px; height: 120px;}
.mbhmtop .msg { float: left; width: calc(100% - 365px); margin: 10px 20px 0 20px;}
.mbhmtop .msg h3 { height: 35px; line-height: 35px; font-weight: 500; font-size: 24px; color: #333;}
.mbhmtop .msg h3 a { font-size: 14px; color: #fff; padding: 5px 25px; margin-left: 15px; border-radius: 4px; overflow: hidden; background: #f00; position: relative; top: -4px;}
.mbhmtop .msg p { line-height: 30px; font-size: 14px; color: #999; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mbhmtop .msg span { display: block; float: left; line-height: 35px; font-size: 14px; color: #999; margin-right: 40px;}
.mbhmtop .msg span b { font-weight: 500; font-size: 18px; color: #333; margin-left: 5px;}
.mbhmtop .img { float: right; width: 205px; height: 140px; border-radius: 4px; overflow: hidden; position: relative;}
.mbhmtop .img img { display: block; width: 205px; height: 140px;}
.mbhmtop .img p { width: calc(100% - 30px); height: 35px; line-height: 35px; font-size: 14px; color: #fff; text-align: center; padding: 0 15px; background: rgba(0,0,0,0.5); position: absolute; left: 0; bottom: 0; z-index: 2;}
/*列表*/
.mbhome .lsts { width: 100%; padding: 30px 0; background: #f7f7f7;}
.mbhome .lsts .lst { float: left; width: calc(100% / 3 - 17px); margin: 0 25px 25px 0;}
.mbhome .lsts .lst:nth-child(3n) { margin-right: 0;}
.mbhome .lsts .lst .tits { height: 35px; margin-bottom: 15px;}
.mbhome .lsts .lst .tits h3 { line-height: 35px; font-size: 28px;}
.mbhome .lsts .lst .tits h3::after { width: 50px; height: 6px; right: 1px; bottom: 3px;}
.mbhome .lsts .lst .tits h3 i { width: 33px; height: 33px;}
.mbhome .lsts .lst .tits h3 i::after { width: 29px; height: 29px;}
.mbhome .lsts .lst .tits .more { line-height: 35px;}
.mbhome .lsts .lst .tits .more::after { top: 15px;}
.mbhome .lsts .lst .tits .tu1 i::after { background-image: url(../images/tu01.png);}
.mbhome .lsts .lst .tits .tu2 i::after { background-image: url(../images/tu02.png);}
.mbhome .lsts .lst .tits .tu3 i::after { background-image: url(../images/tu03.png);}
.mbhome .lsts .lst .tits .tu4 i::after { background-image: url(../images/tu04.png);}
.mbhome .lsts .lst .tits .tu5 i::after { background-image: url(../images/tu05.png);}
.mbhome .lsts .lst .tits .tu6 i::after { background-image: url(../images/tu06.png);}
.mbhome .lsts .lst .tits .tu7 i::after { background-image: url(../images/tu07.png);}
.mbhome .lsts .lst .tits .tu8 i::after { background-image: url(../images/tu08.png);}
.mbhome .lsts .lst .tits .tu9 i::after { background-image: url(../images/tu09.png);}
.mbhome .lsts .lst .tits .tu10 i::after { background-image: url(../images/tu10.png);}
.mbhome .lsts .lst .tits .tu11 i::after { background-image: url(../images/tu11.png);}
.mbhome .lsts .lst .tits .tu12 i::after { background-image: url(../images/tu12.png);}
.mbhome .lsts .lst .tits .tu13 i::after { background-image: url(../images/tu13.png);}
.mbhome .lsts .lst .tits .tu14 i::after { background-image: url(../images/tu14.png);}
.mbhome .lsts .lst .tits .tu15 i::after { background-image: url(../images/tu15.png);}
.mbhome .lsts .lst .tits .tu16 i::after { background-image: url(../images/tu16.png);}
.mbhome .lsts .lst .tits .tu17 i::after { background-image: url(../images/tu17.png);}
.mbhome .lsts .lst .tits .tu18 i::after { background-image: url(../images/tu18.png);}
.mbhome .lsts .lst .nr { height: 185px; padding: 20px; overflow: hidden; background: #fff;}
.mbhome .lsts .lst li i { display: block; float: left; font-style: normal; font-weight: bold; color: #999; margin: 2px 10px 0 0;}
.mbhome .lsts .lst li:first-child i { color: #ff6c00; margin-top: 0;}
.mbhome .lsts .lst li:nth-child(2) i { color: #ff6c00;}
.mbhome .lsts .lst li:nth-child(3) i { color: #ffb811;}
.mbhome .lsts .lstnoe {}
.mbhome .lsts .lstnoe li { width: 100%; line-height: 40px;}
.mbhome .lsts .lstnoe li .img { display: none;}
.mbhome .lsts .lstnoe li h3 { font-weight: 500; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstnoe li:first-child { margin-bottom: 13px;}
.mbhome .lsts .lstnoe li:first-child .img { display: block; float: left; width: 150px; height: 95px; border-radius: 4px; overflow: hidden;}
.mbhome .lsts .lstnoe li:first-child .img img { display: block; width: 150px; height: 95px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstnoe li:first-child h3 { float: right; width: calc(100% - 170px); height: 70px; font-weight: bold; text-overflow: inherit; white-space: inherit;}
.mbhome .lsts .lstnoe li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lstnoe li:hover h3 { color: #f00;}
.mbhome .lsts .lsttow {}
.mbhome .lsts .lsttow li { float: left; width: 115px; text-align: center; margin-right: 15px;}
.mbhome .lsts .lsttow li:last-child { margin-right: 0;}
.mbhome .lsts .lsttow li .img { width: 115px; height: 155px; overflow: hidden;}
.mbhome .lsts .lsttow li .img img { display: block; width: 115px; height: 155px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lsttow li h3 { line-height: 25px; font-weight: 500; font-size: 18px; color: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lsttow li h3 i { display: inline-block; float: none;}
.mbhome .lsts .lsttow li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lsttow li:hover h3 { font-weight: bold;}
.mbhome .lsts .lstthir {}
.mbhome .lsts .lstthir li { float: left; width: 118px; text-align: center; margin-right: 10px;}
.mbhome .lsts .lstthir li:last-child { margin-right: 0;}
.mbhome .lsts .lstthir li .img { width: 118px; height: 118px; border-radius: 4px; overflow: hidden;}
.mbhome .lsts .lstthir li .img img { display: block; width: 118px; height: 118px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstthir li h3 { height: 60px; line-height: 30px; font-weight: 500; font-size: 18px; color: #333; margin-top: 14px; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstthir li h3 i { display: inline-block; float: none;}
.mbhome .lsts .lstthir li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lstthir li:hover h3 { font-weight: bold;}
.mbhome .lsts .lstfour {}
.mbhome .lsts .lstfour li { float: left; width: 180px; text-align: center; margin-right: 15px; padding-top: 15px;}
.mbhome .lsts .lstfour li:last-child { margin-right: 0;}
.mbhome .lsts .lstfour li .img { width: 180px; height: 115px; border-radius: 4px; overflow: hidden;}
.mbhome .lsts .lstfour li .img img { display: block; width: 180px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstfour li h3 { line-height: 30px; font-size: 18px; color: #333; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstfour li h3 i { display: inline-block; float: none;}
.mbhome .lsts .lstfour li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lstfour li:hover h3 { color: #f00;}
.mbhome .lsts .lstfive {}
.mbhome .lsts .lstfive li { float: left; width: 180px; margin: 0 10px 22px 0;}
.mbhome .lsts .lstfive li:nth-child(2n) { margin-right: 0;}
.mbhome .lsts .lstfive li .img { float: left; width: 80px; height: 80px; overflow: hidden;}
.mbhome .lsts .lstfive li .img img { display: block; width: 80px; height: 80px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstfive li .msg { float: right; width: calc(100% - 90px);}
.mbhome .lsts .lstfive li .msg h3 { line-height: 30px; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstfive li  .msg p { height: 40px; line-height: 20px; font-size: 12px; color: #999; margin-top: 5px; overflow: hidden;}
.mbhome .lsts .lstfive li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lstfive li:hover h3 { color: #f00;}
.mbhome .lsts .lstsix {}
.mbhome .lsts .lstsix .liuyan { float: right; width: 80px; height: 30px; line-height: 30px; font-size: 14px; color: #fff; text-align: center; margin: 3px 15px 0 0; border-radius: 15px; background: #f00;}
.mbhome .lsts .lstsix li { width: 100%; line-height: 36px;}
.mbhome .lsts .lstsix li a { display: block; width: 100%; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstsix li:hover a { font-weight: bold;}
.mbhome .lsts .lstsven {}
.mbhome .lsts .lstsven li { float: left; width: 60px; margin: 0 19px 12px 0;}
.mbhome .lsts .lstsven li:nth-child(5n) { margin-right: 0;}
.mbhome .lsts .lstsven li .img { width: 60px; height: 60px; overflow: hidden;}
.mbhome .lsts .lstsven li .img img { display: block; width: 60px; height: 60px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstsven li p { line-height: 30px; font-size: 14px; color: #333; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhome .lsts .lstsven li:hover .img img { transform: scale(1.1,1.1);}
.mbhome .lsts .lstsven li:hover h3 { color: #f00;}

/*************** 会员主页列表 ***************/
.mbhomelst { width: 100%; padding: 20px 0 40px 0; background: #f7f7f7;}
.mbhomelst .lstlft { float: left; width: 200px; border: 1px solid #f4f4f4; border-radius: 4px; overflow: hidden; background: #fff;}
.mbhomelst .lstlft li { width: calc(100% - 30px); height: 50px; padding: 0 15px; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstlft li::after { display: block; content: ""; width: 5px; height: 5px; border-top: 1px solid #bbb; border-right: 1px solid #bbb; border-radius: 0 2px 0 0; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; right: 20px; top: 22px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstlft li a { display: block; line-height: 50px; font-size: 16px; color: #666; border-bottom: 1px solid #f4f4f4; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstlft li:hover a { color: #f00;}
.mbhomelst .lstlft li:hover::after { border-color: #f00;}
.mbhomelst .lstlft .on { background: #f00;}
.mbhomelst .lstlft .on::after { border-color: #fff !important;}
.mbhomelst .lstlft .on a { font-size: 18px; color: #fff !important;}
.mbhomelst .lstrgt { float: right; width: calc(100% - 255px); padding: 0 15px 15px 15px; border: 1px solid #f4f4f4; border-radius: 4px; overflow: hidden; background: #fff;}
.mbhomelst .lstrgt h1 { line-height: 50px; font-size: 18px; color: #333; margin-bottom: 15px; padding-left: 15px; border-bottom: 1px solid #eee; position: relative;}
.mbhomelst .lstrgt h1::after { display: block; content: ""; width: 4px; height: 20px; background: #f00; position: absolute; left: 0; top: 14px;}
/*图文类*/
.mbhomelst .lstrgt .nlst { width: 100%;}
.mbhomelst .lstrgt .nlst li { float: left; width: calc(100% / 2 - 10px); margin: 0 20px 20px 0; border-radius: 4px; overflow: hidden;}
.mbhomelst .lstrgt .nlst li:nth-child(2n) { margin-right: 0;}
.mbhomelst .lstrgt .nlst li .img { float: left; width: 180px; height: 115px; overflow: hidden;}
.mbhomelst .lstrgt .nlst li .img img { display: block; width: 180px; height: 115px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .nlst li .msg { float: right; width: calc(100% - 220px); padding: 15px 20px; background: #f8f8f8;}
.mbhomelst .lstrgt .nlst li .msg h3 { height: 50px; line-height: 25px; font-size: 16px; content: #333; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .nlst li .msg p { line-height: 25px; font-size: 14px; color: #999; margin-top: 10px;}
.mbhomelst .lstrgt .nlst li:hover .img img { transform: scale(1.1,1.1);}
.mbhomelst .lstrgt .nlst li:hover .msg h3 { color: #f00;}
/*图片类*/
.mbhomelst .lstrgt .tlst { width: 100%;}
.mbhomelst .lstrgt .tlst li { float: left; width: 190px; text-align: center; margin: 0 23.5px 25px 0; border-radius: 4px; overflow: hidden;}
.mbhomelst .lstrgt .tlst li:nth-child(5n) { margin-right: 0;}
.mbhomelst .lstrgt .tlst li .img { width: 190px; height: 190px; overflow: hidden;}
.mbhomelst .lstrgt .tlst li .img img { display: block; width: 190px; min-height: 190px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .tlst li h3 { line-height: 25px; font-size: 16px; content: #333; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .tlst li:hover .img img { transform: scale(1.1,1.1);}
.mbhomelst .lstrgt .tlst li:hover h3 { color: #f00;}
/*纯文字*/
.mbhomelst .lstrgt .mlst { width: 100%;}
.mbhomelst .lstrgt .mlst li { line-height: 50px; padding-left: 20px; border-bottom: 1px dashed #ddd; position: relative;}
.mbhomelst .lstrgt .mlst li::after { display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #ddd; position: absolute; left: 0; top: 24px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .mlst li a { display: block; float: left; width: 80%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.mbhomelst .lstrgt .mlst li span { display: block; float: right; font-size: 14px; color: #999;}
.mbhomelst .lstrgt .mlst li:hover::after { background: #f00;}
.mbhomelst .lstrgt .mlst li:hover a { color: #f00;}

/*************** 子页公用 *******************/
.fl { float: left;}
.fr { float: right;}
.content { width: 1300px; margin: 0 auto; padding: 25px 0 50px 0;}
.composit { line-height: 25px; font-size: 14px; color: #999; padding-left: 20px; margin-bottom: 20px; background: url(../images/posit.png) no-repeat left center;}
.composit a { color: #999;}
.composit a:hover { color: #f00;}

.comlft { float: left; width: 960px; padding: 20px; border: 1px solid #eee; border-radius: 4px; box-shadow: 0 5px 5px rgba(0,0,0,0.025); overflow: hidden;}

.comrgt { float: right; width: 280px;}
.comrgt .lst { padding: 15px; margin-bottom: 20px; border: 1px solid #eee; border-radius: 4px; box-shadow: 5px 5px 5px rgba(0,0,0,0.025); overflow: hidden; background: #fefefe;}
.comrgt .lst .tits { height: 30px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e4e4e4;}
.comrgt .lst .tits h3 { line-height: 30px;}
.comrgt .lst .tits h3::after { width: 70px; bottom: 0;}
.comrgt .lst .tits h3 span { font-size: 30px; padding-left: 15px;}
.comrgt .lst .tits h3 span::after { display: block; content: ""; width: 5px; height: 25px; background: #f00; position: absolute; left: 0; top: 6px;}
.comrgt .lst li { margin-bottom: 15px; padding: 0 0 15px 15px; border-bottom: 1px dashed #bbb; position: relative;}
.comrgt .lst li::after { display: block; content: ""; width: 5px; height: 5px; background: #999; position: absolute; left: 0; top: 13px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comrgt .lst li h3 { line-height: 30px; font-size: 18px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comrgt .lst li p { line-height: 25px; font-size: 14px; color: #999; margin-bottom: 10px; overflow: hidden;}
.comrgt .lst li span { display: block; line-height: 22px; font-size: 14px; color: #666; padding-left: 22px; background: url(../images/ys41.png) no-repeat left center;}
.comrgt .lst li:hover::after { background: #f00;}
.comrgt .lst li:hover h3 { color: #f00;}
.comrgt .img { width: 100%; overflow: hidden;}
.comrgt .img img { display: block;  width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease;}
.comrgt .img:hover img { transform: scale(1.1,1.1);}

.comtop { width:100%; background:#f8f8f8;}
.comtop .catnav { padding:20px 0;}
.comtop .catnav h3 { float:left; line-height:35px; font-weight:500; font-size:24px; color:#000; padding:0 40px; background:url(../images/lanmu.png) no-repeat left center;}
.comtop .catnav li { float:left; height:30px; line-height:30px; margin:2.5px 0 0 20px; border:1px solid #eee; border-radius:2px; overflow:hidden; background:#fff; position:relative;}
.comtop .catnav li::after { display:block; content:""; width:6px; height:6px; border:1px solid #bbb; border-radius:50%; position:absolute; left:15px; top:12px;}
.comtop .catnav li a { display:block; font-size:14px; color:#666; padding:0 15px 0 30px;}
.comtop .catnav li:hover,.comtop .catnav .on { border-color:#f00; background:#f00;}
.comtop .catnav li:hover::after,.comtop .catnav .on::after { border-color:#fff;}
.comtop .catnav li:hover a,.comtop .catnav .on a { color:#fff;}

/*详情页公用*/
.lh { line-height: 30px; font-size: 14px; color: #333; text-align: justify;}
.lh img { max-width: 100%; height: auto !important;}
.lh ul,
.lh ol { padding: revert; padding-left: 25px;}
.lh li { list-style: inherit;}
.lh table { border-spacing: 0px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;}
.lh table td { text-align: center; vertical-align: middle; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.shows { width: 100%;}
.shows .lh { min-height: 300px;}
.shows .tipps { width: 100%; font-size: 0; margin-bottom: 5px;}
.shows .tipps span { display: inline-block; line-height: 25px; font-size: 14px; color: #666; padding: 5px 15px; margin: 0 10px 10px 0; border: 1px solid #eee; border-radius: 4px; background: #f8f8f8;}
.shows .wnben { line-height: 30px; font-size: 14px; color: #666; text-align: justify; padding: 10px 15px; margin-bottom: 15px; border: 1px solid #eee; border-radius: 4px; background: #f8f8f8;}
.shows .fmt { width: 100%; margin-bottom: 25px; overflow: hidden;}
.shows .fmt img { display: block; max-width: 100%; margin: 0 auto;}
.show_h3 { width: 100%; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #eee;}
.show_h3 h3 { line-height: 35px; font-size: 24px; color: #333;}
.show_h3 p { line-height: 30px; font-size: 14px; color: #999; margin-top: 5px;}
.show_h3 p span { margin-right: 30px;}
.show_sxp { font-size: 14px; line-height:25px; color: #999; margin-top: 30px; padding-top: 20px; border-top: 1px solid #eee;}
.show_sxp p { width: 45%; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.show_sxp p span { display: inline-block;}
.show_sxp a { color: #f00;}
.show_sxp .fr { text-align: right;}
.show_sxp p a:hover { color: #f00; text-decoration: underline;}

/*分页*/
.scott { text-align: center; padding: 15px 0; background:rgba(255,255,255,0.85); overflow: hidden;}
.scott li { display: inline-block; line-height: 35px; margin: 0 5px; border: 1px solid #ddd; background: #fff; -webkit-transition: all .5s ease; transition: all .5s ease;}
.scott a,
.scott span { display: block; padding: 0 15px; font-size: 16px; color: #666; cursor: pointer;}
.scott li:hover a,
.scott li:hover span { color: #f00;}
.scott .active { border-color: #f00; background: #f00;}
.scott .active:hover span,
.scott .active span { color: #fff;}
.fenye { text-align: center; padding: 15px 0; background:rgba(255,255,255,0.85); overflow: hidden;}
.fenye .layui-laypage-curr .layui-laypage-em { background: #f00 !important;}

/*新闻列表*/
.newlist { width: 100%;}
.newlist li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; overflow: hidden; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li a { display: block; width: 100%;}
.newlist li .img { float: left; width: 210px; height: 135px; border-radius: 4px; overflow: hidden; background: #eee;}
.newlist li .img img { display: block; max-width: 100%; height: 135px; margin: 0 auto; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg { float: right; width: calc(100% - 235px);}
.newlist li .msg h3 { line-height: 30px; font-size: 18px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease;}
.newlist li .msg p { height: 50px; line-height: 25px; font-size: 14px; color: #666; margin: 5px 0 20px 0; overflow: hidden;}
.newlist li .msg .info { height: 60px; line-height: 30px; margin: 5px 0 15px 0;}
.newlist li .msg .info i { display: inline-block; font-style: normal; font-size: 15px; color: #999; margin-right: 25px; position: relative;}
.newlist li .msg .info i::after { display: block; content: ""; width: 1px; height: 10px; background: #ccc; position: absolute; left: -12.5px; top: 10px;}
.newlist li .msg .info i:first-child::after { display: none;}
.newlist li .msg .info em { display: block; line-height: 25px; font-style: normal; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.newlist li .msg span { display: inline-block; line-height: 25px; font-size: 14px; color: #999; padding-left: 25px; background: url(../images/ys41.png) no-repeat left center;}
.newlist li:hover .img img { transform: scale(1.1,1.1);}
.newlist li:hover h3 { color: #f00;}

/*会议列表*/
.meeting { width: 100%;}
.meeting li { width: 100%; padding-bottom: 19px; margin-bottom: 19px; border-bottom: 1px solid #eee; position: relative;}
.meeting li:last-child { margin-bottom: 0;}
.meeting li .img { float: left; width: 220px; height: 145px; border-radius: 4px; overflow: hidden;}
.meeting li .img img { display: block; width: 220px; height: 145px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting li .msg { float: right; width: calc(100% - 240px);}
.meeting li .msg h3 { line-height: 35px; font-size: 20px; color: #333; margin-bottom: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting li .msg h3 a { display: block; font-size: 20px; color: #333;}
.meeting li .msg span { display: block; float: left; width: 50%; height: 30px; line-height: 30px; font-size: 15px; color: #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.meeting li .msg .wh100 { width: 100%;}
.meeting li .msg b { display: block; float: left; width: 50%; height: 35px; line-height: 35px; font-weight: 500; font-size: 15px; color: #999;}
.meeting li .msg em { display: block; float: right; width: 100px; height: 35px; line-height: 35px; font-style: normal; font-size: 16px; color: #fff; text-align: center; border: 1px solid #ff6400; border-radius: 20px; background-image: linear-gradient(to right,#ffa027,#ff3f17); -webkit-transition: all .5s ease; transition: all .5s ease;}
.meeting li .msg .hui { color: #ff6400; background: #fff;}
.meeting li:hover .img img { transform: scale(1.1,1.1);}
.meeting li:hover .msg h3 { color: #f00;}
.meeting li:hover .msg em { border-radius: 4px;}

/*会议详情*/
.meetshow { width: 100%; position: relative;}
.meetshow .img { float: left; width: 380px; height: 250px; border: 1px solid #eee; border-radius: 4px; overflow: hidden; background: #fdfdfd;}
.meetshow .img img { display: block; width: 100%;}
.meetshow .msg { float: right; width: calc(100% - 405px);}
.meetshow .msg h1 { height: 70px; line-height: 35px; font-size: 24px; color: #333; margin-bottom: 10px;}
.meetshow .msg span { display: block; float: left; max-width: calc(100% - 130px); line-height: 40px; font-size: 14px; color: #f00; letter-spacing: 1px; padding: 0 15px; border-radius: 4px; overflow: hidden; background: #f7f7f7;}
.meetshow .msg a { display: block; float: right; width: 110px; height: 40px; line-height: 40px; font-weight: bold; font-size: 16px; color: #fff; text-align: center; letter-spacing: 2px; border-radius: 4px; overflow: hidden; background-image: linear-gradient(to right,#ffa027,#ff3f17);}
.meetshow .msg p { line-height: 35px; font-size: 14px; color: #999; padding: 0 15px 0 40px; margin-top: 8px; border-radius: 4px; background-color: #f7f7f7; background-repeat: no-repeat; background-position: 15px center; background-size: 18px;}
.meetshow .msg p i { font-style: normal; color: #666;}
.meetshow .msg .tm { background-image: url(../images/xy17.png);}
.meetshow .msg .bm { background-image: url(../images/xy18.png);}
.meetshow .msg .ad { background-image: url(../images/xy19.png);}
.meetshow .tab { margin-top: 30px;}
.meetshow .tab .detail .tits { height: 30px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.meetshow .tab .detail .tits h3 { line-height: 30px;}
.meetshow .tab .detail .tits h3::after { width: 70px; bottom: 0;}
.meetshow .tab .detail .tits h3 span { font-size: 30px; padding-left: 15px;}
.meetshow .tab .detail .tits h3 span::after { display: block; content: ""; width: 5px; height: 25px; background: #f00; position: absolute; left: 0; top: 6px;}
.meetshow .tab .detail .lh { min-height: 480px;}
.meetshow .tab-head { height: 50px; line-height: 50px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.meetshow .tab-head li { display: inline-block; font-size: 16px; color: #666; margin-right: 40px; cursor: pointer; position: relative; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tab-head li::after { display: none; content: ""; width: 30px; height: 3px; margin: auto; background: #f00; position: absolute; left: 0; right: 0; bottom: -1px;}
.meetshow .tab-head .on { font-weight: bold; font-size: 18px; color: #f00;}
.meetshow .tab-head .on::after { display: block;}
.meetshow .tab-body { width: 100%; min-height: 480px;}
.meetshow .tab-body li { display: none;}
.meetshow .tab-body li[class="on"] { display: block;}
.meetshow .tank { width: 540px; min-height: 465px; margin: auto; padding: 0 15px; border-radius: 4px; box-shadow: 0 0 40px rgba(0,0,0,0.2); background-image: linear-gradient(#f00,#fff 75%); overflow: hidden; position: fixed; top: 20%; right: 0; left: 0; z-index: 999;}
.meetshow .tank .clos { display: block; width: 25px; height: 25px; line-height: 25px; font-style: normal; text-align: center; border-radius: 50%; background: #fff; position: absolute; right: 15px; top: 18px; z-index: 2;}
.meetshow .tank .clos::before,
.meetshow .tank .clos::after { display: block; content: ""; margin: auto; background: #f00; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.meetshow .tank .clos::before { width: 12px; height: 2px;}
.meetshow .tank .clos::after { width: 2px; height: 12px;}
.meetshow .tank h1 { height: 60px; line-height: 60px; font-size: 18px; color: #fff;}
.meetshow .tank .nrs { padding: 5px 15px 15px 15px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); background: #fff;}
.meetshow .tank .nrs h3 { line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #eee;}
.meetshow .tank .nrs li { float: left; width: calc(100% / 4 - 29.5px); text-align: center; cursor: pointer; padding: 10px; margin: 10px 10px 0 0; border: 1px solid #eee; -webkit-transition: all .5s ease; transition: all .5s ease;}
.meetshow .tank .nrs li:nth-child(4n) { margin-right: 0;}
.meetshow .tank .nrs li h4 { line-height: 30px; font-size: 16px; color: #333;}
.meetshow .tank .nrs li span { display: block; line-height: 25px; font-size: 12px; color: #f00;}
.meetshow .tank .nrs li span b { font-weight: 500; font-size: 16px;}
.meetshow .tank .nrs li p { line-height: 22px; font-size: 11px; color: #666;}
.meetshow .tank .nrs li p i { font-style: normal; font-size: 13px; color: #f00; margin: 0 3px;}
.meetshow .tank .nrs li: hover { box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.meetshow .tank .nrs .on { border-color: #f00; box-shadow: 0 0 10px rgba(202,4,0,0.1);}
.meetshow .tank .jbdd { padding: 5px 15px 15px 15px; margin-bottom: 10px; border-radius: 4px; box-shadow: 0 1px 5px rgba(0,0,0,0.05); background: #fff;}
.meetshow .tank .jbdd h3 { line-height: 40px; font-size: 16px; color: #333; border-bottom: 1px solid #eee;}
.meetshow .tank .jbdd li { line-height: 25px; font-size: 14px; color: #666; padding: 10px; margin-top: 10px; border: 1px solid rgba(0,0,0,0.05); border-radius: 4px; overflow: hidden;}
.meetshow .tank .jbdd li b { display: block; color: #333;}
.meetshow .tank .jbdd .on { border-color: #f00;}
.meetshow .tank .botom { height: 65px;}
.meetshow .tank .botom .nr { width: 100%; height: 55px; line-height: 55px; border-top: 1px solid #eee; background: #fff; position: absolute; left: 0; bottom: 0; z-index: 2;}
.meetshow .tank .botom .nr p { float: left; width: 60%; font-size: 14px; color: #333; text-align: right;}
.meetshow .tank .botom .nr p span { color: #f00;}
.meetshow .tank .botom .nr p span b { font-weight: 500; font-size: 22px;}
.meetshow .tank .botom .nr .enroll { float: right; width: 30%; font-weight: bold; font-size: 16px; color: #fff; text-align: center; overflow: hidden; background: #f00;}

/*商城列表*/
.shopnav { padding: 0 15px; margin-bottom: 25px; border: 1px solid #eee; border-radius: 4px; box-shadow: 5px 5px 5px rgba(0,0,0,0.025); overflow: hidden;}
.shopnav li { width: 100%; line-height: 30px; font-size: 14px; padding: 15px 0 5px 0; border-bottom: 1px solid #eee;}
.shopnav li:last-child { border-bottom:none;}
.shopnav li label { display: block; float: left; width: 90px; height: 30px; line-height: 30px; font-weight: bold; font-size: 18px; color: #333; position: relative;}
.shopnav li p { float: right; width: calc(100% - 100px);}
.shopnav li a { display: inline-block; height: 30px; line-height: 30px; font-size: 16px; color: #666; cursor: pointer; padding: 0 15px; margin-bottom: 10px; border-radius: 4px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shopnav li a:hover { color: #f00;}
.shopnav li .on,
.shopnav li .on:hover { color: #fff !important; background: #f00;}
.shoplist { width: 100%;}
.shoplist ul { display: block; border-top: 1px solid #eee; border-right: 1px solid #eee; border-radius: 4px; box-shadow: 5px 5px 5px rgba(0,0,0,0.025); overflow: hidden;}
.shoplist li { float:left; width: 215px; cursor: pointer; padding: 21.9px; border-left: 1px solid #eee; border-bottom: 1px solid #eee;}
.shoplist li .img { width: 215px; height: 215px; margin: 0 auto; border-radius: 2px; overflow: hidden;}
.shoplist li .img img { display: block; width: 215px; height: 215px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.shoplist li .msg { width: 100%;}
.shoplist li .msg h3 { line-height: 30px; font-size: 18px; color: #333; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.shoplist li .msg span { display: block; width: 55%; height: 30px; line-height: 30px; font-size: 12px; color: #ff6216;}
.shoplist li .msg span b { font-weight: 500; font-size: 22px;}
.shoplist li .msg i { display: block; float: right; max-width: 45%; line-height: 30px; font-style: normal; font-size: 12px; color: #bbb;}
.shoplist li:hover .img img { transform: scale(1.1,1.1);}
.shoplist li:hover .msg h3 { color: #f00;}

/*商城详情*/
.protop { margin-bottom: 30px;}
.protop .proimg { float: left; width: 340px; height: 340px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.protop .proimg img { display: block; width: 340px; height: 340px;}
.protop .promsg { float: right; width: calc(100% - 365px);}
.protop .promsg .title { line-height: 35px; font-weight: bold; font-size: 24px; color: #333; position:relative;}
.protop .promsg .summary { padding: 15px 0; margin: 20px auto; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.protop .promsg .summary p { line-height: 35px; font-size: 14px; color: #666;}
.protop .promsg .summary p s { color: #666; padding-left: 20px;}
.protop .promsg .summary .price b { font-size: 28px; color: #f00; padding-left: 20px;}
.protop .promsg .summary .price b i { font-style: normal; font-size: 14px;}
.protop .promsg .attrs { line-height: 40px; font-size: 14px; color: #666; margin-bottom: 20px;}
.protop .promsg .attrs .nam { float: left; width: 43px; text-align: right; margin-right: 20px;}
.protop .promsg .attrs .color { margin-bottom: 20px;}
.protop .promsg .attrs .color .color-cont { float: left; width: calc(100% - 68px);}
.protop .promsg .attrs .color .color-cont .btn { display: inline-block; color: #999; cursor: pointer; padding: 0 10px; margin-right: 10px; border: 1px solid #ddd; border-radius: 2px;}
.protop .promsg .attrs .color .color-cont .btn.active { color: #f00; border-color: #f00;}
.protop .promsg .attrs .number { line-height: 40px;}
.protop .promsg .attrs .number .number-cont { float: left; width: calc(100% - 68px); line-height: 40px;}
.protop .promsg .attrs .number .number-cont .btn { float: left; width: 40px; font-size: 26px; text-align: center; cursor: pointer; border: 1px solid #ddd; background: #eee; -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none;}
.protop .promsg .attrs .number .number-cont input { float: left; width: 40px; height: 40px; text-align: center; margin: 0 5px; border: 1px solid #ddd;}
.protop .promsg .btns { width: 100%;}
.protop .promsg .btns .layui-btn { height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding: 0 20px; border: 1px solid #f00; border-radius: 4px; background: #f00;}
.protop .promsg .btns .car-btn { border: 1px solid #f50; background: #f50;}
.prodetail { width: 100%;}
.prodetail .tits { height: 30px; padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.prodetail .tits h3 { line-height: 30px;}
.prodetail .tits h3::after { width: 70px; bottom: 0;}
.prodetail .tits h3 span { font-size: 30px; padding-left: 15px;}
.prodetail .tits h3 span::after { display: block; content: ""; width: 5px; height: 25px; background: #f00; position: absolute; left: 0; top: 6px;}
.prodetail .item { min-height: 850px; line-height: 30px; font-size: 14px; color: #333;}
.prodetail .item img { display: block; max-width: 100%;}
.prostore { margin-bottom: 25px; padding: 15px; border: 5px solid #f00; border-radius: 4px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1) inset; overflow: hidden;}
.prostore h3 { line-height: 35px; font-size: 22px; color: #000;}
.prostore p { height: 50px; line-height: 25px; font-size: 14px; color: #999; overflow: hidden;}
.prostore .addr { color: #666; margin-top: 5px;}
.prostore a { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff !important; text-align: center; margin: 15px 0; border: none; border-radius: 4px; overflow: hidden; background: #f00;}
.prostore span { display: block; line-height: 20px; font-size: 14px; color: #999; text-align: center;}
.item-list { width: 100%;}
.item-list .shoplist { border: none; box-shadow: none;}
.item-list .shoplist li { width: 290px; padding: 0 0 20px 0; margin-bottom: 20px; border: none; border-bottom: 1px solid #eee;}
.item-list .shoplist li::after { display: none;}
.item-list .shoplist li:last-child { margin-bottom: 0; border-bottom: none;}
.item-list .shoplist li .img,
.item-list .shoplist li .img img { width: 290px; height: 290px;}
.item-list .shoplist li .msg span { padding-left: 0; background: none;}

/*购物车*/
.goods-cart { border: 1px solid #eee;}
.goods-cart .cart-table-th { height: 50px; line-height: 50px; border-bottom: 1px solid #eee; background: #f5f5f5;}
.goods-cart .th { float: left; text-align: center;}
.goods-cart .th-chk { width: 70px; margin-left: 15px; text-align: left; position: relative;}
.goods-cart .th-chk .select-all,
.goods-cart .th-chk .select-all label { cursor: pointer;}
.goods-cart .cart-checkbox { display: inline-block;}
.goods-cart .CheckBoxShop { width: 15px; height: 15px; border: 1px solid #ccc; position: relative; top: 5px;}
.goods-cart .th-item { width: 513px; text-align: left; padding-left: 90px; box-sizing: border-box;}
.goods-cart .th-price { width: 200px;}
.goods-cart .th-amount { width: 200px;}
.goods-cart .th-sum { width: 200px;}
.goods-cart .th-op { width: 100px;}
.goods-cart .store { height: 35px; line-height: 35px; padding: 10px;}
.goods-cart .store img { display: block; float: left; width: 35px; height: 35px; border-radius: 4px; overflow: hidden; background: #eee;}
.goods-cart .store h3 { float: left; font-size: 16px; color: #333; margin-left: 15px;}
.goods-cart .item-content { padding: 10px 0; border-top: 1px solid #eee; box-sizing: border-box; position: relative;}
.goods-cart .item-content .th-chk { margin-top: 30px;}
.goods-cart .item-content .th-chk .CheckBoxShop { top: 0;}
.goods-cart .item-content .th-item { padding-left: 0;}
.goods-cart .item-content .th-su { display: inline-block; line-height: 80px; font-size: 12px; color: #f00;}
.goods-cart .item-content .th-su b { font-size: 18px;}
.goods-cart .item-content .th-item .item-cont img { float: left; width: 78px; height: 78px; border: 1px solid #eee; border-radius: 4px; overflow: hidden;}
.goods-cart .item-content .th-item .item-cont .text { float: right; width: calc(100% - 95px); line-height: 25px;}
.goods-cart .item-content .th-item .item-cont .text .title { color:#333;}
.goods-cart .item-content .th-item .item-cont .text p { font-size: 12px; color: #999; margin-top: 5px;}
.goods-cart .item-content .th-amount .box-btn { text-align: center; margin-top: 30px;}
.goods-cart .item-content .th-amount .box-btn .btn,
.goods-cart .item-content .th-amount .box-btn input { display: inline-block; color: #333; text-align: center; border: 1px solid #eee; background: #fff;}
.goods-cart .item-content .th-amount .box-btn .btn { width: 35px; height: 35px; line-height: 35px; font-size: 18px; background: #fafafa;}
.goods-cart .item-content .th-amount input { width: 45px; height: 35px;}
.goods-cart .item-content .th-op span { display: inline-block; line-height: 30px; color: #fff; cursor: pointer; padding: 0 15px; margin-top: 28px; border-radius: 4px; background: #f00;}
.goods-cart .FloatBarHolder { line-height: 50px; border-top: 1px solid #eee; background: #f5f5f5; position: relative;}
.goods-cart .FloatBarHolder .th-chk { width: 150px;}
.goods-cart .FloatBarHolder .batch-deletion span { cursor: pointer;}
.goods-cart .FloatBarHolder .total { margin-right: 25px;}
.goods-cart .FloatBarHolder .total span { font-size: 14px; color: #f00; padding-left: 5px;}
.goods-cart .FloatBarHolder .total span b { font-size: 24px; position: relative; top: 1px;}
.goods-cart .FloatBarHolder .th-chk .select-all label { margin-left: 5px;}
.goods-cart .FloatBarHolder .Settlement,
.goods-cart .FloatBarHolder .total { float: right;}
.goods-cart .FloatBarHolder .Settlement button.layui-btn { width: 180px; height: 54px; line-height: 54px; font-size: 18px; color: #fff; text-align: center; background: #f00; border-radius: 0;}

/*空*/
.cartkong { width: 100%; text-align: center; padding-top: 130px; margin: 45px 0; background: url(../images/nocart.png) no-repeat center top;}
.cartkong p { line-height: 30px; font-size: 16px; color: #333;}
.cartkong a { display: block; width: 120px; height: 40px; line-height: 40px; font-size: 14px; color: #fff; text-align: center; margin: 15px auto; border-radius: 20px; background: #f00; -webkit-transition: all .5s ease; transition: all .5s ease;}
.cartkong a:hover { color:# fff; background: #f00;}

/*相册展示*/
.albums { width: 100%;}
.albums .swiper-slide { width: 100%;}
.albums .swiper-slide a,
.albums .swiper-slide img { display: block; width: 100%;}
.albums .swiper-pagination-bullets { bottom: 15px;}
.albums .swiper-pagination-bullet { width: 10px; height: 10px; margin: 0 5px !important; border-radius: 50%; filter: alpha(opacity=100); opacity: 1; background: #fff; position:relative; -webkit-transition: 0.5s; transition: 0.5s;}
.albums .swiper-pagination-bullet-active { background: #f00;}
.albums .swiper-button-prev,
.albums .swiper-button-next { width: 45px; height: 45px; border-radius: 4px; background: rgba(0,0,0,0.5); -webkit-transition: all .5s ease; transition: all .5s ease;}
.albums .swiper-button-prev::after,
.albums .swiper-button-next::after { font-size: 14px; color: #fff;} 
.albums .swiper-button-prev { left: 15px;}
.albums .swiper-button-next { right: 15px;}
.albums .swiper-button-prev:hover,
.albums .swiper-button-next:hover { background: #f00;}

/*纪念馆*/
.memorials { width: 100%;}
.memorials .colrt { line-height: 40px; position: fixed; top: 35%; z-index: 99999;}
.memorials .colrt { width: 120px; right: 10px;}
.memorials .colrt li { height: 40px; margin-bottom: 10px; position: relative;}
.memorials .colrt li span { display: block; width: calc(100% - 20px); height: 40px; line-height: 41px; font-size: 13px; color: #fff; cursor: default; padding: 0 10px; border-radius: 4px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: rgba(0,0,0,0.65); position: relative;}
.memorials .colrt li span i { display: block; float: left; width: 20px; height: 20px; margin: 10px 5px 10px 0; background: url(../images/yiny.png) no-repeat center / 20px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.memorials .colrt li span::after { display: none; content: ""; width: 20px; height: 1px; -webkit-transform-origin: 50%; transform-origin: 50%; -webkit-transform: rotate(135deg); transform: rotate(135deg); background: #f00; position: absolute; left: 10px; top: 20px; z-index: 2;}
.memorials .colrt li p { display: none; width: 120px; padding-right: 5px; position: absolute; top: 0; right: 120px; z-index: 2;}
.memorials .colrt li p a { display: block; width: calc(100% - 20px); line-height: 40px; font-size: 12px; color: #fff; cursor: default; padding: 0 10px; margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-radius: 4px; background: rgba(0,0,0,0.65); -webkit-transition: all .5s ease; transition: all .5s ease;}
.memorials .colrt li p a:hover { background: #f00;}
.memorials .colrt li:hover p { display: block;}
.memorials .colrt li span.on i { animation: rotate 3s linear infinite;}
.memorials .colrt li span.off::after { display: block;}
@keyframes rotate {
	from { transform: rotate(0deg);}
    to { transform: rotate(360deg);}
}

.memorials .topbg { width: 100%; padding: 35px 0 25px 0; background-repeat: no-repeat; background-position: center top; background-size: cover;}
.memorials .topbg.tbg1 { background-image: url(../images/mem01.jpg);}
.memorials .topbg.tbg2 { background-image: url(../images/mem01.jpg);}
.memorials .topbg.tbg3 { background-image: url(../images/mem01.jpg);}
.memorials .toplst { width: 100%; height: 40px; line-height: 40px; text-align: center; margin-bottom: 25px;}
.memorials .toplst a { display: inline-block; font-size: 16px; color: #666; padding: 0 30px; margin-right: 10px; border-radius: 4px; background: #eee; position: relative;}
.memorials .toplst a::after { display: none; content: ""; width: 0; height: 0; margin: auto; border-style: solid; border-width: 5px 7.5px 0 7.5px; border-color: #f00 transparent transparent transparent; position: absolute; left: 0; right: 0; bottom: -5px;}
.memorials .toplst .on { font-weight: bold; color: #fff; background: #f00;}
.memorials .toplst .on::after { display: block;}
.memorials .ren { width: 100%;}
.memorials .ren .img { width: 174px; height: 253px; margin: 0 auto; border: 3px solid #ffb55d; overflow: hidden;}
.memorials .ren .img img { display: block; width: 174px; height: 253px; -webkit-filter: grayscale(1); filter: gray; filter: grayscale(1);}
.memorials .ren .jng,
.memorials .ren .jng img { width: 417px;}
.memorials .ren .msg { width: 100%; text-align: center; margin-top: 20px;}
.memorials .ren .msg h3 { line-height: 60px; font-weight: 500; font-size: 36px; color: #fff; letter-spacing: 2px;}
.memorials .ren .msg p { line-height: 40px; font-size: 16px; color: rgba(255,255,255,0.8); margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.memorials .ren .msg .lh { min-height: 150px; font-size: 16px; color: #fff; text-align: center;}
.memorials .marr { margin-right: 30px;}
.memorials .lsts { float: left; width: calc(100% / 5 - 24px);}
.memorials .lsts .name { width: 100%; height: 40px; line-height: 40px; margin-bottom: 15px; border-bottom: 1px solid #eee;}
.memorials .lsts .name h3 { float: left; font-size: 20px; color: #333;}
.memorials .lsts .name h3 i { display: inline-block; height: 20px; line-height: 20px; font-style: normal; font-weight: 500; font-size: 12px; color: #fff; padding: 0 5px; margin-left: 5px; border-radius: 10px 10px 10px 0; background: #333; position: relative; top: -10px;}
.memorials .lsts .name a { float: right; font-size: 14px; color: #999; -webkit-transition: all .5s ease; transition: all .5s ease;}
.memorials .lsts .name a:hover { color: #f00;}
.memorials .lsts li { line-height: 35px; padding-left: 15px; position: relative;}
.memorials .lsts li::after { display: block; content: ""; width: 4px; height: 4px; border: 1px solid #999; border-radius: 50%; position: absolute; left: 0; top: 15px; -webkit-transition: all .5s ease; transition: all .5s ease;}
.memorials .lsts li a { display: block; width: 100%; font-size: 16px; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all .5s ease; transition: all .5s ease;}
.memorials .lsts li:hover::after { border-color: #f00;}
.memorials .lsts li:hover a { color: #f00;}
.memorials .lsts .ksfb { display: block; width: 100%; height: 45px; line-height: 45px; font-size: 16px; color: #fff; letter-spacing: 1px; margin-top: 10px; border: none; border-radius: 4px; overflow-y: hidden; background: #f00;}



















/*图片列表*/
.piclist { width:100%;}
.piclist li { float:left; width:380px; text-align:center; margin:0 30px 30px 0;}
.piclist li:nth-child(3n) { margin-right:0;}
.piclist li a { display:block; width:100%;}
.piclist li .img { width:368px; height:258px; padding:5px; border:1px solid #e6e6e6; border-radius:4px; overflow:hidden; position:relative;}
.piclist li .img::before,.piclist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.6); top:0; z-index:0;}
.piclist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.piclist li .img img { display:block; width:100%;}
.piclist li h3 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin:15px 0 5px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.piclist li p { height:45px; line-height:22px; font-size:12px; color:#999;}
.piclist li:hover .img::before { width:100%;}
.piclist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.piclist li:hover h3 { color:#f00;}

/*产品列表*/
.prolist { width:100%;}
.prolist li { float:left; width:368px; margin:0 30px 30px 0; padding:5px; border:1px solid #e6e6e6; border-radius:4px;}
.prolist li:nth-child(3n) { margin-right:0;}
.prolist li a { display:block; width:100%;}
.prolist li .img { width:368px; height:258px; overflow:hidden; position:relative;}
.prolist li .img::before,.prolist li .img::after { display:block; content:""; margin:auto; position:absolute; right:0; bottom:0; left:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .img::before { width:0%; height:100%; background:rgba(38,100,161,0.6); top:0; z-index:0;}
.prolist li .img::after { width:30px; height:30px; filter:alpha(opacity=0); opacity:0; background:url(../images/zoom.png) no-repeat 0 0; top:-100px; z-index:1;}
.prolist li .img img { display:block; width:100%;}
.prolist li .msg { padding:0 5px;}
.prolist li .msg h3 { line-height:45px; font-weight:500; font-size:18px; color:#000; margin-bottom:5px; border-bottom:1px solid #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.prolist li .msg p { line-height:25px; font-size:12px; color:#999; text-transform:Uppercase; background:url(../images/arrow.png) no-repeat right center;}
.prolist li:hover .img::before { width:100%;}
.prolist li:hover .img::after { filter:alpha(opacity=100); opacity:1; top:0;}
.prolist li:hover .msg h3 { color:#f00;}

/*下载*/
.softs { width:100%;}
.softs li { float:left; width:390px; margin:0 5px 30px 5px; overflow:hidden; position:relative;}
.softs li a { display:block; width:100%;}
.softs li .msg { width:90%; height:200px; padding:95px 5%; text-align:center; background:rgba(222,5,5,0.8); position:absolute; top:0; left:0; z-index:2;}
.softs li .msg i { display:block; width:20px; height:2px; margin:0 auto; background:#fff;}
.softs li .msg h3 { width:100%; line-height:40px; font-size:18px; color:#fff; margin-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.softs li .msg p { width:90px; height:30px; line-height:30px; font-size:12px; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:15px; overflow:hidden;}
.softs li img { width:390px; height:300px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;}
.softs li:hover img { transform:scale(1.1,1.1);}

/*招聘*/
.jobs { width:100%;}
.jobs .topmsg { width:100%; margin-bottom:40px;}
.jobs .topmsg .lft { float:left; width:265px; color:#fff; text-align:center; padding:20px 30px; background:#f00;}
.jobs .topmsg .lft h3 { font-size:40px; text-transform:Uppercase; letter-spacing:5px;}
.jobs .topmsg .lft p { font-size:24px; letter-spacing:7px;}
.jobs .topmsg .rgt { float:right; width:770px; line-height:30px; font-size:14px; color:#666; padding:16.5px 50px; background:#f8f8f8;}
.jobs .list { width:100%;}
.jobs .list li { margin-bottom:10px; background:#f8f8f8;}
.jobs .list li .lst { padding:15px 20px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.jobs .list li .lst h3 { line-height:40px; font-size:18px; color:#333;}
.jobs .list li .lst span { display:block; float:left; width:calc(100% / 4); line-height:30px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.jobs .list li .lst a { display:block; width:40px; height:40px; position:absolute; top:33px; right:20px; z-index:1;}
.jobs .list li .lst a::before,
.jobs .list li .lst a::after { display:block; content:""; margin:auto; background:#999; position:absolute; top:0; right:0; bottom:0; left:0;}
.jobs .list li .lst a::before { width:1px; height:100%;}
.jobs .list li .lst a::after { width:100%; height:1px;}
.jobs .list li .msg { display:none; padding:15px 20px;}
.jobs .list li.on .lst { background:#f00;}
.jobs .list li.on .lst h3,
.jobs .list li.on .lst span { color:#fff;}
.jobs .list li.on .lst a::before { display:none;}
.jobs .list li.on .lst a::after { background:#fff;}
.jobs .list li.on .msg { display:block;}
.jobs .list li.on .msg .lh { margin-bottom:15px;}
.jobs .list li.on .msg .lh h3 { font-size:16px; color:#f00;}

/*星级*/
.comstars { width: 100%; height: 30px; margin: 20px 0 10px 0;}
.comstars b { float: left; line-height: 30px; font-weight: 500; font-size: 14px; color: #666;}
.comstars span { display: block; float: left; width: 20px; height: 30px; cursor: pointer; margin-right: 5px; background: url(../images/star0.png) no-repeat center 5px;}
.comstars span.on { background-image: url(../images/star1.png);}

/*评论*/
.content .comlft .comment { width:100%;}
.content .comlft .comment .layui-btn { width:130px; letter-spacing:2px; border-radius:4px;}
.content .comlft .comment li { margin-top:15px; padding-top:15px; border-top:1px solid #eee;}
.content .comlft .comment li .name { width:100%;}
.content .comlft .comment li .name h3 { float:left; font-size:14px; color:#333;}
.content .comlft .comment li .name p { float:right; font-size:12px; color:#999;}
.content .comlft .comment li .reply { color:#f60; margin-left:15px;}
.content .comlft .comment li .msg { width:100%; line-height:25px; font-size:12px; color:#666; margin:5px auto 10px auto;}
.content .comlft .comment li .list { padding:15px; margin-top:5px; background:#fafafa;}
.content .comlft .comment li .list b { color:#f60;}
.content .comlft .shows  .glyphicon { float:left; width:40%; margin-top:30px;}
.content .comlft .shows  .glyphicon span { display:inline-block; line-height:25px; font-size:14px; color:#999; text-align:center; margin-right:40px;}
.content .comlft .shows  .glyphicon span i { display:block; width:50px; height:50px; margin:0 auto 5px auto; border-radius:50%; background-position:center; background-repeat:no-repeat; background-size:30px;}
.content .comlft .shows  .glyphicon .glyphicon-yen i { background-color:#ddd; background-image:url(../images/xl01.png);}
.content .comlft .shows  .glyphicon .glyphicon-heart i { background-color:#ddd; background-image:url(../images/xl02.png);}
.content .comlft .shows  .glyphicon .glyphicon-heart.on i { background-color:#ea4c89;}
.content .comlft .shows  .glyphicon .glyphicon-yen.on i { background-color:#ea4c89;}
.content .comlft .shows  .share { float:right; max-width:60%; height:42px; line-height:42px; margin-top:42px;}