@charset "utf-8";

/*reset*/

body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
input,
textarea,
p,
hr,
thead,
tbody,
tfoot,
th,
td {
	margin: 0;
	padding: 0;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333
}

html {
	-ms-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}

body {
	line-height: 1.5;
	background-color: #f5f5f7
}

body,
button,
input,
select,
textarea {
	font-family: helvetica neue, helvetica, arial, pingfang sc, hiragino sans gb, heiti sc, microsoft yahei, wenquanyi micro hei, sans-serif;
}

b,
strong {
	font-weight: bold;
}

i,
em {
	font-style: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	border: 1px solid #eee;
	padding: 5px;
}

table th {
	font-weight: inherit;
	border-bottom-width: 2px;
	border-bottom-color: #ccc;
}

img {
	border: 0 none;
	width: auto\9;
	max-width: 100%;
	vertical-align: top;
}

button,
input,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
input[disabled] {
	cursor: default;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	input {
		line-height: normal !important;
	}
}

select[size],
select[multiple],
select[size][multiple] {
	border: 1px solid #aaa;
	padding: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
video,
progress {
	display: inline-block;
}


/*common*/

.g-doc {
	width: 7.5rem;
	margin: 0px auto;
}

.clear {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
	overflow: hidden;
}

.clearfix {
	*zoom: 1
}

.clearfix:after {
	content: "\20";
	clear: both;
	height: 0;
	display: block;
	overflow: hidden;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.fl,
.fr {
	display: inline;
}

.dn {
	display: none;
}

.font-blue {
	color: #01458d;
}

.ivy-670 {
	padding: 0 0.4rem 0.3rem 0.4rem;
	background-color: #fff;
}

.mb50 {
	margin-bottom: 0rem !important;
}

.icons,
.art-tools .agree p:before,
.art-tools .agree .addnum:before,
.sharebtn:before,
.collectbtn::before,
.comment .mod-hd .cmtbtn:before,
section .info .floor:before,
.g-footer .pcgroups a:before,
.m-nav-wrap .navitems .item:before {
	background: url(/uploads/image/w2waimages/icons.png) no-repeat;
	background-size: 2.56rem;
}


/*g-header*/

.poa0 {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	overflow-y: auto;
	height: 100vh !important;
}

.g-header {
	padding: 0 0.4rem;
	height: 1rem;
	background-color: #fff;
	width: 6.7rem;
}

.g-header .logo-link {
	height: 1rem;
}

.g-header .logo-link img {
	width: 1.63rem;
	height: 1rem;
}

.g-header .navbtn {
	display: block;
	width: 0.3rem;
	height: 0.28rem;
	background-position: -0.07rem -0.10rem;
	float: right;
	margin-top: 0.38rem;
	outline: none;
}
.g-header .downloadbtn{
	display: block;
	width: 0.6rem;
	height: 0.62rem;
	background:  center/.54rem .61rem no-repeat;
	margin-top: .2rem;
	margin-right: .2rem;
	float: right;
	outline: none;
	text-indent: -9999px;
	overflow: hidden;
}
.g-header .navbtn.actived {
	background-position: -0.52rem -.16rem
}

.m-nav-ex {
	width: 100%;
	padding-bottom: 0.5rem;
	background-color: #fff;
	position: absolute;
	top: 1rem;
	left: 0;
	z-index: 100;
	display: none;
}

.m-nav-wrap {
	padding: 0 0.6rem;
}

.m-nav-wrap .user {
	height: 1.3rem;
	padding: 0.5rem 0;
	border-bottom: 1px solid #eee;
	margin-bottom: 0.4rem;
}

.m-nav-wrap .user .photo {
	float: right;
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 1.1rem;
}

.m-nav-wrap .user .txt {
	width: 5rem;
	height: 1.3rem;
	overflow: hidden;
}

.m-nav-wrap .user .txt a {
	display: block;
}

.m-nav-wrap .user .txt .name {
	height: 0.7rem;
	font: bold 0.4rem/0.7rem "";
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 0.15rem;
	display: block;
}

.m-nav-wrap .user .txt .quit {
	width: 0.9rem;
	height: 0.4rem;
	border: 1px solid #eee;
	font: 0.26rem/0.4rem "";
	color: #999;
	text-align: center;
	border-radius: 0.2rem;
}

.m-nav-wrap .navitems {}

.m-nav-wrap .navitems li {
	position: relative;
	margin-bottom: 0.4rem;
}

.m-nav-wrap .navitems .item {
	display: block;
	width: 4rem;
	height: 0.7rem;
	padding-left: 0.5rem;
	font: 0.28rem/0.7rem "";
	color: #000;
	position: relative;
}

.m-nav-wrap .navitems .item:before {
	content: '';
	width: 0.38rem;
	height: 0.38rem;
	position: absolute;
	top: 0.16rem;
	left: 0;
}

.m-nav-wrap .navitems .index-link:before {
	background-position: -1.55rem -0.53rem
}

.m-nav-wrap .navitems .other-link:before {
	background-position: -1.55rem -1.13rem
}

.m-nav-wrap .navitems .bbs-link:before {
	background-position: -1.57rem -1.68rem
}

.m-nav-wrap .navitems .load-link:before {
	background-position: -2.15rem -1.67rem
}

.m-nav-wrap .navitems li:nth-child(3) {
	border-bottom: 1px solid #eee;
	padding-bottom: 0.3rem;
}

.m-nav-wrap .moreicont {
	display: block;
	width: 0.28rem;
	height: 0.14rem;
	background-position: -2.09rem -1.43rem;
	position: absolute;
	top: 0.2rem;
	right: 0.1rem;
}

.m-nav-wrap .moreitem .moreicont {
	background-position: -2.09rem -1.22rem;
}

.m-nav-wrap .itemlinks {
	display: none;
}

.m-nav-wrap .moreitem .itemlinks {
	display: block;
	transition: display .3s;
}

.m-nav-wrap .itemlinks em {
	display: block;
	margin: 0.3rem 0;
}

.m-nav-wrap .itemlinks .link {
	font: 0.26rem/0.5rem "";
	color: #333;
	padding: 0.05rem 0.25rem;
	border: 1px solid #eee;
	margin: 0 0.15rem 0.3rem 0.15rem;
	border-radius: 0.3rem;
	display: inline-block;
}

.m-nav-wrap .itemlinks .null {
	color: #999;
	border-color: #fff;
}


/*artwrap*/

.art-wrap {
	width: 100%;
	background-color: #fff;
	padding-bottom: 0.3rem;
	overflow: hidden;
}

.art-wrap .guideimg {
	margin-bottom: 1rem;
}

.art-wrap .art-title {
	padding: 0.2rem 0.4rem 0;
	font: bold 0.52rem/0.7rem "";
	color: #4a4a4a;
	text-align: center;
	margin-bottom: 0.6rem;
	overflow: hidden !important;
}

.art-wrap .art-info {
	font: 0.26rem/0.3rem "";
	color: #999;
	text-align: center;
	margin-bottom: 0.6rem;
}

.art-wrap .art-info a,
.art-wrap .art-info span {
	margin: 0 0.1rem;
	position: relative;
	padding-right: 0rem;
}

.art-wrap .art-info a {
	color: #999
}

.art-wrap .art-info .tag {
	display: inline-block;
	width: 0.05rem;
	height: 0.05rem;
	background-color: #bbb;
	border-radius: 100%;
	vertical-align: middle;
	overflow: hidden;
	margin: 0 0.1rem;
}

.art-wrap video {
	width: 100%;
	height: 288px;
	background: #000;
}

.art-body {
	margin-bottom: 0.5rem;
}

.art-body h2 {
	width: 6.7rem !important;
	margin-bottom: 0.3rem;
	;
}

.art-body p{
	padding: 0 0.4rem !important;
	font: 0.36rem/0.74rem "";
	width: auto !important;
	color: #4a4a4a;
	margin-bottom: 0.8rem;
	position: relative;
	text-align: justify;
	/* word-break: break-all; */
}

.art-body p img,
.art-body p iframe {
	max-width: none;
	width: calc(100%   (0.4rem) * 2) !important;
	margin-left: -0.4rem;
	margin-right: -0.4rem;
	border: none !important;
	height: auto !important;
}

body .art-body p img[src*="biaoqing-"],
body .art-body p img[src*="cmsbqb"] {
	width: auto !important;
	height: auto !important;
	margin: 0;
}

.art-body p iframe {
	height: 4.22rem !important;
}

.art-body .nopad {
	padding: 0.2rem 0 !important;
}

.relatedread {
	padding: 0 0.4rem;
}

.relatedread b {
	display: block;
	height: 0.6rem;
	font: 0.28rem/0.6rem "";
	color: #999;
	margin-bottom: 0.2rem;
}

.relatedread .stit {
	font: 0.28rem/0.55rem "";
	color: #333;
	height: 0.55rem;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding: 0;
	margin-bottom: 0
}

.relatedread a {
	display: block;
	height: 0.3rem;
	font: 0.22rem/0.3rem "";
	color: #999;
	margin-bottom: 0.3rem;
}

.art-wrap .pagenumber,
#product .detailbox.dbext {
	display: none;
}

.js2-16,
.js2-16ext {
	display: none;
}

.js6div {
	padding: 0 0.4rem;
	margin: 0 auto;
	background: #fff;
	color: #333;
	margin-bottom: 0.3rem;
}

.js6tb {
	width: 6.7rem;
	border-spacing: 0;
	line-height: 18px;
	border: 1px solid #ccc;
	margin-bottom: 0 !important
}

.js6tb .u-red {
	color: #e44
}

.js6tb td,
.js6tb th {
	vertical-align: top;
	border-bottom: 1px solid #eee !important;
	margin-bottom: -1px;
	font-weight: 400;
	width: auto;
	padding: 0.15rem 0.05rem;
}

.js6div .even td,
.js6div .even th {
	background: #fcfcfc
}

.js6tb td a,
.js6tb th a:hover {
	color: #07d
}

.js6tb th {
	white-space: nowrap;
	padding-right: 0
}

.js6tb th td {
	border-left: none;
	padding-left: 0
}

.js6tb-gl {
	position: relative;
	z-index: 1;
	margin: 0;
	padding: 0
}

.js6tb-gl .js6tit {
	background: #fafafa;
	color: #666;
	font-weight: 700;
	padding: 0;
	font-size: 0.28rem;
	padding: 0.2rem 0 0.2rem;
	line-height: 0.5rem;
}

.js6tb-gl .js6subtit {
	background: #f4f4f4;
	border-bottom: 1px solid #eee;
	color: #666;
	font-size: 0.26rem;
	padding: 0.1rem 0;
	font-weight: bold;
}

.js6tb-gl th,
.js6tb-hq th {
	border-right: 0
}

.js6tb-hq {
	border: 1px solid #e5e5e5
}

.js6div-bpic {
	border: solid #e5e5e5;
	border-width: 0 1px 1px;
	overflow: hidden;
	box-sizing: border-box
}

.js6div-bpic img {
	width: 100%;
	vertical-align: top
}

.js6tb-mpoint span {
	margin: 0 10px;
	display: inline-block
}

.js6tb-param {
	padding: 0.1rem 0 0.05rem 0.1rem;
}

.js6tb-param a {
	margin-right: 10px
}

.js6tb .stars,
.js6tb .stars span {
	background: url(/uploads/image/w2aimages/art_bg.png) no-repeat 0 0;
	line-height: 0;
	overflow: hidden;
	display: inline-block;
	vertical-align: top
}

.js6tb .stars {
	width: 78px;
	height: 14px;
	margin: 0 0 0 10px;
	float: left;
	position: relative;
	top: 2px
}

.js6tb .stars span {
	width: 50%;
	height: 14px;
	background-position: 0 -15px
}

.js6tb .score {
	margin: 0 75px 0 30px
}

.art-hq-block {
	margin-top: -1px;
	position: relative;
	z-index: 0;
}

.art-hq-block .art-hq-th {
	display: block;
	text-align: center;
	font-size: 0.26rem;
	background: #f4f4f4;
	border: solid #eee;
	border-width: 1px 1px 0;
	font-weight: 700;
	padding: 0.1rem 0;
	line-height: 0.38rem;
	color: #666;
}

.js6div .js6-tr-last td,
.js6div .js6-tr-last th {
	border-bottom: 0
}

.js6div .rborder {
	border-right: 1px solid #eee
}

.fgray {
	color: #999
}

.fblue {
	color: #1f89e3
}

.fz14 {
	font-size: 14px
}

.art-body .art-content p {
	line-height: .74rem
}


/*art-body .art-content p img{border:0!important;width:100%!important;height:auto!important;max-width:none;margin:.17rem 0;display:inline-block}*/

.art-body .art-content p .videoifame {
	width: 100%;
	height: 240px
}

.cannotcme {
	position: fixed;
	top: -1000px;
	left: 0
}

.sup-tip {
	height: 20px;
	opacity: 0;
	text-align: center;
	clear: both
}

.disabled .sup-tip {
	-webkit-animation: votetip 1s linear normal;
	-moz-animation: votetip 1s linear normal;
	-o-animation: votetip 1s linear normal;
	animation: votetip 1s linear normal
}

lesshat-selector {
	-lh-property: 0
}

@-webkit-keyframes votetip {
	0% {
		opacity: 0
	}

	1% {
		opacity: 1
	}

	80% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes votetip {
	0% {
		opacity: 0
	}

	1% {
		opacity: 1
	}

	80% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes votetip {
	0% {
		opacity: 0
	}

	1% {
		opacity: 1
	}

	80% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

@keyframes votetip {
	0% {
		opacity: 0
	}

	1% {
		opacity: 1
	}

	80% {
		opacity: .8
	}

	100% {
		opacity: 0
	}
}

.art-body table {
	width: 6.7rem !important;
	font-size: 0.22rem !important;
	margin: 0 auto 10px;
	border: 0;
}

.art-body td {
	padding: 0.15rem 0.05rem;
	font-size: 0.2rem;
	word-break: break-all;
	white-space: normal !important;
	width: auto !important;
}

.art-body td.theader {
	background: #1f89e3;
	color: #fff;
	white-space: normal !important
}

.art-body td.theader p {
	color: #fff
}

.art-body td.theader a {
	color: #fff
}

.art-body table p {
	margin-bottom: 0
}

.smoke,
.smoke a:active,
.smoke a:link,
.smoke a:visited,
a.smoke {
	color: #777
}

.pagenumber {
	padding: 0 0.4rem;
	font: 0.36rem/0.5rem "";
	color: #000;
	margin-bottom: 0.3rem;
}

body .softjs4,
body .softjs3 {
	border: 1px solid #eee;
	margin: 0rem 0.4rem 0.4rem 0.4rem;
	border-radius: 0;
	width: auto;
}

body .softjs4 .tit,
.softjs3 .softjs3-hd {
	width: 100%;
	height: 3.2em;
	background: #fcfcfc;
	font: 0.28rem/3.2em "";
	color: #666;
	text-indent: 4%;
	border-bottom: 1px solid #eee
}

body .softjs4 .soft,
.softjs3 li {
	width: 6.5rem;
	height: 1rem;
	padding: 0.2rem 0 0.2rem 0.2rem;
	margin: 0;
	border-bottom: 1px solid #eee;
}

body .softjs4 .soft:last-child,
.softjs3 li:last-child {
	border-bottom: 0px
}

body .softjs4 .noline {
	border-bottom: none;
}

body .softjs4 .soft img,
.softjs3 li img {
	float: left;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	border-radius: 0px;
	margin-right: 0.18rem;
	width: 1rem;
	height: 1rem;
	display: inline-block;
}

body .softjs4 .soft .dlways,
.softjs3 .softjs3-name {
	display: inline-block;
	float: left;
	width: 3.8rem;
	height: 0.5rem;
}

body .softjs4 .soft a .name,
.softjs3 .softjs3-name a {
	display: block;
	height: 0.6rem;
	font: 0.30rem/0.6rem "";
	color: #333;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

body .softjs4 .soft .tag {
	display: block;
	height: 0.4rem;
	overflow: hidden;
}

body .softjs4 .soft .ts {
	float: left;
	font: 0.16rem/0.3rem "";
	color: #999;
	margin-right: 0.15rem;
	display: none;
}

body .softjs4 .soft .icon {
	display: inline-block;
	float: left;
	height: 0.34rem;
	background: none;
	/* background-size:1.69rem 2.11rem; */
	font-size: 0.22rem;
	line-height: 0.34rem;
	color: #999;
	border: 1px solid #eee;
	text-align: center;
	border-radius: 0.07rem;
}

body .softjs4 .soft .icon_ip {
	width: 1.42rem;
	background-position: -0.06rem -0.02rem;
}

body .softjs4 .soft .icon_an {
	width: 1.42rem;
	background-position: -0.04rem -0.42rem;
}

body .softjs4 .soft .icon_sy {
	width: 1.58rem;
	background-position: -0.04rem -0.84rem;
}

body .softjs4 .soft .icon_wx {
	width: 1.58rem;
	background-position: -0.06rem -1.26rem;
}

body .softjs4 .soft .icon_pc {
	width: 1.42rem;
	background-position: -0.04rem -1.68rem;
}

body .softjs4 .soft .btn,
.softjs3 .softjs3-dl a {
	width: 1.2rem;
	height: 0.5rem;
	background: #1180de;
	font: 0.16rem/0.5rem "";
	color: #fff;
	text-align: center;
	float: right;
	margin-top: 0.25rem;
	-webkit-border-radius: 0.3rem;
	-moz-border-radius: 0.3rem;
	-ms-border-radius: 0.3rem;
	border-radius: 0.3rem;
	margin-right: 0.3rem;
}


/*赞*/

.art-tools .agree p:before {
	content: "";
	width: 1.2rem;
	height: 1.2rem;
	position: absolute;
	top: 0.2rem;
	left: 50%;
	margin-left: -0.6rem;
	background-position: -0.09rem -0.92rem;
}

.art-tools .touched p:before {
	background-position: -0.06rem -2.26rem
}

.art-tools #jagreenum {
	font: 0.3rem/0.3rem "";
	color: #ff9b3a;
	position: absolute;
	top: 0.2rem;
	left: 1.35rem;
}

.art-tools .touched #jagreenum {
	color: #333;
}

.art-tools p {
	height: 0.6rem;
	font: 0.28rem/0.6rem "";
	color: #333;
	text-align: center;
}

.art-tools .agree .addnum {
	padding-left: 0.45rem;
	font: 0.22rem/0.35rem "";
	color: #ff9b3a;
	position: absolute;
	top: 0rem;
	left: 1rem;
	opacity: 0;
}

.art-tools .agree .addnum:before {
	content: '';
	width: 0.35rem;
	height: 0.35rem;
	background-position: -1.51rem -2.26rem;
	position: absolute;
	top: 0;
	left: 0.1rem;
}

.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

@-webkit-keyframes shownum {
	0% {
		opacity: 1
	}

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

@keyframes shownum {
	0% {
		opacity: 1
	}

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

.art-tools .agree .shownum {
	-webkit-animation: shownum 1s linear;
	animation: shownum 1s linear;
}

.art-tools .sup-tip {
	height: 0.4rem;
	font: 0.26rem/0.4rem "";
	color: #333;
	text-align: center;
	display: none;
}

.disabled .sup-tip {
	display: block;
}

#jdissupport {
	display: none;
}


/*sharebtn collectbtn*/

.art-useraction {
	text-align: center;
}

.sharebtn,
.collectbtn {
	display: inline-block;
	width: 1.95rem;
	height: 0.8rem;
	border: 1px solid #247ef2;
	border-radius: 0.4rem;
	font: 0.28rem/0.8rem "";
	color: #247ef2;
	text-align: center;
	position: relative;
	margin: 0 0.25rem 0.3rem;
}

.sharebtn:before {
	content: '';
	display: inline-block;
	width: 0.30rem;
	height: 0.28rem;
	background-position: -0.91rem -0.12rem;
	margin-right: 0.1rem;
	vertical-align: middle;
}

.collectbtn::before {
	content: '';
	display: inline-block;
	width: 0.30rem;
	height: 0.3rem;
	background-position: 0 -3.72rem;
	margin-right: 0.1rem;
	vertical-align: middle;
}

.collected {
	border-color: #e5e5e5;
	color: #333;
}

.collected::before {
	background-position: -0.4rem -3.72rem;
}

.m-share-cover {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 995;
	display: none
}

.m-share {
	width: 100%;
	background: #fff;
	position: fixed;
	bottom: 0;
	left: 0;
	transform: translate3d(0, 4.1rem, 0);
	-webkit-transform: translate3d(0, 4.1rem, 0);
	opacity: 0;
	transition: .5s;
	z-index: 9982
}

.share-active {
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
	opacity: 1
}

.m-share .share-to {
	display: block;
	line-height: 1.15rem;
	font-size: .28rem;
	text-align: center
}

.m-share .share-cancel {
	display: block;
	line-height: .89rem;
	font-size: .28rem;
	text-align: center;
	border-top: 1px solid #eee;
	color: #999
}

.share-wrap {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: .6rem
}

.share-wrap span::before {
	background-image: url(/uploads/image/ww2images/artbg.png);
	background-repeat: no-repeat;
	background-size: 5rem
}

.share-wrap span {
	display: block;
	text-align: center;
	color: #999;
	font-size: .24rem;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.share-wrap span::before {
	content: '';
	width: .8rem;
	height: .8rem;
	margin: 0 auto;
	display: block
}

.share-wrap .s-weixin::before {
	background-position: 0 -3.02rem
}

.share-wrap .s-timeline::before {
	background-position: -.8rem -3.02rem
}

.share-wrap .s-sina::before {
	background-position: -1.6rem -3.02rem
}

.share-wrap .s-qq::before {
	background-position: -2.4rem -3.02rem
}


/*.m-box*/

.m-box {
	background-color: #fff;
}

.m-box .mod-hd {
	height: 0.6rem;
	position: relative;
	margin-bottom: 0.5rem;
	width: 100%;
	margin-top: 0.2rem;
}

.m-box .mod-hd h2 {
	width: 4rem;
	font: bolder 0.48rem/0.6rem "";
	color: #000;
	float: left;
}

#jcmtbox .h2 {
	display: none;
}


/*cmt*/

.comment {
	margin-top: 0.2rem;
	padding: 0.3rem 0.4rem;
}

.comment .input-box{
	height: .88rem;
	background: #f5f5f5  0.43rem center/.34rem .37rem no-repeat;
	border-radius: .44rem;
	
	padding-left: .97rem;
	color: #aaaaaa;
	font-size: .26rem;
	line-height: .88rem;
	margin: -.15rem auto .4rem;
}
.comment .mod-hd .cmtbtn {
	float: right;
	font: 0.28rem/0.6rem "";
	color: #333;
	position: relative;
	padding-left: 0.35rem;
}

.comment .mod-hd .cmtbtn:before {
	content: '';
	width: 0.32rem;
	height: 0.28rem;
	background-position: -1.44rem -0.13rem;
	position: absolute;
	top: 0.16rem;
	left: 0;
}

.comment .nocmt {
	margin: 0.7rem 0 0.3rem 0;
}

.comment .nocmt img {
	display: block;
	margin-bottom: 0.3rem;
}

.comment .nocmt span {
	display: block;
	display: block;
	width: 3.9rem;
	height: 0.8rem;
	border: 1px solid #247ef2;
	border-radius: 0.4rem;
	font: 0.28rem/0.8rem "";
	color: #247ef2;
	text-align: center;
	margin: 0 auto;
}

.comment #jcmt {
	width: 100%;
	padding: 0;
}

.comment .m-cmt-section {
	display: none;
}

.comment #jcmt:after {
	content: '';
	width: 100vw;
	height: 100vh;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
}

.hidetxt #jcmt:after {
	content: '';
	width: 0;
	height: 0;
}

.comment #jcmtpost {
	width: 6.7rem;
	background-color: #fff;
	z-index: 110;
	position: fixed;
	bottom: 0;
	left: 0;
	padding: 0.4rem;
	display: none;
}

