:root {
	--van-nav-bar-height: 46px;
	--van-nav-bar-background-color: var(--van-background-color-light);
	--van-nav-bar-arrow-size: 16px;
	--van-nav-bar-icon-color: var(--van-primary-color);
	--van-nav-bar-text-color: var(--van-primary-color);
	--van-nav-bar-title-font-size: var(--van-font-size-lg);
	--van-nav-bar-title-text-color: var(--van-text-color);
	--van-nav-bar-z-index: 1
}

.van-nav-bar {
	position: relative;
	z-index: var(--van-nav-bar-z-index);
	line-height: var(--van-line-height-lg);
	text-align: center;
	background: var(--van-nav-bar-background-color);
	-webkit-user-select: none;
	user-select: none
}

.van-nav-bar--fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%
}

.van-nav-bar--safe-area-inset-top {
	padding-top: constant(safe-area-inset-top);
	padding-top: env(safe-area-inset-top)
}

.van-nav-bar .van-icon {
	color: var(--van-nav-bar-icon-color)
}

.van-nav-bar__content {
	position: relative;
	display: flex;
	align-items: center;
	height: var(--van-nav-bar-height)
}

.van-nav-bar__arrow {
	margin-right: var(--van-padding-base);
	font-size: var(--van-nav-bar-arrow-size)
}

.van-nav-bar__title {
	max-width: 60%;
	margin: 0 auto;
	color: var(--van-nav-bar-title-text-color);
	font-weight: var(--van-font-weight-bold);
	font-size: var(--van-nav-bar-title-font-size)
}

.van-nav-bar__left,.van-nav-bar__right {
	position: absolute;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	padding: 0 var(--van-padding-md);
	font-size: var(--van-font-size-md)
}

.van-nav-bar__left {
	left: 0
}

.van-nav-bar__right {
	right: 0
}

.van-nav-bar__text {
	color: var(--van-nav-bar-text-color)
}

:root {
	--van-list-text-color: var(--van-text-color-2);
	--van-list-text-font-size: var(--van-font-size-md);
	--van-list-text-line-height: 50px;
	--van-list-loading-icon-size: 16px
}

.van-list__error-text,.van-list__finished-text,.van-list__loading {
	color: var(--van-list-text-color);
	font-size: var(--van-list-text-font-size);
	line-height: var(--van-list-text-line-height);
	text-align: center
}

.van-list__placeholder {
	height: 0;
	pointer-events: none
}

.van-list__loading-icon .van-loading__spinner {
	width: var(--van-list-loading-icon-size);
	height: var(--van-list-loading-icon-size)
}

.m-tabs-period-home {
	border-top: 1Px solid #f8f8f8;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: space-between
}

.m-tabs-period-home .van-dropdown-menu {
	height: 30Px;
	width: 28%;
	text-align: center;
	display: flex;
	margin-right: 5px;
	justify-content: center
}

.m-tabs-period-home .van-dropdown-menu .van-dropdown-menu__bar {
	height: auto;
	padding-top: 4px;
	box-shadow: none
}

.m-tabs-period-home .van-hairline--top-bottom:after,.m-tabs-period-home .van-hairline-unset--top-bottom:after {
	border: 0
}

.m-tabs-period-home .van-dropdown-item {
	z-index: 103
}

.m-tabs-period-home .van-dropdown-menu__title {
	font-size: 12Px;
	background: red;
	color: #fff;
	border-radius: 15px;
	padding: 0 15Px 0 5Px
}

.m-tabs-period-home .van-dropdown-menu__title .van-ellipsis {
	color: #fff
}

.m-tabs-period-home .van-dropdown-menu__title:after {
	right: 6Px;
	color: #fff
}

