@charset "utf-8";
body,html{
	min-width: 1330px;
}
.hover {
	-webkit-animation: Tramsform linear 0.5s forwards;
	animation: Tramsform linear 0.5s forwards;
}

.leave {
	-webkit-animation: Tramsform2 linear 0.5s forwards;
	animation: Tramsform2 linear 0.5s forwards;
}

.hover22 {
	-webkit-animation: Tramsform22 linear 0.5s forwards;
	animation: Tramsform22 linear 0.5s forwards;
}

.leave22 {
	-webkit-animation: Tramsform33 linear 0.5s forwards;
	animation: Tramsform33 linear 0.5s forwards;
}

.hoverShadow {
	-webkit-animation: Tramsform3 linear 0.5s forwards;
	animation: Tramsform3 linear 0.5s forwards;
}

.leaveShadow {
	-webkit-animation: Tramsform4 linear 0.5s forwards;
	animation: Tramsform4 linear 0.5s forwards;
}

.hoverShadow1 {
	-webkit-animation: Tramsform5 linear 0.5s forwards;
	animation: Tramsform5 linear 0.5s forwards;
}

.leaveShadow1 {
	-webkit-animation: Tramsform6 linear 0.5s forwards;
	animation: Tramsform6 linear 0.5s forwards;
}

@-webkit-keyframes Tramsform22 {
	100% {
		-webkit-transform: translate3d(0, -5px, 0) scale(1.03);
		transform: translate3d(0, -5px, 0) scale(1.03);
		
	}
}


@keyframes Tramsform22 {
	100% {
		-webkit-transform: translate3d(0, -5px, 0) scale(1.03);
		transform: translate3d(0, -5px, 0) scale(1.03);
		
	}
}


@-webkit-keyframes Tramsform33 {
	0% {
		-webkit-transform: translate3d(0, 0, 0) scale(1.03);
		transform: translate3d(0, -5px, 0) scale(1.03);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}

@keyframes Tramsform33 {
	0% {
		-webkit-transform: translate3d(0, -5px, 0) scale(1.03);
		transform: translate3d(0, -5px, 0) scale(1.03);
	}

	100% {
		-webkit-transform: translate3d(0, 0, 0) scale(1);
		transform: translate3d(0, 0, 0) scale(1);
	}
}












@-webkit-keyframes Tramsform {
	100% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}
}

@keyframes Tramsform {
	100% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}
}

@-webkit-keyframes Tramsform2 {
	0% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@keyframes Tramsform2 {
	0% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}

@-webkit-keyframes Tramsform3 {
	100% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}
}

@keyframes Tramsform3 {
	100% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}
}