.comment .m-cmt-post-btn {
	margin-left: 0.2rem;
}

.comment .m-cmt-post-identify {
	margin-bottom: 0.2rem;
}

.open-comment-modal-mask {
	position: fixed;
	z-index: 99999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, 0.4);
}
.open-comment-modal-mask.hide{
	display: none;
}
.open-comment-modal-mask .open-comment-modal {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 5.5rem;
	-webkit-border-radius: 0.1rem;
	border-radius: 0.1rem;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding-top: 0.45rem;
	background: #ffffff;
	color: #333333;
	overflow: hidden;
}

.open-comment-modal-mask .open-comment-modal .content {
	padding: 0 0.5rem;
	font-size: 0.34rem;
	line-height: 0.44rem;
	text-align: center;
}

.open-comment-modal-mask .open-comment-modal .btn-group {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 0.45rem;
	border-top: 1px solid #edeff3;
}

.open-comment-modal-mask .open-comment-modal .btn-group .btn {
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	height: 0.96rem;
	font-size: 0.3rem;
	text-align: center;
	line-height: 0.96rem;
	cursor: pointer;
	display: block;
	width: 6.9rem;
	padding: 0;
	background-color: #fff;
	margin: 0;
}

.open-comment-modal-mask .open-comment-modal .btn-group .split-line {
	width: 1px;
	height: 0.56rem;
	background: #edeff3;
}
/*.arts-list*/