.m-tabs-period-home .dropdown-body {
	max-height: 550px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.m-tabs-period-home .tag-body {
	text-align: center;
	padding: 10px 0
}

.m-tabs-period-home .tag-body span {
	display: inline-block;
	width: 80px;
	height: 28px;
	line-height: 28px;
	border-radius: 2px;
	border: 1px solid #a9a9a9;
	text-align: center;
	margin-bottom: 10px;
	font-size: 13Px
}

.m-tabs-period-home .tag-body span.act {
	border: 1px solid red;
	color: red
}

.m-tabs-period {
	overflow-x: auto;
	width: 70%
}

.m-tabs-period::-webkit-scrollbar {
	display: none
}

.m-tabs-period .m-tabs-period-bd {
	height: 30px;
	white-space: nowrap;
	min-width: 100%
}

.m-tabs-period .m-tabs-period-bd span {
	width: 75px;
	text-align: center;
	font-size: 12px;
	margin-top: 9px;
	display: inline-block
}

.m-tabs-period .m-tabs-period-bd span.act {
	color: red
}

.van-image-preview {
	background-color: #000!important
}

.paper-detail {
	min-height: 640px;
	padding-bottom: 50px;
	background-image: url(../img/boxshaowbg.png);
	background-size: 100% 430px;
	background-repeat: no-repeat
}

.paper-detail .left-title {
	position: absolute;
	left: 0;
	font-size: 20px;
	color: #39f
}

.paper-detail .interaction {
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.05);
	margin-left: 8px;
	margin-right: 8px;
	margin-top: 8px;
	height: 40px
}

.paper-detail .interaction .van-col {
	text-align: center
}

.paper-detail .interaction .tool-item {
	margin-right: .3rem;
	color: #333;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center
}

.paper-detail .interaction .tool-item i {
	margin-right: 8px
}

.paper-detail .interaction .right-text {
	display: flex;
	align-items: center;
	font-size: 13px;
	color: #333;
	padding-top: .06rem
}

.paper-detail .interaction .right-text i {
	margin-right: 8px
}

.paper-detail-top {
	background-color: #fff;
	margin-left: 8px;
	margin-right: 8px;
	border-radius: 8px
}

.paper-detail-top .arrow_down {
	color: #39f
}

.paper-detail-top .title {
	height: 48px;
	padding-left: 15px;
	padding-right: 15px;
	display: flex;
	align-items: center;
	justify-content: space-between
}

.paper-detail-top .title span {
	color: #39f
}

.paper-detail-top .title .left {
	font-weight: 700;
	font-size: 18px
}

.paper-detail-top .title .right {
	font-size: 12px;
	display: flex;
	align-items: center
}

.paper-detail-top .title .right .van-image {
	height: 17px;
	width: 17px;
	margin-bottom: 5px
}

.paper-detail-top .title .right span {
	flex-direction: column;
	display: flex;
	align-items: center
}

.paper-detail-top .title .right span:last-child {
	margin-left: 5px
}

.paper-detail-top .title .right b {
	font-weight: 400
}

.paper-detail-top-menu {
	height: 48px;
	display: flex;
	align-items: center;
	padding-left: 15px;
	padding-right: 15px;
	justify-content: space-between
}

.paper-detail-top-menu .p-left {
	flex: 1;
	border-radius: 24px;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
	overflow-x: scroll
}

.paper-detail-top-menu .p-left .p-m {
	display: flex;
	white-space: nowrap;
	align-items: center
}

.paper-detail-top-menu .p-left .p-nav-tab {
	justify-content: center;
	font-weight: 400;
	font-size: 12px;
	display: flex;
	align-items: center;
	border-radius: 24px;
	color: #000;
	margin-right: 10px;
	width: 52px;
	border: .5px solid #39f;
	background: linear-gradient(180deg,rgba(51,153,255,0),rgba(51,153,255,.2)),#fff
}

.paper-detail-top-menu .active {
	background: #39f!important;
	color: #fff!important
}

.paper-detail-top-menu .p-right {
	width: 100px;
	margin-right: 50px
}

.paper-detail-top-menu .p-right .pop {
	width: 100px;
	height: 24px;
	background: #39f;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	display: flex;
	align-items: center;
	border-radius: 24px;
	justify-content: center
}

.paper-detail .secobox {
	background: #fff;
	border-radius: 8px;
	margin: 8px
}

.paper-detail .secobox .t1 {
	background-color: #fff;
	font-weight: 400
}

.paper-detail .secobox .t2 {
	padding-bottom: 30px
}

.paper-detail-chose {
	position: absolute;
	right: 10px;
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0 0 0 10px;
	width: 80px;
	height: 32px;
	background: #fff;
	border: 1px solid #999;
	border-radius: 2px
}

.paper-detail-chose-desc {
	color: #222;
	font-size: 14px
}

.paper-detail-chose-desc .van-icon {
	color: #666;
	font-size: 15px;
	margin-left: 3px
}

.paper-detail .site-drop {
	position: absolute;
	right: 10px
}

.paper-detail .site-drop .van-dropdown-item {
	margin-top: 20px;
	margin-left: 8px;
	margin-right: 8px
}

