.body {
	width: 100%;
	height: 100%;
	background: #121313; 
	font-family: 'Poppins', 'Arial', sans-serif;


}

/*弹窗样式*/
/*#homePopup {*/
/*    display: block;*/
/*    position: fixed;*/
/*    border-radius: 10px;*/
/*    top: 50%;*/
/*    left: 50%;*/
/*    transform: translate(-50%, -50%);*/
/*    padding: 20px;*/
/*    background: linear-gradient(to bottom, #66a3ff, #3366cc);*/
/*    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
/*    z-index: 9999;*/
/*    width: 80%;  设置弹窗宽度 */
/*    height: 50%;  设置弹窗高度 */

/*}*/

/*#popupContent {*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    justify-content: space-between;*/
/*    align-items: center;  将子元素在水平方向上居中 */
/*    height: 100%;  设置高度为100%，以充满整个弹窗 */
/*}*/

/* 关闭按钮样式 */
/*#popupContent button {*/

/*    background: #007BFF;*/
/*    background-color: #66a3ff;  浅蓝色背景 */
/*    border: 0;  将边框宽度设置为0 */
/*    border-radius: 10px;  圆角 */
/*    color: #fff;*/
/*    margin-top: auto;  将按钮推到底部 */
/*    width: 80px;  设置按钮的宽度为100像素 */
/*    height: 30px;  设置按钮的高度为40像素 */
/*}*/
/*#homePopup  p {*/
/*    color: #fff;  设置 #homePopup 下直接子元素的 <p> 标签文字颜色为深灰色 (#333) */

/*}*/
/*#t1 {*/
/*    font-family: Georgia, sans-serif;*/
/*    font-size: 20px;  设置字体大小为16像素 */
/*}*/
/*#t2 {
    margin-left: 10px;  设置左边距为10像素 
    margin-right: 10px;  设置右边距为10像素 
    font-size: 16px;  设置字体大小为16像素 
/*}*/

.index {
	width: 100%;
	height: 100%;
	background-color: rgba(58, 26, 78, 0);
	
}

.top_menu {

	width: 100%;
	height: 50;
	display: flex;
	background: #0E1C30; 
	background-position: -2px -112px;
}


.bootom_menu {

	width: 100%;
	height: 100%;

}




.top_menu_1 {

	margin: auto;
	width: 15%;
	/*background-color:#170628;*/

}

/* .top_menu_1_img{
    
    
        width: 109px;
    
        background: url(../img/大图1.png) no-repeat;
        background-position: -356px -7px;
        height: 117px;
    } */





.top_menu_1_img {
	height: 100%;
	display: flex;

}



.top_menu_1_img img {
	max-height: 80%;
	margin: auto;

}



.top_menu_2 {
	margin: auto;
	width: 15%;
	background-color: #dfedff;

}

.top_menu_3 {
	margin: auto;
	width: 40%;
	background-color: #dddfff;

}

.top_menu_3_img {

	width: 59px;
	background-color: #dddfff;

}


.top_menu_4 {
	margin: auto;
	width: 15%;
	background-color: #ddcefff;

}

.top_menu_4_img {



	/* transform: rotate(90deg);
        background: url(../img/大图1.png) no-repeat;
        background-position: -590px -48px; */

	margin: auto;
}





.top_menu_5 {
	margin: auto;
	width: 15%;
	background-color: #ddcefff;

}


.top_menu_5_img {

	/*width: 59px;
             background-color: #dddfff;
            transform: rotate(90deg);
            background: url(../img/大图1.png) no-repeat;
            background-position: -300px 8px;
            height: 30px; */
	margin: auto;
}


.lunbotu {
	width: 100%;
	margin-top: 5px;

}

.middle_menu {

	height: 80%;
	overflow-y: auto;
	height: -webkit-calc(92% - 50px);
}

.slidesjs-pagination {

	display: flex;
	width: 40%;
	margin: auto;
	margin-top: 10px;
}

.slidesjs-pagination-item {
	height: 10px;
	background-color: #ffffff;
	border-radius: 10px;
	width: 25%;
	margin-left: 10px;
}

.middle_top {
	overflow-x: auto;
	height: 60;
	width: 100%;
	margin-top: 10px;

}

.middle_top_menu {

	width: 60;

	background: #121313; 
	float: left;
	margin: auto;
	text-align: center;
	/* padding: 20; */
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 0px 15px 0px 15px;
}


.middle_top_menu_content {
	width: 80%;
	height: 50%;

	margin: auto;

	display: flex;
}