.arts-list {
	padding: 0.3rem 0.4rem 0.6rem 0.4rem;
}

.news-list {
	overflow: hidden
}

.news-list section {
	overflow: hidden;
	padding: .3rem 0;
	border-bottom: 1px solid #fafafc
}

.news-list section:first-child {
	padding-top: .4rem
}

.news-list section:last-child {
	border: 0;
	padding-bottom: 0
}

.news-list .m-news-list-load section:first-child {
	padding: .3rem 0
}

section .tit {
	font-size: .34rem;
	height: .42rem;
	line-height: .42rem;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-bottom: .23rem
}

section .info {
	line-height: .32rem;
	font-size: .2rem;
}

section .info .date,
section .info .tag {
	float: left;
	margin-left: 0.4rem;
}

section .info .tag {
	padding: 0 .05rem;
	line-height: .36rem;
	border: 1px solid #2f91e5;
	color: #2f91e5;
	font-size: .24rem;
	margin-right: .17rem;
	border-radius: .03rem;
	display: none
}

section .info .tag-ivy {
	color: #aaa;
	border-color: #d2d2d2;
	display: block
}

section .info .date,
section .info .floor {
	font-size: .24rem;
	line-height: .38rem;
	color: #999;
}

section .info .floor:before {
	content: "";
	width: .26rem;
	height: .22rem;
	display: inline-block;
	vertical-align: top;
	margin: .09rem 0.1rem 0 .05rem;
	background-position: -1.96rem -0.10rem;
}

