@charset "utf-8";
/* 你自己的样式 */
.page{
    margin:10px auto 0;
    padding:0 auto;
}
.page li{
    display: inline-block;
    padding:10px;
}
/* 所有body部分 */
/*定义滚动条宽高及背景，宽高分别对应横竖滚动条的尺寸*/
		body::-webkit-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		body::-moz-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		body::-ms-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		body::-o-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		/*定义滚动条的轨道，内阴影及圆角*/
		body::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		body::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		body::-ms-scrollbar-track{-ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		body::-o-scrollbar-track{-o-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		/*定义滑块，内阴影及圆角*/
		body::-webkit-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		body::-moz-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		body::-ms-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		body::-o-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
/* 新闻部分 */
		.left_tab2::-webkit-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.left_tab2::-moz-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.left_tab2::-ms-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.left_tab2::-o-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		/*定义滚动条的轨道，内阴影及圆角*/
		.left_tab2::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.left_tab2::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.left_tab2::-ms-scrollbar-track{-ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.left_tab2::-o-scrollbar-track{-o-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		/*定义滑块，内阴影及圆角*/
		.left_tab2::-webkit-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.left_tab2::-moz-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.left_tab2::-ms-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.left_tab2::-o-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}



/*提醒*/
.all-remind{height: 200px;overflow: hidden;width: 94%;position: relative;border: 2px solid #c3d6e6;box-sizing: border-box;margin: 0px auto 40px;transition: 1s;border-radius: 4px}
.remind-nav li{float: left;line-height: 33px;padding: 0 18px;cursor: pointer;}
.remind-nav a{height: 33px;line-height: 33px;float: right;margin-right: 20px;text-decoration: none;color: white;}
.remind-nav a:hover{}
.remind-nav{height: 33px;background: #5a98de;color: white;}
.all-remind div,.me-remind{width: 100%;height: calc(100% - 33px);float: left;margin: 0 1.5%;box-sizing: border-box;position: absolute;top: 33px;left: 0;margin: 0;display: none;}
.all-remind div ul,.me-remind ul{height: 100%;overflow: auto;}
.all-remind div li,.me-remind li{height: 33px;line-height: 33px;border-bottom: 1px dashed #c3d6e6;padding-left: 18px;font-size: 13px;}
.all-remind div li a{color: #333;}
.all-remind div h4,.me-remind h4{margin: 0px;height: 40px;line-height: 40px;}
.all-remind div li:nth-child(1){font-weight: bold;}
.all-remind div li span{display: inline-block;float: left;box-sizing: border-box;overflow-x: hidden;text-overflow: ellipsis;white-space: nowrap;}
.all-remind div li span:nth-child(1){width: 5%;}
.all-remind div li span:nth-child(2){width: 60%;}
.all-remind div li span:nth-child(3){width: 15%;}
.all-remind div li span:nth-child(4){width: 15%;}
.all-remind div li span:nth-child(5){width: 5%;}
.all-remind .remind-show{display: block;}
.liShow{background: white;color: #666;}

/* 滚动条  ul */
		.all-remind div ul::-webkit-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.all-remind div ul::-moz-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.all-remind div ul::-ms-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		.all-remind div ul::-o-scrollbar{width: 10px;height: 16px;background-color: #f5f5f5;}
		/*定义滚动条的轨道，内阴影及圆角*/
		.all-remind div ul::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.all-remind div ul::-moz-scrollbar-track{-moz-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.all-remind div ul::-ms-scrollbar-track{-ms-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		.all-remind div ul::-o-scrollbar-track{-o-box-shadow: inset 0 0 6px rgba(0,0,0,.1); background-color: #f5f5f5;border-radius: 10px;}
		/*定义滑块，内阴影及圆角*/
		.all-remind div ul::-webkit-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.all-remind div ul::-moz-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.all-remind div ul::-ms-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}
		.all-remind div ul::-o-scrollbar-thumb{height: 20px;/* border-radius: 10px; */background-color: #c1c1c1;border-radius: 10px;}




/********清浮动***********/
.clearbox{clear: both;}

/*****************************************问答图标样式********************************************************/
.wenda{position: fixed;width: 70px;height: 110px;right: 50px;bottom: 70px;z-index: 99;cursor: pointer;}
.moveImg{width: 100%;height: 100%;animation: wenda 2s ease infinite;}
@keyframes wenda{
	0%{
		transform: rotate(0deg);
		transform-origin: bottom center;
	}
	40%{
		transform: rotate(20deg);
		transform-origin: bottom center;

	}
	50%{
		transform: rotate(-20deg);
		transform-origin: bottom center;

	}
	60%{
		transform: rotate(20deg);
		transform-origin: bottom center;

	}
	70%{
		transform: rotate(0deg);
		transform-origin: bottom center;

	}
	100%{
		transform: rotate(0deg);
		transform-origin: bottom center;	
	}

}
.showCss{width: 100%;height: 50px;padding-top: 20px;display: none;}

.hideImg{
	width: 100%;
	height: 30px;
	float: left;
	position: relative;
}
.hideImg i{display: inline-block;border:1px solid #666;height: 15px;position: absolute;left: 50%;top:0;margin-left: -1px;}
.hideImg span{display: inline-block;display: none;width: 20px;height: 20px;background: orange;border-radius: 50%;color: white;text-align: center;line-height: 18px;font-size: 19px;font-weight: 100;margin: 0 auto;position: absolute;right: -10px;top: 10px;}

.wenda:hover .hideImg span{display: inline-block;}

.hideDiv{transform: rotate(-90deg);right: -40px;}

.hideDiv:hover .showCss{padding-top: 0px;transition: 1s;}

/********************************登录状态*******************************************/
.line-status{display: inline-block;cursor: pointer;text-align: center;width: 130px;height: 40px;}