.middle_top_menu_content img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	margin: auto;
	/* width: 95%; */
	height: 35px;

}

.middle_top_menu_1 {}


.middle_top_content {
	overflow-y: hidden;
	overflow-x: scroll;

	height: 100%;
	width: 2000px;
}

.middle_input {

	width: 90%;
	height: 40px;
	display: flex;
	margin: auto;
	margin-top: 12;
	border: 1px solid #93a393;
	border-radius: 0px 15px 0px 15px;


}

.input_div input {
	width: 80%;
	height: 80%;
	font-size: 10px;

	margin: auto;
	display: block;
	margin: auto;
	background: #22674a;
	border: unset;
	outline: unset;
}





.input_div {


	height: 100%;
	width: 80%;
	display: flex;
}

.input_img {

	width: 20%;
	height: 100%;
	display: flex;

}

.input_img img {
	width: 30%;
	display: block;
	margin: auto;
	max-width: 60%;

}

.group_title_zj_content {
	width: 50%;
	margin: auto;
	text-align: center;
	font-size: 18px;
}




.group {
	width: 100%;


	margin-top: 15px;
}

.group_title {
	display: flex;
	height: 30px;

}


.group_content {
	width: 100%;
	margin-top: 12px;
	overflow-x: auto;
}

.group_content_row {
	width: 200%;
	max-height: 25%;
	overflow-x: auto;
	padding: 5px;
}

.group_content_item {


	width: 105px;
	display: inline-block;
	vertical-align: top;
	margin: auto;
	text-align: center;

}

.group_content_item img {
	display: block;
	margin: auto;
	max-height: 100%;
	width: 90%;
}







.bottom_menu {
    display: flex;
    background: #0E1C30;
    position: relative;
    border-radius: 30px 30px 0px 0px;
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -5px 20px 0px #3E9BFF;
    height: var(--mobile-footer-height);
    display: flex;
    align-items: center;
    justify-content: center;
    margin:auto;
}

.tab-item img {
    transform: scale(0.5);
    margin-bottom: -5px; /* 负值表示上移 */
}


.center-menu img {
    transform: scale(1);
}
    


.bottom_menu_item img {

	max-width: 60%;
	max-height: 60%;
	margin: auto;
	display: block;



}