section .img-big,
section .img-list {
	margin-bottom: .24rem
}

section .img-big img {
	width: 100%;
	height: 2.3rem;
	overflow: hidden
}

section .img-small {
	float: right;
	width: 2.2rem;
	height: 1.65rem;
	margin-left: .2rem;
}

section .img-list {
	overflow: hidden
}

section .img-list img {
	width: 2.2rem;
	height: 1.65rem;
	float: left;
	margin-right: 0.05rem;
}

section .img-list img:last-child {
	margin-right: 0
}

section .txt-area {
	overflow: hidden;
	position: relative
}

section .txt-area .tit {
	height: .8rem;
	-webkit-line-clamp: 2;
	margin-bottom: .25rem;
}

section .date {
	float: left
}

section .floor {
	float: left;
}

.arts-list {}

.arts-list .m-bd {
	margin-bottom: 0
}


/*footer*/

.g-footer {
	padding: 0.5rem 0.4rem;
	background-color: #353739;
}

.g-footer .pcgroups {
	height: 1.3rem;
	margin-bottom: 0.4rem;
	text-align: center;
}

.g-footer .pcgroups a {
	display: inline-block;
	width: 1.2rem;
	height: 0.5rem;
	padding-top: 0.8rem;
	position: relative;
	font: 0.26rem/0.5rem "";
	text-align: center;
	color: #fff;
	margin: 0 0.03rem;
}

