.ub {
	display: -webkit-box !important;
	display: box !important;
	position: relative;
}

.ub-ac {
	-webkit-box-align: center;
	box-align: center;
}

.ub-pc {
	-webkit-box-pack: center;
	box-pack: center;
}

.ub-ver {
	-webkit-box-orient: vertical;
	box-orient: vertical;
}

.ub-f1 {
	position: relative;
	-webkit-box-flex: 1;
	box-flex: 1;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}


/*������ʽ����*/

.w-button {
	color: #fff;
	background: #0099ff;
	padding: 5px 20px;
	font-size: 12px;
	border-radius: 20px;
	display: inline-block;
}

.w-search {
	padding: 3px;
	border-radius: 20px;
	background: #ddd;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.w-search input {
	background: #ddd;
	color: #666;
	border: 0;
}

.gyfbg {
	background: #fff;
}

.gyf_head {
	height: 3.4rem;
	line-height: 3.4rem;
	width: 100%;
	border-bottom: 1px solid #eee;
	position: fixed;
	background: #fff;
	z-index: 999;
	overflow-x: auto;
}

.gyf_head li {
	text-align: center;
	margin: 0 0.4rem;
}

.gyf_head li {
	font-size: 0.95rem;
}

.gyf_head a {
	color: #747474
}

.gyf_head_active {
	border-bottom: 2px solid #0099ff;
}

.gyf_head_active a {
	color: #0099ff;
}

.gyf_body {
	margin: 0.4rem 1rem;
}

