@charset "utf-8";

/* web端 */
/* 重要1280px 480px*/
/* pc */
/* body: {
	font-family: Helvetica, Tahoma, Arial, 'STXihei', '华文细黑', Heiti, '黑体', '思源黑体', SimSun, '宋体', sans-serif !important;
} */

.icon {
	fill: currentColor;
	overflow: hidden;
}

.top-login-botton a {
	color: #606266;
}
.mgt10{
	margin-top: 10px;
}
.main-bg {
	width: 100%;
	margin: 0 auto;
	background: #EEF3FB;
	height: auto;
	overflow: hidden;

}

.article-bg {
	width: 100%;
	margin: 0 auto;
	background: #FFFFFF;
	height: auto;
	overflow: hidden;

}

.download-files{
    font-size: 13px;
    padding: 0 10px;
    margin-top: 20px;
}
.download-files p{
    line-height: 30px;
    /*height: 20px;*/
}
.download-files a{
    color: blue;
}

/* web端 */
@media screen and (min-width: 1080px) {

	/* 顶部菜单 */
	.w1280 {
		width: 80%;
		margin: 0 auto;
	}

	.pc-between {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}

	.header-pc {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.header-top {
		width: 100%;
		height: 36px;
		margin: 0 auto;
		background: #f5f5f5;
		box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 4px;
	}

	.header-top-left {
		font-size: 13px;
		line-height: 36px;
		color: #606266;
	}

	.header-top-login {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
	}

	.header-top-login-icon .icon {
		width: 28px;
		height: 28px;
		color: #606266;
		margin-top: 4px;
	}

	.top-login-botton {
		margin: auto 6px;
		color: #606266;
		font-size: 13px;
		line-height: 36px;
	}

	.header-top-login a:hover {
		color: #0D3B93;
		cursor: pointer;

	}

	.header-logo {
		height: auto;
		overflow: hidden;

	}

	.header-logopic {
		display: inline;
		float: left;
		padding-top: 10px;
	}

	.pc-start {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
	}

	.pc-end {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
	}

	.pc-center {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}

	.pc-flex-wrap {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;

	}

	.header-logopic-img1 {
		display: inline;
		float: left;
	}

	.header-logopic-img1 img {
		width: 320px;
		height: 74px;
		margin-top: 30px;
	}

	.header-logopic-img2 {
		float: left;
		width: 330px;
		height: 58px;
		margin-top: 36px;
	}

	.header-logopic-img2 img {
		width: 58px;
		height: 58px;
	}

	.header-logopic-img3 {
		margin-left: 10px;
		font-weight: bold;
		line-height: 26px;
	}

	.header-search {
		float: left;
		width: 450px;
		height: 80px;
		margin-top: 40px;
		margin-left: 80px;
		margin-right: 50px;
		overflow: hidden;
	}

	.h-top-search {
		width: 400px;
		height: 50px;
		border-top: #c0c4cc 1px solid;
		border-bottom: #c0c4cc 1px solid;
		border-left: #c0c4cc 1px solid;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		border-right: none;
		overflow: hidden;
		padding-left: 10px;
		background: #fdfdfd;
		font-size: 14px;
		color: #909399;

	}

	.header-search-icon {
		height: 50px;
		border-top: #c0c4cc 1px solid;
		border-bottom: #c0c4cc 1px solid;
		border-right: #c0c4cc 1px solid;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		background: #fdfdfd;

	}

	.header-search-icon .icon {
		width: 26px;
		height: 26px;
		color: #c0c4cc;
		margin-top: 12px;
		margin-right: 12px;

	}

	.header-menu {
		width: 100%;
		height: 44px;
		margin: 0 auto;
		background: #0D3B93;
	}

	.header-menu ul {}

	.menu-list li {
		height: 42px;
		color: #FFFFFF;
		font-size: 16px;
		margin: 0 28px;
		padding: 0 8px;
		line-height: 44px;
		cursor: pointer;
	}

	.header-menu .active {
		border-bottom: 2px solid #FFFFFF;
	}

	.header-menu-mobile {
		display: none;
	}

	/* 左侧 */
	.main-left {
		width: 24%;
		height: auto;

	}

	.box-bg {
		width: 100%;
		height: auto;
		background: #FFFFFF;
		margin-top: 16px;
	}

	.table-content {
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}

	.part-title {
		height: auto;
		padding: 8px 16px;
		overflow: hidden;
	}

	.name-icon .icon {
		width: 28px;
		height: 28px;
		margin-top: 4px;

	}

	.name-text {
		font-size: 18px;
		color: #303133;
		font-weight: bold;
		text-align: left;
		line-height: 36px;
		margin-left: 8px;
		overflow: hidden;
	}

	.index-pc-cover {
		margin: 0px auto;
		padding: 0px 16px;

	}

	.index-pc-cover img {
		width: 100%;


	}

	.m-hidden {}

	.m-show {
		display: none;
	}

	.content-list-btn {
		width: 98%;
		margin: 0px 16px 16px 16px;
		padding-bottom: 16px;
	}

	.index-m-cover {
		width: 0%;
	}

	.content-list-btn li {
		width: 100px;
		height: 40px;
		background: #4988FD;
		border-radius: 8px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	.index-send {
		width: 100%;
		margin: 0 auto;
		border-radius: 8px;
		border: 1px #4988FD solid;
		overflow: hidden;
		height: 54px;
		margin-top: 12px;
	}

	.index-send .icon {
		width: 44px;
		height: 44px;
		margin-top: 8px;

	}

	.index-send-text {
		color: #303133;
		font-size: 18px;
		font-weight: bold;
		line-height: 54px;
		margin-left: 10px;
		padding-right: 16px;

	}

	.index-send:hover {
		background: #EEF3FB;
		cursor: pointer;
	}

	.index-about {
		margin: 16px 16px 0px 16px;
		overflow: hidden;
		padding-bottom: 16px;
	}

	.field-name {
		width: 100px;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
		color: #303133;
	}

	.field-nav {
		width: auto;
		line-height: 30px;
		font-size: 14px;
		color: #606266;
	}

	/* 中间 */
	.main-center {
		width: 49%;
		height: auto;
		margin-bottom: 16px;
	}

	.new-center {
		width: 75%;
		height: auto;
		margin-bottom: 16px;
	}

	.this-issue {
		padding-bottom: 16px;
	}

	.partname {
		width: 92%;
		margin: 16px 16px;
		background: #F5F7F9;
		font-size: 14px;
		color: #638AFF;
		height: 32px;
		float: left;
		line-height: 32px;
		padding-left: 20px;
		overflow: hidden;
	}

	.name-publinsh {
		width: 92%;
		margin: 4px 20px;
		font-size: 16px;
		color: #303133;
		line-height: 24px;
		overflow: hidden;

	}

	.name-publinsh-title {
		margin: 0px 8px 8px 0px;
		font-size: 18px;
		color: #303133;
		line-height: 36px;
		font-weight: bold;

	}

	.author {
		margin: 8px 8px 8px 0px;
		width: 100%;
		font-size: 13px;
		color: #606366;
		line-height: 20px;
	}

	.operate-nav {
		margin: 0px 36px 0px 0px;
	}

	.operate-icon .icon {
		width: 24px;
		height: 24px;
		color: #c0c4cc;
	}

	.operate-text {
		font-size: 13px;
		color: #606366;
		line-height: 24px;
		margin: 0px 4px;

	}

	.operate-number {
		font-size: 13px;
		color: #638AFF;
		line-height: 24px;
		margin: 0px 4px;

	}

	/* 右侧 */
	.m-between {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;

	}

	.notice-icon {
		display: inline;
		float: left;
	}

	.notice-text {
		display: inline;
		float: left;
	}

	.main-right {
		width: 25%;
		height: auto;
	}

	.notice-more {

		display: inline;
		float: right;
		color: #c0c4cc;
		font-size: 14px;
		line-height: 36px;
	}

	.notice-more:hover {
		display: inline;
		float: right;
		font-size: 14px;
		line-height: 36px;
		color: #4988FD;
		cursor: pointer;
	}

	.notice-bg {
		padding-bottom: 8px;
	}

	.main-right-notice-list {
		margin: 2px 12px;
		height: 40px;
	}

	.notice-title {
		font-size: 14px;
		color: #303133;
		text-align: left;
		line-height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.notice-title:hover {
		color: #4988FD;
		cursor: pointer;

	}

	.notice-time {
		width: 90px;
		font-size: 14px;
		color: #4988FD;
		text-align: left;
		line-height: 40px;

		overflow: hidden;

	}

	.hotread {
		overflow: hidden;
	}

	.main-right-read-list {
		padding: 10px 12px;
		display: block;
		overflow: hidden;
	}

	.hot-read-title {
		float: left;
		font-size: 14px;
		color: #303133;
		text-align: left;
		line-height: 26px;

	}

	.main-right-read-list:hover .hot-read-title {
		float: left;
		font-size: 14px;
		color: #4988FD;
		text-align: left;
		line-height: 26px;
		cursor: pointer;

	}

	.hot-read-nub {
		margin-top: 6px;
		margin-left: 8px;
		height: 26px;
		line-height: 26px;
		padding: 0 4px;
		color: #4988FD;
		border-radius: 8px;
		border: 1px solid #4988FD;
	}

	/* 视频 */
	.index-video {
		width: 80%;
		margin: 16px auto;
	}

	.video-list {
		height: 240px;
		margin: 16px;
		padding-bottom: 16px;
		overflow: hidden;

	}

	.video-nav {
		width: 392px;
		height: 240px;
		position: relative;
		float: left;
		overflow: hidden;
		margin-right: 16px;
		margin-bottom: 16px;
	}

	.v-n-pic {}

	.video-title {
		z-index: 999;
		position: absolute;
		margin-top: -36px;
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		background: rgba(0, 0, 0, 0.3);
		color: #FFFFFF;
	}

	.video-title span {
		padding-left: 8px;

	}

	.video-nav img {
		width: 392px;
		height: 240px;
		z-index: 9;
	}

	/* 广告 */
	.index-banner-bg {
		width: 100%;
		height: auto;
		background: #E3EEFD;
	}

	.index-banner {
		width: 80%;
		margin: 0 auto;
		padding-top: 60px;
		overflow: hidden;

	}

	.index-banner-bg .swiper-wrapper img {
		width: 100%;
		height: auto;
	}

	/* 友情链接 */
	.index-links {
		margin-top: 28px;
	}

	.links-list {
		width: 100%;
		overflow: hidden;
		padding-bottom: 16px;
	}

	.linkimg {
		width: 188px;
		height: 60px;
		overflow: hidden;
		float: left;
		margin: 10px;
	}

	.linkimg img {
		width: 100%;
		height: auto;
		text-align: center;
		overflow: hidden;
	}

	/* 底部 */
	footer {
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		background: #373A51;
		background-size: 100%;
	}

	.foot-nav {

		overflow: hidden;
		padding-bottom: 40px;
	}

	.f-logo {
		float: left;
		display: inline;
		margin-left: 40px;
		margin-top: 70px;
	}

	.f-logo img {
		width: 320px;
		height: 64px;
	}

	.f-message {

		float: left;
		display: inline;
		margin-left: 80px;
		margin-top: 40px;
		margin-right: 250px;
	}

	.foot-contact {
		color: #B9B9B9;
		font-size: 14px;
		line-height: 28px;
	}

	.QRcode {
		float: left;
		display: inline;
		text-align: center;
		margin-top: 40px;
		margin-right: 80px;
		overflow: hidden;

	}

	.QRcode img {
		width: 120px;
		height: 120px;

	}

	.tpQRcode {
		float: right;
		display: inline;
		text-align: center;
		margin-right: 40px;
		overflow: hidden;

	}

	.tpQRcode img {
		width: 100px;
		height: 100px;
	}

	.copyright {
		width: 100%;
		height: 60px;
		background: #1A1A1A;
		text-align: center;
		color: #B9B9B9;
		font-size: 14px;
		line-height: 60px;
	}

	.copyright a {

		color: #B9B9B9;
	}

	.copyright a:hover {

		color: #0D3B93;
	}

	/* 最新发表页面 */
	.flo-right {
		float: right;
	}

	.dis-view {
		overflow: hidden;
	}

	.new-discuss {
		width: 50%;
		margin: 16px;
		padding-top: 16px;
		float: left;


	}

	.prev-discuss {
		width: 44%;
		height: auto;
		float: left;
		margin: 16px;
		padding-top: 16px;
		border: 1px solid #0D3B93;
	}

	.new-discuss img {
		width: 250px;

	}

	.new-intro {
		margin-left: 24px;
	}

	.new-name {
		font-size: 24px;
		color: #303133;
		text-align: left;
		line-height: 44px;

	}

	.new-name span {
		font-size: 18px;
		color: #909399;
		margin-left: 8px;
	}

	.new-title {
		font-size: 20px;
		color: #0D3B93;
		text-align: left;
		line-height: 44px;

	}

	.new-time {
		font-size: 18px;
		color: #606266;
		text-align: left;
		line-height: 44px;

	}

	.new-list {
		margin: 16px;
		overflow: hidden;
	}

	.new-discuss-menu li {
		width: 100px;
		height: 40px;
		background: #4988FD;
		border-radius: 8px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	.new-discuss-menu li:hover {
		width: 100px;
		height: 40px;
		background: #0D3B93;
		border-radius: 8px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	/* 文章详情页面 */
	.pc1200 {
		width: 1200px;
		margin: 0 auto;
	}

	.article-part {
		margin: 40px auto 20px auto;
	}

	.article-partname {
		margin: 0 16px;
		font-size: 14px;
		color: #638AFF;
		height: 36px;
		float: left;
		line-height: 36px;
		padding-left: 20px;
		overflow: hidden;
	}

	.article-title {
		font-size: 30px;
		font-weight: bold;
		color: #303133;
		line-height: 44px;


	}

	.article-author {
		font-size: 18px;
		color: #303133;
		line-height: 28px;
		margin: 16px auto;
		text-align: left;
	}

	.article-quote {
		font-size: 16px;
		color: #303133;
		line-height: 28px;
		margin: 16px auto;
		text-align: left;
	}

	.article-Abstract {
		width: 100%;
		border-left: 10px solid #4988FD;
		border-right: 1px solid #4988FD;
		border-top: 1px solid #4988FD;
		border-bottom: 1px solid #4988FD;
		overflow: hidden;
	}

	.article-Abstract2 {
		width: 100%;
		margin-top: 24px;
		border-left: 1px solid #4988FD;
		border-right: 1px solid #4988FD;
		border-top: 1px solid #4988FD;
		border-bottom: 1px solid #4988FD;
		overflow: hidden;
	}

	.article-Abstract-name {
		font-size: 20px;
		color: #303133;
		line-height: 28px;
		margin: 16px;
		text-align: left;
		font-weight: bold;

	}

	.article-Abstract-nav {
		margin: 14px;
		text-align: left;
		line-height: 36px;

	}

	.article-read {
		width: 100%;
		margin: 24px auto;
		overflow: hidden;
	}

	.read {
		width: 280px;
		height: 166px;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #4988FD;
		border: 1px solid rgb(73, 136, 253);

	}

	.read-icon .icon {
		width: 44px;
		height: 44px;
		color: #FFFFFF;
		margin-top: 60px;
		margin-right: 8px;
	}

	.read-txt {
		color: #FFFFFF;
		line-height: 166px;
		font-size: 20px;
	}

	.download {
		margin-left: 24px;
		width: 280px;
		height: 166px;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #D4E2FB;
		border: 1px solid rgb(73, 136, 253);

	}

	.download-icon .icon {
		width: 44px;
		height: 44px;
		color: #4988FD;
		margin-top: 60px;
		margin-right: 8px;
	}

	.download-txt {
		color: #4988FD;
		line-height: 166px;
		font-size: 20px;
	}

	.tips {
		margin-left: 24px;
		width: 580px;
		height: 166px;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #FFF0DA;
		border: 1px solid rgb(255, 154, 109);

	}

	.tips-icon .icon {
		width: 44px;
		height: 44px;
		color: #FF9A6D;
		margin-top: 60px;
		margin-right: 8px;
	}

	.tips-txt {
		margin-top: 40px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;
		margin-left: 10px;
	}

	/*视频列表*/
	.videolist {
		margin: 16px;
		overflow: hidden;

	}

	.videolist-nav {
		margin-top: 16px;
		overflow: hidden;
		margin-bottom: 16px;
	}

	.v-img {
		float: left;
	}

	.videolist-nav img {
		width: 380px;
		height: 200px;
	}

	.v-text {
		float: left;
		max-width: 560px;
	}

	.source {

		margin-top: 16px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;
		margin-left: 10px;
	}

	/*公告列表*/
	.noticelist {
		margin: 4px 16px;
		overflow: hidden;

	}

	.noticelist-nav {
		overflow: hidden;
		margin: 16px auto 8px auto;
	}

	.n-img {
		float: right;
	}

	.noticelist-nav img {
		width: 380px;
		height: 200px;
	}

	.n-text {
		float: left;
		width: 60%;
	}

	.notice-describe {
		margin-top: 4px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;

	}

	.notice-time {
		color: #909399;
		line-height: 40px;
		font-size: 14px;
		font-family: Arial, Helvetica, sans-serif;
		text-align: right;

	}

	.noticelist-nav .name-publinsh {
		width: 92%;
		margin: 0px 8px;
		font-size: 16px;
		color: #303133;
		line-height: 24px;
		overflow: hidden;

	}

	.noticelist-nav .name-publinsh-title {
		margin: 0px 8px 8px 0px;
		font-size: 18px;
		color: #303133;
		line-height: 36px;
		font-weight: bold;

	}

	/*公告详情*/
	.noticedeta {
		margin: 16px;
		overflow: hidden;

	}

	.noticedeta-title {
		margin: 0 auto;
		width: 80%;
		text-align: center;
		font-size: 20px;
		color: #303133;
		line-height: 32px;
		font-weight: bold;
	}

	.noticedeta-time {
		margin-top: 8px;
	}

	.noticedate {
		margin-right: 16px;
		color: #606366;
		font-size: 14px;
		line-height: 24px;
	}

	.notice-nav {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: left;
		overflow: hidden;

	}

	.noticeback {
		text-align: center;
		margin: 0 auto;
		color: #606266;
		font-size: 14px;
		line-height: 24px;
	}

	.noticeback a {
		color: #606266;

	}

	.noticeback a:hover {
		color: #4988FD;
		font-size: 14px;
		line-height: 24px;
	}

	.backtxt {
		margin-left: 8px;
	}

	.oticeback .operate-icon .icon {

		color: #606266;
	}

	.oticeback .operate-icon:hover .icon {
		color: #4988FD;
	}

	/*往期目录*/
	.now-journal {
		float: left;
	}

	.now-journal-line {
		overflow: hidden;
		border: #D6E4FF 1px solid;
		text-align: center;
		margin-top: 4px;
		padding-bottom: 24px;
		padding-left: 32px;
		padding-right: 32px;

	}

	.now-journal-line img {
		width: 160px;
		height: 240px;
		margin-top: 24px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}

	.now-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 160px;
		text-align: center;
		margin: 0 auto;
	}

	.new-journal {
		float: left;
		margin-left: 24px;

	}

	.new-journal-line {
		overflow: hidden;
		border: #D6E4FF 1px solid;
		margin-top: 4px;
		padding-left: 12px;
		padding-right: 12px;
		padding-bottom: 24px;

	}

	.new-journal-line img {
		width: 160px;
		height: 240px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}

	.journal-list-img {
		margin: 24px 16px 0px;
		float: left;
	}

	.list-title {
		display: block;
		height: auto;
		overflow: hidden;
	}

	.new-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 160px;
		text-align: center;
		margin: 0 auto;
	}

	/*历史期刊*/
	.his-year-line {
		margin: 32px 16px 16px 16px;
		background: #F5F7F9;
		height: 48px;
		overflow: hidden;
	}
	.tabNav{
		display: flex;
		flex-wrap: nowrap;
		overflow-x: auto;
		display: -webkit-box;
	}
	.tabNav li {
		color: #638AFF;
		font-size: 20px;
		width: 100px;
		/* float: left; */
		height: 48px;
		line-height: 48px;
		text-align: center;
	}

	.tabNav li a {
		color: #638AFF;
	}

	.tabNav .active a {
		color: #FFFFFF !important;

	}

	.tabNav .active {
		background: #638AFF;
		font-size: 20px;
		width: 100px;
	}

	.tabs .prev{
		display: inline;
		float: left;
		width: 48px;
		height: 48px;
	}
	
	.tabs .next {
		display: inline;
		float: right;
		width: 48px;
		height: 48px;
	}
	.his-left-icon .icon{
		color: #638AFF;
		margin-top: 10px;
		margin-left: 6px;
	}
	.his-year-list{
		margin: 16px;
		overflow: hidden;
	}
	.his-img{
		overflow: hidden;
		float: left;
	}
	.journal-his-img {
		margin: 0px 16px 16px 0px;
		float: left;
		border: #D6E4FF 1px solid;
		padding: 22px;
	}

	.list-title {
		display: block;
		height: auto;
		overflow: hidden;
	}
	.journal-his-img img {
		width: 120px;
		height: 184px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}
	.his-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 120px;
		text-align: center;
		margin: 0 auto;
	}

	.login-box-wrapper {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		z-index: 99999;
		display: none;
	}
	.login-box-wrapper .login-wrapper {
		width: 90%;
		max-width: 450px;
		height: auto;
		overflow: hidden;
		background: #fff;
		border: #ddd solid 1px;
		position: fixed;
		z-index: 9999;
		top: 50%;
		left: 50%;
		transform:translateY(-50%) translateX(-50%);
		box-sizing: border-box;
		padding-bottom: 20px;
		border-bottom: #0D3B93 solid 2px;
	}
	.login-box-wrapper .login-wrapper .title {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		color: #0D3B93;
		border-bottom: #ebebeb solid 1px;
		box-sizing: border-box;
	}

	.login-box-wrapper .login-wrapper .title .close-btn{
		position: absolute;
		right: 20px;
	}
	.login-box-wrapper .login-wrapper .login-form {
		padding: 10px 80px;
		width: 100%;
		box-sizing: border-box;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item {
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		margin-top: 10px;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item input {
		width: 100%;
		box-sizing: border-box;
		border: #ddd solid 1px;
		padding: 8px 10px;
		font-size: 14px;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item  .code-img {
		width: 80px;
		margin-left: 10px;
	}

	.login-box-wrapper .login-wrapper .login-form .form-item input::placeholder {
		color: #ccc;
	}



	.login-wrapper .login-form .form-item input[type=button] {
		background-color: #0D3B93;
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
	}
	.login-wrapper .login-form .form-item input[type=button]:active {
		background-color: #0b2e70;
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
	}

	.login-wrapper .footer {
		padding: 10px 80px;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}

	.login-wrapper .footer a {
		font-size: 12px;
		color: #0D3B93;
	}

	.login-wrapper .footer a:hover {
		text-decoration: underline;
	}

}

/* 笔记本电脑 */
@media (min-width: 1080px) and (max-width: 1580px) {
	.tpQRcode{
		display: none!important;
	}
	.header-search{
		float: left;
		width: 350px;
		height: 80px;
		margin-top: 40px;
		margin-left: 60px;
		margin-right: 0px;
		overflow: hidden;
	}
	.h-top-search{
		width: 300px;
	}
	.QRcode{
		margin-right: 40px;
	}
	.f-message{
		margin-right: 50px;
	}
}

@media screen and (max-width: 1080px) {

	.w1280 {
		margin: 0 auto;
	}

	.w1080 {
		width: 100%;
		margin: 0 auto;
	}

	.pc-between {
		display: block;
	}

	.header-pc {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}

	.header-top {
		width: 100%;
		height: 44px;
		margin: 0 auto;
		background: #f5f5f5;
		box-shadow: rgba(0, 0, 0, 0.01) 0px 2px 4px;
	}

	.header-top-left {
		font-size: 0px;
		line-height: 44px;
		color: #606266;
		display: none;
	}

	.header-top-login {
		display: inline;
		float: right;
		margin-right: 10px;
	}

	.header-top-login-icon {
		display: inline;
		float: left;
	}

	.header-top-login-icon .icon {
		width: 28px;
		height: 28px;
		color: #606266;
		margin-top: 8px;
	}

	.top-login-botton {
		margin: auto 6px;
		color: #606266;
		font-size: 16px;
		line-height: 44px;
		display: inline;
		float: left;
	}

	.header-top-login a:hover {
		color: #0D3B93;
		cursor: pointer;

	}

	.header-logo {}

	.pc-start {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
	}

	.pc-end {
		display: -webkit-flex;
		display: flex;
		justify-content: flex-end;
	}

	.pc-center {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}

	.pc-flex-wrap {
		display: -webkit-flex;
		display: flex;
		flex-wrap: wrap;

	}

	.header-logopic-img1 {
		display: block;
		margin-left: 16px;
	}

	.header-logopic-img1 img {
		width: 320px;
		height: 74px;
	}

	.header-logopic-img2 {
		margin-left: 16px;
	}

	.header-logopic-img2 img {
		width: 58px;
		height: 58px;
	}

	.header-logopic-img3 {
		margin-top: 8px;
		margin-left: 20px;
		font-weight: bold;
	}

	.header-search {
		width: 350px;
		height: 70px;
		margin-top: 12px;
		margin-left: 20px;
		overflow: hidden;
	}

	.h-top-search {
		width: 300px;
		height: 50px;
		border-top: #c0c4cc 1px solid;
		border-bottom: #c0c4cc 1px solid;
		border-left: #c0c4cc 1px solid;
		border-top-left-radius: 8px;
		border-bottom-left-radius: 8px;
		border-right: none;
		overflow: hidden;
		padding-left: 10px;
		background: #fdfdfd;
		font-size: 14px;
		color: #909399;

	}

	.header-search-icon {
		height: 50px;
		border-top: #c0c4cc 1px solid;
		border-bottom: #c0c4cc 1px solid;
		border-right: #c0c4cc 1px solid;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
		background: #fdfdfd;

	}

	.header-search-icon .icon {
		width: 26px;
		height: 26px;
		color: #c0c4cc;
		margin-top: 12px;
		margin-right: 12px;

	}

	.header-menu {
		display: none;
	}

	.header-menu-mobile {
		width: 100%;
		height: 54px;
		background: #0D3B93;

	}

	.m-menu .icon {
		color: #FFFFFF;
		width: 36px;
		height: 36px;
		margin-right: 20px;
	}

	.m-close {
		float: right;

	}

	.m-close .icon {
		color: #FFFFFF;
		width: 36px;
		height: 36px;
		margin-right: 20px;

	}


	/* 左侧 */
	.main-left {
		margin: 0 auto;
		width: 96%;
		height: auto;
		margin-bottom: 16px;

	}

	.box-bg {
		width: 100%;
		height: auto;
		background: #FFFFFF;
		padding-top: 8px;
	}

	.table-content {
		width: 100%;
		height: auto;
		background: #FFFFFF;
	}

	.part-title {
		/*display: block;*/
		height: auto;
		padding: 8px 16px;
		overflow: hidden;
	}

	.name-icon .icon {
		width: 28px;
		height: 28px;
		margin-top: 4px;

	}

	.name-text {
		font-size: 18px;
		color: #303133;
		font-weight: bold;
		text-align: left;
		line-height: 36px;
		margin-left: 8px;
	}

	.index-pc-cover {
		margin: 0px auto;
		padding: 0px 16px;

	}

	.index-pc-cover img {
		width: 100%;


	}

	.m-hidden {
		display: none;
	}

	.m-show {
		display: block;
	}

	.table-content-list {
		margin: 0px 16px;
		height: auto;
		background: #FFFFFF;
		padding-bottom: 16px;
		overflow: hidden;

	}

	.content-list-btn {
		width: 60%;
		margin: 0px;
		display: inline;
		float: left;


	}

	.index-m-cover {
		width: 38%;
		display: inline;
		float: right;
	}

	.index-m-cover img {
		width: 100%;



	}

	.content-list-btn li {
		width: 86px;
		height: 36px;
		background: #4988FD;
		border-radius: 8px;
		line-height: 36px;
		text-align: center;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	.index-send {
		width: 100%;
		margin: 0 auto;
		border-radius: 8px;
		border: 1px #4988FD solid;
		overflow: hidden;
		height: 64px;
		margin-top: 12px;
	}

	.index-send .icon {
		width: 44px;
		height: 44px;
		margin-top: 12px;

	}

	.index-send-text {
		color: #303133;
		font-size: 18px;
		font-weight: bold;
		line-height: 64px;
		margin-left: 10px;
		padding-right: 16px;

	}

	.index-send:hover {
		background: #EEF3FB;
		cursor: pointer;
	}

	.index-about {
		margin: 16px 16px 32px 16px;
		overflow: hidden;
	}

	.field-name {
		width: 100px;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
		color: #303133;
	}

	.field-nav {
		width: auto;
		/*height: 40px;*/
		line-height: 40px;
		font-size: 16px;
		color: #606266;
	}

	/* 中间 */
	.main-center {
		width: 96%;
		margin: 12px auto;
		height: auto;
	}

	.partname {
		width: 92%;
		margin: 0 auto;
		background: #F5F7F9;
		font-size: 14px;
		color: #638AFF;
		height: 32px;
		line-height: 32px;
		padding-left: 20px;
		overflow: hidden;
	}

	.name-publinsh {
		width: 92%;
		margin: 8px auto;
		font-size: 16px;
		color: #303133;
		line-height: 24px;
		overflow: hidden;

	}

	.name-publinsh-title {
		width: 100%;
		margin: 2px;
		font-size: 18px;
		color: #303133;
		line-height: 28px;
		font-weight: bold;

	}

	.author {
		margin: 0px;
		width: 100%;
		font-size: 13px;
		color: #606366;
		line-height: 24px;
	}

	.operate-nav {
		margin: 0px 16px 0px 0px;
	}

	.operate-icon .icon {
		width: 24px;
		height: 24px;
		color: #c0c4cc;
	}

	.operate-text {
		font-size: 13px;
		color: #606366;
		line-height: 24px;
		margin: 0px 4px;

	}

	.operate-number {
		font-size: 13px;
		color: #638AFF;
		line-height: 24px;
		margin: 0px 4px;

	}

	/* 右侧 */
	.m-between {
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;

	}

	.notice-icon {
		display: inline;
		float: left;
	}

	.notice-text {
		display: inline;
		float: left;
	}

	.main-right {
		width: 96%;
		height: auto;
		margin: 0 auto;
	}

	.notice-more {

		display: inline;
		float: right;
		color: #c0c4cc;
		font-size: 14px;
		line-height: 36px;
	}

	.notice-more:hover {
		display: inline;
		float: right;
		font-size: 14px;
		line-height: 36px;
		color: #4988FD;
		cursor: pointer;
	}

	.notice-bg {
		padding-bottom: 8px;
	}

	.main-right-notice-list {
		margin: 2px 12px;
		height: 40px;
	}

	.notice-title {
		font-size: 14px;
		color: #303133;
		text-align: left;
		line-height: 40px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.notice-title:hover {
		color: #4988FD;
		cursor: pointer;

	}

	.notice-time {
		width: 90px;
		font-size: 14px;
		color: #4988FD;
		text-align: left;
		line-height: 40px;

		overflow: hidden;

	}

	.hotread {
		overflow: hidden;
	}

	.main-right-read-list {
		padding: 10px 12px;
		display: block;
		overflow: hidden;
	}

	.hot-read-title {
		float: left;
		font-size: 14px;
		color: #303133;
		text-align: left;
		line-height: 26px;

	}

	.main-right-read-list:hover .hot-read-title {
		float: left;
		font-size: 14px;
		color: #4988FD;
		text-align: left;
		line-height: 26px;
		cursor: pointer;

	}

	.hot-read-nub {
		margin-top: 6px;
		margin-left: 8px;
		height: 26px;
		line-height: 26px;
		padding: 0 4px;
		color: #4988FD;
		border-radius: 8px;
		border: 1px solid #4988FD;
	}

	/* 视频 */
	.index-video {
		width: 96%;
		margin: 16px auto;
	}

	.video-list {
		height: 240px;
		margin: 16px;
		padding-bottom: 16px;
		overflow: hidden;

	}

	.video-nav {
		width: 334px;
		height: 240px;
		position: relative;
		float: left;
		overflow: hidden;
		margin-right: 16px;
		margin-bottom: 16px;
	}

	.v-n-pic {}

	.video-title {
		z-index: 999;
		position: absolute;
		margin-top: -36px;
		width: 100%;
		height: 36px;
		line-height: 36px;
		font-size: 14px;
		background: rgba(0, 0, 0, 0.3);
		color: #FFFFFF;
	}

	.video-title span {
		padding-left: 8px;

	}

	.video-nav img {
		width: 334px;
		height: 240px;
		z-index: 9;
	}

	/* 广告 */
	.index-banner-bg {
		width: 100%;
		height: auto;
		background: #E3EEFD;
		overflow: hidden;
	}

	.index-banner {
		width: 80%;
		margin: 0 auto;
		padding-top: 60px;
		overflow: hidden;

	}

	.swiper-wrapper img {
		width: 100%;
		height: auto;
	}

	/* 友情链接 */
	.index-links {
		margin-top: 28px;
	}

	.links-list {
		width: 100%;
		overflow: hidden;
		padding-bottom: 16px;
		margin-left: 24px;
	}

	.linkimg {
		width: 152px;
		height: 40px;
		overflow: hidden;
		float: left;
		margin: 4px;
	}

	.linkimg img {
		width: 100%;
		height: auto;
		text-align: center;
		overflow: hidden;
	}

	/* 底部 */
	footer {
		width: 100%;
		height: auto;
		margin: 0 auto;
		overflow: hidden;
		background: #373A51;
		background-size: 100%;
	}

	.foot-nav {

		overflow: hidden;
		padding-bottom: 40px;
		text-align: center;
	}

	.f-logo {
		display: inline;
		margin-left: 40px;
		margin-top: 70px;
		text-align: center;
	}

	.f-logo img {
		width: 320px;
		height: 64px;
		margin-top: 70px;
	}

	.f-message {

		float: left;
		display: inline;
		text-align: center;
		margin-left: 20px;
		margin-top: 40px;

	}

	.foot-contact {
		color: #B9B9B9;
		font-size: 14px;
		line-height: 28px;
	}

	.QRcode {
		display: inline;
		text-align: center;
		margin-top: 40px;
		margin-right: 80px;
		overflow: hidden;

	}

	.QRcode img {
		width: 120px;
		height: 120px;
		margin-top: 40px;

	}

	.copyright {
		width: 100%;
		height: auto;
		background: #1A1A1A;
		text-align: center;
		color: #B9B9B9;
		font-size: 14px;
		line-height: 32px;
		padding-top: 16px;
		padding-bottom: 16px;
	}

	.copyright a {
		display: block;
		color: #B9B9B9;
	}

	.copyright a:hover {

		color: #0D3B93;
	}

	/* 最新发表页面 */

	.flo-right {}

	.dis-view {
		overflow: hidden;
	}

	.new-discuss {
		width: 96%;
		margin: 16px;
		padding-top: 16px;
		float: left;


	}

	.prev-discuss {
		width: 96%;
		height: auto;
		float: left;
		margin: 6px;
		padding-top: 16px;
		border: 1px solid #0D3B93;
	}

	.new-discuss img {
		width: 120px;

	}

	.new-intro {
		margin-left: 24px;
	}

	.new-name {
		font-size: 18px;
		color: #303133;
		text-align: left;
		line-height: 44px;

	}

	.new-name span {
		font-size: 14px;
		color: #909399;
		margin-left: 8px;
	}

	.new-title {
		font-size: 18px;
		color: #0D3B93;
		text-align: left;
		line-height: 44px;

	}

	.new-time {
		font-size: 14px;
		color: #606266;
		text-align: left;
		line-height: 44px;

	}

	.new-list {
		margin: 16px;
		overflow: hidden;
	}

	.new-discuss-menu li {
		width: 100px;
		height: 40px;
		background: #4988FD;
		border-radius: 8px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	.new-discuss-menu li:hover {
		width: 100px;
		height: 40px;
		background: #0D3B93;
		border-radius: 8px;
		line-height: 40px;
		text-align: center;
		font-size: 16px;
		font-weight: bold;
		color: #FFFFFF;
		margin: 4px 8px 4px 0px;

	}

	/* 文章详情页面 */
	.pc1200 {
		width: 96%;
		margin: 0 auto;
	}

	.article-part {
		margin: 40px auto 20px auto;
	}

	.article-partname {
		margin: 0 16px;
		font-size: 14px;
		color: #638AFF;
		height: 36px;
		float: left;
		line-height: 36px;
		padding-left: 20px;
		overflow: hidden;
	}

	.article-title {
		font-size: 18px;
		font-weight: bold;
		color: #303133;
		line-height: 32px;


	}

	.article-author {
		font-size: 16px;
		color: #303133;
		line-height: 28px;
		margin: 16px auto;
		text-align: left;
	}

	.article-quote {
		font-size: 14px;
		color: #303133;
		line-height: 28px;
		margin: 16px auto;
		text-align: left;
	}

	.article-Abstract {
		width: 100%;
		margin: 0 auto;
		border-left: 10px solid #4988FD;
		border-right: 1px solid #4988FD;
		border-top: 1px solid #4988FD;
		border-bottom: 1px solid #4988FD;
		overflow: hidden;
	}

	.article-Abstract2 {
		width: 100%;
		margin: 0 auto;
		margin-top: 24px;
		border-left: 1px solid #4988FD;
		border-right: 1px solid #4988FD;
		border-top: 1px solid #4988FD;
		border-bottom: 1px solid #4988FD;
		overflow: hidden;
	}

	.article-Abstract-name {
		font-size: 18px;
		color: #303133;
		line-height: 28px;
		margin: 16px;
		text-align: left;
		font-weight: bold;

	}

	.article-Abstract-nav {
		margin: 13px;
		text-align: left;
		line-height: 36px;

	}

	.article-read {
		width: 100%;
		margin: 24px auto;
		overflow: hidden;
	}

	.read {
		width: 99%;
		height: 120px;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #4988FD;
		border: 1px solid rgb(73, 136, 253);

	}

	.read-icon .icon {
		width: 44px;
		height: 44px;
		color: #FFFFFF;
		margin-top: 38px;
		margin-right: 8px;
	}

	.read-txt {
		color: #FFFFFF;
		line-height: 120px;
		font-size: 20px;
	}

	.download {
		margin-top: 20px;
		width: 99%;
		height: 120px;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #D4E2FB;
		border: 1px solid rgb(73, 136, 253);

	}

	.download-icon .icon {
		width: 44px;
		height: 44px;
		color: #4988FD;
		margin-top: 38px;
		margin-right: 8px;
	}

	.download-txt {
		color: #4988FD;
		line-height: 120px;
		font-size: 20px;
	}

	.tips {
		margin-top: 20px;
		width: 99%;
		height: auto;
		float: left;
		overflow: hidden;
		border-radius: 10px;
		background-color: #FFF0DA;
		border: 1px solid rgb(255, 154, 109);
		overflow: hidden;

	}

	.tips-icon .icon {
		width: 44px;
		height: 44px;
		color: #FF9A6D;
		margin-top: 60px;
		margin-left: 20px;
	}

	.tips-txt {
		margin: 20px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;
		margin-left: 16px;
	}

	.pc-center {
		display: -webkit-flex;
		display: flex;
		justify-content: center;
	}

	.tips-txt p {
		text-align: left;
		overflow: hidden;
	}

	/*视频列表*/
	.videolist {
		margin: 8px 16px;
		overflow: hidden;

	}

	.videolist-nav {
		margin-top: 8px;
		overflow: hidden;
	}

	.v-img {
		float: left;
	}

	.videolist-nav img {
		width: 380px;
		height: 200px;
	}

	.v-text {
		float: left;
	}

	.source {

		margin-top: 8px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;
		margin-left: 0px;
	}

	/*公告列表*/
	.noticelist {
		margin: 4px 16px;
		overflow: hidden;

	}

	.noticelist-nav {
		overflow: hidden;
		margin: 16px auto 8px auto;
	}

	.n-img {
		float: left;
	}

	.noticelist-nav img {
		width: 380px;
		height: 200px;
	}

	.n-text {
		float: left;
		max-width: 540px;
	}

	.notice-describe {
		margin-top: 4px;
		color: #606266;
		line-height: 28px;
		font-size: 14px;

	}

	.notice-time {
		margin-top: 4px;
		color: #606266;
		line-height: 36px;
		font-size: 14px;

	}

	.noticelist-nav .name-publinsh {
		width: 92%;
		margin: 0px 8px 8px 8px;
		font-size: 16px;
		color: #303133;
		line-height: 24px;
		overflow: hidden;

	}

	.noticelist-nav .name-publinsh-title {
		margin: 0px 8px 8px 0px;
		font-size: 18px;
		color: #303133;
		line-height: 36px;
		font-weight: bold;

	}

	/*往期目录*/
	.now-journal {
		float: left;
	}

	.now-journal-line {
		width: 100%;
		overflow: hidden;
		border: #D6E4FF 1px solid;
		text-align: center;
		margin-top: 16px;
		padding-bottom: 24px;
		padding-left: 32px;
		padding-right: 32px;

	}

	.now-journal-line img {
		width: 160px;
		height: 210px;
		margin-top: 24px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}

	.now-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 160px;
		text-align: center;
		margin: 0 auto;
	}

	.new-journal {
		width: 96%;
		float: left;
		margin-top: 16px;

	}

	.new-journal-line {
		width: 100%;
		overflow: hidden;
		border: #D6E4FF 1px solid;
		margin-top: 4px;
		padding-left: 2px;
		padding-right: 2px;
		padding-bottom: 12px;

	}

	.journal-list-img {
		margin: 24px 10px 0px;
		float: left;
	}

	.new-journal-line img {
		width: 140px;
		height: 184px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}

	.new-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 140px;
		text-align: center;
		margin: 0 auto;
	}
	/*历史期刊*/
	.his-year-line {
		margin: 32px 0px 16px 0px;
		background: #F5F7F9;
		height: 48px;
		line-height: 48px;
		overflow: auto;
		width: 270px;
		overflow-x:scroll;
		white-space:nowrap;
		display: flex;
	}
	.tabNav ul{
		float: left;

	}
	.tabNav li {
		color: #638AFF;
		font-size: 18px;
		padding-left: 16px;
		padding-right: 16px;
		float: left;
		height: 48px;
		line-height: 48px;
		text-align: center;
		width: 65px;
	}

	.tabNav li a {
         color: #638AFF;
     }

    .tabNav li.active a {
        background: #638AFF;
        color: #FFF;
        border-radius:5px;
        padding: 5px ;
    }

	.tabNav .first a {
		color: #FFFFFF !important;

	}

	.tabNav .first {
		background: #638AFF;
		font-size: 20px;
		padding-left: 16px;
		padding-right: 16px;
	}

	.tabs .prev {
		width: 48px;
		height: 48px;
		float: left;
	}
	.tabs .next {
		float: right;
		width: 48px;
		height: 48px;
	}
	.his-left-icon .icon{
		color: #638AFF;
		margin-top: 10px;
		margin-left: 6px;
	}
	.his-year-list{
		margin: 16px;
		overflow: hidden;
	}
	.his-img{
		overflow: hidden;
		float: left;
	}
	.journal-his-img {
		margin: 0px 16px 16px 0px;
		float: left;
		border: #D6E4FF 1px solid;
		padding: 16px;
	}

	.list-title {
		display: block;
		height: auto;
		overflow: hidden;
	}
	.journal-his-img img {
		width: 120px;
		height: 184px;
		box-shadow: rgba(0, 0, 0, 0.196) 0px 0px 8px 0px;
	}
	.his-journal-name {
		color: #0D3B93;
		font-size: 16px;
		line-height: 32px;
		width: 120px;
		text-align: center;
		margin: 0 auto;
	}
	

	.login-box-wrapper {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		background: rgba(0, 0, 0, .5);
		position: fixed;
		z-index: 99999;
		display: none;
	}
	.login-box-wrapper .login-wrapper {
		width: 90%;
		height: auto;
		overflow: hidden;
		background: #fff;
		border: #ddd solid 1px;
		position: fixed;
		z-index: 9999;
		top: 50%;
		left: 50%;
		transform:translateY(-50%) translateX(-50%);
		box-sizing: border-box;
		padding-bottom: 20px;
		border-bottom: #0D3B93 solid 2px;
	}
	.login-box-wrapper .login-wrapper .title {
		width: 100%;
		height: 50px;
		line-height: 50px;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		color: #0D3B93;
		border-bottom: #ebebeb solid 1px;
		box-sizing: border-box;
	}

	.login-box-wrapper .login-wrapper .title .close-btn{
		position: absolute;
		right: 20px;
	}
	.login-box-wrapper .login-wrapper .login-form {
		padding: 10px 30px;
		width: 100%;
		box-sizing: border-box;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item {
		display: flex;
		justify-content: space-between;
		box-sizing: border-box;
		margin-top: 10px;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item input {
		width: 100%;
		box-sizing: border-box;
		border: #ddd solid 1px;
		padding: 8px 10px;
		font-size: 14px;
	}
	.login-box-wrapper .login-wrapper .login-form .form-item  .code-img {
		width: 80px;
		margin-left: 10px;
	}

	.login-box-wrapper .login-wrapper .login-form .form-item input::placeholder {
		color: #ccc;
	}



	.login-wrapper .login-form .form-item input[type=button] {
		background-color: #0D3B93;
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
	}
	.login-wrapper .login-form .form-item input[type=button]:active {
		background-color: #0b2e70;
		color: #fff;
		border-radius: 4px;
		cursor: pointer;
	}

	.login-wrapper .footer {
		padding: 10px 80px;
		width: 100%;
		box-sizing: border-box;
		display: flex;
		justify-content: space-between;
	}

	.login-wrapper .footer a {
		font-size: 12px;
		color: #0D3B93;
	}

	.login-wrapper .footer a:hover {
		text-decoration: underline;
	}
}