.g-footer .pcgroups a:before {
	content: '';
	position: absolute;
	left: 50%;
	display: block;
}

.g-footer .pcgroups .pconline:before {
	background-position: -2.13rem -2.17rem;
	width: 0.28rem;
	height: 0.38rem;
	top: 0.22rem;
	margin-left: -0.14rem;
}

.g-footer .pcgroups .pcauto:before {
	background-position: -1.46rem -2.75rem;
	width: 0.52rem;
	height: 0.36rem;
	top: 0.24rem;
	margin-left: -0.26rem;
}

.g-footer .pcgroups .pclady:before {
	background-position: -2.06rem -2.76rem;
	width: 0.46rem;
	height: 0.32rem;
	top: 0.28rem;
	margin-left: -0.23rem;
}

.g-footer .pcgroups .pcbaby:before {
	background-position: -1.39rem -3.19rem;
	width: 0.44rem;
	height: 0.39rem;
	top: 0.21rem;
	margin-left: -0.22rem;
}

.g-footer .pcgroups .pchouse:before {
	background-position: -2.02rem -3.24rem;
	width: 0.4rem;
	height: 0.35rem;
	top: 0.25rem;
	margin-left: -0.2rem;
}

.g-footer .other {
	height: 0.5rem;
	text-align: center;
}

.g-footer .other a {
	font: 0.24rem/0.5rem "";
	padding: 0 0.15rem 0 0.14rem;
	position: relative;
	color: #aaa;
}

.g-footer .other .link:after {
	content: "";
	width: 1px;
	height: 0.2rem;
	background-color: #aaa;
	position: absolute;
	right: 0;
	top: 0.08rem;
}

.totop-btn {
	display: none;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background-color: #000;
	position: fixed;
	right: 4%;
	bottom: 100px;
	opacity: .7;
	z-index: 10;
}

.totop-btn::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: #000  no-repeat center center;
	background-size: 15px;
}

body .m-cmt-list {
	margin-bottom: 0;
}

.ivy-footer {
	padding-bottom: 0.5rem;
	background: #fff;
	width: 7.5rem;
	overflow-x: auto;
}

.m-ivy-xxl {
	overflow: hidden
}

.m-ivy-xxl section {
	overflow: hidden;
	padding: .3rem 0;
	margin: 0rem
}

.m-ivy-xxl section .img-big img {
	width: 100%;
	height: 2.3rem;
	overflow: hidden
}

.m-ivy-xxl section .img-small {
	float: left;
	width: 1.85rem;
	height: 1.4rem;
	margin-right: .2rem
}

.m-ivy-xxl section .img-list {
	overflow: hidden
}

.m-ivy-xxl section .img-list img {
	width: 32%;
	float: left;
	margin-right: 2%
}

.m-ivy-xxl section .img-list img:last-child {
	margin-right: 0
}

.m-ivy-xxl section .txt-area {
	overflow: hidden;
	position: relative
}

.m-ivy-xxl section .txt-area .tit {
	height: .84rem;
	-webkit-line-clamp: 2;
	margin-bottom: .22rem
}

.m-ivy-xxl section .date {
	float: left
}

.m-ivy-xxl section .floor {
	float: right
}

.m-ivy-xxl section .info .tag-ivy {
	margin-left: 0
}


/*js2*/

.softjs2 {
	height: 1.5rem;
	margin: 0 0.4rem;
	border: 1px solid #eee;
	position: relative;
	font-size: 0.22rem;
	margin-bottom: 0.4rem
}

.softjs2-info-hd a {
	position: absolute;
	top: 0.5rem;
	left: 1.4rem;
}

.softjs2-info-bd li {
	display: none;
}

.softjs2-info-bd li:nth-child(2) {
	display: block;
	position: absolute;
	top: 0.9rem;
	left: 1.4rem;
}

.softjs2-side {
	float: left;
	margin-top: 0.3rem;
	margin-left: 0.2rem;
}

.softjs2-side .softjs2-qrcode {
	display: none;
}

.softjs2-side #logo {
	width: 1rem;
	height: 1rem;
}

.softjs2-side .softjs2-dl {
	position: absolute;
	top: 0.6rem;
	right: 0.2rem;
	padding: 0.05rem 0.15rem;
	background: #31c847;
	color: #fff;
	border-radius: 0.07rem;
}


