/* 公共样式开始 */
*{
	margin: 0;
	padding: 0;
	text-decoration:none;
	font-weight: normal;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji", "arial", pingfang sc, "微软雅黑", "宋体";
}
img{
	display: inline-block;
	max-width: 100%;
}
video{
	display: inline-block;
	max-width: 100%;
}
li,ul{
	display: block;
}
input,textarea {
	outline:none
}
.cur-p{
	cursor: pointer;
}
.word-wrap{
	word-wrap: break-word;
}
.detail-img-100 img{
	max-width: 100%;
}
.detail-video-100 video{
	max-width: 100%;
}
.p50-0{
	padding: 50px 0px;
}
.a-link a{
	font-size: 14px;
	font-weight: 400;
	color: #2288FC;
	line-height: 20px;
}
.a-link .more-icon{
	width: 6px;
	margin-top: 5px;
	margin-left: 5px;
	height: 10px;
}
/* 公共样式结束 */
.w-100{
	width: 100%;
}
.w1200{
	width: 1200px !important;
	margin: auto;
}
.w1400{
	width: 1400px !important;
	margin: auto;
}
.overflow-x-hide{
	overflow-x: hidden;
}
@media screen and (max-width: 1600px) {
	.w1405{
		width: 1205px;
		margin: auto;
	}

}
@media screen and (min-width: 1600px) {
	.w1405{
		width: 1405px;
		margin: auto;
	}
}
/* flex布局开始 */
.block{
	display: block !important;
}
.none{
	display: none !important;
}
.hide{
	display: none;
}
.table{
	display: table;
}
.flex {
	display: flex;
}
.flex1 {
	display: flex;
	justify-content: space-between; /* 横向中间自动空间 */
}
.flex2 {
	display: flex;
	justify-content: center; /*水平居中*/
}
.flex3 {
	display: flex;
	align-items: center; /*垂直居中*/
}
.flex4 {
	display: flex;
	justify-content: flex-end; /*靠右对齐*/
}
.flex5 {
	display: flex;
	justify-content: center; /*水平居中*/
	align-items: center; /*垂直居中*/
}
.flex6 {
	display: flex;
	flex-wrap: wrap; /* 自动换行 */
}
.flex-s-s{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}
/* flex布局结束 */
/* 文字靠的方向开始 */
.text-l{
	text-align: left;
}
.text-c{
	text-align: center;
}
.text-r{
	text-align: right;
}
/* 文字靠的方向结束 */
/* 文字溢出省略开始 */
.text-one{  /* 一行溢出省略 */
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.text-two{  /* 两行行溢出省略 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.text-three{  /* 三行行溢出省略 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
.text-five{  /* 三行行溢出省略 */
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5; 
	overflow: hidden;
}
/* 文字溢出省略结束 */
.bgfff{
	background: #fff;
}
/* 公共头部开始 */
.hide-header{
	height: 66px;
}
.header{
	height: 66px;
	background: #FFFFFF;
	box-shadow: 0px 2px 10px 3px rgba(0,0,0,0.04);
	width:100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 11;
}
.header .logo img{
	height: 36px;
	margin-top: 15px;
	margin-right: 30px;
}
.header a{
	font-size: 14px;
	font-weight: 400;
	color: #333333;
	line-height: 63px;
}
.header .nav-link a{
	display: inline-block;
}
.header .user-login-text{
	width: 62px;
	height: 28px;
	border-radius: 16px;
	border: 1px solid #3E4148;
	font-size: 14px;
	font-weight: 400;
	color: #1E2126;
	line-height: 28px;
}
.header .user-login-text:hover{
	color: #fff;
	background: #2288FC;
	border-color: #2288FC;
}
.header .userIcon a{
	display: flex;
}
.header .message-icon a{
	display: flex;
}
.mar-l-15{
	margin-left: 15px;
}
.mar-l-20{
	margin-left: 20px;
}
.mb15{
	margin-bottom: 15px;
}
.header .nav-link::after {
	content: "";
	border-bottom: #2288FC solid 2px;
	display: block;
	transform: scale(0);
	transition: all 0.4s ease-out 0s;
}
.header .active a{
	
	color: #2288FC !important;
}
.header .nav-link::before {
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	left: 50%;
	height: 20px;
	transform: scale(0);
	transform-origin: center top;
	transition: all 0.4s ease-out 0s;
	color: #2288FC !important;
}
.header .nav-link:hover::after,
.header .nav-link:hover::before {
	transform: scale(1);
}
.header .nav-box li a{
	font-size: 14px;
	font-weight: 400;
	color: #333333 !important;
	line-height: 40px;
	margin: 0 auto;
}
.header .nav-link:hover .nav-name{
	color: #2288FC !important;
}
.header .nav-link {
	position: relative;
	margin: auto 21px;
	cursor: pointer;
}
.header .nav .nav-box {
	position: absolute;
	left: -16px;
	overflow: hidden;
	height: 0;
	transition-duration: 0.4s;
	background: #FFFFFF;
	padding: 0px 16px;
}
.header .nav .nav-box li:hover a{
	color: #2288FC !important;
}
.header .nav-link  .study{
	width: 135px;
}
.header .nav-link:hover .study {
	padding: 10px 16px;
	height: 160px;
	/* height: 240px; */
	width: 135px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .nav-link .basics{
	width: 135px;
}
.header .nav-link:hover .basics {
	padding: 10px 16px;
	height: 200px;
	/* height: 240px; */
	width: 135px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .nav-link:hover .top-css {
	padding: 10px 16px;
	height: 40px;
	width: 135px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .nav-link .increment{
	width: 100px;
}
.header .nav-link:hover .increment {
	padding: 10px 16px;
	height: 160px;
	width: 100px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .nav-link .community{
	width: 80px;
}
.header .nav-link:hover .community {
	padding: 10px 16px;
	height: 120px;
	width: 80px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .nav-link .activity{
	width: 86px;
}
.header .nav-link:hover .activity {
	padding: 10px 16px;
	height: 80px;
	width: 86px;
	box-shadow: 0px 4px 12px 4px rgba(0,0,0,0.06);
}
.header .message-icon{
	margin-right: 30px;
}
.header .userIcon{
	width: 24px;
	border-radius: 24px;
}
/* 公共头部结束 */
/* 公共页脚开始 */
.footer{
	min-width: 1200px;
}
.footer .top{
	height: 70px;
	background: #0D78F3;
}
.footer .top .box{
	height: 70px;
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
}
.footer .top .box img{
	margin-right: 5px;
}
.footer .bottom{
	background: #2B2C31;
	padding: 24px 0px;
}
.footer .bottom .box{
	margin-right: 90px;
}
.footer .bottom p{
	font-size: 16px;
	font-weight: 400;
	color: #FFFFFF;
	line-height: 22px;
	margin-bottom: 16px;
}
.footer .bottom .box a{
	font-size: 12px;
	font-weight: 400;
	color: #BFC0C1;
	line-height: 30px;
	display: block;
}
.footer .bottom .box a:hover{
	cursor: pointer;
	color: #fff;
}
.footer .bottom .box .imgDiv{
	height: 90px;
	display: block;
	height: 0;
	transition-duration: 0.3s;
}
.footer .bottom .box .img-box:hover .imgDiv{
	height: 90px;
}
.footer .bottom .right {
	width: 130px;
	text-align: center;
}
.footer .bottom .right .img-icon{
	width:100px;
	height: 100px;
	background: #FFFFFF;
	border-radius: 8px;
	margin: auto;
	margin-bottom: 16px;
	padding: 4px;
}
.footer .bottom .right span{
	display: block;
	font-size: 12px;
	font-weight: 400;
	color: #BFC0C1;
	line-height: 24px;
}
.footer-last-box{
	background: #2B2C31;
}
.footer .last{
	line-height: 56px;
	background: #2B2C31;
	font-size: 12px;    
	color: rgba(255, 255, 255, 0.45);
	border-top: 1px solid rgb(86 86 86 / 45%);
}
.footer .last span{
	margin-right: 15px;
}
.footer .last img{
	margin-right: 15px;
}
/* 公共页脚结束 */
/* 公共右侧悬浮开始 */
.right-position-box{
	z-index: 11;
	position: fixed;
	right: 14px;
	top: 50%;
	margin-top: -160px;
}
.right-position-box .top{
	margin-left: 15px;
	width: 62px;
	padding: 6px 0px;
	background: #FFFFFF;
	box-shadow: 0px 6px 15px 0px rgba(13,36,80,0.11);
	border-radius: 6px;
}
.right-position-box .top img{
	height: 22px;
	display: block;
	margin:auto;
	padding: 6px 0px;
	position: relative;
	cursor: pointer;
}
.right-position-box .top .hide{
	display: none;
}
.right-position-box .top p{
	font-size: 12px;
	text-align: center;
	font-weight: 400;
	color: #333743;
	line-height: 12px;
	margin-bottom: 6px;
}
.right-position-box .top .box:hover .hide{
	display: block;
}
.right-position-box .top .box:hover .show{
	display: none;
}
.right-position-box .top .box:hover p{
	color: #2288FC;
}
.right-position-box .top .line{
	width: 42px;
	height: 1px;
	background:#D3D3D3;
	display: block;
	margin:13px auto;
}
.right-position-box .buttom{
	margin-right: -15px;
	background: url('/fw/pc/img/common/right-bottom-bg-091946206dc0d444fe0a8da845e450ca.png');
	background-size: 100%;
	width: 92px;
	height: 58px;
	text-align: center;
	padding-top: 30px;
	line-height: 46px;
	font-size: 12px;
	font-weight: 500;
	color: #FFFFFF;
	display: block;
}
.right-position-box .go-top{
	width: 46px;
	height: 46px;
	background: #FFFFFF;
	box-shadow: 0px 6px 15px 0px rgba(13,36,80,0.11);
	border-radius: 46px;
	margin: auto;
	margin-left: 23px;
	margin-top:-10px;
}
.right-position-box .position-r{
	position: relative;
}
.right-position-box .pohne-right{
	display: none;
	min-height: 65px;
	width: 185px;
	padding: 10px 12px;
	background: #FFFFFF;
	box-shadow: 0px 6px 15px 0px rgba(13,36,80,0.11);
	right: 77px;
	top: -10px;
	position: absolute;
	border-radius: 6px;
}
.right-position-box .pohne-right:before{
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #FFFFFF;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: 30px;
	right: -8px;
}
.right-position-box .pohne-right .name{
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	line-height: 17px;
	margin-bottom: 5px;
}
.right-position-box .pohne-right .phone-text{
	font-size: 15px;
	font-weight: bold;
	color: #333333;
	line-height: 21px;
	margin-bottom: 3px;
}
.right-position-box .pohne-right .phone-time{
	font-size: 12px;
	font-weight: 400;
	color: #666666;
	line-height: 17px;
}
/* 公共右侧悬浮结束 */

/* 分页样式 */
.pagination-box{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 40px;
	font-size: 13px;
	font-weight: 400;
	color: #666666;
	line-height: 18px;
}
#page .go-page-btn{
	width: 60px;
	background-color: #2288FC;
	color: #fff;
	margin-left: 15px;
}
#page .gopage{
	width: 46px;
	margin: 0 6px;
	border: 0px solid #BFC0C1;
	padding: 2px 4px;
	line-height: 26px;
	height: 26px;
	text-align: center;
}
#page{
	display: flex;
	align-items: center;
}
#page a{
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 4px;
	margin:0 4px;
	cursor: pointer;
}
#page .current{
	background: none;
}
#page .total-number{
	margin-right: 6px;
}
.about-box{
	min-height: calc(100vh - 123px);
}
/* banner样式 开始 */
.bannerSwiper img{
	width: 100%;
}
.bannerSwiper .swiper-slide{
	position: relative;
}
.bannerSwiper .swiper-msg-main{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 0px;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.bannerSwiper .swiper-msg{
	width: 1200px;
	/*margin: auto;*/
}
.bannerSwiper .swiper-msg .sub-title {
	width: 666px;
	margin-top: 10px;
	font-size: 20px;
	font-weight: 400;
	color: #fff;
	line-height:34px;
	height: 80px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}
.bannerSwiper .swiper-msg .title{
	font-size: 40px;
	font-weight: 500;
	color: #fff;
	line-height: 56px;
}
.bannerSwiper .swiper-msg-main .btns{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 30px;
}
.bannerSwiper .btn{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 10px 30px;
	border-radius: 4px;
	margin-right: 10px;
	text-decoration:none;
  
}
.bannerSwiper .color-primary{
	background-color: #2288FC;
	color: #fff;
}
.bannerSwiper .color-default{
	border: 1px solid #2288FC;
	color: #2288FC;
}
/* 公共提示语 开始 */
.error-box{
	width: 100vw;
	height: 100vh;
	position: fixed;
    top: 0%;
    z-index: 10000;
    left: 0%;
}
.error-box p{
    background: rgba(0,0,0,0.65);
    color: #fff;
    padding: 5px 15px;
    border-radius: 3px;
    font-size: 15px;
}
.noText-box{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0%;
	z-index: 66;
	left: 0%;
}
.noText-box p{
	box-shadow: 0px 2px 10px 0px rgb(0 0 0 / 10%);
	background: #fff;
	color: #333;
	padding: 20px 35px;
	border-radius: 7px;
	font-size: 16px;
	font-weight: bold;
}
/* 公共提示语 结束 */
/* 404页面 开始 */
.error-container {
	margin: 50px auto;
	width: 500px;
}

.error-container .error-top {
	display: flex;
}

.error-container .p1 {
	font-size: 24px;
}

.error-container .p2 {
	font-size: 40px;
	font-weight: bolder;
}

.error-container .p3 {
	text-align: left;
	margin-top: 60px;
	color: #ff0000;
	margin-bottom: 20px;
	line-height: 24px;
}
.error-container .p4 {
	color: #000;
    margin-bottom: 10px;
    line-height: 24px;
    text-align: center;
    margin-top: 5px;
}
/* 404页面 结束 */
/*暂无数据 开始*/
.position-id{
	height: 66px;
}
.no-data-box{
	padding: 50px 0px;
}
.no-data-box img{
	width: 90px !important;
	height: auto !important;
	margin: auto !important;
	display: block !important;
	margin-bottom: 20px !important;
}
.no-data-box p{
	color: #888;
	font-size: 14px;
}
/*暂无数据  结束*/
/*个人中心右侧弹窗  开始*/
.user-popup{
	background: rgba(0,0,0,0.75);
	width: 100%;
	height: 100vh;
	position: fixed;
	top:0;
	left: 0;
	z-index: 66;
}
.user-popup .left-box{
	width: calc(100vw - 450px);
	position: absolute;
	left: 0px;
	height: 100vh;
	cursor: pointer;
}
.user-popup-box{
	position: absolute;
	right: 0px;
	width: 450px;
	height: 100vh;
	background:#F7F8FA;
}
.user-popup-box .top{
	line-height: 60px;
	background:#fff;
	padding: 0px 22px;
}
.user-popup-box .top p{
	margin-right: 20px;
	cursor: pointer;
	font-size: 16px;
	color: #333333;
}
.user-popup-box .top .active{
	color: #2288FC;
	border-bottom: 2px solid #2288FC;
}
.user-popup-box .user-like-block{
	padding-top: 14px;
}
.user-popup-box .user-popup-block{
	width: 392px;
	padding:14px;
	background: #FFFFFF;
	border-radius: 6px;
	margin: auto;
	margin-bottom: 10px;
}
.user-popup-box .title{
	margin-bottom: 12px;
}
.user-popup-box .title img{
	width: 24px;
	height: 24px;
}
.user-popup-box .title p{
	font-size: 14px;
	line-height: 24px;
}
.user-popup-box .title a{
	font-size: 14px;
	line-height: 24px;
	color: #2288FC !important;
}
.user-popup-box .user-detail-block img{
	width: 66px;
	height: 66px;
	margin-right: 20px;
}
.user-popup-box .user-detail-block .more-icon{
	width: 6px;
	height: 12px;
}
.user-popup-box .user-detail-block .user-img img{
	width: 70%;
}
.user-popup-box .user-detail-block  label{
	line-height: 24px;
	font-size: 12px;
	color: #999;
}
.user-popup-box .user-detail-block .c-333{
	color: #333;
}
.user-popup-box .user-detail-block  span{
	line-height: 24px;
	padding-left: 10px;
	font-size: 12px;
}
.user-popup-box .user-detail-block .btn{
	padding: 0px 6px;
	height: 24px;
	background: #FEF5E6;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 400;
	color: #FF7B0F;
	line-height: 24px;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
	margin-bottom: 10px;
}
.user-popup-box .user-detail-block .btn img{
	width: 14px;
	height: 14px;
	margin-right: 3px;
}
.user-popup-box .user-detail-block a{
	line-height: 24px;
	padding-left: 10px;
	font-size: 12px;
	color: #2288FC !important;
}
.user-popup-box .line{
	padding-bottom: 20px;
	border-bottom: 1px #ddd dashed;
}
.user-popup-box .text_box{
}
.user-popup-box .text_box p{
	text-align: center;
	font-size: 18px;
	margin-bottom: 8px;
	color: #2288FC;
}
.user-popup-box .text_box a{
	font-size: 12px;
	color: #666666;
	text-align: center;
	display: block;
}
.user-popup-box .text_box .tool-a{
	width: 116px;
	height: 30px;
	border-radius: 4px;
	border: 1px solid #DCDCDC;
	font-size: 12px;
	font-weight: 400;
	color: #333333;
	line-height: 30px;
	text-align: center;
	margin: 0px 6px;
	margin-bottom: 10px;
	display: block;
}
.user-popup-box .text_box .tool-a:hover{
	color: #2288FC;
	border: 1px solid #2288FC;
}
.user-popup-box .bottom-box{
	width: 420px;
	margin: auto;
	position: relative;
	margin-top: 15px;
}
.user-popup-box .bottom-box .user-popup-bg{
	width: 100%;
	position: absolute;
}
.user-popup-box .bottom-box .text-box{
	position: absolute;
	top: 20px;
	left: 22px;
}
.user-popup-box .bottom-box .name {
	font-size: 30px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 34px;
	margin-bottom: 20px;
}
.user-popup-box .bottom-box .btn{
	width: 99px;
	height: 30px;
	background: #FFFFFF;
	border-radius: 15px;
	font-size: 16px;
	line-height: 30px;
	color: #FF4A11 !important;
	cursor: pointer;
}
.user-popup-box .bottom-box .btn img{
	width: 10px;
	height: 10px;
}
/*个人中心右侧弹窗  结束*/