@-webkit-keyframes Tramsform4 {
	0% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

@keyframes Tramsform4 {
	0% {
		-webkit-transform: translate(0, -5px);
		transform: translate(0, -5px);
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}

	100% {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

@-webkit-keyframes Tramsform5 {
	100% {
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}
}

@keyframes Tramsform5 {
	100% {
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}
}

@-webkit-keyframes Tramsform6 {
	0% {
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}

	100% {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

@keyframes Tramsform6 {
	0% {
		-webkit-box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
		box-shadow: 0 0 20px rgba(61, 67, 76, 0.5);
	}

	100% {
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}

button,
input,
select {
	border: 0;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.hoverShadow {
	-webkit-animation: Tramsform3 linear 0.5s forwards;
	animation: Tramsform3 linear 0.5s forwards;
}

/* header */

.header__top {
	position: absolute;
	min-width: 1300px;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
	height: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border-bottom: 1px solid #077192;
}

.header__top--logo {
	padding: 0 30px;
	height: 54px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.header__top--logo img {
	width: 335px;
	height: 54px;
}

.header__top--nav {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	max-width: 1200px;
	height: 80px;
	position: relative;
	margin-left: 30px;
	margin-right: auto;
}

.header__top--nav {
	flex: none;
}

.header__top--nav>ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	z-index: 100;
}

.header__top--nav li {
	position: relative;
}

.header__top--nav>ul>li {
	color: #fff;
	font-size: 17px;
	text-align: center;
	margin-right: 56px;
}

.header__top--nav>ul>li:last-child {
	margin-right: 0;
}

.header__top--nav>ul li {
	position: relative;
}

.header__top--nav>ul li a {
	display: inline-block;
	font-family: 'Microsoft YaHei';
	color: #fff;
	font-size: 17px;
}

.header__top--nav>ul>li>a {
	padding-bottom: 12px;
}

.header__top--nav .magic_line {
	position: absolute;
	bottom: 14px;
	left: 0;
	width: 80px;
	height: 2px;
	background-color: #52b8cc;
}

.header__top--nav li .dropdown {
	display: none;
	position: absolute;
	left: 50%;
	margin-left: -48px;
	top: 100%;
	width: 96px;
	overflow: hidden;
}

.header__top_userbox {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	float: right;
	height: 44px;
	margin-right: 26px;
}

.header__top--user {
	position: relative;
}

.header__top--user {
	width: 44px;
	float: right;
}

.header__top--user img {
	width: 44px;
	height: 44px;
}

.header__top--user .dropdown {
	display: none;
	overflow: hidden;
	position: absolute;
	right: 21px;
	top: 39px;
	overflow: hidden;
	padding-top: 20px;
	z-index: 199;
}

.header__top--user .dropdown--arr {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 29px;
	border: 10px solid transparent;
	border-bottom-color: #fff;
}

.header__top--nav li .dropdown--arr {
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -8px;
	border: 8px solid transparent;
	border-bottom-color: #52b8cc;
}

.header__top--nav li .dropdown .dropdown__list {
	background-color: #fff;
	border-radius: 5px;
	margin-top: 10px;
}

.header__top--nav li .dropdown .dropdown__list ul {
	padding: 5px 0;
}

.header__top--nav li .dropdown li {
	line-height: 20px;
	text-align: center;
	font-size: 14px;
	padding: 0;
}

.header__top--nav li .dropdown li a {
	color: #999999;
	display: block;
	padding: 5px ;
	font-size: 13px;
	line-height: 1.5;
}

.header__top--nav li .dropdown li a:hover {
	color: #52b8cc;
	background-color: #edf8fa;
}

.caret {
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.header__top--nav>ul>li.current>a,
.header__top--nav>ul>li>a:hover {
	color: #52b8cc;
}

.header__top--vip {
	width: 150px;
	height: 44px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-color: #000b20;
	background-color: rgba(0, 10, 32, 0.5);
	filter: alpha(opacity=50);
	border-radius: 22px;
	cursor: pointer;
	position: relative;
	float: right;
	margin-right: 50px;
}
@-webkit-keyframes btn-bg {
  100% {
    opacity: 0.5; } }
@keyframes btn-bg {
  100% {
    opacity: 0.5; } }
@-webkit-keyframes btn-bg2 {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes btn-bg2 {
  0% {
    opacity: 0.5;
    -webkit-transform: scale(0.8);
    transform: scale(0.8); }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); } }
.header__top--vip .star1 {
	width: 8px;
	height: 8px;
	background: url(../images/star.png) no-repeat;
	position: absolute;
	top: 7px;
	left: 49px;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

.header__top--vip .star2 {
	width: 8px;
	height: 8px;
	background: url(../images/star.png) no-repeat;
	position: absolute;
	bottom: 6px;
	right: 15px;
	opacity: 0;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}
.header__top--vip:hover .star {
    -webkit-animation: btn-bg 0.5s linear forwards, btn-bg2 1s ease-in-out 0.5s infinite alternate;
    animation: btn-bg 0.5s linear forwards, btn-bg2 1s ease-in-out 0.5s infinite alternate;
}
.header__top--vip .icon__vip {
	color: #ff9500;
	background: url(../images/icon_submission.png) no-repeat left center;
	padding-left: 34px;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
}

.sliding-block {
	background: #52b8cc;
}

/* 搜索 */
.header-search {
	position: relative;
	width: 180px;
	z-index: 999;
	height: 38px;
	margin-right: 50px;
}

.search-sm {
	position: absolute;
	right: -1px;
	top: 0;
	width: 68px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	padding: 0 15px;
	cursor: pointer;
	color: #FFFFFF;
	border: 1px solid #52b8cc;
	background: url(../images/so.png) 66px center no-repeat;
	border-radius: 40px;
}

.search-lg {
	position: absolute;
	right: -1px;
	top: 0;
	width: 0;
	height: 36px;
	line-height: 36px;
	padding: 0 15px;
	cursor: pointer;
	color: #FFFFFF;
	border: 1px solid #52b8cc;
	border-radius: 40px;
	visibility: hidden;
	opacity: 0;
}
.header-search.active .search-lg {
	visibility: visible;
	opacity: 1;
	z-index: 9;
	transition: 1s all;
	width: 180px;
}
.header-search.active .search-sm {
	visibility: hidden;
	overflow: hidden;
	width: 0;
	opacity: 0;
}


.search-lg .btn {
	background: url(../images/so.png) no-repeat center;
	width: 50px;
	height: 36px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
}

.select-box {
	position: absolute;
	white-space: nowrap;
	left: 0;
	top: 0;
}

.header_search__input {
	margin: 6px 30px 6px 50px;
	height: 26px;
	padding-left: 10px;
	border-left: 1px solid #47a1b3;
	overflow: hidden;
}

.header_search__input input {
	height: 26px;
	line-height: 26px;
	display: block;
	width: 100%;
	color: #FFFFFF;
	white-space: nowrap;
	background-color: transparent
}

.header_search__input input:-moz-placeholder {
	color: #FFFFFF;
}

.header_search__input input::-webkit-input-placeholder {
	color: #FFFFFF;
}

.select-box cite {
	position: relative;
	display: block;
	height: 44px;
	line-height: 36px;
	cursor: pointer;
	text-align: center;
	padding: 0 15px;
}

.select-box cite::after {
	content: ' ';
	display: inline-block;
	width: 0;
	height: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px dashed;
	border-top: 4px solid\9;
	border-right: 4px solid transparent;
	opacity: .5;
	border-left: 4px solid transparent;
	margin-left: 4px;
}

.select-box ul {
	position: absolute;
	left: 50%;
	display: none;
	margin-left: -30px;
	top: 100%;
	width: 60px;
	overflow: hidden;
	background-color: #fff;
	border-radius: 5px;
}
.select-box li  {
	color: #999999;
	display: block;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.5;
}
.select-box li a {
	color: #999999;
	display: block;
	padding: 5px 10px;
	font-size: 13px;
	line-height: 1.5;
}

.select-box li a:hover {
	color: #52b8cc;
	background-color: #edf8fa;
}

.select-box li.active a {
	color: #52b8cc;
}


/* footer */
.footer {
	background: #016072;
	height: 290px;
}

.footer__body {
	width: 1200px;
	margin: 0 auto;
	padding-top: 35px;
}

.footer__list {
	float: left;
	width: 375px;
	margin-right: 110px;
}

.footer__list.last {
	width: 230px;
	margin-right: 0;
}

.footer__list .list__title {
	color: rgba(255, 255, 255, 0.7);
	padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 15px;
	margin-bottom: 20px;
}

.footer__list .Dis--flex {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.footer__list .list__item {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.footer__list .list__item li {
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	color: rgba(255, 255, 255, 0.5);
}

.footer__list .list__item li a {
	display: inline-block;
	background: url(../images/point.png) no-repeat left 6px center;
	padding-left: 15px;
	color: rgba(255, 255, 255, 0.5);
}

.footer__list .weixinBox dd {
	line-height: 30px;
	height: 30px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	font-size: 13px;
}

.footer__list .weixinBox {
	padding: 0 20px 20px;
	width: 120px;
}

.footer__list .list__item li.contact {
	background: url(../images/publish_icon1.png) no-repeat left 10px center;
	padding-left: 45px;
}

.footer__list .list__item li.email {
	background: url(../images/publish_icon2.png) no-repeat left 10px center;
	padding-left: 45px;
}

.footer__list .list__item li.weixin {
	background: url(../images/publish_icon3.png) no-repeat left 10px center;
	padding-left: 45px;
}

.footer__publishMsg {
	background-color: #015263;
	height: 45px;
	text-align: center;
	font-size: 12px;
	color: #fefefe;
	line-height: 45px;
}

.footer__publishMsg p {
	background: url(../images/footer_b.png) no-repeat left center;
	padding-left: 32px;
	display: inline-block;
	*display: inline;
	zoom: 1;
}

.footer__publishMsg span {
	color: #ff9900;
	margin-left: 9px;
	margin-right: 17px;
}


/* 指南 */
.guidelineList {
	background-color: #f5f7f8;
}

.publicTitle {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 44px;
	border-bottom: 1px solid #e6e6e6;
}

.guidelineList__inside {
	width: 1200px;
	margin: 0 auto;
}

.guidelineList__content {
	padding: 30px 0 20px;
	margin: 0 -30px;
}

.guidelineList a {
	display: block;
	float: left;
	padding: 10px 30px;
}

.guidelineList__item {
	width: 530px;
	height: 150px;
	background-color: #fff;
	padding: 20px;
}

.guidelineList__item--pic {
	width: 200px;
	height: 150px;
	float: left;
	margin-right: 20px;
}

.guidelineList__item--pic img {
	width: 200px;
	height: 150px;
}

.guidelineList__item--msg {
	width: 310px;
	float: left;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 150px;
}

.guidelineList__item--msg .title {
	font-size: 16px;
	color: #333333;
	line-height: 26px;
	padding: 10px 0;
}
.guidelineList__item:hover .title{
	color: #52B8CC;
}

.guidelineList__item--msg .author {
	color: #666666;
	font-size: 14px;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.guidelineList__item--msg .state {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	color: #999999;
	font-size: 14px;
}

.guidelineList__item--msg .state .view {
	background: url(../images/icon_view.png) no-repeat left center;
	padding-left: 25px;
}

.guidelineList__item--msg .state .comment {
	background: url(../images/icon_comment.png) no-repeat left center;
	padding-left: 25px;
}

.guidelineList__item--msg .state .time {
	background: url(../images/icon_time.png) no-repeat left center;
	padding-left: 25px;
}

.publicTitle__left {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.publicTitle__left .assist {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
}

.section {
	padding: 60px 0;
}

.section.bg {
	background-color: #f2f5fa;
}

.publicTitle__right a {
	color: #999999;
	font-size: 13px;
	padding-right: 20px;
	background: url(../images/next.png) no-repeat right 4px center;
}
.publicTitle__right a:hover {
	color: #52b8cc;
	background: url(../images/next_h.png) no-repeat right 4px center;
}

.Shadow {
	transition: .3s all;
}

.Shadow:hover {
	transform: translateY(-5px);
	box-shadow: 0px 0px 16px rgba(0, 0, 0, .25);
}

/* 医学行业集群化数字出版解决方案 */
.head_top {
	position: relative;
	color: #fff;
	line-height: 30px;
	text-align: center;
	margin-bottom: 40px;
}

.head_top .title {
	font-size: 20px;
	color: #333333;
	letter-spacing: 1px;
}

.head_top .subtitle {
	font-size: 14px;
	color: #999999;
	letter-spacing: 1px;
}

.head_top .line {
	text-align: center;
	line-height: 1;
}

.head_top .line span {
	display: inline-block;
	width: 25px;
	height: 2px;
	background-color: #54b0bd;
}

.sec-foot {
	text-align: center;
	margin-top: 40px;
}

.sec-foot .btn {
	display: inline-block;
	width: 160px;
	height: 50px;
	line-height: 50px;
	border-radius: 50px;
	text-align: center;
	border: 1px solid #076f8a;
	color: #076f8a;
	font-size: 16px;
	transition: .3s all;
}

.sec-foot .btn:hover {
	background-color: #53abbd;
	border-color: #53abbd;
	color: #FFFFFF;
	box-shadow: 0 3px 10px #8dc8d3;
}

.publishing__inside {
	width: 1500px;
	margin: 0 auto;
}

.publishing__content {
	width: 100%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.publishing__content .publishing__a {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.publishing__item {
	width: 112px;
	margin: 0 auto;
	height: 160px;
	padding: 40px 19px;
	border-radius: 10px;
	cursor: pointer;
}

.publishing__item dt img {
	margin: 0 auto;
	width: auto;
}

.publishing__item--title {
	color: #333333;
	text-align: center;
	padding: 15px 0;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
}

.publishing__item--intro {
	color: #999999;
	font-size: 13px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 40px;
	display: none;
	text-align: center;
}

.publishing__item--title p {
	font-size: 16px;
}

.publishing__item:hover .publishing__item--intro {
	display: block;
}

.ad1200 {
	margin-bottom: 70px;
	font-size: 0;
}

.qkan-cells {
	height: 334px;
	margin: 0 -7px;
}

.qkan-cells .col {
	padding: 0 7px;
	float: left;
}

.qkan-cells .qkan-box {
	width: 286px;
	box-sizing: border-box;
	display: block;
	padding: 30px;
	border-radius: 6px;
	transition: .6s all;
}

.qkan-cells .qkan-box:hover {
	background-color: #40c0d1;
	color: #FFFFFF !important;
}

.qkan-cells .qkan-box:hover * {
	color: #FFFFFF !important;
}

.q-icon {
	width: 40px;
	height: 40px;
	margin-bottom: 30px;
	background-repeat: no-repeat;
	background-position: center;
}

.q-icon.q1 {
	background-image: url(../images/btm1.png);
}

.q-icon.q2 {
	background-image: url(../images/btm2.png);
}

.q-icon.q3 {
	background-image: url(../images/btm3.png);
}

.q-icon.q4 {
	background-image: url(../images/btm4.png);
}

.qkan-cells .qkan-box:hover .q-icon.q1 {
	background-image: url(../images/btm1_h.png);
}

.qkan-cells .qkan-box:hover .q-icon.q2 {
	background-image: url(../images/btm2_h.png);
}

.qkan-cells .qkan-box:hover .q-icon.q3 {
	background-image: url(../images/btm3_h.png);
}

.qkan-cells .qkan-box:hover .q-icon.q4 {
	background-image: url(../images/btm4_h.png);
}

.qkan-box .q-title {
	font-size: 22px;
	color: #333333;
	margin-bottom: 20px
}

.qkan-box .q-intro {
	color: #666666;
	line-height: 2;
}

/* 精选 */
.featuredContent {
	margin-bottom: 60px;
}

.fea-swiper {
	height: 530px;
}

.swiper-pagination-bullet-active {
	width: 40px;
	border-radius: 4px;
	background-color: #54b0bd;
}

.fea-swiper .swiper-pagination {
	bottom: 0px;
}

.featuredContent__left {
	width: 870px;
	float: left;
}

.featuredContent__right {
	width: 290px;
	float: right;
}

.feat-cells {
	margin: 0 -10px;
}

.feat-cells li {
	float: left;
	padding: 35px 15px;
}

.feat-cells .feat-box {
	display: block;
	width: 410px;
	height: 150px;
}

.feat-box .article__pic {
	width: 150px;
	height: 150px;
	float: left;
}

.feat-box .article__pic img {
	width: 150px;
	height: 150px;
}

.article__item--intro {
	float: right;
	width: 230px;
}

.feat-box .article__item--intro .title {
	font-size: 15px;
	line-height: 26px;
	height: 78px;
	color: #333333;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	margin-bottom: 25px;
}
.feat-cells .feat-box:hover .title{
	color: #52b8cc;
}
.feat-box .article__item--intro .source {
	color: #076f8a;
	font-size: 15px;
	margin-bottom: 10px;
}

.feat-box .article__item--intro .time {
	margin-left: 10px;
	font-size: 13px;
	color: #999999;
}

.feat-lg-box {
	display: block;
	width: 840px;
	height: 220px;
}

.feat-lg-box .article__item--pic {
	width: 220px;
	height: 220px;
	float: left;
}

.feat-lg-box .article__item--pic img {
	width: 220px;
	height: 220px;
}

.feat-lg-box .article__item--intro {
	float: right;
	width: 570px;
}

.feat-lg-box .article__item--intro .title {
	font-size: 17px;
	color: #333333;
	font-weight: bold;
	display: flex;
	display: -webkit-box;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 44px;
}

.feat-lg-box .article__item--intro .source {
	color: #076f8a;
	font-size: 15px;
	margin-bottom: 40px;
}

.feat-lg-box .article__item--intro .content {
	font-size: 13px;
	line-height: 28px;
	color: #666666;
	/* text-indent: 2em; */
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.feat-lg-box .article__item--intro .time {
	margin-left: 10px;
	font-size: 13px;
	color: #999999;
}

.feat-lg-box:hover .article__item--intro .title {
	color: #54b0bd;
}

.featuredContent__right .moreReading {
	position: relative;
	border: 1px solid #e6e6e6;
	border-top-color: #53abbd;
	padding: 15px;
}

.featuredContent__right .publicTitle__left {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}

.featuredContent__right .moreReading__tab {
	position: absolute;
	top: -44px;
	right: -1px;
	height: 43px;
}

.featuredContent__right .moreReading__tab--td {
	cursor: pointer;
	height: 44px;
	width: 56px;
	text-align: center;
	line-height: 44px;
	font-size: 13px;
	color: #666666;
	float: left;
}

.featuredContent__right .moreReading__tab--td.select {
	background: url(../images/tab_bg.jpg) no-repeat;
	color: #53abbd;
}

.moreReading-li {
	display: block;
}

.moreReading-li .moreReading__item {
	margin-bottom: 15px;
}

.moreReading-li .moreReading__item--left {
	float: left;
	width: 24px;
	margin-right: 10px;
}

.moreReading-li .moreReading__item--right {
	float: left;
	width: 220px;
}

.moreReading-li .moreReading__item--right .title {
	color: #333;
	font-size: 15px;
	line-height: 20px;
	display: flex;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 40px;
}

.moreReading-li .moreReading__item--right .marTop {
	margin-top: 10px;
}

.moreReading-li .moreReading__item--right .source {
	color: #076f8a;
}

.moreReading-li .moreReading__item--right .time {
	color: #999999;
}

.moreReading-li:hover .title {
	color: #54b0bd;
}

.moreReading-li .moreReading__item--left span {
	width: 20px;
	height: 20px;
	text-align: center;
	color: #666666;
	background-color: #e5e5e5;
	border-radius: 4px;
	font-size: 12px;
	line-height: 20px;
	display: block;
}

.featured-lists .col {
	width: 550px;
}

.feat-list-cells {
	position: relative;
	padding-left: 85px;
}

.featured-lists .list-line {
	height: 1px;
	background-color: #e6e6e6;
	margin: 40px 0;
}

.feat-list-cells .list-icon {
	position: absolute;
	left: 0;
	top: 0;
}

.feat-list-head {
	position: relative;
	line-height: 1.2;
	margin-bottom: 20px;
}

.feat-list-head .title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.feat-list-head .desc {
	color: #999999;
}

.feat-list-head .more {
	position: absolute;
	right: 0;
	top: 0;
	color: #999999;
}
.feat-list-head .more:hover{
	color: #52B8CC;
}
.feat-list li {
	margin-bottom: 15px;
	background: url(../images/dot.png) left center no-repeat;
	padding-left: 15px;
}

.feat-list li:last-child {
	margin-bottom: 0;
}

.feat-list li a {
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #666666;
}

.feat-list li a strong {
	color: #333333;
	font-size: 16px;
}

.feat-list li a:hover,
.feat-list li a:hover strong {
	color: #00b2bf;
}

/* 书籍 */
.bookshelf-card {
	background: url(../images/bottom.png) no-repeat center bottom;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 80px;
}

.bookshelf-card .col {
	width: 16.666%;
	float: left;
	text-align: center;
	padding-top: 10px;
}

.bookshelf-item {
	display: inline-block;
	width: 145px;
	height: 177px;
	background: url(../images/bookbg.png) no-repeat;
}
.bookshelf-item img {
	width: 132px;
	height: 175px;
}

.book-swiper .swiper-pagination {
	bottom: 0;
}

/* banner */
.index-banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	height: 520px;
}

.data-cells {
	margin-bottom: 70px;
}

.data-cells .col {
	width: 25%;
	float: left;
	display: flex;
	align-items: center;
	justify-content: center;
}

.date__item {
	padding-left: 75px;
	position: relative;
	line-height: 1;
	color: #FFFFFF;
}

.date__item .icon {
	position: absolute;
	left: 0;
	top: 0;
	padding: 5px 0;
}

.date__item .count_txt {
	line-height: 1;
	color: #FFFFFF;
	margin-bottom: 20px;
}

.date__item .count_txt .val {
	padding-right: 5px;
	font-size: 32px;
}

.date__item .date__item--fontStyle {
	font-size: 14px;
	opacity: .6;
}
.file-swiper{
	padding-top: 10px;
}
/*2020-11-10*/
.file-swiper .file-box {
	position: relative;
	box-sizing: border-box;
	padding: 15px;
	background-color: rgba(0,0,0,0.2);
	display: block;
	height: 150px;
	overflow: hidden;
	border-radius: 5px;
}

.file-swiper .file-head {
	color: #333333;
	line-height: 1.8;
	height: 90px;
}

.file-swiper .file-head .file-title {
	font-size: 18px;
	color: #fff;
}

.file-swiper .file-head .file-en-title {
	font-size: 16px;
	color: #fff;
}

.file-swiper .file-box .icon {
	position: absolute;
	right: 15px;
	bottom: 15px;
}

.file-swiper .file-box .more {
	color: #47a1b3;
}

.file-swiper .file-box:hover .file-head {
	color: #0f6d8e;
}

.file-swiper .file-box:hover .more {
	color: #52b8cc;
}

.file-swiper .swiper-slide:nth-child(even) .file-box {
	background-color: rgba(0,0,0,0.2);
}

.index-banner .main {
	padding-top: 170px;
}

.file-swiper-main {
	position: relative;
}

.file-swiper-main .sw-prev,
.file-swiper-main .sw-next {
	position: absolute;
	top: 50%;
	margin-top: -25px;
	background-repeat: no-repeat;
	background-position: center;
	width: 50px;
	height: 50px;
	z-index: 99;
	opacity: .6;
	cursor: pointer;
}

.file-swiper-main .sw-prev {
	left: -60px;
	background-image: url(../images/left.png);
}

.file-swiper-main .sw-next {
	right: -60px;
	background-image: url(../images/right.png);
}

.file-swiper-main .sw-prev:hover {
	opacity: 1;
}

.file-swiper-main .sw-next:hover {
	opacity: 1;
}

.bookshelf-foot .btn {
	margin: 0 25px;
	width: 350px;
}

.bookshelf-foot .btn span {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}

.bookshelf-foot .btn .cart {
	background-image: url(../images/cart.png);
}

.bookshelf-foot .btn .view {
	background-image: url(../images/file_edit.png);
}

.bookshelf-foot .btn:hover .cart {
	background-image: url(../images/cart_w.png);
}

.bookshelf-foot .btn:hover .view {
	background-image: url(../images/file_edit_w.png);
}

/* 悬浮框 */
.floatbar {
	position: absolute;
	left: 0;
	top: 560px;
	z-index: 99;
}

.floatbar ul li {
	width: 68px;
	height: 60px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transition: width .5s linear;
	transition: width .5s linear;
}

.floatbar ul li .icon {
	height: 100%;
	background-image: url(../images/side_icon1.png);
	background-repeat: no-repeat;
	background-position: left 8px center;
	background-color: #fff;
	cursor: pointer;
	border-radius: 0 30px 30px 0;
	-webkit-transition: background-color 0.5s linear, background-image 0.5s linear, background-position 0.5s linear;
	transition: background-color 0.5s linear, background-image 0.5s linear, background-position 0.5s linear;
}

.floatbar__content {
	position: absolute;
	/* opacity: 0; */
	display: none;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 5px rgba(108, 115, 128, 0.2);
	box-shadow: 0 0 5px rgba(108, 115, 128, 0.2);
	width: 160px;
	padding: 15px;
	right: -180px;
	top: 0;
	text-align: center;
}

.floatbar__content--arr {
	width: 10px;
	height: 17px;
	position: absolute;
	top: 25px;
	left: -10px;
	background: url(../images/floatbar_arr.png) no-repeat;
	/* box-shadow: 0 0 5px rgba(108,115,128,0.2); */
}

.floatbar__content--title {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 10px;
}

.floatbar ul li .icon.icon2 {
	background-image: url(../images/side_icon2.png);
}

.floatbar ul li .icon.icon3 {
	background-image: url(../images/side_icon3.png);
}

.floatbar ul li .icon.icon4 {
	background-image: url(../images/side_icon4.png);
}

.floatbar ul li .icon.icon5 {
	display: block;
	background-image: url(../images/side_icon5.png);
}

.floatbar ul li:hover {
	width: 95px;
	padding-right: 33px;
}

.floatbar ul li:hover .icon {
	background-color: #52b8cc;
	background-position: left 20px center;
}

.floatbar ul li:hover .icon.icon2 {
	background-image: url(../images/side_icon2_1.png);
}

.floatbar ul li:hover .icon.icon3 {
	background-image: url(../images/side_icon3_1.png);
}

.floatbar ul li:hover .icon.icon4 {
	background-image: url(../images/side_icon4_1.png);
}

.floatbar ul li:hover .icon.icon5 {
	background-image: url(../images/side_icon5_1.png);
}

.floatbar__content--subtitle {
	color: #666666;
	font-size: 13px;
}

.floatbar__content--txt {
	font-size: 15px;
	color: #52b8cc;
	padding: 15px 0;
}

.floatbar__content--btn {
	text-align: center;
}

.floatbar__content--btn .btn {
	width: 140px;
	height: 40px;
	background-color: #52b8cc;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	border-radius: 20px;
}

.floatbar__content--dl dd {
	font-size: 13px;
	color: #333;
	line-height: 24px;
	margin-bottom: 20px;
}

.floatbar__content--dl img {
	width: 120px;
	height: 120px;
	margin: 0 auto;
}

.floatbar__content--contact {
	text-align: left;
}

.floatbar__content--contact .contact {
	font-size: 13px;
	line-height: 24px;
	color: #888888;
	padding: 5px 0 5px 15px;
}

/* 总编 */
.slide_section {
	filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a9bc2, endcolorstr=#26bdbd, gradientType=1);
	-ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#3a9bc2, endcolorstr=#26bdbd, gradientType=1);
	background: #3a9bc2;
	background: -webkit-gradient(linear, left top, right top, from(#3a9bc2), to(#26bdbd));
	background: linear-gradient(left, #3a9bc2, #26bdbd);
	background: -o-linear-gradient(left, #3a9bc2, #26bdbd);
	min-width: 1200px;
}

.slide_section .slide .head_top {
	padding: 65px 0;
	position: relative;
	color: #fff;
	line-height: 30px;
	text-align: center;
}

.slide_section .head_top * {
	color: #FFF !important
}

.slide_section .head_top .line span {
	background-color: #FFFFFF;
	opacity: .4;
}

.chief-box {
	cursor: pointer;
	width: 250px;
	height: 354px;
	margin: 0 auto;
	/* margin-right: 14px; */
}

.chief-box .vip_pic {
	margin: 0 auto;
	width: 130px;
	height: 130px;
	border-radius: 70px;
	border: 4px solid #82cad9;
	overflow: hidden;
}

.chief-box .vip_pic img {
	width: 130px;
	height: 130px;
}

.chief-box .vip_title {
	color: #fff;
	font-size: 20px;
	line-height: 24px;
	padding: 25px 0 10px;
	text-align: center;
}

.chief-box .commonTxt {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	width: 220px;
	margin: 0 auto;
	padding-top: 35px;
	background: url(../images/line.png) no-repeat center top 18px;
}

.chief-box .vip_abstract {
	display: none;
	margin-left: -15px;
	background-color: #0499a5;
	border-radius: 5px;
	border-top: 4px solid #92d3d8;
	height: 142px;
	margin-top: 10px;
	width: 280px;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	padding: 5px 25px 12px 40px;
	color: #fff;
	font-size: 14px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.chief-box .vip_abstract::after{
	content: ' ';
	position: absolute;
	background: url(../images/uparr.png) no-repeat;
	width: 18px;
	height: 10px;
	position: absolute;
	top: -14px;
	left: 50%;
	margin-left: -9px;
}

.chief-box .vip_abstract .quotes1 {
	position: absolute;
	left: 14px;
	top: -22px;
}

.div3 {
	width: 210px;
	height: 90px;
	position: absolute;
	left: 0;
	line-height: 1.6;
	top: 24px;
	overflow: hidden;
}

.chief-box .vip_abstract .content {
	position: relative;
}

.chiefs-slide {
	position: relative;
}

.chiefs-slide .cc-prev,
.chiefs-slide .cc-next {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	z-index: 10;
	cursor: pointer;
	background-size: 60px 60px;
	background-position: center;
	background-repeat: no-repeat;
}

.chiefs-slide .cc-prev {
	left: -90px;
	background-image: url(../images/swiper3_prev1.png);
}

.chiefs-slide .cc-next {
	right: -90px;
	background-image: url(../images/swiper3_next1.png);
}

.chiefs-slide .cc-prev:hover {
	background-image: url(../images/swiper3_prev2.png);
}

.chiefs-slide .cc-next:hover {
	background-image: url(../images/swiper3_next2.png);
}

.chiefs-slide .cc-prev.swiper-button-disabled,
.chiefs-slide .cc-next.swiper-button-disabled {
	opacity: .5;
}

.div1 {
	height: 100px;
	width: 4px;
	background: #fff;
	position: absolute;
	top: 12px;
	right: -19px;
	border-radius: 2px;
}

.div2 {
	height: 20px;
	width: 6px;
	background: #66bbcc;
	position: absolute;
	top: 5px;
	left: -1px;
	cursor: pointer;
	border-radius: 1px;
}
.div4 {
    position: absolute;
    left: 0;
    top: 0;
    min-height: 85px;
}
@media screen and (max-width: 1500px){
	.publishing__inside {
	    width: 1200px;
	}
	.header-search{
		margin-right: 20px;
	}
}

.header__top--user .dropdown {
    display: none;
    overflow: hidden;
    position: absolute;
    overflow: hidden;
    padding-top: 20px;
    z-index: 199;
}
.header__top--user .dropdown {
    top: 45px;
    right: -6px;
}

.header__top--user .dropdown--arr {
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: 29px;
    border: 10px solid transparent;
    border-bottom-color: #fff;
}
.header__top--user .dropdown--arr {
    right: 20px;
}
.header__top--user .dropdown--content {
    width: 364px;
    background-color: #fff;
    border-radius: 5px;
    padding: 15px 23px;
}
.header__top--user .dropdown .dropdown--content {
    box-shadow: 0 5px 7px 0 rgba(0,0,0,0.20);
}
.header__top--user .dropdown__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 16px;
    line-height: 36px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e6e6e6;
}
.header__top--user .dropdown__top.nologin {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.header__top--user .dropdown__top.nologin .btn {
    width: 100px;
    height: 36px;
    color: #fff;
    background-color: #55b6c9;
    font-size: 15px;
    border-radius: 18px;
}
.header__top--user .dropdown__bottom {
    margin: 20px 0;
}
.header__top--user .dropdown__bottom--txt {
    text-align: center;
    line-height: 45px;
    font-size: 14px;
    color: #808080;
}
.header__top--user .dropdown__bottom--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}
.header__top--user .dropdown__bottom--btn {
    margin-top: 5px;
    text-align: center;
}
.header__top--user .dropdown__bottom--btn .btn {
    width: 160px;
    height: 40px;
    border-radius: 20px;
    background-color: #ffaa00;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.header__top--user .dropdown .journal__list {
    padding: 0 5px;
}
.header__top--user .dropdown__bottom--list a {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.header__top--user .dropdown__bottom--list dl {
    width: 50px;
}
.header__top--user .dropdown__bottom--list dl dt img {
    width: 50px;
    height: 50px;
}
.header__top--user .dropdown__bottom--list dl dd {
    font-size: 13px;
    text-align: center;
    color: #888888;
    line-height: 24px;
}

@media (max-width:1760px) {
	.header__top--nav>ul>li{
		margin-right: 45px;
	}
	
	.header__top--vip{
		margin-right: 10px;
	}
}

@media (max-width:1660px) {
	.header__top--nav>ul>li{
		margin-right: 20px;
	}
}
@media (max-width:1400px) {
	.header__top--nav>ul>li{
		margin-right: 24px;
	}
}
@media (max-width:1400px) {
	.header__top--nav{
		margin-left: 15px;
	}
	.chiefs-slide .cc-next{
		right: -40px;
	}
	.chiefs-slide .cc-prev{
		left: -40px;
	}
}
.feat-grid .feat-box .article__pic {
    width: 180px;
    height: 180px;
    float: left;
}
.feat-grid .feat-box .article__pic img {
    width: 180px;
    height: 180px;
}
.feat-grid .article__item--intro{
	width: 200px;
}
.feat-grid .feat-box{
	height: 180px;
}
.feat-grid li{
	padding: 40px 15px;
}



.header__top--user {
	position: relative; }
.header__top--user .no_read {
	width: 24px;
	height: 24px;
	background-color: #ff0000;
	font-size: 12px;
	line-height: 24px;
	color: #ffffff;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	top: -6px;
	right: 20%; }
.header__top--user .dropdown--content {
	width: 364px;
	background-color: #fff;
	border-radius: 5px;
	padding: 15px 23px; }
.header__top--user .dropdown--arr {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	right: 29px;
	border: 10px solid transparent;
	border-bottom-color: #fff; }
.header__top--user .dropdown__top {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 16px;
	line-height: 36px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #e6e6e6; }
.header__top--user .dropdown__top--left .user--pic {
	width: 48px;
	height: 48px;
	border-radius: 25px;
	border: 1px solid #e2e2e2;
	overflow: hidden;
	margin-right: 7px; }
.header__top--user .dropdown__top--left .user--pic img {
	width: 48px;
	height: 48px; }
.header__top--user .dropdown__top--right {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 20px; }
.header__top--user .dropdown__top--right .leftBlock {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
.header__top--user .dropdown__top--right .leftBlock .userMsg {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex; }
.header__top--user .dropdown__top--right .leftBlock .userMsg .user--name {
	font-size: 15px;
	margin-right: 10px; }
.header__top--user .dropdown__top--right .leftBlock .userMsg .user--vip {
	background: url("../../res/images-new/user_icon_vip2.png") no-repeat left center;
	padding-left: 28px;
	color: #ff7f00;
	font-size: 14px; }
.header__top--user .dropdown__top--right .leftBlock .vip__progress--time {
	font-size: 12px;
	color: #999999;
	line-height: 28px; }
.header__top--user .dropdown__top--right .leftBlock .vip__progress--bar {
	background-color: #52b8cc;
	width: 200px;
	height: 5px;
	border-radius: 3px; }
.header__top--user .dropdown__top--right .leftBlock .vip__progress--bar .bar {
	height: 5px;
	background-color: #e6e6e6;
	border-radius: 3px; }
.header__top--user .dropdown__top--right .rightBlock {
	width: 90px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-moz-box-orient: vertical;
	-moz-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }
.header__top--user .dropdown__top--right .rightBlock .login a {
	line-height: 16px;
	font-size: 12px;
	color: #888888;
	padding-left: 5px; }
.header__top--user .dropdown__top--right .rightBlock .login a:nth-child(1) {
	padding-left: 0;
	padding-right: 5px;
	border-right: 1px solid #d2d2d2; }
.header__top--user .dropdown__top--right .rightBlock .renew__btn {
	text-align: right; }
.header__top--user .dropdown__top--right .rightBlock .renew__btn .btn {
	width: 58px;
	height: 22px;
	font-size: 12px;
	border: 1px solid #ff7f00;
	border-radius: 12px;
	color: #ff7f00; }
.header__top--user .dropdown__top--right .rightBlock .renew__btn .btn:hover {
	background-color: #ff7f00;
	color: #fff; }
.header__top--user .dropdown__top.overdue {
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 5px; }
.header__top--user .dropdown__top.overdue .dropdown__top--right .leftBlock .userMsg .user--vip {
	background-image: url("../../res/images-new/user_icon_vip.png");
	color: #a5a5a5; }
.header__top--user .dropdown__top.overdue .dropdown__top--right .rightBlock .login a {
	font-size: 14px;
	color: #333333; }
.header__top--user .dropdown__top.overdue .dropdown__top--right .rightBlock {
	width: 100px; }
.header__top--user .dropdown__top.nologin {
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-moz-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between; }
.header__top--user .dropdown__top.nologin .btn {
	width: 100px;
	height: 36px;
	color: #fff;
	background-color: #55b6c9;
	font-size: 15px;
	border-radius: 18px; }
.header__top--user .dropdown__top.nologin .btn:hover {
	background-color: #48acbf; }
.header__top--user .dropdown__bottom {
	margin: 20px 0; }
.header__top--user .dropdown__bottom--txt {
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	color: #808080; }
.header__top--user .dropdown__bottom--list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex; }
.header__top--user .dropdown__bottom--list a {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; }
.header__top--user .dropdown__bottom--list dl {
	width: 50px; }
.header__top--user .dropdown__bottom--list dl dt img {
	width: 50px;
	height: 50px; }
.header__top--user .dropdown__bottom--list dl dd {
	font-size: 13px;
	text-align: center;
	color: #888888;
	line-height: 24px; }
.header__top--user .dropdown__bottom--btn {
	margin-top: 5px;
	text-align: center; }
.header__top--user .dropdown__bottom--btn .btn {
	width: 160px;
	height: 40px;
	border-radius: 20px;
	background-color: #ffaa00;
	color: #fff;
	font-weight: bold;
	font-size: 16px; }
.header__top--user .dropdown__bottom--btn .btn:hover {
	background-color: #e49c0d; }
.header__top--user .dropdown .journal__list {
	padding: 0 5px; }
.header__top--user .dropdown .journal__list--title {
	font-size: 14px;
	color: #333333;
	line-height: 42px;
	border-top: 1px dashed #e6e6e6; }
.header__top--user .dropdown .journal__list ul li {
	float: left;
	margin: 0 6px; }
.header__top--user .dropdown .journal__list ul img {
	width: 76px;
	height: 100px; }


.modalWindow {
	width: 540px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -270px;
	z-index: 299;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.34);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.34); }
.modalWindow.modalWindow2 .modalWindow__top {
	background-image: url("../../res/images-new/pop_up_bg2.png");
	padding: 0;
	height: 158px; }
.modalWindow.modalWindow3 {
	width: 355px;
	margin-left: -178px; }
.modalWindow.modalWindow3 .modalWindow__top {
	background-image: url("../../res/images-new/pop_up_bg3.png");
	padding: 0;
	height: 126px; }
.modalWindow--close {
	position: absolute;
	right: -16px;
	top: -16px;
	width: 32px;
	height: 32px;
	background: url("../../res/images-new/icon_close2.png") no-repeat;
	cursor: pointer; }
.modalWindow--close:hover {
	background-image: url("../../res/images-new/icon_close1.png"); }
.modalWindow__top {
	border-radius: 5px 5px 0 0;
	padding: 30px 0;
	background: url("../../res/images-new/pop_up_bg1.png") no-repeat center top #00aace; }
.modalWindow--txt1 {
	padding-left: 105px;
	font-size: 24px;
	color: #fff;
	line-height: 40px; }
.modalWindow--txt3 {
	font-size: 26px;
	color: #fff;
	line-height: 130px;
	text-align: center; }
.modalWindow--txt4 {
	font-size: 28px;
	color: #fff;
	line-height: 126px;
	text-align: center; }
.modalWindow--txt2 {
	padding-left: 105px;
	color: #fff;
	font-size: 16px;
	line-height: 24px; }
.modalWindow--txt5 {
	font-size: 24px;
	color: #fff;
	line-height: 24px;
	text-align: center; }
.modalWindow__btn {
	/*height: 40px;*/
	padding: 20px 0;
	background-color: #fff;
	text-align: center;
	border-radius: 0 0 5px 5px; }
.modalWindow__btn .btn {
	width: 120px;
	height: 40px;
	border-radius: 20px;
	background-color: #52b8cc;
	font-size: 16px;
	line-height: 40px;
	margin: 0 15px;
	color: #fff; }
.modalWindow__btn .btn.default {
	background-color: #cdcdcd; }
.modalWindow__addAntistop {
	padding-left: 50px; }
.modalWindow__addAntistop span {
	float: left;
	font-size: 16px;
	color: #fff;
	line-height: 40px;
	margin-right: 20px; }
.modalWindow__addAntistop input {
	float: left;
	width: 280px;
	height: 40px;
	padding-left: 10px;
	border-radius: 5px;
	background-color: #0095b6;
	color: #fff; }
.modalWindow__content {
	background-color: #fff;
	padding: 22px;
	height: 352px;
	overflow-y: scroll; }
.modalWindow__content table {
	width: 100%; }
.modalWindow__content table tr {
	height: 44px;
	text-align: center; }
.modalWindow__content table tr td {
	width: 50%; }
.modalWindow__content table tr:nth-child(odd) {
	background-color: #f0f7fa; }
.modalWindow__middle {
	padding: 0 20px;
	background-color: #fff; }
.modalWindow__middle--title {
	font-size: 15px;
	color: #b6b7b7;
	line-height: 24px; }
.modalWindow__opinion {
	padding: 15px;
	background-color: #f1f1f1; }
.modalWindow__opinion textarea {
	font-size: 16px;
	width: 100%;
	min-height: 48px;
	resize: none; }
.modalWindow__opinion textarea::-webkit-input-placeholder {
	color: #cacaca; }
.modalWindow__opinion textarea::-moz-placeholder {
	color: #cacaca; }
.modalWindow__opinion textarea:-ms-input-placeholder {
	color: #cacaca; }
.modalWindow__opinion textarea::-ms-input-placeholder {
	color: #cacaca; }
.modalWindow__opinion textarea::placeholder {
	color: #cacaca; }
.modalWindow__opinion .opinion--tips {
	font-size: 16px;
	color: #6e6e6e;
	line-height: 24px; }
.modalWindow__item {
	min-height: 40px;
	line-height: 40px;
	margin-bottom: 20px; }
.modalWindow__item--left {
	float: left;
	width: 75px;
	font-size: 15px;
	color: #474747; }
.modalWindow__item--right {
	float: left;
	width: 425px; }
.modalWindow__item--right input[type="text"] {
	padding-left: 10px;
	width: 415px;
	height: 40px;
	background-color: #f1f1f1; }
.modalWindow__item--right input[type="file"] {
	display: none; }
.modalWindow__item--right label {
	cursor: pointer;
	display: block;
	width: 182px;
	height: 112px;
	background: url("../../res/images-new/file_upload.png") no-repeat; }
.modalWindow.favorite .modalWindow__top {
	padding: 15px 0; }
.modalWindow.favorite .modalWindow--txt1 {
	font-size: 24px;
	padding-left: 30px; }
.modalWindow.favorite .favorite__content {
	padding: 25px 40px;
	background: #fff;
	border-radius: 0 0 5px 5px; }
.modalWindow.favorite .favorite__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 30px; }
.modalWindow.favorite .favorite__item input[type="checkbox"] {
	margin: 0 10px;
	width: 14px;
	height: 14px;
	background: url("../../res/images-new/favorite_icon10.png") no-repeat;
	cursor: pointer; }
.modalWindow.favorite .favorite__item input[type="checkbox"]:checked {
	background-image: url("../../res/images-new/favorite_icon7.png"); }
.modalWindow.favorite .favorite__item label {
	color: #666666;
	font-size: 14px; }
.modalWindow.pay .payBtn {
	width: 317px;
	margin: 0 auto;
	padding: 50px 0; }
.modalWindow.pay .payBtn__item {
	margin-bottom: 18px; }
.modalWindow.pay .payBtn__item .btn {
	width: 317px;
	height: 44px;
	border-radius: 22px;
	background: #52b8cc url("../../res/images-new/new/payBtn_bg1_01.png") left center no-repeat;
	background-size: 40px 40px;
	color: #fff;
	font-size: 14px; }
.modalWindow.pay .payBtn__item .btn.style1:hover {
	background-color: #ffb266;
	background-image: url("../../res/images-new/new/payBtn_bg1_2_01.png"); }
.modalWindow.pay .payBtn__item .btn.style2 {
	background-image: url("../../res/images-new/new/payBtn_bg2_01.png"); }
.modalWindow.pay .payBtn__item .btn.style2:hover {
	background-color: #ffb266;
	background-image: url("../../res/images-new/new/payBtn_bg2_2_01.png"); }
.modalWindow.pay .payBtn__item .btn.style3 {
	background-image: url("../../res/images-new/new/payBtn_bg3_01.png"); }
.modalWindow.pay .payBtn__item .btn.style3:hover {
	background-color: #ffb266;
	background-image: url("../../res/images-new/new/payBtn_bg3_2_01.png"); }
.modalWindow.modalWindow4 {
	width: 808px;
	margin-left: -404px; }
.modalWindow.modalWindow4 .modalWindow__top {
	height: 40px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px; }
.modalWindow.modalWindow4 .rule__content {
	background-color: #fff;
	padding: 45px 43px 10px;
	border-radius: 0 0 5px 5px; }
.modalWindow.modalWindow4 .rule__content .rule__item {
	margin-bottom: 30px;
	color: #666666;
	font-size: 14px; }
.modalWindow.modalWindow4 .rule__content .rule__item:last-child {
	margin-bottom: 0; }
.modalWindow.modalWindow4 .rule__content .rule__item--title {
	border-left: 3px solid #52b8cc;
	line-height: 14px;
	padding-left: 8px; }
.modalWindow.modalWindow4 .rule__content .rule__item--txt {
	padding-left: 11px;
	line-height: 20px; }

.modalWindow--member {
	width: 1000px;
	/*min-height: 650px;*/
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 5000;
	margin-left: -500px;
	margin-top: -325px;
	background-color: #fff;
	border-radius: 10px;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }
.modalWindow--member .modalWindow__title {
	text-align: center; }
.modalWindow--member .modalWindow__title .title {
	padding: 0 130px;
	background: url("../../res/images-new/modalWindow__title--left.png") no-repeat left center, url("../../res/images-new/modalWindow__title--right.png") no-repeat right center;
	color: #333333;
	font-size: 16px; }
.modalWindow--member .modalWindow--close2 {
	position: absolute;
	right: 12px;
	top: 12px;
	width: 24px;
	height: 24px;
	background: url(../../res/images-new/icon_close3.png) no-repeat;
	cursor: pointer; }
.modalWindow--member .modalWindow--bookrack {
	background: url("../../res/images-new/bookrack3.jpg") no-repeat center bottom;
	padding: 0 48px 0;
	margin-right: 16px; }
.modalWindow--member .modalWindow--bookrack__item {
	float: left;
	margin-right: 50px;
	margin-bottom: 68px;
	padding-top: 20px; }
.modalWindow--member .modalWindow--bookrack__item a:hover dd {
	color: #ff9900; }
.modalWindow--member .modalWindow--bookrack__item dt {
	background: url("../../res/images-new/bookrack_boxshadow2.png") no-repeat;
	width: 130px;
	height: 165px;
	position: relative; }
.modalWindow--member .modalWindow--bookrack__item dt.check_bg {
	background-image: url("../../res/images-new/new/bookrack_boxshadow2_check.png");
	background-size: 130px 165px; }
.modalWindow--member .modalWindow--bookrack__item dt img {
	margin: 0 auto 0;
	width: 120px;
	height: 160px; }
.modalWindow--member .modalWindow--bookrack__item dt .select input[type="checkbox"] {
	position: absolute;
	top: -12px;
	right: -6px;
	background: url("../../res/images-new/checkbox1.png") no-repeat;
	width: 25px;
	height: 25px;
	cursor: pointer; }
.modalWindow--member .modalWindow--bookrack__item dt .select input[type="checkbox"]:checked {
	background-image: url("../../res/images-new/checkbox3.png"); }
.modalWindow--member .modalWindow--bookrack__item.rowlast {
	margin-right: 0; }
.modalWindow--member .bookrackBox {
	overflow-y: scroll;
	min-height: 240px;
	height: 240px; }
.modalWindow--member .bookrackBox .modalWindow--bookrack__item dt .select input[type="checkbox"] {
	background-image: url("../../res/images-new/checkbox2.png"); }
.modalWindow--member .bookrackBox .modalWindow--bookrack__item dt .select input[type="checkbox"]:checked {
	background-image: url("../../res/images-new/checkbox3.png"); }
.modalWindow--member .bookrackBox.bookrackBox2 {
	min-height: 480px;
	height: 480px; }
.modalWindow--member .modalWindow__btn {
	padding: 20px 0 0; }
.modalWindow--member .modalWindow--tips {
	text-align: center;
	margin-bottom: 20px; }
.modalWindow--member .modalWindow--tips .warn {
	padding-left: 28px;
	background: url(../../res/images-new/warn.png) no-repeat left center;
	color: #888888;
	font-size: 14px;
	line-height: 25px;
	display: inline-block;
	height: 25px; }
.modalWindow--member .modalWindow__orderConfirmation {
	background-color: #f5f5f5;
	border-radius: 5px;
	padding: 25px 65px;
	margin: 0 25px; }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item > div {
	float: left;
	width: 375px;
	margin-bottom: 18px; }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item .icon {
	padding-left: 25px;
	background: url("../../res/images-new/account_icon1.png") no-repeat left center;
	line-height: 20px;
	color: #333333;
	font-size: 13px; }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item .icon.icon2 {
	background-image: url("../../res/images-new/account_icon2.png"); }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item .icon.icon3 {
	background-image: url("../../res/images-new/account_icon2.png"); }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item .icon.icon4 {
	background-image: url("../../res/images-new/account_icon2.png"); }
.modalWindow--member .modalWindow__orderConfirmation .orderConfirmation__item .icon span {
	color: #888888; }
.modalWindow--member .modalWindow__orderConfirmation .account {
	color: #333333;
	font-size: 13px;
	line-height: 24px;
	height: 24px; }
.modalWindow--member .modalWindow__orderConfirmation .account > div {
	float: left; }
.modalWindow--member .modalWindow__orderConfirmation .account--pay {
	margin-right: 25px; }
.modalWindow--member .modalWindow__orderConfirmation .account--discounts {
	font-size: 20px;
	color: #ff1919; }
.modalWindow--member .modalWindow__orderConfirmation .account--original {
	color: #999999;
	text-decoration: line-through;
	margin-left: 10px;
	margin-right: 45px; }
.modalWindow--member .modalWindow__orderConfirmation .account--balance {
	font-size: 16px;
	color: #ff9500;
	margin-left: 25px; }
.modalWindow--member .modalWindow__btn .btn {
	width: 250px;
	background-color: #ffaa33;
	margin: 0 38px; }