/*.m-mall*/

.softjs-btn,
.art_promalls .star,
.art_promalls .star .fenshu,
.m-mall .score-a,
.m-mall .star-a {
	background: url(/uploads/image/w2wkimages/icons.png) no-repeat;
	background-size: 1.92rem 4.88rem;
}

.m-mall {
	padding: 0.3rem 0.4rem 0.6rem 0.4rem;
	margin-top: 0.2rem;
}

.m-mall .m-pic-txt {
	padding: 0.3rem 0.2rem 0.3rem 0.2rem;
	height: 1.35rem;
	display: block;
	border-bottom: 1px solid #eee;
}

.m-mall .m-pic-txt img {
	float: left;
	width: 1.8rem;
	height: 1.35rem;
}

.m-mall .m-pic-txt .txt {
	float: left;
	margin-left: 0.2rem;
	width: 4.2rem;
	height: 1.35rem;
	overflow: hidden;
}

.m-mall .m-pic-txt .tit {
	display: block;
	height: 0.93rem;
}

.m-mall .m-pic-txt .tit,
.m-mall .item .mall-name,
.m-mall .item .price {
	font-size: 0.28rem;
	line-height: 0.4rem;
	color: #333
}

.m-mall .score {
	height: 0.3rem;
	display: block;
}

.m-mall .score-a {
	float: left;
	width: 1.52rem;
	height: 0.25rem;
	background-position: -0.04rem -0.46rem;
	margin-right: 0.15rem;
	margin-top: 0.02rem;
	position: relative;
}

.m-mall .star-a {
	display: block;
	height: 0.25rem;
	background-position: -0.03rem -0.80rem;
	position: absolute;
	top: 0;
	left: 0;
}

.m-mall .point {
	font-size: 0.24rem;
	line-height: 0.3rem;
	color: #f2a724;
	height: 0.3rem;
	float: left;
}

.m-mall .item {
	height: 0.4rem;
	padding: 0.3rem;
	border-bottom: 1px solid #eee;
	display: block;
}

.m-mall .item img {
	float: left;
	width: 0.4rem;
	height: 0.4rem;
	margin-right: 0.2rem;
}

.m-mall .item .mall-name {
	float: left;
}

.m-mall .item .price {
	float: right;
	color: #ff3838;
}

.m-mall .m-more {
	height: 0.9rem;
	font-size: 0.28rem;
	line-height: 0.9rem;
	text-align: center;
	margin-top: 0.2rem;
}

.m-mall .m-more a {
	color: #666;
}

.m-lx-mall .m-pic-txt {
	border-bottom: none;
	padding: 0.3rem 0;
}

.m-lx-mall .m-pic-txt img {
	margin-right: 0.2rem;
}

.m-lx-mall .m-pic-txt .tit {
	font-size: 0.34rem;
	line-height: 0.48rem;
	display: table;
	height: 1.35rem;
}

.m-lx-mall .m-pic-txt .tit em {
	display: -webkit-box;
	vertical-align: middle;
	word-break: break-all;
	max-height: 0.96rem;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.m-lx-mall .item {
	padding: 0.3rem 0.55rem 0.3rem 0;
	font-size: 0.28rem;
	position: relative;
}

.m-lx-mall .item::after {
	content: "";
	width: 0.15rem;
	height: 0.15rem;
	border: solid #aaa;
	border-width: 1px 1px 0 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 0;
	top: 0.4rem;
}

.m-lx-mall .tag {
	font-size: .28rem;
	color: #121c35
}

.m-lx-mall .tag img {
	vertical-align: middle;
	margin-right: .2rem;
	float: none
}

.m-lx-mall .price {
	float: right;
	padding-right: .27rem;
	position: relative;
	font-size: .26rem;
	color: #121c35;
}

.m-lx-mall .price:after {
	content: "";
	width: .3rem;
	height: .19rem;
	margin-top: -.1rem;
	right: -0.15rem;
	text-align: center;
	position: absolute;
	font-size: 0.22rem;
	top: 0.08rem;
}

.m-lx-mall .up:after {
	content: "↑";
	color: #e53f3f;
}

.m-lx-mall .down:after {
	content: "↓";
	color: #01bd86;
}

.m-lx-mall .ping:after {
	content: "一";
	color: #aaa;
	top: 0.08rem;
}

.m-lx-mall .lowest {
	color: #ff3c3c
}

.m-lx-mall .lowest .ts {
	border: 1px solid #ff3c3c;
	border-radius: .05rem;
	padding: 0 .1rem;
	font-size: .22rem
}

.m-lx-mall .m-more .btn-more {
	display: block;
	width: 2.76rem;
	height: 0.8rem;
	line-height: 0.8rem;
	text-align: center;
	border-radius: 0.4rem;
	border: 1px solid #ff3c3c;
	font-size: 0.26rem;
	color: #ff3c3c;
	margin: 0.46rem auto 0;
}

.m-lx-mall .referprice {
	color: #999;
	font-size: 0.28rem;
	display: inline-block;
	margin-top: 0.1rem;
}

.m-lx-mall .referprice span {
	color: #ff3c3c;
}

.js2-lixuan,
.js5-product-lixuan {
	display: none !important;
}

.art-body h2 .cmslink,
.art-body h3 .cmslink {
	color: inherit;
	border-bottom: none;
	font-size: inherit;
}

.art-body h2 .cmslink:hover,
.art-body h3 .cmslink:hover {
	color: inherit;
	border-bottom: none;
	font-size: inherit;
}


/* 2019 封面图 以及分享2 */

.m-newshare {
	padding: 0 .4rem .1rem
}

.shareart {
	display: flex;
	flex-direction: row;
	justify-content: space-between
}

.shareart span {
	width: 1.41rem;
	height: .76rem;
	line-height: .76rem;
	padding-left: .65rem;
	border-radius: .36rem;
	color: #fff;
	font-size: .24rem;
	position: relative
}

.shareart span::after {
	content: "";
	position: absolute;
	background: url(/uploads/image/wc2asimages/icon_share.png) no-repeat;
	background-size: .44rem;
	width: .4rem;
	height: .4rem;
	left: .2rem;
	top: .16rem
}

.shareart .btn-createcover {
	background-color: #398bf3;
	padding-left: .75rem;
	width: 1.31rem
}

.shareart .btn-wxshare {
	background-color: #00be6c
}

.shareart .btn-wbshare {
	background-color: #ff4c4c
}

.shareart .btn-createcover::after {
	background-position: -.01rem 0;
	left: .3rem
}

.shareart .btn-wxshare::after {
	background-position: -.01rem -.4rem
}

.shareart .btn-wbshare::after {
	background-position: -.01rem -.8rem
}

.sharecover {
	background: rgba(0, 0, 0, .5);
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 100;
	font-size: .28rem;
	text-align: center
}

.sharecover-wrap {
	width: 5.46rem;
	height: 9.25rem;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -4.6rem 0 0 -2.73rem
}

.sharecover .share-tip {
	width: 4rem;
	height: .7rem;
	position: absolute;
	bottom: -.9rem;
	left: 50%;
	background: #3c82f0;
	border-radius: .35rem;
	color: #fff;
	line-height: .7rem;
	margin-left: -2rem
}

.sharecover .share-tip-ext {
	bottom: .08rem
}

.sharecover .btn-close {
	width: .68rem;
	height: .68rem;
	position: absolute;
	right: -.34rem;
	top: -.34rem;
	background: url(/uploads/image/wc2asimages/btn_close.png) no-repeat;
	background-size: 100%;
	z-index: 2
}

.sharecover .creatingcover,
.sharecover .failcreate {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #fff
}

.sharecover .failcreate::after,
.sharecover .failcreate::before {
	content: "";
	position: absolute;
	left: 50%
}

.sharecover .failcreate::before {
	width: 1.84rem;
	height: 1.5rem;
	background: url(/uploads/image/wc2asimages/ico_fail.png) no-repeat;
	background-size: 100%;
	top: 42%;
	margin: -.7rem 0 0 -.92rem
}

.sharecover .failcreate::after {
	content: "生成失败";
	top: 52%
}

.ani-rotate,
.sharecover .ico-book {
	width: 1.48rem;
	height: 1.48rem;
	position: absolute;
	left: 50%
}

.sharecover .ico-book {
	background: url(/uploads/image/wc2asimages/ico_card.png) center no-repeat;
	background-size: .96rem;
	top: 42%;
	margin: -.74rem 0 0 -.74rem
}

.sharecover .ico-book::after {
	content: "海报生成中...";
	bottom: -40%
}

.sharecover .failcreate::after,
.sharecover .ico-book::after {
	width: 100%;
	left: 0;
	color: #aaa;
	position: absolute;
	white-space: nowrap
}

.sharecover .ani-rotate {
	background: url(/uploads/image/wc2asimages/cirl_loading.png) no-repeat;
	background-size: 100%;
	top: 42%;
	margin: -.65rem 0 0 -.74rem;
	-webkit-animation: cirlloading .6s linear infinite;
	animation: cirlloading .6s linear infinite
}

@keyframes cirlloading {
	from {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}

	to {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg);
		-moz-transform: rotate(-360deg);
		-ms-transform: rotate(-360deg);
		-o-transform: rotate(-360deg)
	}
}