.gyf_listimg {
	background: url(https://panoimg.720hot.com/1/10/img/1558339570175g8y.png?imageView2/2/w/1536) no-repeat center;
	width: 38%;
	height: 8rem;
	background-size: cover;
	border-radius: 0.2rem;
}

.gyf_listbox h1 {
	font-size: 0.95rem;
	line-height: 1.4rem;
	height: 2.8rem;
	overflow: hidden;
	display: block;
	width: 100%;
	margin-top: 0.3rem;
}

.gyf_body dl {
	overflow: hidden;
	padding: 0.6rem 0rem;
	border-bottom: 1px solid #eee;
}

.gyf_listbox {
	width: 58%;
}

.gyf_listbox p {
	color: #0099ff;
	font-size: 1.2rem;
	margin-top: 1.2rem;
}

.gyf_listbox p i {
	font-size: 0.9rem;
}

.gyf_listbox span {
	display: block;
	color: #999;
	font-size: 0.7rem;
	height: 1rem;
	line-height: 1rem;
	overflow: hidden;
	margin-top: 0.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.gyf_body a:nth-last-child(1) dl {
	border-bottom: 0px;
}

.gyf_boxpo {
	position: relative;
}

.gyf_boxponone {
	width: 100%;
	height: 3rem;
}


/*��Ŀ�ղ� end*/

.gyf_probox {
	margin: 1rem;
}

.gyf_proboxlist {
	margin: 1rem 0 0rem;
	overflow: hidden;
	padding-bottom: 0.5rem;
}

.gyf_proboxlist dt a img {
	width: 100%;
	height: 10rem;
	border-radius: 0.2rem;
}

.gyf_proboxlist dd h1 a {
	font-size: 0.9rem;
	color: #222;
	padding: 0.8rem 0 0.4rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 1.2rem;
	line-height: 1.2rem;
	width: 100%;
	display: block;
	font-weight: bold;
}

.gyf_proboxzhang i {
	display: block;
	background: url(https://panoimg.720hot.com/1/10/img/1558339570175g8y.png?imageView2/2/w/1536) no-repeat;
	width: 1.6rem;
	height: 1.6rem;
	background-size: cover;
	border-radius: 50%;
}

.gyf_proboxzhang a {
	display: block;
	width: 8rem;
	height: 1.6rem;
	color: #333;
	font-size: 0.7rem;
	line-height: 1.6rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left: 0.5rem;
}

.gyf_proboxlisttime {
	color: #999;
	font-size: 0.7rem;
	margin-right: 0.5rem;
}

.gyf_proboxlbtn {
	background: #0099ff;
	border-radius: 60rem;
	color: #fff;
	font-size: 0.7rem;
	border: 0px;
	display: block;
	width: 3.5rem;
	height: 1.5rem;
}

.gyf_proboxlbtn2 {
	background: #f1f1f1;
	border-radius: 60rem;
	color: #999;
	font-size: 0.7rem;
	border: 0px;
	display: block;
	width: 3.5rem;
	height: 1.5rem;
}


/*聊天*/


/*
.me_top{ background: #f0f0f0; width: 100%; position: fixed; top: 0; left: 0;border-bottom: 1px solid #e3e3e3; }
.me_topw{ margin: 0 1rem; padding: .4rem 0; }
.me_topwl a{ display: block; width: 2.5rem; height: 2.5rem; background: url(../images/155935aeaa004549454150b7de2c59c8d589d5.jpeg) no-repeat center; background-size: cover; border-radius: 50%; }
.me_topwl div h1{ font-size: 0.9rem; color: #333;}
.me_topwl div p{ font-size: 0.7rem; color: #666; margin-top: 0.18rem;}
.me_topwl div{ margin-left: .5rem;}
.me_topwr a{ display: block; width: 1.8rem; height: 1.8rem;}
.me_topwr a img{ display: block; width: 100%;}
.me_topwr i{ display: block; width: .1rem; background: #cbcaca; height: 1rem;margin: 0 .8rem;}
.me_topwr a:nth-last-child(1){ margin-left: .4rem;}
.me_topwr a:nth-last-child(2){ margin-left: .4rem;}
.me_topwr a:nth-child(1){ position: relative;}
.me_top .med{position: absolute; width: .8rem; right: -.2rem;bottom: -.1rem; display: block;}*/

.me_mian {
	margin: 0 1rem;
	padding-bottom: 4rem;
}

.me_mian .me_mianl dt {
	width: 2.2rem;
	height: 2.2rem;
}

.me_mian .me_mianl dt i {
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/155935aeaa004549454150b7de2c59c8d589d5.jpeg) no-repeat center;
	background-size: cover;
	border-radius: .4rem;
}

.me_mian .me_mianl dd {
	display: flex;
	max-width: 70%;
}

.me_mian .me_mianl dd i {
	flex-grow: number;
	display: block;
	width: 0;
	height: 0;
	border-top: .4rem solid transparent;
	border-bottom: .4rem solid transparent;
	border-right: .4rem solid #fff;
	border-radius: .1rem;
	margin-left: .4rem;
	margin-top: .65rem;
}

.me_mian .me_mianl dd div {
	background: #fff;
	padding: .5em .6rem;
	border-radius: .4rem;
	line-height: 1.4rem;
	display: flex;
	width: 100%%;
	font-size: .9rem;
}

.me_mian .me_mianl {
	margin-top: 1rem;
	display: flex;
}

.me_mian .me_mianr dd {
	width: 2.2rem;
	height: 2.2rem;
}

.me_mian .me_mianr dd i {
	display: block;
	width: 2.2rem;
	height: 2.2rem;
	background: url(../images/155935aeaa004549454150b7de2c59c8d589d5.jpeg) no-repeat center;
	background-size: cover;
	border-radius: .4rem;
}

.me_mian .me_mianr dt {
	display: flex;
	justify-content: flex-end;
	max-width: 70%;
}

.me_mian .me_mianr dt i {
	flex-grow: number;
	display: block;
	width: 0;
	height: 0;
	border-top: .4rem solid transparent;
	border-bottom: .4rem solid transparent;
	border-left: .4rem solid #95ec69;
	border-radius: .1rem;
	margin-right: .4rem;
	margin-top: .65rem;
}

.me_mian .me_mianr dt div {
	background: #95ec69;
	padding: .5em .6rem;
	border-radius: .4rem;
	line-height: 1.4rem;
	display: flex;
	width: 100%%;
	font-size: .9rem;
}

.me_mian .me_mianr {
	margin-top: 1rem;
	display: flex;
}

.me_mian .me_mianr dd {
	width: 2.2rem;
	height: 2.2rem;
}

.menone {
	width: 100%;
	height: 3.7rem;
}

.me_mian .me_mianr dt div img {
	display: block;
	width: 100%;
	height: 100%;
}

.mefooter {
	background: #f2f2f2;
	border-top: 1px solid #e3e3e3;
	width: 100%;
	padding: .4rem 0;
	position: fixed;
	bottom: 0px;
	left: 0px;
}

.mefooterc {
	margin: 0 1rem;
}

.mefooterc>img {
	width: 1.5rem;
	height: 1.5rem;
	margin-left: .6rem;
}

.mefootercl {
	height: 2.2rem;
	background: #fff;
	border-radius: 6rem;
}

#ClCache {
	display: none;
}

.mefootercl input {
	display: block;
	margin-left: 1rem;
	height: 1.6rem;
	line-height: 1.6rem;
	border: none;
}

.mefootercl img {
	display: block;
	width: 1.5rem;
	height: 1.5rem;
	margin-right: 1rem;
	margin-left: .6rem;
}

.me_mianr .img img {
	width: 60%;
	height: 100%;
	display: block;
}

.me_mianr .img {
	justify-content: flex-end;
	margin-right: .8rem;
}

.me_mianl .img img {
	width: 60%;
	height: 100%;
	display: block;
}

.me_mianl .img {
	margin-left: .8rem;
}

body {
	background: #fff;
}

.card {
	margin: 0 1rem;
}

.card_top {
	width: 100%;
	border-radius: .5rem;
	-webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 48px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
	margin-top: 1rem;
	padding-bottom: 1rem;
}

.card_top_img {
	height: 178px;
	overflow: hidden;
	width: 100%;
	background: url(/static/images/index_bg.jpg) center no-repeat;
	background-size: cover;
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}

.card_top_imgh {
	width: 100%;
	height: 180px;
	background: rgba(0, 0, 0, 0.2);
	border-top-left-radius: .5rem;
	border-top-right-radius: .5rem;
}

.card_top_imgh img {
	display: block;
	width: 30%;
}

.cardtitle {}

.cardfen {
	width: 1.2rem;
	display: block;
}

.card_list {
	margin: 0 1rem;
}

.carding img {
	display: block;
}

.carxinxi div span {
	display: block;
}


/*.carxinxi1 {
				margin-left: .5rem;
				background: url(/static/images/carbg_02.png) left no-repeat;
				background-size: cover;
				height: 6rem;
				width: 4rem;
			}*/


/*.carxinxi1 img {
				margin-left: .2rem;
			}*/

.carxinxi dl {
	border: 1px solid #e0e0e0;
	border-radius: .3rem;
	height: 3.6rem;
	padding: 0 1rem;
}

.cardnum i {
	display: block;
	background: url(/static/images/155935aeaa004549454150b7de2c59c8d589d5.jpeg) no-repeat center;
	background-size: cover;
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	margin-right: .2rem;
}

.cardnum span {
	display: block;
	color: #666;
	font-size: .8rem;
	margin-left: .4rem;
}

.carbor {
	width: 100%;
	height: 12px;
	background: #f3f3f3;
	margin: 1rem 0;
}

.cardtitle div {
	font-size: 1.4rem;
	color: #333;
}

.cardtitle div span {
	font-size: .8rem;
	color: #666;
	margin-left: .4rem;
	display: block;
}

.cardtitle {
	margin: 1rem 0 .4rem;
}

.card_listtet {
	font-size: .8rem;
	color: #666;
	line-height: 1.6rem;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.carbg_02 {
	display: block;
	height: 4.3rem;
}

.carxinxidl dt img {
	display: block;
	margin-top: .8rem;
	width: 1rem;
}

.carxinxidl dd h1 {
	color: #000000;
	font-size: 1rem;
	margin: .8rem 0 .2rem;
}

.carxinxidl dd p {
	color: #949494;
	font-size: .8rem;
}

.carxinxidl {
	margin: 0 .4rem;
}

.carding img {
	display: block;
	width: 1rem;
	margin-left:.5rem;
}

.cardnum img {
	display: block;
	width: 1rem;
	margin-left: .5rem;
}

.carxinxidl dd {
	margin-left: .3rem;
}

.carma_03 {
	width: 1rem;
	display: block;
	margin-right: .2rem;
}

.carxinxi1totle {
	display: block;
	font-size: .8rem;
	margin-left: .2rem;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

.carxinxi1 {}

.cardmain .cardmaintitle i {
	background: url(/static/images/mm25.png) no-repeat center;
	width: 1.2rem;
	height: 1.2rem;
	background-size: cover;
	display: block;
}

.cardmaintitle span {
	font-size: 1rem;
	color: #000;
	margin-left: .5rem;
}

.cardmain p {
	text-indent: 1rem;
	color: #666;
	font-size: .8rem;
	line-height: 1.3rem;
}

.cardmaintitle {
	margin: 1.5rem 0 .8rem;
}

.cardmain2 .cardmaintitle i {
	background: url(/static/images/mm21.png) no-repeat center;
	width: 1.2rem;
	height: 1.2rem;
	background-size: cover;
	display: block;
}

.cardmain3 img {
	display: block;
	width: 100%;
}

.cardmain3 .cardmaintitle i {
	background: url(/static/images/mm23.png) no-repeat center;
	width: 1.2rem;
	height: 1.2rem;
	background-size: cover;
	display: block;
}

.cardmain2 a dl dt {
	background: url(/static/images/img_bg_3.jpg) no-repeat center;
	background-size: cover;
	width: 100%;
	height: 12rem;
	border-radius: .3rem;
}

.cardmain2 a dl dd h1 {
	margin-bottom: .4rem;
	font-size: .9rem;
	color: #222;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	height: 1.5rem;
	line-height: 1.5rem;
}

.cardmain2 a dl dd p {
	font-size: .8rem;
	color: #666;
	height: 2.3rem;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.cardmain2 a dl dd {
	margin: .8rem 0;
}

.carxinxi {
	width: 100%;
	margin: 1.2rem 0 1.5rem;
}


/*官网*/
.inf{  padding-bottom: 1rem; width: 90%; margin: auto;}
.inf1 { margin: 10px 0px ;}
.inf1 i{ position: relative;display: block; background: url(/static/images/155935aeaa004549454150b7de2c59c8d589d5.jpeg) no-repeat center; background-size: cover; width:42.75px; height: 42.75px; border-radius: 50%; margin-right: 5px;}
.inf1 i img{ display: block;
    width: 31%;
    position: absolute;
    bottom: -1px;
    right: 0px;}

/*.inf1 span{ color: #626262;}*/
.inf1 h1{ font-size: 1.5rem; white-space: nowrap;text-overflow: ellipsis;-o-text-overflow: ellipsis;	overflow: hidden;}
.infobo{ width: 100%; height: 1px; background: #f4f4f4; display: block; margin: .8rem 0 .2rem;}

.inbor{ width: 100%; height: 12px; background: #f3f3f3;}
.inf2{  height: 1.6rem;}
.inf2 span{ display: block; font-size: .8rem;}
.inf2 img{ display: block;  width: 1rem; margin-left: .5rem;}
.inf2 a{ display: block;}
.inf2 a img{ display: block;  width: 1rem; margin-left: .5rem;}
.inf3 div{ border: 1px solid #f7d5d3; background: #fdf8f7; color: #ea5852; padding: .1rem .3rem;  margin: .8rem 0 .8rem .5rem; border-radius: .1rem;}
.inf3 div:nth-child(1){ margin-left: 0px;}