@charset "utf-8";



html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video,
input {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
	font: inherit;
	vertical-align: baseline;
}

html,
body,
form,
fieldset,
p,
div,
h1,
h2,
h3,
h4,
h5,
h6 {
	-webkit-text-size-adjust: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

body {
	font-size: 14px;
}

ol,
ul {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

sup,
sub {
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}

sub {
	top: 0.4em;
}

body {
	background: #f5f8fa;
	font-size: 14px;
}

a {
	text-decoration: none;
}


.top {
	display: flex;
	flex-direction: row;
	padding: 10px 20px;
	align-items: center;
	position: sticky;
	top: 0;
	background-color: #fff;
	z-index: 100;
}

.top .logo {}

.top .logo a {}

.top .logo img {
	width: 61px;
	height: 44px;
}

.top .locationselector {
	margin-left: 30px;
	display: flex;
	flex-direction: row;
	align-items: center;
	cursor: pointer;
}

.top .locationselector .locationselectortxt {}

.top .locationselector .locationselectoricon {
	height: 5px;
	width: 7px;
	background: url(../images/icon_down.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
}

.top .searchinputer {
	margin-left: 30px;

	display: flex;
	flex: 1;
}

.top .searchinputer form {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;

	border-radius: 4px;
	background: #F7931E;
	overflow: hidden;
	padding: 3px;

	max-width: 760px;
	overflow: hidden;
}

.top .searchinputer .input {
	background: #FFFFFF;
	height: 40px;
	line-height: 40px;
	padding: 5px 15px 5px 5px;
	box-sizing: border-box;
	flex: 1;
}

.top .searchinputer .button {
	height: 40px;
	background: #F7931E;
	color: #FFFFFF;
	width: 62px;

	cursor: pointer;
}

.top .contactphone {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 80px;
}

.top .contactphone .contactphonetxt {
	color: #333;
}

.top .contactphone .contactphoneicon {
	width: 20px;
	height: 20px;
	background: url(../images/icon_phone.png) no-repeat;
	background-size: cover;
	margin-right: 8px;
}

.top .contactweixin {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 40px;
	margin-right: 40px;
	position: relative;
}

.top .contactweixin .contactweixintxt {
	cursor: pointer;
}

.top .contactweixin .contactweixinicon {
	width: 20px;
	height: 20px;
	background: url(../images/icon_weixin.png) no-repeat;
	background-size: cover;
	margin-right: 8px;
}

/* 微信二维码样式 */
.weixin-qrcode {
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	padding: 10px;
	margin-top: 10px;
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.weixin-qrcode::before {
	content: '';
	position: absolute;
	top: -6px;
	left: 50%;
	transform: translateX(-50%);
	width: 12px;
	height: 12px;
	background: #fff;
	border-top: 1px solid #e5e5e5;
	border-left: 1px solid #e5e5e5;
	transform-origin: 0 0;
	transform: rotate(45deg) translateX(-50%);
}

.weixin-qrcode img {
	width: 150px;
	height: 150px;
	display: block;
}

/* 增加一个伪元素填充微信客服和二维码之间的间隙 */
.contactweixin::after {
	content: '';
	position: absolute;
	height: 15px;
	width: 100%;
	left: 0;
	bottom: -15px;
	z-index: 999;
}

/* 悬停显示效果 */
.contactweixin:hover .weixin-qrcode,
.weixin-qrcode:hover {
	display: block;
	opacity: 1;
	visibility: visible;
}

/* 适配移动端样式 */
@media only screen and (max-width: 780px) {
	.weixin-qrcode {
		left: 0;
		transform: none;
	}

	.weixin-qrcode::before {
		left: 20px;
	}
}

.top .langselector {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.top .langselector .langselectortxt {
	cursor: pointer;
}

.top .langselector .langselectoricon {
	width: 20px;
	height: 20px;
	background: url(../images/icon_lang.png) no-repeat;
	background-size: cover;
	margin-right: 8px;
}

.top .langselector .langselectoricondown {
	height: 5px;
	width: 7px;
	background: url(../images/icon_down.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
}

.top .loginbtn {
	margin-left: 40px;
}

.top .loginbtn .loginbtntxt {
	background: #F7931E;
	border-radius: 4px;
	overflow: hidden;
	width: 61px;
	height: 35px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	cursor: pointer;
}

.main {}

.main .menu {
	width: 160px;
}

#menu {
	position: fixed;
	top: 78px;
	width: 160px;
	background-color: #fff;
	bottom: 0;
}

.menu .item {
	display: flex;
	flex-direction: row;
	align-items: center;

	height: 48px;
	box-sizing: border-box;

	line-height: 100%;
}

.menu .item.cur {}

.menu .item.cur a {
	background-color: #F7931E;
	color: #fff;
}


.menu .item a,
.menu .item .iiiconitem {
	box-sizing: border-box;
	padding: 0 25px;
	width: 100%;
	color: #333333;
	font-size: 16px;
	text-decoration: none;

	display: flex;
	flex-direction: row;
	align-items: center;
	height: 48px;
}

.menu .item.itemt2 {
	padding-left: 20px;
}

.menu .itemgroup.active {
	background-color: #ffe7ca;
}

.menu .item .iiiconitem:active {
	background-color: #ffe7ca;
}

.menu .item .iiconborderline {
	margin: 0 15px;
	padding: 0 10px;
}

.menu .item .iiiconitem em {
	flex: 1;
}

.menu .item a:hover {
	background-color: #FFF0DF;
	color: #F7931E;
}

.menu .item.cur a:hover {
	background-color: #F7931E;
	color: #fff;
}

.menu .item .iconspan,
.menu .item .iiiconitem .iiiconitemicon {
	width: 15px;
	height: 15px;
	background: no-repeat;
	background-size: cover;
	margin-right: 10px;

}

.menu .item .iconindex {
	background-image: url(../images/menus/home.png);
}

.menu .item a:hover .iconindex {
	background-image: url(../images/menus/home_hover.png);
}

.menu .item.cur .iconindex,
.menu .item.cur a:hover .iconindex {
	background-image: url(../images/menus/home_selected.png);
}


.menu .item .iconnews {
	background-image: url(../images/menus/news.png);
}

.menu .item a:hover .iconnews {
	background-image: url(../images/menus/news_hover.png);
}

.menu .item.cur .iconnews,
.menu .item.cur a:hover .iconnews {
	background-image: url(../images/menus/news_selected.png);
}

.menu .item .iconvideo {
	background-image: url(../images/menus/video.png);
}

.menu .item a:hover .iconvideo {
	background-image: url(../images/menus/video_hover.png);
}

.menu .item.cur .iconvideo,
.menu .item.cur a:hover .iconvideo {
	background-image: url(../images/menus/video_selected.png);
}


.menu .item .icontuan {
	background-image: url(../images/menus/tuan.png);
}

.menu .item a:hover .icontuan {
	background-image: url(../images/menus/tuan_hover.png);
}

.menu .item.cur .icontuan,
.menu .item.cur a:hover .icontuan {
	background-image: url(../images/menus/tuan_selected.png);
}

.menu .item .iconculture {
	background-image: url(../images/menus/culture.png);
}

.menu .item a:hover .iconculture {
	background-image: url(../images/menus/culture_hover.png);
}

.menu .item.cur .iconculture,
.menu .item.cur a:hover .iconculture {
	background-image: url(../images/menus/culture_selected.png);
}


.menu .item .iconabroad {
	background-image: url(../images/menus/location.png);
}

.menu .item a:hover .iconabroad {
	background-image: url(../images/menus/location_hover.png);
}

.menu .item.cur .iconabroad,
.menu .item.cur a:hover .iconabroad {
	background-image: url(../images/menus/location_selected.png);
}

.menu .item .iconnewenergy {
	background-image: url(../images/menus/newenergy.png);
}

.menu .item a:hover .iconnewenergy {
	background-image: url(../images/menus/newenergy_hover.png);
}

.menu .item.cur .iconnewenergy,
.menu .item.cur a:hover .iconnewenergy {
	background-image: url(../images/menus/newenergy_selected.png);
}



.main {
	display: flex;
	flex-direction: row;
	background-color: #F5F8FA;
	padding-top: 10px;
}


.main .mainin {
	flex: 1;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 18px;
}

.swiperindexphotoswrap {}

.swiperindexphotoswrap .swiperindexphotos {}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem {
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp img {
	width: 100%;
	height: auto;
	display: block;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp1 {
	flex: 2;
	overflow: hidden;
	width: 100%;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2s {
	flex: 1;
	margin-left: 10px;
	display: flex;
	flex-direction: column;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2 {
	flex: 1;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp3 {
	flex: 1;
	margin-top: 8px;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2 .aicon {
	background: no-repeat center center;
	background-size: cover;
	display: block;
	height: 100%;
	flex: 1;
}

.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2 .aicon img {
	display: none;
}

.container {
	min-width: 1280px;
	max-width: 1920px;
	margin: 0 auto;
	box-sizing: border-box;
}

.hotnews {}


.hotnews .hotnewsicon {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	align-items: flex-end;
}

.hotnews .hotnewsicon .icon {
	width: 126px;
	height: 33px;
	background: url(../images/icon_hotnews.png) no-repeat;
	background-size: cover;
}

.hotnews .hotnewsicon .h2 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}


.hotnews .hotnewsicon .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding-bottom: 5px;
}

.hotnews .hotnewsicon .txt {
	font-weight: 537;
	font-size: 14px;
	margin-left: 15px;
	cursor: pointer;
	color: #333333;
}

.hotnews .hotnewsicon .righticon {
	width: 5px;
	height: 7px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
	cursor: pointer;
}

.hotnews .hotnewsin {
	display: flex;
	flex-direction: row;
}

.hotnews .hotnewsin .hotnewsl {
	flex: 1;
	box-sizing: border-box;
	padding-right: 10px;
	overflow: hidden;
}

.hotnews .hotnewsin .hotnewsr {
	width: 303px;
	padding-right: 20px;
	box-sizing: border-box;
}


.hotnewsr .h2 {
	font-weight: bold;
	font-size: 22px;
	color: #333333;
	padding: 0 0;
	margin-top: -40px;
	padding-bottom: 10px;
}


.hotnewslist {
	background-color: #fff;
	padding: 10px 15px;
}

.hotnewslist .item {
	height: 38px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.hotnewslist .item a {
	text-decoration: none;
	color: #333333;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	overflow: hidden;
	font-weight: 537;
}

.hotnewslist .item .iconnum {
	background: no-repeat;
	background-size: cover;
	width: 23px;
	height: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999999;
	margin-right: 15px;
}

.hotnewslist .item .txt {
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	overflow: hidden;
}

.hotnewslist .item .iconnum.iconnum1 {
	background-image: url(../images/icon_top1.png);
	color: #FF523C;
}

.hotnewslist .item .iconnum.iconnum2 {
	background-image: url(../images/icon_top2.png);
	color: #FF6600;
}

.hotnewslist .item .iconnum.iconnum3 {
	background-image: url(../images/icon_top3.png);
	color: #FFBC20;
}


.commbloger {
	margin-top: 20px;
}

.commbloger .commblogericon {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	align-items: flex-end;
}

.commbloger .commblogericon .icon {
	width: 126px;
	height: 33px;
	background: url(../images/icon_commbloger.png) no-repeat;
	background-size: cover;
}

.commbloger .commblogericon .h2 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}


.commbloger .commblogericon .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding-bottom: 5px;
}

.commbloger .commblogericon .txt {
	font-weight: 537;
	font-size: 14px;
	margin-left: 15px;
	cursor: pointer;
	color: #333333;
}

.commbloger .commblogericon .righticon {
	width: 5px;
	height: 7px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
	cursor: pointer;
}

.blogers {
	display: flex;
	flex-direction: row;
	overflow: hidden;
	width: 100%;

	box-sizing: border-box;
	padding-right: 10px;
}

.blogers .itemwrap {
	flex: 1;
	box-sizing: border-box;
	padding-right: 8px;
}

.blogers .item .icon {
	width: 100%;
}

.blogers .item .icon img {
	width: 100%;
	height: auto;
}

.blogers .item .itemops {
	display: flex;
	flex-direction: row;
	padding: 10px;
	align-items: center;
	background-color: #fff;
}

.blogers .item .itemops .usericon {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 42px;
}

.blogers .item .itemops .usericon img {
	width: 100%;
	height: 100%;
}

.blogers .item .itemops .username {
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5rpx;

	color: #333;
	text-decoration: none;
}

.blogers .item .itemops .addopt {
	width: 59px;
	height: 28px;
	background: #F7931E;
	border-radius: 4px;
	overflow: hidden;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;

	text-decoration: none;
}


.commvideo {
	margin-top: 30px;
}

.commvideoicon {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
}

.commvideoicon .icon {
	width: 105px;
	height: 33px;
	background: url(../images/icon_commvideo.png) no-repeat;
	background-size: cover;
}


.commvideoicon .h2 {
	font-size: 26px;
	font-weight: bold;
	color: #333;
}




.commvideoicon .inx {
	display: flex;
	flex-direction: row;
	font-weight: 537;
	font-size: 16px;
	color: #333;
	align-items: flex-end;
	padding-bottom: 5px;
}

.commvideoicon .inx .txt {
	color: #333;
	margin-left: 15px;
	margin-right: 15px;
}

.commvideoicon .inx .txt.cur {
	color: #F7931E;
}

.commvideoicon .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding-top: 5px;
}

.commvideoicon .txt {
	font-weight: 537;
	font-size: 14px;
	margin-left: 15px;
	cursor: pointer;
	color: #333333;
}

.commvideoicon .righticon {
	width: 5px;
	height: 7px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
	cursor: pointer;
}

.commvideo .commvideoin {
	display: flex;
	flex-direction: row;
}

.commvideo .commvideoin .commvideoinl {
	flex: 3;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 5px;
}

.commvideo .commvideoin .commvideoinr {
	flex: 1;
	width: 25%;
}

.commvideoinr .h2 {
	font-weight: bold;
	font-size: 22px;
	color: #333333;
	padding: 0 0;
	margin-top: -40px;
	padding-bottom: 10px;
}

.invideos {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.invideos .itemwrap {
	width: 33.3333%;
	box-sizing: border-box;
	padding-right: 10px;
	padding-bottom: 10px;

}

.invideos .item {}

.invideos .item .icon {
	width: 100%;
	position: relative;
}

.invideos .item .icon img {
	width: 100%;
	height: auto;
	display: block;
}

.invideos .item .icon .time {
	position: absolute;
	background: #00000080;
	border-radius: 2px;
	overflow: hidden;
	color: #fff;
	font-size: 12px;

	right: 10px;
	bottom: 10px;
	width: 55px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.invideos .item .itemin {
	background-color: #fff;
	padding: 10px;
}

.invideos .item .itemin .title {
	font-weight: 613;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	text-decoration: none;

	display: block;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.invideos .item .itemin .inf {
	font-size: 15px;
	color: #999999;
	display: flex;
	flex-direction: row;
	margin-top: 10px;
}

.invideos .item .itemin .inf .posttime {}

.invideos .item .itemin .inf .commentnum {
	margin-left: 20px;
}

.invideos .item .icon {
	position: relative;

	display: block;
	height: calc((100vw - 160px)/3);
}

.invideos.iconbg .item .icon {
	background: no-repeat center center;
	background-size: cover;
}

.invideos.iconbg .item .icon img {
	display: none;
}



.hotvideolist {
	padding: 0 15px 0 0;
}

.hotvideolist .item {
	height: 56px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
}

.hotvideolist .item a {
	text-decoration: none;
	color: #333333;
	display: flex;
	flex-direction: row;
	flex: 1;
	overflow: hidden;
	font-weight: 537;
}

.hotvideolist .item .iconnum {
	background: no-repeat;
	background-size: 23px 23px;
	width: 23px;
	height: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999999;
	margin-right: 15px;
}

.hotvideolist .item .txt {
	display: flex;
	flex-direction: column;
	overflow: hidden;
	flex: 1;
}


.hotvideolist .item .txt .txtin {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.hotvideolist .item .txt .txtinf {
	font-size: 14px;
	color: #999999;
	margin-top: 5px;
}


.hotvideolist .item .iconnum.iconnum1 {
	background-image: url(../images/icon_top1.png);
	color: #FF523C;
}

.hotvideolist .item .iconnum.iconnum2 {
	background-image: url(../images/icon_top2.png);
	color: #FF6600;
}

.hotvideolist .item .iconnum.iconnum3 {
	background-image: url(../images/icon_top3.png);
	color: #FFBC20;
}

.banner {
	margin-top: 10px;
	padding-right: 20px;
}

.banner .bannerimga {}

.banner .bannerimga img {
	display: block;
	width: 100%;
}



.commtuan {
	margin-top: 20px;
}

.commtuan .commtuanicon {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	align-items: flex-end;
}

.commtuan .commtuanicon .icon {
	width: 125px;
	height: 33px;
	background: url(../images/icon_commtuan.png) no-repeat;
	background-size: cover;
}

.commtuan .commtuanicon .h2 {
	color: #333;
	font-weight: bold;
	font-size: 26px;
}


.commtuan .commtuanicon .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding-bottom: 5px;
}

.commtuan .commtuanicon .txt {
	font-weight: 537;
	font-size: 14px;
	margin-left: 15px;
	cursor: pointer;
	color: #333333;
}

.commtuan .commtuanicon .righticon {
	width: 5px;
	height: 7px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
	cursor: pointer;
}

.tuans {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-right: 10px;
}

.tuans .itemwrap {
	width: 25%;
	overflow: hidden;
	box-sizing: border-box;
	padding-right: 10px;
	margin-bottom: 12px;
}

.tuans .item {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	display: flex;
	background-color: #fff;
	flex-direction: column;
}


.tuans .item .icon img {
	width: 100%;
	display: block;
}

.tuans .item .icon {
	position: relative;

	display: block;
	height: calc((100vw - 160px)/7);
}

.tuans.iconbg .item .icon {
	background: no-repeat center center;
	background-size: 100% auto;
	background-size: cover;
}

.tuans.iconbg .item .icon img {
	display: none;
}

.tuans .item .hh {
	margin: 10px 15px;
}

.tuans .item .hh,
.tuans .item .hh a {
	font-weight: 693;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
}

.tuans .item .iteminf {
	display: flex;
	flex-direction: row;
	margin: 0px 15px 15px;
}

.tuans .item .iteminf .iteminfl {
	flex: 1;
	font-size: 16px;
	color: #333333;
	line-height: 19px;

	display: flex;
	align-items: center;
}

.tuans .item .iteminf .iteminfl span {
	color: #F7931E;
}


.tuans .item .iteminf .iteminfr {}

.tuans .item .iteminf .iteminfr .bmbtn {
	background: #F7931E;
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
	height: 30px;
	display: block;
	line-height: 30px;
	padding: 0 10px;
}


.footer {
	padding: 50px 0 20px;

}

.footer .footerline {
	text-align: center;
	padding: 5px 0;
}

.footer .footerline a {
	color: #333;
	text-decoration: none;
}


.h1 {
	height: 40px;
	display: flex;
	flex-direction: row;

	align-items: flex-end;
	margin-top: 10px;
}

.mt10 {
	margin-top: 10px;
}

.h1 h1 {
	font-weight: 808;
	font-size: 24px;
	color: #333333;
}

.h1 .bread {
	margin-left: 10px;
}

.bread a {
	color: #333;
	text-decoration: none;
}

.bread span {
	color: #333;
}

.catemms {
	display: flex;
	flex-direction: row;
	height: 40px;
	background: #1F2129;
	margin-top: 15px;
}

.catemms .item {
	position: relative;
	font-weight: 537;
	font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	width: 100px;
	height: 40px;
	line-height: 40px;
}

.catemms .item::after {
	content: '';
	display: block;
	height: 5px;
	width: 30px;
	position: absolute;
	bottom: 0px;
	left: 35px;
}

.catemms .item.cur::after {
	background-color: #F7931E;
}

.newsp {
	display: flex;
	flex-direction: row;
	padding-right: 10px;
}

.newsp .newspl {
	width: 75%;
	box-sizing: border-box;
}

.newsp .newspr {
	width: 25%;
	box-sizing: border-box;
	padding-right: 10px;
}

.newsp .newspl .newslist {
	padding-right: 10px;
}

.newsp .newspl .newsfocuss {
	padding-right: 10px;
}

.newsfocuss {
	padding-top: 10px;
}

.newsfocuss .aitem {}

.newsfocuss .aitem a {
	text-decoration: none;
	color: #333333;
}

.newsfocuss .aitem h2 {
	font-weight: 808;
	font-size: 24px;
	color: #333333;
}

.newsfocuss .aitem p {
	font-size: 14px;
	color: #333333;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.newsfocuss .aitem .icon {
	width: 100%;
	display: block;
}

.newsfocuss .aitem .icon img {
	width: 100%;
	display: block;
}

.newslist {}

.newslist .item {
	display: flex;
	flex-direction: row;
	padding: 15px 0 0;
}

.newslist .item .icon {}

.newslist .item .icon a {
	display: block;
	width: 210px;
	height: 150px;
	overflow: hidden;
}

.newslist .item .icon a img {
	width: 100%;
	height: 100%;
}

.newslist .item .itemin {
	flex: 1;
	padding-left: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}

.newslist .item .itemin h2 {
	font-weight: 639;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
}

.newslist .item .itemin h2 a {
	color: #333333;
}

.newslist .item .itemin p {
	margin-top: 10px;
	flex: 1;
}

.newslist .item .itemin p a {
	color: #333333;
}

.newslist .item .itemin .infos {
	display: flex;
	flex-direction: row;

	font-size: 14px;
	color: #999999;
	padding-bottom: 5px;
}

.newslist .item .itemin .infos .datetime {}

.newslist .item .itemin .infos .authinfo {
	color: #999999;
	text-decoration: none;
	margin-left: 20px;
}

.newslist .item .itemin .infos .commentsnum {
	height: 20px;
	background: url(../images/icon_commentnum.png) no-repeat left center;
	background-size: 16px 16px;

	padding-left: 18px;
	margin-left: 20px;
}


.acbox {
	background-color: #fff;
	padding: 15px 0 5px 15px;
	margin-top: 15px;
}

.acbox .tit {
	height: 30px;
	background: url(../images/lanmutitbg.png) no-repeat left center;
	background-size: auto 100%;

	font-weight: 808;
	font-size: 18px;
	color: #333333;

	padding-left: 15px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.acbox .acboxin {
	margin-top: 10px;
}

.newsranks {}

.newsranks .item {
	height: 38px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	padding-right: 15px;
}

.newsranks .item a {
	text-decoration: none;
	color: #333333;
	display: flex;
	flex-direction: row;
	align-items: center;
	flex: 1;
	overflow: hidden;
	font-weight: 537;
}

.newsranks .item .iconnum {
	background: no-repeat;
	background-size: cover;
	width: 23px;
	height: 23px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #999999;
	margin-right: 15px;
}

.newsranks .item .txt {
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	overflow: hidden;
}

.newsranks .item .iconnum.iconnum1 {
	background-image: url(../images/icon_top1.png);
	color: #FF523C;
}

.newsranks .item .iconnum.iconnum2 {
	background-image: url(../images/icon_top2.png);
	color: #FF6600;
}

.newsranks .item .iconnum.iconnum3 {
	background-image: url(../images/icon_top3.png);
	color: #FFBC20;
}

.newsranks .item .commentsnum {
	height: 20px;
	background: url(../images/icon_commentnum.png) no-repeat left center;
	background-size: 16px 16px;

	padding-left: 18px;
	margin-left: 20px;
}

.adblock {
	margin-top: 15px;
}

.adblock a {
	display: block;
}

.adblock a img {
	display: block;
	width: 100%;
}

.photogs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.photogs .item {
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
	padding-bottom: 15px;
}

.photogs .item .icon {
	display: block;
}

.photogs .item .icon img {
	display: block;
	width: 100%;
}

.photogs .item .tittxt {
	font-size: 12px;
	color: #333333;
	line-height: 20px;
	height: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	display: block;
}

.videogs {}

.videogs .item .icon {
	position: relative;

	display: block;
	height: calc((100vw - 160px)/8);
}

.videogs.iconbg .item .icon {
	background: no-repeat center center;
	background-size: cover;
}

.videogs.iconbg .item .icon img {
	display: none;
}

.videogs .item .icon::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: url(../images/icon_play.png) no-repeat center center;
	background-size: 30px auto;
}


.acbox .anewsitem {
	padding-right: 15px;
}

.anewsitem {}

.anewsitem h3 {
	font-weight: 693;
	font-size: 17px;
	color: #333333;
	line-height: 20px;

	padding-top: 10px;
}

.anewsitem h3 a {
	color: #333333;
}

.anewsitem p {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin-top: 10px;
}

.anewsitem p a {
	color: #333333;
}


.newspl .newscontent {
	margin-right: 10px;
}

.newscontent {
	background-color: #fff;
	margin-top: 15px;
	padding: 15px;
}

.newscontent .aline {
	border-bottom: 1px solid #eee;
	margin-top: 15px;
	padding-bottom: 15px;
}

.newscontent h1 {
	font-weight: 808;
	font-size: 24px;
	color: #333333;
	line-height: 29px;
	text-align: center;
}

.newscontent .artinfo {
	text-align: center;
	font-size: 14px;
	color: #999999;
	line-height: 20px;

	border-bottom: 1px solid #eee;
	margin-top: 15px;
	padding-bottom: 15px;
}

.newscontent .artinfo .c1 {
	margin: 0 20px;
}

.newscontent .contents {}

.newscontent .contenttip {
	font-size: 12px;
	color: #999999;
	line-height: 20px;

	margin-top: 20px;
}

.newscontent .tags {
	margin-top: 10px;

	font-size: 12px;
	color: #999999;
	display: flex;
	flex-direction: row;

	margin-bottom: 10px;
}

.newscontent .tags .atag {
	height: 20px;
	background: #FFF1E1;
	border-radius: 2px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	color: #F7931E;
	margin: 0 5px;
	padding: 0 5px;
}


.relnews {
	margin-top: 15px;
}

.relnews h3 {
	font-weight: 749;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}

.relnews .relnewsin {
	margin-top: 10px;
}

.relnews .relnewsin ul {}

.relnews .relnewsin ul li {}

.relnews .relnewsin ul li a {
	font-size: 16px;
	color: #2D598F;
	line-height: 30px;
}



.lanh2 {
	display: flex;
	flex-direction: row;
	margin-bottom: 15px;
	padding-top: 20px;
}

.lanh2 .icon {}

.lanh2 .hh {
	font-weight: 537;
	font-size: 16px;
	color: #333333;
}

.lanh2 .inx {
	display: flex;
	flex-direction: row;
	font-weight: 537;
	font-size: 16px;
	color: #333;
	padding-bottom: 5px;
}

.lanh2 .inx .txt {
	color: #333;
	margin-right: 30px;
}

.lanh2 .inx .txt.cur {
	color: #F7931E;

	font-weight: bold;
	font-size: 16px;
	color: #333333;
}

.lanh2 .inx .txt i {
	display: block;
	width: 100%;
	text-align: center;

}

.lanh2 .inx .txt.txt.cur i::after {
	content: '';
	display: block;
	width: 30px;
	height: 5px;

	margin: 0 auto;
	margin-top: 5px;
	transition: all 0.3s ease-in-out;
}


.lanh2 .inx .txt.txt.cur i::after {
	background: #F7931E;
}

.lanh2 .in {
	display: flex;
	flex-direction: row;
	align-items: center;
	text-decoration: none;
	padding-bottom: 5px;
}

.lanh2 .righticon {
	width: 5px;
	height: 7px;
	background: url(../images/icon_right.png) no-repeat;
	background-size: cover;
	margin-left: 5px;
	cursor: pointer;
}

.tuandp {
	margin-right: 20px;
}

.tuandpb {
	background-color: #fff;
	padding: 20px 15px 0;
	margin-top: 15px;
}

.tuandpb .hh {
	font-weight: 693;
	font-size: 26px;
	color: #333333;
	line-height: 24px;
	padding-bottom: 28px;
}

.tuandpinf {
	background: #F7F7F8;
	border-radius: 4px;
	padding: 18px 20px;
}

.tuandpinf .inf0 {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
}

.tuandpinf .inf0 span {
	font-size: 24px;
	color: #F7931E;
	margin: 0 5px;
}

.tuandpinf .inf1 {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	margin-top: 10px;
}

.tuandpinf .inf1 span {
	color: #F7931E;
	margin: 0 5px;
}

.tuandpp {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
	margin: 10px 20px;
}

.tuandpin {
	display: flex;
	flex-direction: row;
}

.tuandpin .tuandpinl {
	flex: 1;
	box-sizing: border-box;
	padding-right: 30px;
}

.tuandpin .tuandpinr {
	flex: 1;
	box-sizing: border-box;
	padding-left: 30px;
}

.tuanqform {
	padding-left: 20px;
}

.tuanqform .aitem {
	display: flex;
	flex-direction: row;
	padding: 10px 0;
	font-size: 14px;
	color: #333333;
	align-items: center;
}

.radiogroup {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	padding-top: 15px;
}

.radiolabel {
	display: flex;
	flex-direction: row;
	margin-right: 15px;
	margin-bottom: 15px;
}

.tuanqform .aitem .label {}

.tuanqform .aitem .input {
	flex: 1;
}

.tuanqform .aitem .input input {
	border: 1px solid #eee;
	height: 30px;
	box-sizing: border-box;
	padding-left: 5px;
}

.tuanqform .subbtnitem {}

.tuanqform .subbtnitem .subbtn {
	width: 251px;
	height: 40px;
	background: #F7931E;
	border-radius: 4px;

	color: #fff;
	font-size: 16px;
}

.aitemtip {
	font-size: 14px;
	color: #333;
	margin: 15px 0;
}

.aitemtip a {
	color: #326FCB;
}

.tuandpinr .tuandpas {
	margin-left: 60px;
	margin-bottom: 30px;
}

.tuandpas {}

.tuandpas .inf0,
.tuandpas .inf1 {
	font-size: 14px;
	color: #333333;
	line-height: 24px;
}

.tuanbigicon {
	width: 70%;
	padding: 30px 0;
}

.tuanbigicon img {
	width: 100%;
	height: auto;
}

.linehh {
	font-size: 24px;
	color: #333333;
	position: relative;
	text-align: center;
	height: 30px;
	line-height: 30px;
}

.linehh span {
	background-color: #fff;
	padding: 0 30px;
	position: relative;
	z-index: 1;
}

.linehh::after {
	z-index: 0;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	height: 1px;
	background: #D8D8D8;
	top: 15px;
}

.spets {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin-right: -15px;
	padding: 10px 0 15px;
}

.spets .aitemwrap {
	width: 33.33333%;
	margin-top: 15px;
}

.spets .aitemwrap .aitem {
	margin-right: 15px;
	background: #FFFFFF;
	border-radius: 10px;
	border: 1px solid #F7931E;
	overflow: hidden;
}

.spets .aitemwrap .aitem .aitemh1 {
	height: 70px;
	background: #FFF7EE;
	display: flex;
	align-items: center;
	flex-direction: row;
	box-sizing: border-box;
	padding-left: 15px;
}

.spets .aitemwrap .aitem .aitemh1 .itemicon {
	background: no-repeat;
	background-size: 100% auto;
	height: 46px;
	width: 46px;
	margin-right: 10px;
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon1 {
	background-image: url(../images/spets/icon1.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon2 {
	background-image: url(../images/spets/icon2.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon3 {
	background-image: url(../images/spets/icon3.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon4 {
	background-image: url(../images/spets/icon4.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon5 {
	background-image: url(../images/spets/icon5.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemicon.icon6 {
	background-image: url(../images/spets/icon6.png);
}

.spets .aitemwrap .aitem .aitemh1 .itemhh {
	font-size: 24px;
	color: #F7931E;
}


.spets .aitemwrap .aitem .aitemin {
	font-weight: bold;
	font-size: 16px;
	color: #333333;
	line-height: 30px;
	padding: 10px 15px 0;

	height: 70px;
}


.videop .videopfocus {
	margin-right: 20px;
	overflow: hidden;
}

.videopfocus {
	display: flex;
	flex-direction: row;

	position: relative;
}

.videopfocus .videopfocusimgs {
	height: 400px;
	display: flex;
	flex-direction: row;
	flex: 1;
	background-color: #000000;
	border-radius: 5px 0 0 5px;
	overflow: hidden;
}

.videopfocus .videofs1 {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 60px;
	background: url(../images/videofs1.png) no-repeat;
	background-size: auto 100%;
	z-index: 2;
}

.videopfocus .videofs2 {
	position: absolute;
	top: 0;
	right: -60px;
	bottom: 0;
	left: -60px;
	background: url(../images/videofs2.png) no-repeat;
	background-size: 100% 100%;
	z-index: 2;
}

.videopfocus .videopfocusimgs .item {
	width: 100%;
	display: flex;
}

.videopfocus .videopfocusimgs .item img {
	width: auto;
	height: 100%;
	display: block;
	margin: 0 auto;
}

.videopfocus .videopfocusinfs {
	flex: 1;
	background-color: #000000;
	position: relative;

	padding: 15px;
}

.videopfocus .videopfocusinfs .item {
	padding: 5px 0;
}

.videopfocus .videopfocusinfs .item.cur {
	background: url(../images/videofsselected.png) no-repeat;
	background-size: 100% auto;
	padding: 10px 0;
	margin-bottom: 5px;
}

.videopfocus .videopfocusinfs .item .info {
	display: none;
}

.videopfocus .videopfocusinfs .item h3 {
	font-size: 16px;
	color: #999999;
	line-height: 19px;
}

.videopfocus .videopfocusinfs .item h3 a {
	font-size: 16px;
	color: #999999;
	line-height: 19px;
}

.videopfocus .videopfocusinfs .item.cur h3 {
	font-size: 20px;
	color: #FFFFFF;
	line-height: 24px;
}

.videopfocus .videopfocusinfs .item.cur h3 a {
	font-size: 20px;
	color: #FFFFFF;
	line-height: 24px;
}

.videopfocus .videopfocusinfs .item.cur .info {
	display: block;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 17px;
	padding-top: 10px;
}

.videopfocus .videopfocusinfs .item.cur .info span {
	margin-right: 30px;
}


.videopfocus .videopfocusinfs .videopfocusinfsin {
	position: relative;
	z-index: 3;
}


.videohs {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.videohs .itemwrap {
	width: 25%;
	box-sizing: border-box;
	padding-right: 10px;
	margin-top: 15px;
}

.videohs .itemwrap .item {
	background-color: #fff;
}

.videohs .itemwrap .item .icon {
	display: block;
	height: calc((100vw - 0px) / 3.5);
}

.videohs.iconbg .itemwrap .item .icon {
	background: no-repeat center center;
	background-size: 100% auto;
	background-size: cover;
}


.videohs.iconbg .itemwrap .item .icon img {
	display: none;
}

.videohs .itemwrap .item .icon img {
	width: 100%;
	height: 560px;
}

.videohs .item .title {
	font-weight: 613;
	font-size: 18px;
	color: #333333;
	line-height: 24px;
	padding: 10px 10px;
	display: block;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.videohs .item .title a {
	color: #333333;
}

.videohs .itemwrap .item .icon .time {
	position: absolute;
	background: #00000080;
	border-radius: 2px;
	overflow: hidden;
	color: #fff;
	font-size: 12px;

	right: 10px;
	bottom: 10px;
	width: 55px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}


.videohs .itemwrap .item .itemops {
	display: flex;
	flex-direction: row;
	padding: 10px;
	align-items: center;
	background-color: #fff;
}

.videohs .itemwrap .item .itemops .usericon {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 42px;
}

.videohs .itemwrap .item .itemops .usericon img {
	width: 100%;
	height: 100%;
}

.videohs .itemwrap .item .itemops .username {
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	overflow: hidden;
	margin-left: 5px;

	color: #333;
	text-decoration: none;
}

.videohs .itemwrap .item .itemops .hotcount {
	background: url(../images/icon_hot.png) no-repeat;
	background-size: 18px auto;
	padding-left: 24px;

	font-size: 14px;
	color: #999999;
}


.videodp {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	z-index: 100;
	display: flex;
	justify-content: center;
	align-items: center;
}

.videodp .videodpbg {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	z-index: 101;

	background: #000000;
	opacity: 0.5;

}

.videodp .videodpin {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;

	z-index: 102;

	display: flex;
	justify-content: center;
	align-items: center;
}

.videodp .videodpbox {
	position: relative;
	z-index: 102;
}

.videodpbox {
	width: 1200px;
	height: 618px;
	background: #FFFFFF;
	border-radius: 30px;
	overflow: hidden;

	display: flex;
	flex-direction: row;

	max-width: 90%;
	max-height: 90%;
	width: 1200px;
	overflow: auto;
	display: flex;
	flex-direction: column;
	flex-direction: row;
}

.videodpbox .videoin {
	width: 716px;
	height: 618px;
	background: #1F2129;
	border-radius: 30px 0px 0px 30px;
	overflow: hidden;

	width: auto;
	height: auto;
	flex: 2;
}


.videodpbox .videodpboxin {
	flex: 1;
	box-sizing: border-box;
	padding-right: 15px;
	padding-left: 15px;
	overflow: hidden;

	display: flex;
	flex-direction: column;
}

.videodpbox .videodpboxin .hh {
	font-weight: 613;
	font-size: 20px;
	color: #333333;
	line-height: 24px;
	font-weight: bold;
}

.videodpbox .videodpboxin .ainfo {
	font-size: 14px;
	color: #999999;
	margin-top: 10px;
}

.videodpbox .videodpboxin .ainfo span {
	margin-right: 20px;
}

.videodpbox .videodpboxin .comments {
	overflow: auto;
	flex: 1;
}

.videodp .close-btn {
	position: fixed;
	top: 10px;
	right: 10px;
	cursor: pointer;
	color: #fff;
	font-size: 30px;
	z-index: 999;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 50%;
}



.userops {
	display: flex;
	flex-direction: row;
	padding: 10px;
	align-items: center;
	background-color: #fff;
}

.userops .usericon {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 42px;
}

.userops .usericon img {
	width: 100%;
	height: 100%;
}

.userops .username {
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 1;
	overflow: hidden;
	margin-left: 5px;
	margin-right: 5rpx;

	color: #333;
	text-decoration: none;
}

.userops .addopt {
	width: 61px;
	height: 35px;
	background: #F7931E;
	border-radius: 121px;

	overflow: hidden;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;

	text-decoration: none;
}


.comments {
	border-top: 1px solid #eee;
	padding: 5px 0;
	margin-top: 15px;
}

.comments .commentitem {
	display: flex;
	flex-direction: row;
	padding-top: 10px;
}

.comments .commentitem .usericon {
	width: 42px;
	height: 42px;
	overflow: hidden;
	border-radius: 42px;
}

.comments .commentitem .usericon a {}

.comments .commentitem .usericon img {
	width: 100%;
	height: 100%;
	display: block;
}

.comments .commentitem .commentitemin {
	flex: 1;
	box-sizing: border-box;
	margin-left: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
}

.comments .commentitem .commentitemin .username {
	font-size: 14px;
	color: #999999;
	line-height: 17px;
}

.comments .commentitem .commentitemin .commentitemp {
	font-size: 14px;
	color: #333333;
	line-height: 17px;
	text-align: left;
	padding-top: 5px;
}

.comments .commentitem .commentitemin .commentiteminfos {
	font-size: 12px;
	color: #999999;
	line-height: 14px;
	text-align: left;

	padding-top: 10px;
}

.comments .commentitem .commentitemin .commentiteminfos .datetime {
	margin-right: 15px;
}

.comments .commentitem .commentitemin .commentiteminfos .doogood {
	margin-right: 15px;
	background: url(../images/icon_good.png) no-repeat;
	background-size: 18px auto;

	padding-left: 24px;
	color: #999999;
	cursor: pointer;
}

.comments .commentitem .commentitemin .commentiteminfos .doocomment {
	margin-right: 15px;

	background: url(../images/icon_comment.png) no-repeat;
	background-size: 18px auto;

	color: #999999;
	padding-left: 24px;
	cursor: pointer;
}

.commentbar {
	display: flex;
	flex-direction: row;
	padding-bottom: 10px;
}

.commentbar .input {
	height: 40px;
	background: #EEEEEE;
	border-radius: 155px;
	box-sizing: border-box;
	padding: 15px;
	width: 220px;
}

.commentbar .commentbarops {
	flex: 1;

	display: flex;
	flex-direction: row;
	align-items: center;
	padding-left: 20px;
}

.commentbar .commentbarops .doogood,
.commentbar .commentbarops .doofav,
.commentbar .commentbarops .dooshare {
	margin-right: 15px;

	background: no-repeat;
	background-size: 18px auto;

	color: #999999;
	padding-left: 24px;
	cursor: pointer;
}

.commentbar .commentbarops .doogood {
	background-image: url(../images/icon_good.png);
}

.commentbar .commentbarops .doofav {
	background-image: url(../images/icon_fav.png);
}

.commentbar .commentbarops .dooshare {
	background-image: url(../images/icon_share.png);
}



.langselectordropdown {
	min-width: 80px;
}

.langselectordropdown .el-dropdown-menu__item a {
	color: #333;
	display: block;
}

.langselectordropdown .el-dropdown-menu__item:focus,
.langselectordropdown .el-dropdown-menu__item:not(.is-disabled):hover {
	background-color: #FFF0DF;
	color: #333;
}

.userinfodropdown {
	min-width: 80px;
}

.userinfodropdown .el-dropdown-menu__item a {
	color: #333;
}

.userinfodropdown .el-dropdown-menu__item:focus,
.userinfodropdown .el-dropdown-menu__item:not(.is-disabled):hover {
	background-color: #FFF0DF;
	color: #333;
}

.imonline {
	margin-left: 30px;
}

.imonline .usericon {
	display: block;
	width: 40px;
	height: 40px;
	overflow: hidden;
	border-radius: 40px;
}

.imonline .usericon img {
	width: 100%;
	height: 100%;
}


.m {
	display: none;
}


.h2menus {
	font-weight: 500;
	font-size: 16px;
	color: #666666;
	line-height: 28px;

	display: flex;
}

.h2menus .ah2menu {
	color: #666666;
	margin-right: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.h2menus .ah2menu i {
	height: 3px;
	width: 20px;
}

.h2menus .ah2menu.cur {
	color: #F7931E;
	font-weight: bold;
}

.h2menus .ah2menu.cur i {
	background-color: #F7931E;
}

.emptytip {
	background: url(../images/emptyicon.png) no-repeat center center;
	background-size: contain;
	width: 600px;
	height: 600px;
}

#postcomment {}

#postcomment h3 {
	font-weight: 749;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
	padding-bottom: 10px;
}

#postcomment h3 small {
	font-size: 12px;
	font-weight: normal;
}

#postcomment h3 a {
	color: #999;
	display: none;
}

.form-group textarea {
	width: 100%;
	border-radius: 2px;
	box-shadow: none;
	border-color: #eeeeee;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
}

.form-group {
	margin-bottom: 10px;
}

.btn {
	display: inline-block;
	margin-bottom: 0;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	white-space: nowrap;
	padding: 6px 12px;
	font-size: 12px;
	line-height: 1.42857143;
	border-radius: 3px;
	user-select: none;
	font-size: 13px;

	color: #fff;
	background-color: #F7931E;
	border-color: #F7931E;
}

.btn:hover {}

.btn-outline-primary {
	color: #F7931E;
	background-color: transparent;
	background-image: none;
	border-color: #F7931E;
}

.btn-outline-primary:hover {
	color: #fff;
	background-color: #F7931E;
	border-color: #F7931E;
}

#comments {}

#comments .panel-heading {}

#comments .panel-heading .panel-title {
	font-weight: 749;
	font-size: 20px;
	color: #333333;
	line-height: 28px;
}

#comments .panel-heading .panel-title small {
	font-size: 12px;
	font-weight: normal;
}

#commentlist {}

#commentlist dl {
	position: relative;

	clear: both;
	padding: 10px 0 0;
	margin-bottom: 5px;
}

#commentlist dl dt {
	float: left;
	margin-right: 10px;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
}

#commentlist dl dt a {
	display: block;
}

#commentlist dl dt a img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

#commentlist dl dd {
	padding-left: 55px;
	float: left;
	width: 100%;
	box-sizing: border-box;
}

#commentlist dl dd cite {
	color: #999;

	font-size: 12rpx;
}

#commentlist dl dd cite a {
	color: #999;
}

#commentlist dl dd small {
	color: #999;
	font-size: 9pt;
}

#commentlist dl dd p {
	font-size: 14px;
	padding: 10px 0;
	line-height: 20px;
	border-bottom: 1px solid #eee;
	margin-bottom: 10px;
}

#commentlist dl dd small .reply {
	display: none;
	color: #333;
	font-size: 9pt;
}

#commentlist dl:hover dd small .reply {
	display: inline;
}

.clearfix {
	clear: both;
}

.text-center {
	text-align: center;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 17px 0;
	border-radius: 3px;
}

.pagination>li {
	display: inline;
}

.pagination>li>a,
.pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	line-height: 1.42857143;
	text-decoration: none;
	color: #2c3e50;
	background-color: #fff;
	border: 1px solid #ddd;
	margin-left: -1px;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
	margin-left: 0;
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}

.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
	z-index: 2;
	color: #11181f;
	background-color: #eeeeee;
	border-color: #ddd;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
	z-index: 3;
	color: #fff;
	background-color: #2c3e50;
	border-color: #2c3e50;
	cursor: default;
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
	color: #777777;
	background-color: #fff;
	border-color: #ddd;
	cursor: not-allowed;
}

.pagination-lg>li>a,
.pagination-lg>li>span {
	padding: 10px 16px;
	font-size: 15px;
	line-height: 1.3333333;
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
	border-bottom-right-radius: 5px;
	border-top-right-radius: 5px;
}

.pagination-sm>li>a,
.pagination-sm>li>span {
	padding: 5px 10px;
	font-size: 11px;
	line-height: 1.5;
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
	border-bottom-left-radius: 2px;
	border-top-left-radius: 2px;
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
}

.pager {
	padding-left: 0;
	margin: 17px 0;
	list-style: none;
	text-align: center;
}

.pager li {
	display: inline;
}

.pager li>a,
.pager li>span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 15px;
}

.pager li>a:hover,
.pager li>a:focus {
	text-decoration: none;
	background-color: #eeeeee;
}

.pager .next>a,
.pager .next>span {
	float: right;
}

.pager .previous>a,
.pager .previous>span {
	float: left;
}

.pager .disabled>a,
.pager .disabled>a:hover,
.pager .disabled>a:focus,
.pager .disabled>span {
	color: #777777;
	background-color: #fff;
	cursor: not-allowed;
}

.page-videodetail #commentlist {
	min-height: 220px;
}

.bodyvideodia {
	overflow: hidden;
}

.swiperindexphotoitemp1 .swiper-slide img {
	width: 100%;
}

.swiperindexphotoitemp1 .swiper-slide .aicon {
	background: no-repeat center center #000;
	background-size: contain;
	display: block;
	height: 100%;
	flex: 1;
}

.swiperindexphotoitemp1 .swiper-slide .aicon img {
	display: none;
}

.swiperindexphotoitemp1.swiper .swiper-slide {
	display: flex;
}

.swiperindexphotoitemp1.swiper .swiper-pagination-bullet {
	width: 20px;
	border-radius: 0;
	height: 2px;
}

@media only screen and (min-width: 781px) {
	.page-videodetail {
		background: none;
	}

	.page-videodetail .top {
		display: none;
	}

	.page-videodetail .main .mainin {
		display: none;
	}

	.page-videodetail .menu {
		display: none;
	}

}

@media only screen and (max-width: 1440px) {}


/*
* PadMode
*/
@media only screen and (max-width: 1240px) {}

/*
* MobileMode
*/
@media only screen and (max-width: 780px) {
	.container {
		width: 100%;
		min-width: 0;
	}

	#body .pc {
		display: none;
	}

	#body {
		background: url(../images/mbg.png) no-repeat left top;
		background-size: 100% auto;
		background-color: #f5f8fa;
	}

	.main {
		background: none;
	}

	.m {
		display: block;
	}

	.top {
		padding: 0.14rem 0.32rem;
		position: relative;
		background-color: #fff;
		position: sticky;
		top: 0;
		z-index: 3;

		border-bottom: 1px solid #eee;
	}


	.top .logo img {
		height: 0.88rem;
		width: auto;
	}

	.top .contactphone {
		margin: 0;
		flex: 1;

		justify-content: center;
		font-weight: bold;
	}

	.top .contactphone .contactphonetxt1 {
		display: none;
	}

	.top .mmenik {
		position: relative;
	}

	.top .mmenik {
		transition: all 0.3s ease-in-out;
		z-index: 10;
		width: 20px;
		height: 20px;
		padding: 0;
		display: inline-block;
		padding-left: 0.15rem;
	}

	.top .mmenik span {
		position: absolute;
		top: 0;
		right: 0;
		width: 0.4rem;
		height: 2px;
		margin-top: 2px;
		background: #201e1f;
		border-radius: 2px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
	}

	.top .mmenik::before {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		width: 0.4rem;
		height: 2px;
		background: #201e1f;
		border-radius: 2px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
		left: auto;
		transform: none;
		margin-top: 8px;
	}

	.top .mmenik::after {
		content: '';
		margin-top: 14px;
		position: absolute;
		top: 0;
		right: 0;
		width: 0.4rem;
		height: 2px;
		background: #201e1f;
		border-radius: 2px;
		display: inline-block;
		transition: all 0.3s ease-in-out;
	}

	.top .mmenik.open:before {
		opacity: 0;
		transition: 0.2s ease 0.1s;
	}

	.top .mmenik.open:after {
		margin-top: 7px !important;
		-webkit-transform: rotateZ(-45deg);
		transform: rotateZ(-45deg);
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s;
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s;
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;
	}

	.top .mmenik.open span {
		margin-top: 7px !important;
		-webkit-transform: rotateZ(45deg);
		transform: rotateZ(45deg);
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, -webkit-transform 0.25s ease 0.36s;
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s;
		transition: margin 0.2s cubic-bezier(0.36, 0, 0.59, 0.99) 0.1s, transform 0.25s ease 0.36s, -webkit-transform 0.25s ease 0.36s;
	}

	.main .menu {
		width: 0;
	}

	#menu {
		position: fixed;
		top: 1.1rem;
		left: 0;
		right: 0;
		z-index: 8;
		bottom: 0;
		display: none;

		width: 100%;
		z-index: 1000;
	}

	.menu .item {
		width: 100%;
	}


	.searchinputer {
		padding: 0 .3rem;
		margin-top: .1rem;
	}

	.searchinputer form {
		display: flex;
		flex-direction: row;
		max-width: 100%;

		background: #FFFFFF;
		border-radius: .08rem;
		border: .02rem solid #E5E5E5;
	}

	.searchinputer .input {
		height: .65rem;
		line-height: .65rem;
		padding: .05rem;
		flex: 1;
	}

	.searchinputer .button {
		width: .65rem;
		font-size: 0;
		background: url(../images/msearchicon.png) no-repeat;
		background-size: .6rem auto;
	}

	.main .mainin {
		padding-left: 0;
		padding: 0 .3rem;
	}

	.page-news_detail .main .mainin {
		background: #fff;
	}

	.hotnews .hotnewsicon {
		justify-content: space-between;

	}

	.hotnews .hotnewsicon .icon {
		width: 2.38rem;
		height: 0.66rem;
	}

	.hotnews .hotnewsin {
		flex-direction: column;
	}

	.hotnews .hotnewsin .hotnewsl {
		padding-right: 0;
	}

	.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem {
		flex-direction: column;
	}

	.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2s {
		display: flex;
		flex-direction: row;
		margin: 0;
		margin-top: .15rem;
	}

	.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2 {
		margin-right: .075rem;
	}

	.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp3 {
		margin-top: 0;
		margin-left: .075rem;
	}

	.hotnewslist {
		background: none;
		padding: 0;
	}

	.hotnewsr .h2 {
		margin: 0;
		padding: 0;
		font-weight: 693;
		font-size: .36rem;
		color: #333333;
		padding: .2rem 0;
	}

	.hotnews .hotnewsin .hotnewsr {
		padding-right: 0;
		width: 100%;
	}

	.commbloger .commblogericon {
		justify-content: space-between;
	}

	.blogers {
		flex-wrap: wrap;
		padding-right: 0;
	}

	.blogers .itemwrap {
		flex: none;
		width: 50%;
		padding-right: .1rem;
		padding-bottom: .2rem;
	}

	.blogers .itemwrap:nth-child(2n) {
		padding-right: 0;
		padding-left: .1rem;
	}

	.commvideoicon {
		justify-content: space-between;
	}

	.commvideoicon .inx {
		display: none;
	}

	.commvideo .commvideoin {
		flex-direction: column;
	}

	.commvideo .commvideoin .commvideoinl {
		padding-right: 0;
	}

	.invideos .itemwrap {
		width: 50%;
		padding: 0;
		padding-right: .1rem;
		padding-bottom: .2rem;
	}

	.invideos .itemwrap:nth-child(2n) {
		padding-right: 0;
		padding-left: .1rem;
	}

	.commvideoinr .h2 {
		margin: 0;
		padding: 0;
		font-weight: 693;
		font-size: .36rem;
		color: #333333;
		padding: .2rem 0 .3rem;
	}

	.hotvideolist {
		padding: 0;
	}

	.banner {
		margin-top: .3rem;
		padding-right: 0;
	}

	.commtuan .commtuanicon {
		justify-content: space-between;
	}

	.tuans {
		padding-right: 0;
	}

	.tuans .itemwrap {
		width: 50%;
		padding: 0;
		padding-right: .1rem;
		padding-bottom: .2rem;
		margin-bottom: 0;
	}

	.tuans .item {
		padding-right: 0;
	}

	.tuans .itemwrap:nth-child(2n) {
		padding-right: 0;
		padding-left: .1rem;
	}

	.catemms {
		background: none;
	}

	.catemms .item {
		width: auto;
		color: #666666;
		margin: 0 .2rem;
	}

	.catemms .item {
		height: .7rem;
		line-height: .4rem;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

		position: relative;
	}

	.catemms .item::after {
		position: relative;
		height: .05rem;
		width: .3rem;
		margin-top: .1rem;
	}

	.catemms .item.cur::after {
		position: relative;
		left: 0;
	}

	.newsp {
		padding-right: 0;
		flex-direction: column;
	}

	.newsp .newspl {
		width: 100%;
	}

	.newsfocuss .aitem {
		display: flex;
		flex-direction: column-reverse;
	}

	.newsfocuss .aitem h2 {
		font-size: .36rem;
		margin-top: .2rem;
	}

	.newsfocuss .aitem p {
		font-size: .28rem;
		color: #333333;
		line-height: .52rem;
	}

	.newsp .newspl .newslist {
		padding-right: 0;
	}

	.newslist .item {
		padding: .15rem 0 0;
	}

	.newslist .item .icon a {
		width: 2.6rem;
		height: 2rem;
	}

	.newslist .item .itemin {
		padding-left: .15rem;
	}

	.newslist .item .itemin h2 {
		font-size: .32rem;
		color: #333333;
		line-height: .44rem;

		flex: 1;
	}

	.newslist .item .itemin p {
		display: none;
	}

	.newslist .item .itemin .infos .authinfo {
		display: none;
	}

	.newslist .item .itemin .infos {
		font-size: .22rem;
		color: #999999;
		line-height: .4rem;
	}

	.newsp .newspr {
		width: 100%;
		padding-right: 0;
	}

	.acbox {
		background: none;
		padding: 0;
		margin-top: .5rem;
	}

	.acbox .tit {
		background: none;
		height: .4rem;
		padding-left: 0;

		font-size: .36rem;
		color: #333333;
		line-height: .48rem;
		padding-bottom: .15rem;
	}

	.acbox .acboxin {
		margin-top: 0;
	}

	.newsranks {
		margin-top: .2rem;
	}

	.newsranks .item {
		padding-right: 0;

		font-size: .28rem;
		color: #333333;
	}

	.photogs .item {
		width: 50%;
		padding: 0;
		padding-right: .1rem;
		padding-bottom: .2rem;
	}

	.photogs .item:nth-child(2n) {
		padding-right: 0;
		padding-left: .1rem;
	}

	.newspl .newscontent {
		margin-right: 0;
	}

	.newscontent {
		padding: 0;
		margin-top: 0;
	}

	.newscontent .artinfo {
		border-bottom: 0;
		margin-top: .15rem;
		padding-bottom: 0;
		font-size: .28rem;
		display: flex;
		flex-direction: row-reverse;

		width: 100%;
		justify-content: space-between
	}

	.newscontent .artinfo .c1 {
		margin: 0;
	}

	.newscontent .artinfo .ci3,
	.newscontent .artinfo .ci4,
	.newscontent .artinfo .ci5 {
		display: none;
	}

	.langselector-dropdown {
		width: 120px;
	}


	.invideos .item .icon {
		height: calc((100vw) / 1.8);
	}

	.invideos .item .itemin .title {
		font-size: .26rem;
		color: #333333;
		line-height: .36rem;
	}

	.swiper.videoindexswriper {
		padding-bottom: .5rem;
	}

	.swiper.videoindexswriper .swiper-pagination-bullet {
		width: .4rem;
		border-radius: 0;
		height: .05rem;
	}

	.videopfocusmm {}

	.videopfocusmm .videopfocusmmitem {}

	.videopfocusmm .videopfocusmmitem .bigicon {
		background: no-repeat center center;
		background-size: cover;
		display: block;
		height: 100%;
	}

	.videopfocusmm .videopfocusmmitem .bigicon img {
		width: 100%;
		height: 100%;
		display: none;
	}

	.videopfocusmm .videopfocusmmitem h2 {
		font-weight: 693;
		font-size: .36rem;
		color: #333333;
		line-height: .48rem;
		text-align: left;

		display: block;
		height: .48rem;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	.videopfocusmm .videopfocusmmitem .mmdesc {
		font-weight: 400;
		font-size: .28rem;
		color: #333333;
		line-height: .52rem;
		text-align: left;
		font-style: normal;

		height: 2rem;
		overflow: hidden;
	}



	.h2menus {
		font-weight: 500;
		font-size: .3rem;
		color: #666666;
		line-height: .42rem;

		display: flex;
	}

	.h2menus .ah2menu {
		color: #666666;
		margin-right: .2rem;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.h2menus .ah2menu i {
		height: .08rem;
		width: .48rem;
	}

	.h2menus .ah2menu.cur {
		color: #F7931E;
		font-weight: bold;
	}

	.h2menus .ah2menu.cur i {
		background-color: #F7931E;
	}

	.videohs .itemwrap {
		width: 50%;
	}

	.videohs .itemwrap .item .icon {
		height: calc((100vw - 0px) / 2);
	}

	.videohs .itemwrap .item .itemops .usericon {
		width: .4rem;
		height: .4rem;
		border-radius: .4rem;
	}

	.videohs .itemwrap .item .itemops .hotcount {
		background-size: .28rem auto;
		padding-left: .36rem;
		font-size: .24rem;
	}

	.videohs .itemwrap .item .itemops .username {
		margin-left: .05rem;
	}

	.videohs .item .title {
		font-weight: 613;
		font-size: .26rem;
		color: #333333;
		line-height: .33rem;
		padding: .1rem;

		white-space: wrap;
		height: .56rem;
	}

	.videodp .videodpbox {
		flex-direction: column;
	}

	.videodpbox .videoin {
		border-radius: 0;
	}

	.videogs .item .icon {
		height: calc((100vw) / 1.5);
	}

	.photogs .item .tittxt {
		font-size: .26rem;
		color: #333333;
		line-height: .33rem;
		padding: .1rem 0;
		white-space: wrap;
		height: .56rem;
	}

	.swiperindexphotoswrap .swiperindexphotos .swiperindexphotoitem .swiperindexphotoitemp2 .aicon {
		height: calc((100vw) / 3.5);
	}

	.tuans .item .icon {
		height: calc((100vw) / 3.5);
	}

	.tuans .item .iteminf {
		flex-direction: column;
	}

	.tuans .item .hh {
		margin: .1rem;
	}

	.tuans .item .hh,
	.tuans .item .hh a {
		font-size: .28rem;
		color: #333333;
		line-height: .34rem;
	}

	.tuans .item .iteminf .iteminfl {
		font-size: .24rem;
		color: #333333;
		line-height: .28rem;
	}

	.tuans .item .iteminf {
		margin: 0 .1rem .2rem;
	}

	.tuans .item .iteminf .iteminfr .bmbtn {
		border-radius: .08rem;
		height: .5rem;
		display: block;
		text-align: center;

		font-size: .26rem;
		color: #FFFFFF;
		line-height: .5rem;
		margin-top: .2rem;
	}

	#body.page-tuan_detail {
		background-color: #fff;
	}

	.tuandp {
		margin: 0;
	}

	.tuandpb {
		margin: 0;
		padding: 0;

		padding-top: .3rem;
	}

	.tuandpin {
		flex-direction: column;
	}

	.tuandpin .tuandpinl {
		padding: 0;
	}

	.tuandpp {
		font-size: .28rem;
		margin: .2rem 0;
		line-height: .4rem;
	}

	.tuandpinf {
		border-radius: .08rem;
		padding: .3rem;
	}

	.tuandpinf .inf0 {
		font-size: .3rem;
		line-height: .5rem;
	}

	.tuandpinf .inf1 {
		font-size: .3rem;
		line-height: .5rem;
		margin-top: .2rem;
	}

	.tuanbigicon {
		width: 100%;
		padding: 0;
		padding: .2rem 0;
	}

	.tuanbigicon img {
		width: 100%;
	}

	.tuandpinr .tuandpas {
		margin: 0;
	}

	.tuandpin .tuandpinr {
		padding: 0;
	}

	.tuanqform {
		padding: 0;
		background: #FFFFFF;
		box-shadow: 0 .16rem .64rem 0 rgba(0, 0, 0, 0.16);
		border-radius: .16rem;

		padding: .3rem;
	}

	.tuandpas {
		padding: 0 0 .3rem;
	}

	.tuanqform .subbtnitem .subbtn {
		width: 100%;
		height: .8rem;
		margin-top: .3rem;
	}

	.tuandp .linehh {
		font-size: .44rem;
		color: #333333;
		line-height: .52rem;

		margin-top: 1rem;
	}

	.spets .aitemwrap {
		width: 50%;
		margin-top: .3rem;
	}

	.spets .aitemwrap .aitem .aitemh1 {
		padding-left: .3rem;
		height: 1rem;
	}

	.spets .aitemwrap .aitem .aitemh1 .itemicon {
		width: .7rem;
		height: .7rem;
		margin-right: .1rem;
	}

	.spets .aitemwrap .aitem .aitemh1 .itemhh {
		font-size: .32rem;
	}

	.spets .aitemwrap .aitem .aitemin {
		font-size: .24rem;
		line-height: .36rem;
		padding: .1rem .2rem;
		height: 1.2rem;
	}

	.videodp {
		position: static;
		z-index: 1;
	}

	.videodp .videodpbg {
		position: static;
		background: none;
	}

	.videodp .close-btn {
		display: none;
	}

	.videodp .videodpbox {
		width: auto;
		height: auto;
		max-width: 100%;
		width: 100vw;
		max-height: 100%;
		border-radius: 0;
	}

	.page-videodetail .main .mainin {
		display: none;
	}

	.page-videodetail .searchinputer {
		display: none;
	}

	.page-videodetail .main {
		padding-top: 0;
	}

	.commvideo .commvideoin .commvideoinr {
		width: 100%;
	}


	.hotnews .hotnewsicon .h2,
	.commvideoicon .h2,
	.commbloger .commblogericon .h2,
	.commtuan .commtuanicon .h2 {
		font-size: .36rem;
	}
}

/* 语言选择器下拉菜单样式 */
.langselector-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	width: 140px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	display: none;
	margin-top: 5px;
	padding: 5px 0;
	transition: opacity 0.3s, visibility 0.3s;
	opacity: 0;
	visibility: hidden;
}

/* 增加一个伪元素填充语言选择器和下拉菜单之间的间隙 */
.langselector::after {
	content: '';
	position: absolute;
	height: 15px;
	width: 100%;
	left: 0;
	bottom: -15px;
	z-index: 999;
}

.langselector {
	position: relative;
}

/* 修改显示逻辑 */
.langselector:hover .langselector-dropdown,
.langselector-dropdown:hover {
	display: block;
	opacity: 1;
	visibility: visible;
}

.langselector-item {
	display: block;
	padding: 10px 15px;
	color: #333;
	text-decoration: none;
	transition: background-color 0.2s ease;
}

.langselector-item:hover {
	background-color: #f5f5f5;
	color: #F7931E;
}

.langselector-item.active {
	color: #F7931E;
	font-weight: bold;
}

/*
#comment-container #commentlist dl {
	position: relative;
	border-bottom: 1px solid #eee;
	clear: both;
	padding: 10px 0;
	margin-bottom: 5px;
  }
  #comment-container #commentlist dl dt {
	float: left;
	margin-right: 10px;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
  }
  #comment-container #commentlist dl dt img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
  }
  #comment-container #commentlist dl dd {
	padding-left: 55px;
	float: left;
	width: 100%;
  }
  #comment-container #commentlist dl dd cite a {
	color: #007bff;
  }
  #comment-container #commentlist dl dd small {
	color: #999;
	margin: 0 0 0 3px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
  }
  #comment-container #commentlist dl dd small a {
	display: none;
  }
  #comment-container #commentlist dl dd dl {
	margin: 0px;
	border-top: 1px solid #eee;
	border-bottom: none;
	padding-top: 15px;
	padding-bottom: 0;
  }
  #comment-container #commentlist dl dd dl dd {
	width: 550px;
  }
  #comment-container #commentlist dl dd p {
	margin-top: 5px;
	margin-bottom: 10px;
	line-height: 24px;
  }
  #comment-container #commentlist dl dd p em {
	font-style: normal;
	display: inline-block;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	font-weight: 400;
	font-size: 13px;
	text-align: center;
	color: #007bff;
	background: #e5f2ff;
	border-radius: 2px;
  }
  #comment-container #commentlist cite {
	font-style: normal;
  }
  #comment-container h3 {
	position: relative;
	font-size: 16px;
	padding: 15px 0;
	background: #fff;
  }
  #comment-container h3 a {
	display: none;
  }
  #comment-container #postcomment .form-group {
	margin-bottom: 10px;
  }
  #comment-container #postcomment label {
	font-weight: normal;
  }
  #comment-container #postcomment a small {
	display: inline !important;
  }
  #comment-container #postcomment textarea.form-control {
	border-radius: 2px;
	box-shadow: none;
	border-color: #eeeeee;
  }
  
  

.form-control[disabled], fieldset[disabled] .form-control {
	cursor: not-allowed;
  }
  .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
	  background-color: #eeeeee;
	  opacity: 1;
  }
  textarea.form-control {
	  height: auto;
  }
  .form-control {
	  font-size: 13px;
  }
  .form-control {
	  display: block;
	  width: 100%;
	  height: 31px;
	  padding: 6px 12px;
	  font-size: 12px;
	  line-height: 1.42857143;
	  color: #555555;
	  background-color: #fff;
	  background-image: none;
	  border: 1px solid #ccc;
	  border-radius: 3px;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	  -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  }
  input, button, select, textarea {
	  font-family: inherit;
	  font-size: inherit;
	  line-height: inherit;
  }
  textarea {
	  overflow: auto;
  }
  button, input, optgroup, select, textarea {
	  color: inherit;
	  font: inherit;
	  margin: 0;
  }

  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 17px 0;
    border-radius: 3px;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857143;
    text-decoration: none;
    color: #2c3e50;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px;
}
.panel-default > .panel-heading {
    position: relative;
    padding: 15px 0;
    background: #fff;
    border-bottom: 1px solid #f5f5f5;
}
.panel-default > .panel-heading {
    color: #333333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 2px;
    border-top-left-radius: 2px;
}
*/