.art-wrap p.pagenumber,
p .pagenumber {
	position: relative;
	float: left;
	margin-bottom: 0;
}

.art-wrap p {
	position: relative;
}

.art-wrap p::after {
	display: block;
	height: 0;
	content: '';
	clear: both;
}

.art-wrap p .pagenumber:nth-of-type(2) {
	position: absolute;
	top: 0rem;
	left: 1.2rem;
	width: 6.5rem;
	line-height: .6rem;
	padding: 0 .7rem 0 0;
	box-sizing: border-box;
}

.nsnum::before {
	position: absolute;
	top: 0rem;
	display: inline-block;
	width: .72rem;
	height: .62rem;
	content: '';
	background: url(/uploads/image/wgaimages/wnums.png) no-repeat;
	background-size: .72rem 6.45rem;
}

.nsnum-1::before {
	background-position: 0 0rem;
}

.nsnum-2::before {
	background-position: 0 -0.62rem;
}

.nsnum-3::before {
	background-position: 0 -1.24rem;
}

.nsnum-4::before {
	background-position: 0 -1.86rem;
}

.nsnum-5::before {
	background-position: 0 -2.48rem;
}

.nsnum-6::before {
	background-position: 0 -3.1rem;
}

.nsnum-7::before {
	background-position: 0 -3.72rem;
}

.nsnum-8::before {
	background-position: 0 -4.34rem;
}

.nsnum-9::before {
	background-position: 0 -4.96rem;
}

.nsnum-10::before {
	background-position: 0 -5.58rem;
}

.new_icons::before {
	position: absolute;
	display: inline-block;
	width: .72rem;
	height: .62rem;
	content: '';
	background: url(/uploads/image/wgaimages/wicons.png) no-repeat;
	background-size: .72rem 6.45rem;
}

.new_icons_1::before {
	background-position: 0 0rem;
}

.new_icons_2::before {
	width: .52rem;
	background-position: 0 -0.62rem;
}

.new_icons_3::before {
	background-position: 0 -1.24rem;
}

.new_icons_4::before {
	background-position: 0 -1.86rem;
}

.new_icons_5::before {
	background-position: 0 -2.48rem;
}

.art-wrap p .pagenumber:nth-of-type(1) {
	padding-left: .8rem;
}

.pagenumber strong {
	position: relative;
	line-height: .6rem;
	padding-left: .7rem;
	color: #333333;
}

.art-wrap p .pagenumber:nth-of-type(2) strong {
	padding-left: .9rem;
}

.art-wrap p .pagenumber {
	display: block;
}

p strong:nth-child(2) .pagenumber {
	position: absolute;
}


/* add by fan 20201029 */

.art-content .survey_block {
	width: auto;
	margin: 0 10px;
	max-width: 600px;
}

.art-content .survey_title {
	padding-left: 35px;
}

.art-content .survey_button_row input {
	width: 60px;
	height: 30px;
	margin: 0 15px;
	border: none;
}

.art-content .survey_button_row input[type=submit] {
	background: #288bde;
	color: #fff;
}

.art-content .survey_question_option {
	height: auto;
}

.art-content .survey_button_row {
	padding-bottom: 15px;
}

