body {padding-top:50px; }.mui-content,.mui-card{max-width: 1280px; margin: 0 auto; margin-top: 10px;}.mui-content{background-color: transparent;}.mui-bar{ max-width: 1280px; margin: 0 auto;}
/* background-color: #efeff4; background-image: url("/zjz/resources/images/bg.png");background-repeat:repeat; */
a {outline: none;color: #00a4ff;text-decoration: none;transition: 0.2s;font-size: 14px;}
a:hover { color: #ee4063; }
.fleft {float: left}
.fright {float: right}

.menu_div1{line-height: 50px; text-align: center; margin-top: 0px;}
.menu_div1 ul{margin: 0; padding: 0; list-style: none;}
.menu_div1 ul > li{float: left; font-size: 14px;}
.menu_div1 ul li a{ display: block; margin: 0 15 0 0; color: #9d9d9d; cursor: pointer; float: left; }
.menu_div1 ul li a span{ font-size: 16px; }
.menu_div1 ul li a:hover { color: white; }

.menu_div1 ul li:hover .sub_menu_divfd{ display: block; }
.sub_menu_divfd{position: fixed; top:49px; height: auto; line-height: 20px; display: none; background-color: #2b303b; color:white; }
.sub_menu_divfd ul{ margin: 0; padding: 0; list-style: none; max-width: 140px;}
.sub_menu_divfd ul li a:hover{ color:#ee4063;}

.hot_notice{color:white; background-color: red; font-size: 12px !important;}

.clear {
	clear: both
}
.Col3 {
	width: 33%;
}
.Top {
	margin: 0;
	padding: 0;
	top: 0;
	width: 100%;
	background: #2b303b;
	height: 48px;
	position: fixed;
	z-index: 12;
}
.Bottom{
	display:inline-block;
	margin: 0;
	padding: 0;
	bottom: 0;
	width: 100%;
	background: #2b303b;
	height: auto; 
	position: relative;
	text-align: center;
	padding:10px 0;
	color:white;
	font-size: 14px;
}
.Line {
	background: rgba(120,130,150,.15);
	height: 1px;
	margin: 5px;
}
.Logo {
	background: url(../images/logo-mini.png) no-repeat;
	width: 48px;
	height: 48px;
	margin: 0px 5px;
	float: left
}
.Logo2 {
	font-family: auto;
	font-size: 22px;
    width: 120px;
    height: 36px;
    margin-top: 14px;
    float: left;
    font-weight: bold;
    line-height: 21px;
}
.Logo2 span{
	margin-left: -5px;
}

.UserInfo {
	float: right;
	padding: 4px 30px 0 10px;
	min-width: 140px
}
.UserInfo:after {
	content: "";
	position: absolute;
	right: 10px;
	top: 20px;
	background: url(../images/ico_arrow.svg) no-repeat;
	transform: rotate(90deg);
	width: 14px;
	height: 14px;
}
.Face {
	line-height: 40px;
	padding: 4px;
	text-align: left;
	color: #FFF
}
.Face img {
	width: 40px;
	height: 40px;
	float: left;
	margin: 0 5px 0 0;
	border-radius: 50%;
	border: 1px solid rgba(120,130,150,.1)
}
.ShowMenu {
	position: relative;
}
.ShowMenu:hover .MenuSelect {
	animation: fadeInX 0.2s;
	top: 44px;
	display: block
}
.MenuSelect {
	background: rgba(255,255,255,.8);
	backdrop-filter: saturate(180%) blur(20px);
	-webkit-backdrop-filter: saturate(180%) blur(20px);
	min-width: 130px;
	border-radius: 6px;
	padding: 10px 0;
	box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
	text-align: center;
	float: right;
	position: absolute;
	z-index: 1;
	display: none
}
.MenuSelect a {
	line-height: 32px;
	font-weight: normal;
	color: rgba(120,130,150,.9);
	display: block
}
.MenuSelect a:hover {
	background-color: rgba(120,130,150,.25);
	color: #00a4ff;
}


/* .nav_menu_a{
	display: block;
	margin: 0 15 0 0;
	color: #9d9d9d;
	cursor: pointer;
    float: left;
}
.nav_menu_a:hover { color: white; }
.nav_menu_span{
 	font-size: 16px;
 } */
.nav_menu_a_check{color: white !important;}
#he-plugin-simple{z-index: 1000;}
.mywth {
	width:140px;
    cursor: pointer;
    z-index: 100;
    float: right;
}

.btn-show-small-menue{position: absolute;color: #9d9d9d; display: none; right: 10px; line-height: 50px; width:50px; cursor: pointer;}
.foot-div1 {width: 50%; float: left; }
.foot-div2 {width: 50%; float: right;}
.qr-code-div{float: left; margin: 10 50 10 0; }


@media (max-width: 1024px) {
	.menu_div1, .mywth{display: none; margin-top: 0px;}
	.btn-show-small-menue{display:block;}
	.menu_div1{background-color: #2b303b; }
	.foot-div1,.foot-div2 {width: 100%; float: none;}
	.qr-code-div {width: 100%; float: none; margin: 0 0 0 0;}
}

.input{display: flex; align-items: center; justify-content: flex-start; background-color: transparent; }
#feedback-content{min-height:60px !important; flex: 1; width: 100%; height: 42px; padding: 10px; margin-bottom: 0px; font-size: 14px;
    border: 1px solid #ccc; border-radius: 5px 5px 5px 5px; outline: none; overflow: hidden;}
.comment-btn{background-color: #0f172a; color: white; margin-top: 5px; font-size: 14px; font-weight: 400; line-height: 1.42; position: relative; display: inline-block;
	margin-bottom: 0; padding: 6px 12px; cursor: pointer; -webkit-transition: all; transition: all; -webkit-transition-timing-function: linear; transition-timing-function: linear;
	-webkit-transition-duration: .2s; transition-duration: .2s; text-align: center; vertical-align: top; white-space: nowrap; border: 1px solid #ccc;
	border-radius: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; background-clip: padding-box;
}
.comment-btn:hover{box-shadow:0 05px rgba(0, 123,255,0.5); }
.comment-card{margin: 0 auto;
    margin-top: 10px;
	font-size: 14px;
    position: relative;
    overflow: hidden;
    border-radius: 2px;
    background-color: #fff;
    background-clip: padding-box;
    box-shadow: 0 1px 2px rgba(0,0,0,.3);
}
.comment-card-content{font-size: 14px;position: relative;}
.comment-head-div{float: left; margin-right: 20px; height: 90px;}
.comment-head-img{width:46px; height:46px; border-radius: 50%; }
.comment-nick{font-size: 14px; font-weight: 500; line-height: 20px; padding-bottom: 10px;}
.comment-content{font-size: 16px; font-weight: 500; line-height: 20px;}

.get-more-reply-btn{display: inline-block; position: relative; border: none; margin-top:4px; font-size: 14px; font-weight: 500; line-height: 20px; color: #505050; background: none; cursor: pointer;}