.paper-detail .site-drop .van-dropdown-menu__bar {
	box-shadow: inherit;
	height: 20px
}

.paper-detail .site-drop .van-dropdown-menu__bar .van-dropdown-menu__title {
	border: none;
	padding: 0;
	width: 24px;
	display: flex;
	justify-content: center
}

.paper-detail .site-drop .van-dropdown-menu__bar .van-dropdown-menu__title--down:after {
	opacity: 0
}

.paper-detail .site-drop .van-dropdown-menu__title:after {
	display: none
}

.paper-detail .site-drop .dropdown-body {
	max-height: 550px;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch
}

.paper-detail .site-drop .tag-body {
	text-align: center;
	background: #fff;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-around
}

.paper-detail .site-drop .tag-body .van-col {
	flex: 0 0 22.83333333%;
	max-width: 22.83333333%;
	display: flex;
	align-items: center;
	flex-direction: column;
	margin-bottom: 12px;
	font-weight: 400;
	font-size: 14px;
	height: 32px;
	justify-content: center;
	background: #fff;
	border-radius: 32px;
	color: #333;
	border: .5px solid #39f;
	background: linear-gradient(180deg,rgba(51,153,255,0),rgba(51,153,255,.2)),#fff
}

.paper-detail .site-drop .tag-body .act {
	background: #39f;
	color: #fff
}

.paper-detail .pinglun {
	margin-top: 15px;
	margin-left: 8px;
	margin-right: 8px
}

.paper-detail .pinglun .vtitle {
	background-image: url(../img/title-bg.png);
	background-size: 100% 40px;
	background-repeat: no-repeat;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff
}

.paper-detail .pinglun .comment-box {
	padding: 10px
}

.paper-detail .pinglun .comment-box-i {
	width: 48px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 12px
}

.paper-detail .pinglun .comment-box-i span {
	color: #999;
	font-size: 12px
}

.paper-detail .pinglun .comment-box-item {
	flex: 1
}

.paper-detail .pinglun .comment-box-item .title1 {
	font-weight: 700;
	font-size: 14px;
	color: #666;
	margin-bottom: 8px
}

.paper-detail .pinglun .comment-box-item .text {
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #333;
	overflow: hidden;
	white-space: pre-wrap
}

.paper-detail .pinglun .comment-box-item .picture-list {
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}

.paper-detail .pinglun .comment-box-item .picture-list .van-image {
	width: 95px;
	height: 95px;
	border-radius: 4px
}

.paper-detail .pinglun .comment-box-item .picture-list .w-95 {
	width: 95px
}

.paper-detail .pinglun .comment-box-item .reply-cont {
	height: 24px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	margin-top: 10px
}

.paper-detail .pinglun .comment-box-item .reply-cont .time {
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
	display: flex;
	align-items: center;
	margin-right: 12px;
	color: #666
}

.paper-detail .pinglun .comment-box-item .reply-cont .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
	width: 48px;
	height: 24px;
	background: #f5f5f5;
	border-radius: 24px;
	font-weight: 400;
	font-size: 12px;
	color: #666
}

.paper-detail .pinglun .comment-box-item .reply-box-item {
	display: flex
}

.paper-detail .pinglun .comment-box-item .reply-box-item-info {
	margin-left: 12px
}

.paper-detail .pinglun .comment-box-item .reply-box-item-info .title1 {
	color: #666;
	font-weight: 700;
	font-size: 14px
}

.paper-detail .pinglun .comment-box-item .reply-box-item-info .title1 i {
	color: #999;
	margin-left: 8px;
	margin-right: 8px
}

.paper-detail .pinglun .comment-box-item .reply-box-item-info .picture-list .van-image {
	width: 72px;
	height: 72px
}

.paper-detail .pinglun .comment-box-item .more-btn {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 24px;
	margin-bottom: 20px
}

.paper-detail .pinglun .comment-box-item .more-btn .line {
	width: 40px;
	height: 0;
	border: 1px solid #39f
}

.paper-detail .pinglun .comment-box-item .more-btn .tit {
	font-weight: 400;
	font-size: 14px;
	display: flex;
	align-items: center;
	margin: 10px;
	color: #39f
}

.paper-detail .pinglun .comment-box-item .more-btn i {
	color: #39f
}

.paper-detail .pinglun .wrapper {
	margin: 0 auto;
	width: 100%;
	background-color: #666;
	display: grid;
	place-items: center
}

.paper-detail .pinglun .wrapper .loading {
	position: relative;
	isolation: isolate
}