.art-tools {
/* 	margin-bottom: 0.7rem; */
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.art-tools .agree {
	width: 2rem;
/* 	height: 1.2rem; */
	position: relative;
	padding-top: .98rem ;
	margin-left: .4rem;
	 /*margin: 0 auto;*/
}

.art-tools .agree .bd:before {
	content: "";
	width: .88rem;
	height: .88rem;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -0.44rem;
	background:  no-repeat  0.13rem 0.17rem;
	background-size: 0.56rem;
	border: 0.04rem solid #8a8a8a;
	-webkit-border-radius: 100%;
	box-sizing: border-box;
}

.art-tools .touched .bd:before {
	background-position: 0.13rem -0.5rem;
	border-color: #0077dd;
}

.art-tools .jagreenum {
	font: 0.3rem/0.3rem "";
	color: #0077dd;
	position: absolute;
	top: 0;
	left: 1.35rem;
}

.art-tools .touched .jagreenum {
	color: #333;
}

.art-tools .bd {
	height: 0.6rem;
	font: 0.28rem/0.6rem "";
	color: #333;
	text-align: center;
}

.art-tools .agreenum {
	font-weight: bold;
}

.artauthorinfo {
	margin: 0 0.4rem 0.1rem;
	position: relative;
	height: 0.6rem;
	padding: 0.2rem 0.1rem;
}

.artauthorinfo .author {
	height: 0.6rem;
}

.artauthorinfo .author .author-hpic {
	float: left;
	width: 0.6rem;
	height: 0.6rem;
	-webkit-border-radius: 0.3rem;
	border-radius: 0.3rem;
	margin-right: 0.2rem;
}

.artauthorinfo .author text {
	font-size: 0.26rem;
	display: block;
	line-height: 0.3rem;
}

.artauthorinfo .author .name {
	color: #333;
}

.artauthorinfo .author .pubtime {
	color: #999;
	font-size: 0.24rem;
}

.artauthorinfo .label-cname {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.2rem;
	font-size: 0.24rem;
	border: 1px solid #999;
	color: #999;
	padding: 0 0.15rem;
	box-sizing: border-box;
	border-radius: 0.2rem;
	height: 0.4rem;
}


/* 20210518 */

.btnforappopen {
	width: 2.1rem;
	height: 0.72rem;
	background: #4f7ae2;
	border-radius: 0.36rem;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0.3rem;
	position: fixed;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -1.05rem;
	box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
	z-index: 1000;
	-webkit-transition: transform 0.18s ease-out;
	transition: transform 0.25s ease-out;
}

.btnhide {
	-webkit-transform: translatey(200%);
	transform: translatey(200%);
}


/* 20210806 */

.btnforappopena {
	width: 2.44rem;
	/* padding-left: 0.54rem; */
	height: 0.74rem;
	background: #3175ff;
	border: 0.02rem solid #fff;
	border-radius: 0.37rem;
	color: #fff;
	font-size: 0.28rem;
	position: fixed;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -1.22rem;
	box-shadow: 0 0 0.4rem rgba(0, 0, 0, 0.2);
	z-index: 100;
	-webkit-transition: transform 0.18s ease-out;
	transition: transform 0.25s ease-out;
	cursor: pointer;
}

.btnforappopena .close-btn {
	width: .6rem;
	height: .6rem;
	background:  no-repeat center/.22rem auto;
	position: absolute;
	right: -0.3rem;
	top: -0.3rem;
	z-index: 100;
}

.btnforappopenimg {
	max-width: 7.5rem;
	width: 100%;
	height: 2.53rem;
	position: fixed;
	bottom: 0rem;
	left: 50%;
	margin-left: -3.75rem;
	z-index: 101;
	-webkit-transition: transform 0.18s ease-out;
	transition: transform 0.25s ease-out;
	cursor: pointer;
	box-shadow: -1px 0 2px 2px rgba(243, 243, 243, .9);
	background:  0 0/100% 100% no-repeat;
}

.btnforappopena p {
	line-height: 0.74rem;
	text-align: center;
}

@keyframes scrolla {
	0% {
		-webkit-transform: translatey(0px);
		transform: translatey(0px);
		opacity: 0;
	}

	5% {
		-webkit-transform: translatey(-0.72rem);
		transform: translatey(-0.72rem);
		opacity: 1;
	}

	50% {
		-webkit-transform: translatey(-0.72rem);
		transform: translatey(-0.72rem);
		opacity: 1;
	}

	55% {
		-webkit-transform: translatey(-1.44rem);
		transform: translatey(-1.44rem);
		opacity: 0;
	}

	99.9% {
		-webkit-transform: translatey(0);
		transform: translatey(0);
		opacity: 0;
	}
}

.btnforappopena ul {
	width: 100%;
	position: relative;
	height: 0.74rem;
	overflow: hidden;
}

.btnforappopena li {
	height: 0.74rem;
	line-height: 0.74rem;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

.btnforappopena li:nth-child(1) {
	bottom: -0.74rem;
	animation: scrolla 8s ease-in-out infinite;
}

.btnforappopena li:nth-child(2) {
	bottom: -0.74rem;
	animation: scrolla 8s ease-in-out 4s infinite;
}

.product_detail_art2 {
	display: none !important;
}

.floatforappopena {
	position: fixed;
	width: 2rem;
	height: 2.86rem;
	right: .2rem;
	bottom: 1.5rem;
	z-index: 100;
}

.floatforappopena .float-box {
	width: 2rem;
	height: 2.86rem;
	background: url(/uploads/image/wfdimages/float-right.png) center/2rem 2.86rem no-repeat;
	display: block;
}

.floatforappopena .close-btn {
	width: .4rem;
	height: .4rem;
	background:  center/.22rem auto no-repeat;
	position: absolute;
	right: -.20rem;
	top: -.20rem;
	z-index: 2;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1;
	width: 100%;
	height: 100%
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10
}

.art-banner {
	width: 6.8rem;
	height: 1.5rem;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	margin:0 auto .3rem;
	display: none;
}

.art-banner .swiper-slide,
.art-banner .pic {
	width: 100%;
	height: 1.5rem
}

.art-banner .pic {
	display: block;
	position: relative
	transform: scale(1);
	transition: transform .05s linear;
}
.art-banner .pic:active{
	transform: scale(.98);
}
.art-banner .pic .lazy-img {
	width: 6.8rem;
	height: 1.5rem;
	border-radius: 0.05rem
}

.art-banner .swiper-pagination {
	width: 2.5rem;
	height: 0.2rem;
	text-align: center;
	bottom: 0.5rem;
	left: 50%;
	margin-left: -1.25rem;
	display: none;
}

.art-banner .swiper-pagination-bullet {
	width: 0.14rem;
	height: 0.05rem;
	display: inline-block;
	background-color: #f5f5f7;
	border-radius: 0.025rem;
	margin: 0 0.05rem
}

.art-banner .swiper-pagination-bullet-active {
	background-color: #247ef2;
	width: 0.24rem
}
.art-body .art-content>div{
	padding: 0 0.4rem !important;
	font: 0.36rem/0.74rem "";
	width: auto !important;
	color: #4a4a4a;
	margin-bottom: 0.3rem;
	position: relative;
	text-align: justify;
	line-height: .74rem
}