@charset "utf-8";
* { margin: 0; padding: 0 }
*, :after, :before{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
body { font: 15px "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #000; background: #f7f8fa; line-height: 1.5; overflow-x: hidden;position: relative}
img { border: 0; display: block }
ul, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { color: #ed4040; text-decoration: none; }
.clear { clear: both; width: 100%; overflow: hidden; }
.blank { clear: both; width: 100%; overflow: hidden; height: 20px }
article { width: 1200px; margin: auto;position: relative;}
.is-fixed { position: fixed; top: 10px; z-index: 99; }
.wrapper{
	width: 1200px;margin: auto;
}
.clearfix:before, .clearfix:after {
	display: table;
	content: '';
	line-height: 0;
}
.clearfix:after {
	clear: both;
}
.whitebg{
	background-color: #fff;
	border-radius: 4px;
	padding: 20px;
}
/*topbar*/
.topbar { height: 34px; line-height: 34px; background: #ed3232; font-size: 14px; color: #fff; text-align: right;}
.topbar .wrapper,.header .wrapper{ display: flex;align-items: center;justify-content: space-between;}
.topbar li { position: relative; display: inline-block; text-align: center; margin-left: 10px; }
.topbar li a { color: #fff }
.topbar li a:hover { text-decoration: none }
.topbar img { position: absolute; width: 100px; height: 100px; left: -15px; top: 34px; display: none; border: #ccc 1px solid; }
.topbar li:hover { cursor: pointer; color: #fff; }
.topbar li:hover img { display: block; z-index: 9 }
.header{
	background-color: #fff;
	margin-bottom: 20px;
	padding: 15px 0;
}
.icon-menu{display: none;}
.search {width: 340px; background: #ed4040; position: relative; border: #ed4040 2px solid; border-radius: 5px; overflow: hidden; }
.search input.input_submit { border: 0; color: #fff; outline: none; position: absolute; top: 0; right: 0; width: 25%; display: block; font-size: 15px; height: 36px; line-height: 36px; text-indent: 1em; cursor: pointer; background: url(../images/searchm.png) no-repeat left 10px center; background-size: 21px; }
.search input.input_text { border: 0; line-height: 36px; height: 36px; font-size: 14px; width: 75%; outline: none; text-indent: 1em; }
.search.sblue { background: #00c1de; border: 1px solid #00c1de; }
/*nav*/
nav { width: 165px;position: absolute;left: -165px;top: 0;}
.logo {display: block;height:90px}
.logo img{height:100%}
.topnav{
	width: 160px;
	background: linear-gradient(360deg, rgba(255, 227, 227, 1) 0%, rgba(247, 248, 250, 1) 100%);
	border: 2px solid rgba(255, 255, 255, 1);
	border-radius: 8px;
}
nav ul li { height: 40px; line-height: 40px; margin: 15px 0; text-align: center; color: #444; border-radius:30px; overflow: hidden }
nav ul li a { display: block; }
nav ul li a#selected, nav ul li a:hover { background-color: #ed4040; color: #fff; }
nav span { width: 100%; display: block; height: 20px }
.m-menu{
	display: none;
}
.m-menu .maskbg{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    -webkit-animation: maskbg ease .3s forwards;
    animation: maskbg ease .3s forwards;
    z-index: 3;
}
@-webkit-keyframes maskbg {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
@keyframes maskbg {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.box_l { width: 70%; overflow: hidden; margin: 0 15px 20px 0; float: left; }
/*banner*/
.banner { width: 100%; height: 340px; margin-bottom: 20px; }
.swiper-slide { position: relative }
.swiper-slide span { position: absolute; right: 0; font-size: 12px; padding: 2px 5px 2px 10px; top: 10px; background: #0CF; color: #fff; border-radius: 3px 0 0 3px }
.swiper-slide:nth-child(2) span { background: #F60 }
.swiper-slide:nth-child(3) span { background: #3C0 }
/* hot news list */
.hot-news{
	margin-bottom: 15px;
}
.hot-flow-title{
	display: inline-block;
	padding: 5px 15px;
	color: #fff;
	background: rgba(237, 50, 50, 1);
	margin-bottom: 15px;
}
.hot-news-bd{
	background-color: #fff;
	padding: 15px;
	border-radius: 4px;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	justify-content: space-between;
	width: 100%;
}
.hot-left-cont{
	width: 52%;
}
.hot-model-pic{
	width: 100%;
	height: 100%;
}
.hot-model-pic a{
	display: block;
	width: 100%;
	height: 212px;
	position: relative;
	overflow: hidden;
}
.hot-model-pic a img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hot-right-list-tab{
	width: 48%;
}
.hot-right-list-tab a{
	padding: 15px 0 15px 15px;
	display: block;
	position: relative;
	z-index: 1;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.hot-right-list-tab a::before{
	content: "";
	width: 100%;
	height: 86%;
	position: absolute;
	left: 0;
	top: 7%;
	opacity: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgba(255, 232, 232, 1) 0%, rgba(255, 255, 255, 0) 100%);
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.hot-right-list-tab > a+a::after{
	content: "";
	width: 94%;
	height: 1px;
	position: absolute;
	left: 15px;
	top: 0;
	background-color: rgba(235, 235, 235, 1);
}
.hot-right-list-tab a .hot-li-title{
	position: relative;	
}
.hot-right-list-tab a .hot-li-title span{
	color: rgba(51, 51, 51, 1);
	font-size: 16px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.hot-right-list-tab a .hot-li-title:before{
	content: "";
	width: 5px;
	height: 80%;
	position: absolute;
	left: -15px;
	top: 50%;
	opacity: 0;
	transform: translateY(-50%);
	background-color: rgba(237, 50, 50, 1);;
}
.hot-right-list-tab a .hot-li-desc{
	display: none;
}
.hot-right-list-tab a p{
	color: rgba(153, 153, 153, 1);
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .4s ease 0s;
	-webkit-transition: all .4s ease 0s;
	-moz-transition: all .4s ease 0s;
}
.hot-right-list-tab a.active .hot-li-desc{
	display: block;
}
.hot-right-list-tab a.active::before{
	opacity: 1;
}
.hot-right-list-tab a.active .hot-li-title:before{
	opacity: 1;
}
/* top news list */
.top-news-list-box{
	width: 100%;
}
.top-thd{
	margin: 15px 0;
	padding-bottom: 10px;
	position: relative;
	color: rgba(51, 51, 51, 1);
	font-size: 1.17em;
}
.top-thd::after{
	content: "";
	width: 45px;
	height: 3px;
	background-color: #ed3232;
	font-size: 0px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.top-news-list-box .top-bd{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.top-pic-item{
	width: 23.5%;
	margin-right: 2%;
	border-radius: 0 0 4px 4px;
}
.top-pic-item a{
	display: block;
	padding-bottom: 10px;
	background-color: #f7f8fa;
}
.top-pic-item:last-child{
	margin-right: 0;
}
.img-box{
	width: 100%;
	height: 152px;
	position: relative;
	overflow: hidden;
}
.img-box img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.top-pic-item .img-box{
	height: 130px;
	border-radius: 4px 4px 0 0;
}
.pic-recommd-title{
	margin-top: 10px;
	padding: 0 15px;
	color: rgba(51, 51, 51, 1);
	font-size: 14px;
	height: 46px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}
/* home sub menu tab */
.home-news-box{
	border-radius: 4px;
	background-color: #fff;
	padding: 0 15px 15px;
}
.home-submenu-tab{
	margin-bottom: 15px;
	border-bottom: 1px solid #f5f5f5;
}
.home-submenu-tab a{
	display: inline-block;
	line-height: 50px;
	position: relative;
	font-weight: 600;
}
.home-submenu-tab > a+a{
	margin-left: 50px;
}
.home-submenu-tab a::after{
	content: "";
	width: 100%;
	height: 3px;
	position: absolute;
	left: 50%;
	margin-left: -50%;
	bottom: 0;
	background-color: #ed3232;
	opacity: 0;
	transform: scaleX(0);
	transition: .3s ease-in-out;
}
.home-submenu-tab a:hover::after,.home-submenu-tab .active::after{
	opacity: 1;
	transform: scaleX(1);
}
/*news_list*/
.news_list li { overflow: hidden; }
.news_list > li+li{
	margin-top: 20px; padding-top: 20px; 
	border-top: 1px solid #fafafa; 
}
.news_list li h2 { font-size: 18px; margin-bottom: 7px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; color: #3f3f3f; }
.news_list li i { display: block; float: left; width: 210px; height: 132px;border-radius: 4px; overflow: hidden; margin-right: 20px; }
.news_list li i img { width: 100%; min-height: 100%; transition: all .5s; }
.news_list_info { overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; color: #666; }
.news_list_time { 
	color: #888; 
	font-size: 13px; 
	margin-top: 36px;
	display: flex;
	align-items: center;
	justify-content: space-between;
 }
.news_list_time span {
	line-height: 1.4;
}
.news_list_time span span{
	display: inline-block;
	position: relative;
	padding-left: 10px;
}
.news_list_time span span:before{
	content: "";
	width: 1px;
	height: 70%;
	background-color: #b3b3b3;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.news_list_time span a { color: #ed4040;padding-right: 10px;}
.news_list li:hover img { transform: scale(1.1); }
.news_list li:hover h2 { color: #ed4040 }
.news_list li:last-child { margin-bottom: 0 }
/*box_r*/
.box_r { float: right; width: 340px;margin-top: 50px;}
.box_r.sticky{
	margin-top: 0
}
.box_r section { background: #fff; overflow: hidden;}
.box_r section+section{
	margin: 20px 0;
}
.box_r section ul { padding: 20px; }
.box_r section h2 { 
	margin: 20px 0 0 20px;
	padding-left: 15px;
	font-size: 18px;
	position: relative;
}
.box_r section h2:before{
	content: "";
	width: 4px;
	height: 80%;
	background: rgba(237, 50, 50, 1);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.r-hot-top{
	margin: 20px 20px 0;
	display: block;
	position: relative;
}
.r-hot-top a{
	border-radius: 4px 4px 0 0;
}
.r-hot-top h4{
	padding: 5px 10px;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	background: rgba(0, 0, 0, 0.6);
	border-radius: 0px 0px 4px 4px;
	color: #fff;
}
.news_part06{
	padding: 20px;
}
/*news_part03*/
.news_part03 { }
.news_part03 li { overflow: hidden; margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #ccc; }
.news_part03 li i { width: 80px; height: 60px; margin-right: 10px; overflow: hidden; display: block; float: left; }
.news_part03 i img { width: 100%; max-height: 100%; min-height: 100%; }
.news_part03 p { line-height: 20px; max-height: 40px; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; font-size: 14px; }
.news_part03 .n_time{
	font-size: 12px;
	color: #999;
}
.news_part03 li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
/*news_part05*/
.news_part05 { overflow: hidden; }
.news_part05 li { width: 47%; float: left; overflow: hidden; margin-bottom: 15px; }
.news_part05 li:nth-child(even) { float: right }
.news_part05 li a { display: block; }
.news_part05 li i { width: 140px; height: 90px; display: block; margin-bottom: 5px; overflow: hidden; }
.news_part05 li i img { width: 100%; min-height: 100%; }
.news_part05 li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; font-size: 14px; }
.news_part05 li:nth-child(5), .news_part05 li:nth-child(6) { margin-bottom: 0 }
/*news_part06*/
.news_part06 li { font-size: 14px; line-height: 35px; border-bottom: 1px dotted #ececec; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 30px }
.news_part06 li:before { position: absolute; width:18px;height: 18px;line-height: 18px; left: 0; font-size: 14px;font-family: arial; color: #666;top: 50%;transform: translateY(-50%);text-align: center;border-radius: 4px;background-color: #ccc;color: #fff;}
.news_part06 li:nth-child(1):before { content: "1";background-color: rgba(237, 50, 50, 1);}
.news_part06 li:nth-child(2):before { content: "2";background-color: rgba(237, 50, 50, 1)}
.news_part06 li:nth-child(3):before { content: "3";background-color: rgba(237, 50, 50, 1)}
.news_part06 li:nth-child(4):before { content: "4" }
.news_part06 li:nth-child(5):before { content: "5" }
.news_part06 li:nth-child(6):before { content: "6" }
.news_part06 li:nth-child(7):before { content: "7" }
.news_part06 li:nth-child(8):before { content: "8" }
.news_part06 li:nth-child(9):before { content: "9" }
.news_part06 li:nth-child(10):before { content: "10" }
/*tags ist*/
.tags_list { position: relative; }
.tags_list a{
	margin: 0 10px 10px 0;
	display: inline-block;
	color: rgba(237, 50, 50, 1);
	font-size: 14px;
	background: rgba(255, 237, 237, 1);
	border-radius: 4px;padding:5px 12px
}
.home-random-tab{
	margin: 20px 20px 0;
	background: rgba(247, 248, 250, 1);
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.home-random-tab span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
	padding: 8px 0;
	font-size: 16px;
	border-radius: 8px;
	cursor: pointer;
	transition: ease .5s;
}
.home-random-tab span i{
	margin-right: 10px;
	display: block;
	width: 18px;
	height: 16px;
	position: relative;
}
.home-random-tab span i img{
	height: 16px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: ease .5s;
}
.home-random-tab span i img:nth-child(2){
	opacity: 1;
}
.home-random-tab span.active{
	background-color: #ed3232;
	color: #fff;
}
.home-random-tab span.active i img:nth-child(1){
	opacity: 1;
}
.home-random-tab span.active i img:nth-child(2){
	opacity: 0;
}
.page .box_r{
	margin-top: 0;
}
/*right contact*/
.r-contact{
	padding: 20px;
	font-size: 14px;
	line-height: 2
}
/*right contact*/
.r-links{
	padding: 20px;
	font-size: 14px;
	line-height: 2
}
.r-links a{
	padding-right: 15px
}
/*weizhi*/
.weizhi { font-size: 14px; font-weight: normal; margin-bottom: 20px; position: relative; border-bottom: #ccc 2px solid; color: #888; line-height: 40px; }
.weizhi a { color: #888 }
.weizhi:after { position: absolute; width: 100px; height: 2px; background: #ed4040; content: ""; left: 0; bottom: -2px }
/*pagelist*/
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin-top: 20px; }
.pagelist a { color: #666; margin: 0 5px 0; padding: 5px 10px; background: #F7F7F7; display: inline-block; }
.pagelist a:nth-child(1) { display: none }
.pagelist a:hover, .pagelist > b { color: #FFF; background: #ed4040; text-decoration: none }
.pagelist > b { padding: 5px 10px; }
/*container*/
.container { font-size: 16px; }
.container h1 { font-size: 22px; margin-bottom: 15px;text-align: center; }
.info { color: #888; font-size: 14px; margin-bottom: 30px; padding-bottom: 10px; border-bottom: #ccc 1px dotted; text-align: center; }
.info span { margin-right: 10px; }
.content { word-break: break-word; text-align: justify; }
.content p { margin: 26px 0; line-height: 30px; }
.content img { margin: 15px auto; max-width: 100% !important; height: auto !important }
.content h2, .content h3, .content h4, .content h5, .content h6 { font-size: 18px; margin: 10px 0 }
.content video { height: auto !important; width: 100% !important; }
.content iframe { width: 100%; min-height: 400px; }
.tags { margin: 20px 0; font-size: 14px; }
.tags a { display: inline-block; border: #e6e4e4 1px solid;margin-left: 10px; padding: 3px 6px; color: #666;}
.info-pre-next { line-height: 30px; }
.info-pre-next a { margin-left: 5px; }
.otherlink li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 28px; position: relative; padding-left: 10px; font-size: 14px; }
.otherlink li:before { position: absolute; content: ""; width: 3px; height: 3px; background: #a0a0a0; top: 13px; left: 0; }
.otherlink li span { float: right; font-size: 13px; color: #999; margin-left: 20px }
.news_t { font-size: 18px; font-weight: normal; padding: 5px 0; margin: 20px 0 10px; position: relative; border-top: #ccc 2px solid; border-bottom: #ececec 1px solid; color: #333333; }
.news_t:after { position: absolute; width: 70px; height: 2px; background: #ed4040; content: ""; left: 0; top: -2px }
.share{
	margin: 15px 0;
	padding: 10px 20px;
	background: #f7f7f7;
	border-left: 3px solid #000;
}
.share a{
	color: #09C;
	word-break: break-all;
}
.diggit{
	margin: 15px 0;
}
.diggit span{
	display: block;
	width: 160px;
	margin: 20px auto;
	background: #E2523A;
	color: #fff;
	box-shadow: 1px 2px 6px 0px rgb(0 0 0 / 20%);
	border-radius: 3px;
	line-height: 40px;
	text-align: center;
}
.diggit span a{
	color: #fff;
	word-break: break-all;
}
/*search result*/
.result .box_l{
	width: 1200px;
	margin-right: 0
}
.weizhi.search-path{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between
}
/*timebox*/
.timebox span { position: relative; line-height: 32px; padding-right: 40px; color: #999; font-size: 13px; }
.timebox span:after { position: absolute; content: ""; width: 2px; height: 40px; background: #e0dfdf; right: 18px }
.timebox li { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.timebox li i { position: relative; font-style: normal }
.timebox li i:before { content: " "; height: 10px; width: 10px; border: 2px solid #cccaca; background: #fff; position: absolute; top: 4px; left: -26px; border-radius: 50%; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; }
.timebox li:hover i:before { background: #ed4040 }
/* footer */
.footer{
	padding: 20px 0;
	background-color: #2d3237;
	color: #999;
}
.footer a{
	color: #999;
}
.copyright { color: #999; line-height: 28px; font-size: 14px;text-align: center;}
.copyright a { color: #999;padding-left: 15px;}
.copyright img { display: inline-block; vertical-align: middle; }
.icon-top { background: url(../images/istop.png) no-repeat center #fff; background-size: 22px; width: 40px; height: 40px; position: fixed; right: 5%; bottom: 10%; transition: all 0.3s; z-index: 9999999; border: #ececec 1px solid; }
/* dialog box */
.dialog_box{
	z-index: 1;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0;
	display: none;
}
.dialog_mask{
	position: absolute;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
}
.wechat_dialog {
	width: 80%;
	height: auto;
	background-color: #fff;
	border-radius: 21px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}
.wechat_modal_container{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 24px;
	position: relative;
	background: #fff;
	border-radius: 21px;
}
.wechat_modal_container i.close{
	position: absolute;
	right: 20px;
	top: 18px;
	z-index: 2;
	cursor: pointer;
	font-size: 20px;
	font-style: normal;
}
.wechat_modal_content{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.wechat_success_logo{
	width: 44px;
	height: 44px;
}
.wechat_success_logo img{
	width: 100%;
}
.wechat_success_title{
	color: #000;
	font-size: 20px;
	line-height: 20px;
	font-weight: bold;
	margin: 10px 0;
}
.wechat_modal_content p{
	color: #666;
	font-size: 18px;
	line-height: 20px;
	font-weight: 400;
	margin-bottom: 10px;
}
.wechat_button{
	background-color: #1aad17;
	border-radius: 10px;
	width: 144px;
	height: 45px;
	font-size: 16px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 8px;
	cursor: pointer;
}
.wechat_button a{
	color: #fff;
	text-decoration: none;
}
.f-box{
	display: none;
}
.fixbar{
	display:-webkit-box!important;
	display:-webkit-flex!important;
	display:-moz-box!important;
	display:-ms-flexbox!important;
	display:flex!important;
	position:fixed;
	width:100%;
	left:0;
	bottom:0;
	height:50px;
	bottom:constant(safe-area-inset-bottom);
	bottom:env(safe-area-inset-bottom);
	background-color:#ed3232;
	color:#fff;
	z-index:90;
	-webkit-justify-content:space-around;
	-ms-flex-pack:distribute;
	justify-content:space-around;
	-webkit-box-align:center;
	-webkit-align-items:center;
	-moz-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-shadow:0 0 20px rgba(255,255,255,.05);
	-moz-box-shadow:0 0 20px rgba(255,255,255,.05);
	box-shadow:0 0 20px rgba(255,255,255,.05)
}
.fixbar a{
	color: #fff;
	text-align:center;
	font-size:14px;
	padding:10px;
	width:-webkit-calc(100% / 3);
	width:-moz-calc(100% / 3);
	width:calc(100% / 3);
	position:relative;
	display:flex;
	align-items: center;
	justify-content: center;
}
.fixbar a img{
	width: auto;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}
.fixbar a+a:after,.b_menu a+a:before{
	content:'';
	width:1px;
	height:60%;
	background-color:#fff;
	left:0;
	top:20%;
	position:absolute;
	opacity:.2
}
.fixbar a i{
	font-size: 18px;
	margin-right: 5px;
}
.fixbar:before{
	contain:'';
	height:50px;
	left:0;
	bottom:-50px;
	position:absolute;
	background-color:#fff;
	width:100%
}
@media (max-width: 767px){
	.fixbar a{font-size: 14px;}
}
@media(min-width:768px) and (max-width: 991px) {
    .f-box{display:none!important}
	.fixbar a{font-size: 14px;}
}

.c_con {
  background: #f5f5f5;
  max-width: 480px;
  margin: 24px auto;
  border-radius: 12px;
  padding: 12px
}
.c_con .item {
  background: #fff;
  cursor: default;
  clear: both;
  border-radius: 6px;
  padding: 12px;
  margin-top: 12px;
  transition: all ease .3s;
  position: relative
}
.c_con .wx:hover {
  box-shadow: 0 0 0 2px #f22521;
  z-index: 1
}
.c_con .wx:hover .wxImg {
  display: block
}
.c_con .c_tit {
  text-align: center
}
.c_con .i {
	margin: 0;
  float: left;
  width: 40px;
  height: 40px
}
.c_con .l {
	float: left;
  vertical-align: top;
  line-height: 1.5;
  font-size: 14px;
  margin-left: 15px
}
.c_con p {
  margin-top: 0;
	margin-bottom: 0;
  font-weight: bold;
  font-size: 16px
}
.c_con span {
  color: #f22521;
  font-weight: bold
}
.c_con .wxImg {
  position: absolute;
  box-shadow: 1px 3px 25px rgba(0, 0, 0, 0.2);
  display: none;
  right: 0%;
  top: 50%;
  margin-top: -100px;
  width: 200px;
  height: 200px;
  border-radius: 12px;
  overflow: hidden
}
.c_con .wxImg img{
	margin: 0;
	width: 100%
}