.paper-detail .pinglun .wrapper .ball {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	mix-blend-mode: multiply
}

.paper-detail .pinglun .first {
	background-color: #42ebf7;
	animation: circle 1.3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

.paper-detail .pinglun .second {
	background-color: #fd2c55;
	animation: circleSecond 1.3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear;
	animation-iteration-count: infinite
}

@keyframes circle {
	0%,to {
		transform: translateX(-12px) scale(1);
		z-index: 1
	}

	25% {
		transform: translateX(7px) scale(.75)
	}

	50% {
		transform: translateX(0) scale(.5)
	}

	75% {
		transform: translateX(-7px) scale(.75)
	}
}

@keyframes circleSecond {
	0%,to {
		transform: translateX(-12px) scale(.5)
	}

	25% {
		transform: translateX(-7px) scale(.75)
	}

	50% {
		transform: translateX(0) scale(1);
		z-index: 1
	}

	75% {
		transform: translateX(7px) scale(.75)
	}
}

.paper-detail .p-d-50 {
	padding-bottom: 50px
}

.paper-detail-star {
	position: fixed;
	bottom: 120px;
	right: 20px
}

.paper-detail-star .cents {
	height: 48px;
	width: 48px;
	background: #fff;
	box-shadow: 0 4px 8px rgba(0,0,0,.1);
	position: relative;
	display: flex;
	justify-content: center;
	border-radius: 50%;
	align-items: center
}

.paper-detail-star .cents .i {
	font-size: 25px;
	color: #999
}

.paper-detail-star .cents .icon {
	position: absolute;
	width: 50px;
	height: 20px;
	background: #e71607;
	border-radius: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	font-weight: 400;
	font-size: 12px;
	bottom: -12px
}

.paper-detail-star .active .i {
	color: #ff8c4b
}

.paper-detail-star .active .icon {
	background: #39f;
	color: #fff
}

.paper-detail-bottom {
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999
}

.paper-detail .swpit {
	display: flex;
	padding: 0 10px;
	justify-content: space-between;
	height: 48px;
	background: #fff
}

.paper-detail .swpit .cont {
	display: flex;
	align-items: center;
	padding: 0 12px;
	height: 32px;
	background: #f5f5f5;
	border-radius: 32px;
	font-weight: 400;
	font-size: 14px;
	color: #999
}

.paper-detail .swpit .icon {
	display: flex;
	flex-direction: column;
	align-items: center
}

.paper-detail .swpit .icon .van-image {
	width: 15px;
	height: 15px;
	margin-bottom: 5px
}

.paper-detail .swpit .icon span {
	font-weight: 400;
	font-size: 12px;
	color: #666
}

.paper-detail .nav-box .t2 {
	padding: 10px
}

.paper-detail .nav-box .t3 {
	height: 48px
}

.paper-detail .nav-box .t3 button {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
	height: 100%;
	margin: auto;
	background: #39f;
	border-radius: 40px;
	font-weight: 400;
	font-size: 16px;
	color: #fff
}

.paper-detail .nav-box .filed .van-uploader__upload {
	background: #d9d9d9;
	border-radius: 4px
}

.paper-detail .nav-box .filed .van-uploader__upload i {
	color: #fff
}

.paper-detail .nav-box .t1 {
	flex-direction: row;
	padding-left: 10px;
	width: 355px;
	height: 48px;
	background: #fff;
	box-shadow: inset 0 -.5px 0 #eee;
	font-weight: 700;
	font-size: 16px;
	color: #333
}

.paper-detail .d3,.paper-detail .nav-box .t1 {
	line-height: 23px;
	display: flex;
	align-items: center
}

.paper-detail .d3 {
	width: 90%;
	height: 30px;
	background-size: 100% 100%;
	font-size: 12px;
	color: #000;
	margin: auto;
	position: relative;
	margin-bottom: 10px;
	padding: 5px
}

.paper-detail .d3-title {
	width: 120px;
	display: flex;
	flex-direction: column
}

.paper-detail .d3-title span:first-child {
	font-size: 16px;
	color: #000
}

.paper-detail .d3-title span:last-child {
	font-size: 14px;
	color: #999
}

.paper-detail .d3-num {
	display: flex
}

.paper-detail .d3-num span {
	background: #39f;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	flex: 1;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 8px
}

.paper-detail .d3-go {
	width: 48px;
	font-weight: 400;
	font-size: 12px;
	color: #39f
}