.group_title_left {

	width: 10%;
	height: 100%;

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

.group_title_zj {

	width: 80%;
	height: 100%;
	display: flex;

	border-radius: 0px 50px 0px 50px;
}

.group_title_left_content {
	text-align: center;
	width: 80%;

}

.group_title_left_content img {

	max-height: 50%;
	max-width: 60%;

}




.group_title_right {
	width: 10%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.group_title_right_content {
	text-align: center;
	width: 80%;

}

.group_title_right_content img {

	max-height: 50%;
	max-width: 60%;

}

.left_menu {
	position: absolute;

	width: 50%;
	height: 80%;
	display: none;

	z-index: 0;
	background-color: rgb(4, 46, 81);
	height: -webkit-calc(92% - 50px);
	overflow-y: auto;
}

.left_menu_list {

	width: 100%;

	padding-top: 5px;
	display: inline-block;

}

.left_menu_item {

	height: 60;
	/* width: 100%; */

	font-size: 10px;
	margin: auto;
	text-align: center;
	width: 50%;
	float: left;
	display: flex;

}

.left_menu_item2 {

	height: 60;
	/* width: 100%; */

	font-size: 10px;
	margin: auto;
	text-align: center;
	width: 50%;
	float: left;
	display: flex;

}

.left_menu_item_c {

	width: 90%;
	height: 90%;
	margin: auto;
	background-color: #0E1C30;
	border-radius: 10px;
}

.left_menu_item_title {

	width: 100%;
	height: 20%;


}


.left_menu_item_img {

	width: 100%;
	height: 60%;


}

.left_menu_item_img img {


	max-width: 100%;
	max-height: 100%;


}



.left_menu_item_img2 {

	width: 100%;

	margin: auto;

}

.left_menu_item_title2 {
	position: absolute;
	top: 10px;
	left: 20;


}

.left_menu_item_img2 img {

	width: 100%;
	max-width: 100%;
	max-height: 100%;


}







.left_menu1 {

	width: 100%;

}

.left_menu1_item {


	margin: auto;
	background-color: #1b1e1b;
	border-radius: 15px;
	margin-top: 10px;
	display: flex;
	/* top: 10px; */
	position: sticky;


}


.middle_top_menu_font {

	font-size: 10px;
	/* height: 30%; */
	color: black;

}

.left_menu1_img {

	width: 95%;
	/* height: 80%; */
	margin: auto;


}

.left_menu1_img img {

	width: 100%;


}

.left_menu1_title {

	width: 30%;
	text-align: center;
	font-size: 10px;
	line-height: 50px;
	position: absolute;
}

.left_menu_item_c2 {

	width: 90%;

	margin: auto;
	/* background-color: #1b1e1b; */
	border-radius: 15px;
	position: sticky;

}


.bottom_menu_item {
	width: 25%;
	display: flex;

}


.login {

	position: absolute;
	width: 100%;

	top: 150px;
	z-index: 999;


}


.form {

	width: 100%;
	height: 300;
	margin: auto;

}

.input {

	width: 90%;
	height: 40;


	margin: auto;
	margin-top: 20;

	border: 1px solid #7cb1b1;
	display: flex;
	border-radius: 8px;
}

.title {
	width: 100%;
	height: 20px;
	line-height: 0px;
	font-size: 18px;
	margin: auto;
	margin-top: 30px;
	text-align: center;
}

.img {


	height: 100%;
	width: 10%;
	display: flex;
}

.img img {
	width: 50%;
	margin: auto;
	display: block;

}

.content {
	width: 90%;
	height: 100%;

}

.content input {

	height: 100%;
	width: 80%;
	background-color: unset;
	border: unset;
	outline: unset;
	font-size: 8px;
}

.loginbody {

	width: 90%;

	margin: auto;
	border: 1px solid #7cb1b1;
	border-radius: 10px;
	background-color: #22674a;
	/*background: #121313; */

}

.buton {

	width: 90%;
	height: 30px;
	background-color: #56cbaa;
	border-radius: 5px;
	margin-top: 20px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
	line-height: 30px;
	font-size: 8px;
}


.guanbi {

	display: flex;
	height: 55px;
	padding: 10px;
}

.guanbi img {

	margin: auto;
	height: 100%;
}


.option {

	width: 100%;
	height: 20px;
	display: flex;
	margin-top: 20px;
}


.left_list {
	margin-top: 10px;
	width: 100%;
	height: 30px;
	padding-left: 5px;
	padding-right: 5px;
}

.left_list_row {


	width: inherit;
	height: inherit;
	display: flex;
}

.left_list_row_img {


	widht: inherit;
	width: 30%;
	height: inherit;
	/* margin: auto; */
	display: flex;
}


.left_list_row_img img {

	height: 80%;
	margin: auto;
	margin: auto;
}


.left_list_row_text {

	width: 70%;
	height: inherit;
	font-size: 10px;
	line-height: 30px;
}




.iframe {
	width: 80%;
	margin: 0 auto;
	display: block;
	height: 100%;
	border: unset;

}

@media screen and (max-width: 992px) {
	.iframe {
		width: 100%;
		margin: 0 auto;
		display: block;
		height: 100%;
		
		border: unset;
	
	}
}

@media screen and (min-width: 993px) {
	.iframe {
		width: 100%;
		margin: 0 auto;
		display: block;
		height: 100%;
		
		border: unset;
	
	}
	.Cont {
		width: 20vw !important;
		left: 40vw !important;
	}

	
}

.Cont {
	background-color: rgb(34, 103, 75);
	position: absolute;
	top: 20vh;
	color: black;
	width: 80vw;
	left: 10vw;
	height: 35vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 30px;
	
	border-radius: 20px;
}
.Cont .item {
	width: 100%;
	background-color: rgb(253, 219, 44);border-radius: 20px;padding-left: 10px;margin: 10px 0;
}


.new {
	background-color: #75a540;
	border-radius: 10px;
	margin-top: 10px;
	width: 98%;
	margin: auto;
	margin-top: 10px;
}


.newImg {

	height: 40px;
	margin-left: -12px;
}


.newImg img {

	height: 40px;
	padding: 5px;

}

.newtext {

	height: 40px;
	font-size: 20px;
	line-height: 40px;


}

.newRow {
	padding: 5px;
}

/* yang 新增样式 */
.left_menu {
	height: -webkit-calc(100% - 110px);
	/*菜单栏右上角设置圆角*/
	border-top-right-radius: 10px;
	/*左侧菜单栏边框渐模糊*/
    box-shadow: 0px 0px 0px 0px rgba(255, 255, 255, 0.2) inset, 0px -5px 20px 0px #3E9BFF;

}

.newImg img {
	padding: 0;
}

.middle_menu {
	height: -webkit-calc(100% - 110px);
	background-color: rgba(58, 26, 78, 0);
}

.bottom_menu {
	height: -10px;
}

.bottom_menu_item {
	flex-direction: column;
	align-items: center;
	position: relative;
	color: white;

	
}

/*.bottom_menu_item img {*/
	/*height: 35%;*/
	/* max-width: initial;
	max-height: initial; */
	/*margin-bottom: -8px;*/
	

/*}*/
.bottom_menu_item span {
    margin-top: -10px;
}
.bottom_menu .center-menu {
	position: relative;
}

.bottom_menu .center-menu img {
	position: relative;
	top: -25px;
	height: 50px;
	border-radius: 50%;  /*50% 表示图片圆形显示，可以根据需要调整 */
	max-width: initial;
	max-height: initial;
	z-index: 0;
	border-width: 0;
    border-style: none;
    border-color: transparent;
    /*background: linear-gradient(43deg, #B415FF 0%, #D859F1 100%);*/
    box-shadow: 0px 0px 10px 0px #3E9BFF, 0px 5px 5px 0px rgba(255, 255, 255, 0.25) inset, 0px -5px 5px 0px rgba(255, 255, 255, 0.25) inset;
}

.bottom_menu .center-menu span {
	position: absolute;
	bottom: 0px;
}

.left_list_row_text {
	font-size: 16px;
}

.top_menu_3_img,
.top_menu_3 {
	background-color: transparent;
}

.top_menu_3_img {
	width: auto;
}

.state-wrap {
	display: flex;
	align-items: center;
	justify-content: end;

}

.state-wrap img:first-child {
	height: 38px;
}

.state-wrap img {
	height: 30px;
	margin: 0 5px;
}

/* 邮箱 弹框*/


.popup-email-warp {
	position: fixed;
	z-index: 9;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
}

.popup-email-warp .mask {
	background-color: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.popup-email-warp .content-list-wrap {
	height: calc(600px - 50px);
	overflow-y: scroll;
}

.popup-email-warp .email-warp {
	position: absolute;
	z-index: 9;
	left: 5px;
	right: 5px;
	bottom: 0;
	background-color: #000;
	
	height: 600px;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
}

.popup-email-warp .email-warp .popup-title {
	font-size: 18px;
	justify-content: center;
	padding: 10px;
	background-color: #0a9407;
	height: 50px;
	position: relative;
}
#close-email{
	position: absolute;
	right: 20px;
	top: 15px;
}
.popup-email-warp .email-warp .item-wrap {
	margin: 15px 10px;
}

.popup-email-warp .email-warp .item-wrap .time {
	font-size: 14px;
}

.popup-email-warp .email-warp .item-wrap .main-wrap {
	background-color: #181818;
	margin-top: 10px;
}

.popup-email-warp .email-warp .item-wrap .main-wrap .txt1 {
	color: #969696;
	font-size: 16px;
	padding: 10px 10px;
}

.popup-email-warp .email-warp .item-wrap .main-wrap .txt2 {
	display: flex;
	align-items: center;
	padding: 10px 10px;
}

.email-warp .item-wrap .main-wrap .txt2 .glyphicon-envelope {
	color: #5d5d5d;
	font-size: 17px;
	margin-right: 10px;
}

.email-warp .ft-btn-wrap {
	margin-top: 20px;
	display: flex;
	justify-content: space-around;
	/*background-color: #262626;*/
	background: #121313; 
	padding: 18px 0;
}

.email-warp .ft-btn-wrap button {
	background-color: transparent;
	border: 2px solid #2b326c;
	padding: 5px 8px;
	min-width: 120px;
	border-radius: 4px;
	color: white;
	font-size: 16px;
}

.email-warp .ft-btn-wrap button:first-child {
	color: white;
}


/* 数据空样式 */
.empty-wrap {
	height: 200px;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.empty-tips {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	top: 10%;
}

.empty-tips .glyphicon-inbox {
	font-size: 40px;
	color: #969696;
}

.empty-tips .tips-txt {
	font-size: 30px;
}

.refresh-btn-wrap {
	margin-top: 100px;
	text-align: center;
}

.refresh-btn-wrap .btn {
	background-image: linear-gradient(45deg, #fea63d, #97e738);
	color: #333;
}

.refresh-btn-wrap .btn:active {
	color: #333;
}

/* 数据空样式 end*/

/* 邮箱 弹框end*/


/* yang 新增样式 End*/