body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0
}
html {
	-webkit-text-size-adjust: none;
	scroll-behavior: smooth
}
body {
	font: 14px/2em Microsoft Yahei, tahoma, HELVETICA;
	color: #2d313e
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%
}
img {
	border: none;
	vertical-align: top;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-ms-transition: none;
	object-fit: cover
}
i, em {
	font-style: normal
}
input, select, option, textarea {
	font-size: 12px;
	font-family: Microsoft Yahei, tahoma, HELVETICA;
	outline: none
}
a {
	color: #2d313e;
	text-decoration: none;
	transition: color linear 0.1s
}
a:hover {
	color: #f80;
	text-decoration: none
}
a:hover em, a:hover b, a:hover i, a:hover span {
	cursor: pointer
}
a:hover img {
	opacity: 0.9
}
.clear, .clearfix:after {
	clear: both;
	height: 0;
	overflow: hidden;
	display: block
}
.clearfix:after {
	visibility: hidden;
	content: "."
}
.clearfix {
*zoom:1
}
img[loading='lazy'][src$=".jpg"], img[loading='lazy'][src$=".gif"] {/*background:url("../images/placeholder.png") center no-repeat #EDEFF6;*/
	background-size: contain
}
figure.image {
	text-align: center
}
figure.image img {
	max-width: 100%
}
figcaption {
	text-align: center;
	font-size: inherit
}
body {
	background: #f5f6f8
}
.mb20 {
	margin-bottom: 20px
}
.mb25 {
	margin-bottom: 25px
}
.mb40 {
	margin-bottom: 40px
}
.pannel {
	display: none
}
.g-doc {
	min-width: 1400px;
	margin: 0 auto
}
.g-doc a:hover {
	color: #0f89ff
}
.label-original {
	width: 119px;
	height: 28px;
	background: url("../images/label_yuanchuang.png") no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	top: 0
}
.title-alpha {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, transparent), color-stop(100%, rgba(0,0,0,0.8)));
	background: -webkit-linear-gradient(top, transparent 0, rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,0.8) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#131313', GradientType=0)
}
.dflex-between {
	display: flex;
	justify-content: space-between
}
.dflex-center {
	display: flex;
	justify-content: center;
	align-items: center
}
.dflex-align-center {
	display: flex;
	align-items: center
}
.float-box .col-abc, .float-box .col-bcd {
	float: left
}
.float-box .col-abc .little-mod, .float-box .col-bcd .little-mod {
	padding: 40px 40px 25px;
	box-sizing: border-box;
	width: 100%;
	position: relative
}
.float-box .col-d {
	float: right
}
.float-box .col-d .fixed {
	position: fixed;
	top: 20px
}
.col-abc ~ .col-abc {
	margin-bottom: 20px
}
.bg-w {
	background: #fff
}
.border {
	border: 1px solid #EAEDF0
}
.bgUrlIcons {
	background-image: url("../images/slide_btn.png");
	background-repeat: no-repeat
}
body .g-footer {
	background-color: #fff;
	color: #2d313e;
	padding-bottom: 30px
}
body .g-footer a {
	color: #2d313e
}
.mod .hd-original, .mod .hd {
	display: flex;
	justify-content: space-between;
	align-items: center
}
.mod .hd {
	margin-bottom: 20px
}
.mod .hd .title {
	font-size: 22px;
	color: #2d313e;
	line-height: 22px;
	font-weight: bold;
	position: relative
}
.mod .hd-original {
	margin-bottom: 20px
}
.mod .mark {
	display: flex;
	align-items: center
}
.mod .hd-tabs {
	font-size: 20px;
	color: #2d313e;
	line-height: 24px;
	display: flex
}
.mod .hd-tabs i {
	margin-right: 30px;
	position: relative;
	cursor: pointer
}
.mod .hd-tabs i::after {
	content: "";
	width: 0px;
	height: 4px;
	background: #0f89ff;
	position: absolute;
	margin-left: -15px;
	left: 50%;
	bottom: -12px;
	transition: width .1s linear
}
.mod .hd-tabs .current {
	font-weight: bold;
	font-size: 22px
}
.mod .hd-tabs .current::after {
	width: 30px
}
.mod .subCha {
	line-height: 22px;
	margin-left: 15px;
	color: #AFB2BE
}
.mod .subCha a {
	color: #848792;
	font-size: 14px;
	margin: 0 5px
}
.mod .subCha a:hover {
	color: #0f89ff
}
.mod .smark {
	color: #848792
}
.mod .smark a {
	color: #848792
}
.mod .smark a:hover {
	color: #0f89ff
}
.col-abc {
	width: 1025px
}
.col-a {
	width: 315px
}
.col-b, .col-c {
	width: 325px
}
.col-bc {
	width: 670px
}
.col-d {
	width: 335px
}
.txt-hide {
	line-height: 1000px;
	overflow: hidden
}
.wrap {
	width: 1400px;
	margin: 0 auto
}
.type-video {
	position: relative
}
.type-video::after {
	content: "";
	width: 42px;
	height: 42px;
	background: url("../images/ico-play.png") no-repeat;
	background-size: contain;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -21px 0 0 -21px
}
.slide-pic {
	box-sizing: border-box;
	position: relative;
	zoom: 1;
	z-index: 1
}
.slide-pic .pics {
	width: 100%
}
.slide-pic .pics {
	width: 99999px
}
.slide-pic {
	position: relative;
	zoom: 1;
	overflow: hidden;
	display: flex;
	flex-direction: column
}
.slide-pic .control {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	height: 4px;
	bottom: 0;
	left: 0;
	z-index: 2
}
.slide-pic .control>li {
	text-indent: -9999px;
	overflow: hidden;
	width: 4px;
	height: 4px;
	background-color: #C9CBD6;
	margin: 0 4px;
	transition: all .2s
}
.slide-pic .control>li.current {
	width: 16px;
	background-color: #0f89ff
}
.slide-pic .prev, .slide-pic .next {
	width: 40px;
	height: 54px;
	margin-top: -25px;
	position: absolute;
	top: 50%;
	z-index: 2;
	-webkit-transition: right .2s, left .2s;
	-moz-transition: right .2s, left .2s;
	-ms-transition: right .2s, left .2s;
	-o-transition: right .2s, left .2s;
	transition: right .2s, left .2s
}
.slide-pic .prev {
	background: url("../images/slide_btn.png") -10px -41px no-repeat;
	left: -40px
}
.slide-pic .next {
	background: url("../images/slide_btn.png") -10px -115px no-repeat;
	right: -40px
}
.slide-pic-hover .prev {
	left: 0
}
.slide-pic-hover .next {
	right: 0
}
.ivy-tonglan {
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}
.ivy-tonglan div[id^=ad]:last-of-type {
	margin-bottom: 40px
}
.ivy-tonglan div[id^=ad]:nth-of-type(n+2) {
	margin-top: 3px;
	padding-top: 0 !important
}
.ivy-tonglan iframe[id^=ad]:last-of-type {
	margin-bottom: 40px
}
.ivy-tonglan iframe[id^=ad]:nth-of-type(n+2) {
	margin-top: 3px
}
.ivy-tonglan a, .ivy-tonglan iframe {
	width: 100% !important;
	display: block
}
.ivy-tonglan-1 {
	margin: 20px 0
}
.ivy-tonglan-1 div[id^=ad]:last-of-type {
	margin-bottom: 0
}
.ivy-tonglan-dingbu div[id^=ad]:last-of-type {
	margin-bottom: 20px
}
.ivy-tonglan-dingbu iframe[id^=ad]:last-of-type {
	margin-bottom: 20px
}
.ivy-tonglan-dingbu.ivy-tonglan-dingbu-1 div[id^=ad]:last-of-type, .ivy-tonglan-dingbu.ivy-tonglan-dingbu-1 iframe[id^=ad]:last-of-type {
	margin-bottom: 0
}
.ivy-biaoti-bottom {
	margin-top: 30px
}
.ivy-dbtl {
	display: flex;
	justify-content: space-between
}
.ivy-left-mod {
	margin: 0 auto;
	overflow: hidden;
	text-align: center
}
.ivy-left-mod a, .ivy-left-mod iframe, .ivy-left-mod div {
	width: 100% !important;
	display: block;
	margin-bottom: 20px
}
.ivy-left-mod a img[id], .ivy-left-mod iframe img[id], .ivy-left-mod div img[id] {
	width: 100%
}
.item-rs-ivy div[id^=ad]:last-of-type img {
	margin-bottom: 40px
}
.ivy-320 div[id^=ad]:last-of-type img {
	margin-bottom: 40px
}
.ivy-320 a[id^=ad]:last-of-type img {
	margin-bottom: 40px
}
.ivy-320 img {
	width: 100% !important
}
.ivy-dbqp {
	width: 1400px;
	margin: 0 auto
}
.guide {
	width: 70px;
	z-index: 300;
	margin-left: 720px;
	position: fixed;
	left: 50%;
	bottom: 35px;
	display: none
}
.guide .sewm-mini {
	background: url("../images/ew.png") no-repeat;
	background-size: contain
}
.guide .guide-wrap {
	position: relative;
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,0.06)
}
.guide .guide-wrap a {
	height: 37px;
	line-height: 16px;
	padding: 5px 0 2px;
	display: block;
	text-align: center;
	color: #ccc;
	position: relative
}
.guide .guide-wrap a:hover {
	color: #0f89ff;
	text-decoration: none
}
.guide .guide-wrap a:hover .guide-ico {
	display: none
}
.guide .guide-wrap a:hover .hover-txt {
	display: block;
	font-size: 12px;
	width: 24px;
	margin: auto
}
.guide .guide-ico {
	width: 24px;
	height: 24px;
	display: inline-block;
	vertical-align: top;
	margin-top: 5px
}
.guide .ico-idea {
	background: url("../images/ico-suguess.png") no-repeat;
	background-size: contain
}
.guide .ico-totop {
	background: url("../images/ico-gotop.png") no-repeat;
	background-size: contain
}
.guide .hover-txt {
	display: none
}
.guide .sewm {
	display: none
}
.guide .sewm .sewm-tc {
	position: absolute;
	display: none;
	width: 50px;
	height: 45px;
	top: 0;
	left: -51px;
	background: 0
}
.guide .sewm .sewm-stxt {
	width: 18px;
	height: 18px
}
.guide .sewm .sewm-txt1 {
	display: block;
	width: 238px;
	height: 24px;
	line-height: 24px;
	position: absolute;
	font-size: 15px;
	color: #0077db;
	left: -204px;
	top: 90px;
	z-index: 3
}
.guide .sewm .sewm-txt2 {
	font-weight: 700;
	top: 111px;
	z-index: 4
}
.guide .sewm:hover .sewm-mini {
	display: inline-block !important
}
.guide .sewm:hover .sewm-stxt {
	display: block
}
.guide .sewm:hover .sewm-tc {
	display: block
}
.guide .sewm:hover .sewm-pic {
	width: 238px;
	height: 270px;
	position: absolute;
	display: block;
	background: #fff;
	top: -123px;
	left: -205px;
	z-index: 0;
	filter: drop-shadow(0 0 6px rgba(0,0,0,0.06))
}
.guide .sewm:hover .sewm-pic::after {
	content: "";
	z-index: -999;
	width: 20px;
	height: 20px;
	transform: rotate(45deg);
	background: #fff;
	z-index: 2;
	position: absolute;
	right: -10px;
	top: 136px
}
.abc-best-slide .best-slide-wrap {
	overflow: hidden;
	position: relative;
	height: 302px
}
.abc-best-slide li {
	display: flex;
	justify-content: space-between;
	width: 945px
}
.abc-best-slide li .link {
	width: 173px;
	display: flex;
	flex-direction: column;
	position: relative
}
.abc-best-slide li .hasCoupon::after {
	content: "";
	width: 68px;
	height: 20px;
	background: url("../images/ico-lingquan.png") no-repeat;
	background-size: 68px;
	position: absolute;
	left: 0;
	top: 0
}
.abc-best-slide li .picWrap {
	height: 171px;
	overflow: hidden;
	margin-bottom: 8px;
	border: 1px solid #EAEDF0;
	position: relative
}
.abc-best-slide li .picWrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}
.abc-best-slide li dt {
	font-size: 14px;
	line-height: 22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	height: 44px
}
.abc-best-slide li .coupon {
	font-size: 0;
	padding-top: 9px;
	height: 28px
}
.abc-best-slide li .coupon span {
	border: 1px solid rgba(242,62,62,0.3);
	color: #F23E3E;
	font-size: 12px;
	height: 22px;
	line-height: 22px;
	padding: 0 5px;
	margin-right: 6px
}
.abc-best-slide li .coupon span:last-child {
	margin-right: 0
}
.abc-best-slide li .price {
	font-size: 14px;
	line-height: 22px
}
.abc-best-slide li .price .now {
	color: #f23e3e;
	margin-right: 7px
}
.abc-best-slide li .price del {
	color: #AFB2BE
}
.abc-best-slide.slide-pic .prev, .abc-best-slide.slide-pic .next {
	margin-top: -90px
}
body .cmtcontainer {
	border: 0;
	margin-top: -50px
}
body .cmtcontainer .cmtarea {
	padding: 0
}
body .cmtcontainer .cmtarea .cmtarea-header {
	display: none
}
body .cmtcontainer .cmtarea .cmtarea-tools {
	display: flex;
	justify-content: flex-end
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account, body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account-top {
	margin-top: 3px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-my-icons {
	display: none
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account>a, body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account>b {
	margin: 0 6px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-separator {
	color: #DFE5EA
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-qq, body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-sina, body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-tb, body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-wx {
	width: 24px;
	height: 24px;
	background-image: url(../images/cmt_sprite.png);
	background-repeat: no-repeat;
	line-height: 8000px;
	overflow: hidden
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-qq {
	background-position: -98px -98px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-qq:hover {
	background-position: -10px -10px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-sina {
	background-position: -98px -54px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-sina:hover {
	background-position: -54px -10px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-tb {
	background-position: -10px -98px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-tb:hover {
	background-position: -10px -54px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-wx {
	background-position: -54px -98px
}
body .cmtcontainer .cmtarea .cmtarea-tools .cmtarea-account .cmtarea-account-wx:hover {
	background-position: -54px -54px
}
body .cmtcontainer .cmtarea .cmtarea-footer {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	margin: 15px 0;
	height: 32px;
	line-height: 32px
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions {
	display: flex;
	flex: 1;
	float: none;
	margin-right: 20px;
	justify-content: flex-end
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-account-emotions-handler {
	padding-right: 0;
	position: absolute;
	left: 0;
	top: 50%;
	height: 32px;
	margin-top: -16px;
	line-height: 32px;
	padding-left: 30px;
	background: transparent
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-account-emotions-handler::before {
	content: "";
	width: 22px;
	height: 22px;
	background-image: url(../images/cmt_sprite.png);
	background-repeat: no-repeat;
	background-position: -142px -52px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -11px
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-account-emotions-handler:hover {
	color: #0f89ff
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-account-emotions-handler:hover::before {
	background-position: -142px -10px
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-account-emotions-handler>img {
	display: none
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions .cmtarea-notify {
	flex: none
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions>span:nth-child(3) input[data-event="toggleNotify"] {
	width: 16px;
	height: 16px
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-account-emotions>span:nth-child(3) input[data-event="toggleNotify"]:checked::before {
	width: 16px;
	height: 16px;
	background-image: url(../images/cmt_sprite.png);
	background-repeat: no-repeat;
	background-position: -142px -94px;
	content: "";
	display: block
}
body .cmtcontainer .cmtarea .cmtarea-footer .cmtarea-cmtCount {
	font-size: inherit
}
body .cmtcontainer .cmtarea .cmtarea-account-login {
	color: #0f89ff;
	border-radius: 2px;
	border: 1px solid #0f89ff;
	background: transparent
}
body .cmtcontainer .cmtarea .cmtarea-sendBtn {
	height: 32px;
	color: #fff;
	width: 90px;
	border-radius: 2px;
	background-color: #0f89ff;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0
}
body .cmtcontainer .cmtarea .cmtarea-section-content {
	margin-top: 18px;
	border: #EAEDF0 1px solid
}
body .cmtcontainer .cmtarea .cmtarea-section-content .cmtarea-section-content-avator {
	display: none
}
body .cmtcontainer .cmtarea .cmtarea-section-content .cmtarea-section-content-editor {
	background-color: #F8FAFD;
	padding: 15px 20px
}
body .cmtcontainer .topHotTit {
	font-size: 22px;
	font-weight: 700;
	margin-top: 0;
	border-bottom: 0
}
body .cmtcontainer .cmtcontent .cmtList, body .cmtcontainer .hotContent .cmtList {
	border-bottom: 1px solid #EAEDF0;
	padding: 12px 0;
	margin: 0 auto
}
body .cmtcontainer .cmtcontent .cmtList:last-child, body .cmtcontainer .hotContent .cmtList:last-child {
	border-bottom: 0
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-header, body .cmtcontainer .hotContent .cmtList .cmtList-detail-header {
	color: #848792
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-user, body .cmtcontainer .hotContent .cmtList .cmtList-detail-user {
	color: #2d313e
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-user:hover, body .cmtcontainer .hotContent .cmtList .cmtList-detail-user:hover {
	color: #0f89ff
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmt-tags-icons, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmt-tags-icons {
	width: 460px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link {
	position: relative;
	vertical-align: middle
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link:hover, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link:hover {
	color: #0f89ff
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link:hover em, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link:hover em {
	color: #0f89ff
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"], body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"] {
	text-overflow: calc(100%);
	color: transparent !important;
	display: inline-block
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]::before {
	width: 16px;
	height: 16px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/cmt_sprite.png);
	background-repeat: no-repeat;
	background-position: -184px -10px;
	margin-right: -6px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]:hover::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]:hover::before {
	background-position: -10px -142px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]:visited::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"]:visited::before {
	background-position: -82px -142px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"][data-disabled=true]::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtVote"][data-disabled=true]::before {
	background-position: -82px -142px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"], body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"] {
	color: #2d313e;
	display: inline-block
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]::before {
	width: 16px;
	height: 16px;
	content: "";
	display: inline-block;
	vertical-align: middle;
	background-image: url(../images/cmt_sprite.png);
	background-repeat: no-repeat;
	background-position: -118px -142px;
	margin-right: 5px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]:hover, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]:hover {
	color: #0f89ff
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]:hover::before, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="reply"]:hover::before {
	background-position: -46px -142px
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link em, body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link em {
	position: absolute;
	right: 0;
	top: 0;
	color: #2d313e;
	opacity: 1
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtOppose"], body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmtList-old-link[data-event="cmtOppose"] {
	display: none
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-rep, body .cmtcontainer .hotContent .cmtList .cmtList-detail-rep {
	background-color: #F8FAFD;
	border: 1px solid #EAEDF0
}
body .cmtcontainer .cmtcontent .cmtList .cmtList-detail-rep, body .cmtcontainer .hotContent .cmtList .cmtList-detail-rep {
	padding: 20px
}
body .cmtcontainer .cmtcontent .cmtList-detail-tools, body .cmtcontainer .hotContent .cmtList-detail-tools {
	color: #0f89ff
}
body .cmtcontainer .hotContent .cmtList .cmtList-detail-tools .cmt-tags-icons {
	display: none
}
body .cmtcontainer .cmtfooter {
	margin: 0 auto;
	border-top: 0;
	text-align: center;
	background-color: #f5f6f8;
	padding-top: 10px;
	margin-top: 10px;
	color: #0f89ff
}
body .cmtcontainer .cmtfooter a {
	color: #0f89ff
}
body .cmtcontainer .cmtfooter a:hover {
	color: #0f89ff
}
body .cmtcontainer .cmtfooter .cmtDetail, body .cmtcontainer .cmtfooter .cmtDetail:hover {
	color: #0f89ff
}
.navigator {
	background: #fff;
	margin-bottom: 20px
}
.navigator .tragl {
	width: 10px;
	height: 7px;
	background: url("../images/ico_arrow_down.png") no-repeat;
	background-size: cover;
	display: inline-block;
	margin-left: 4px;
	transition: transform linear 0.2s
}
.navigator .wrap {
	height: 94px;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.navigator h1 {
	display: flex;
	align-items: center
}
.navigator .logo {
	width: 180px;
	height: 32px;
	background: url("../images/art_logo.png") no-repeat;
	background-size: contain;
	overflow: hidden;
	line-height: 1000px;
	display: block
}
.navigator .featureLogo {
	display: flex;
	height: 32px;
	align-items: center;
	padding-left: 12px;
	margin-left: 12px;
	font-size: 28px;
	border-left: 1px solid #E0E0E0;
	color: #0f89ff
}
.navigator .featureLogo img {
	width: 80px
}
.navigator .nav-wrap {
	display: flex;
	font-size: 16px;
	height: 20px;
	line-height: 20px;
	align-items: center;
	flex: 1;
	justify-content: flex-end;
	flex-shrink: 0
}
.navigator .nav-wrap li {
	padding-right: 10px;
	position: relative;
	border-right: 1px solid #e0e0e0;
	margin-right: 10px;
	display: flex
}
.navigator .nav-wrap li a, .navigator .nav-wrap li dl {
	margin: 0 15px
}
.navigator .nav-wrap li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none
}
.navigator .nav-sub {
	display: flex;
	position: relative;
	z-index: 2
}
.navigator .nav-sub dt {
	display: flex;
	align-items: center
}
.navigator .nav-sub dt:hover .tragl {
	transform: rotate(180deg);
	transform-origin: center
}
.navigator .nav-sub .nav-sub-list {
	position: absolute;
	left: 50%;
	top: 40px;
	background: #fff;
	font-size: 16px;
	width: 90px;
	display: none;
	flex-direction: column;
	border: 1px solid #e4e6ec;
	box-sizing: border-box;
	transform: translateX(-58%);
	box-shadow: 0 4px 8px rgba(0,0,0,0.1)
}
.navigator .nav-sub .nav-sub-list a {
	height: 40px;
	text-align: center;
	line-height: 40px;
	margin: 0;
	transition: all linear 0.2s
}
.navigator .nav-sub .nav-sub-list a:hover {
	background: #F5F6F8
}
.navigator .nav-sub .nav-sub-list::after {
	content: "";
	height: 30px;
	position: absolute;
	width: 100%;
	top: -30px;
	left: 0
}
.navigator .nav-sub.hover dt .tragl {
	transform: rotate(180deg);
	transform-origin: center
}
.navigator .nav-sub.hover .nav-sub-list {
	display: flex
}
.navigator .search {
	height: 40px;
	border-radius: 20px;
	padding-left: 40px;
	display: flex;
	align-items: center;
	background: #f5f6f8 url("../images/ico_search.png") 15px center no-repeat;
	background-size: 15px
}
.navigator .search .ks-input {
	width: 100%;
	border-radius: 0 20px 20px 0;
	position: relative;
	z-index: 2;
	display: flex
}
.navigator .search .btn-search {
	display: block;
	color: #f5f6f8;
	width: 74px;
	height: 40px;
	border: none;
	cursor: pointer;
	background-image: linear-gradient(to left, #00ADF7, #0781F0);
	border-radius: 40px;
	font-size: 16px;
	line-height: 40px;
	transition: all .2s linear;
	flex-shrink: 0
}
.navigator .search .btn-search:hover {
	background-image: linear-gradient(to left, #0781F0, #00ADF7)
}
.navigator .search .txt {
	border: none;
	height: 40px;
	width: 90%;
	background: transparent;
	font-size: 14px
}
.navigator .search .ks-pop {
	position: absolute;
	left: 50%;
	top: 50px;
	background: #fff;
	font-size: 16px;
	width: 90%;
	display: flex;
	flex-direction: column;
	border: 1px solid #E4E6EC;
	box-sizing: border-box;
	margin-left: -50%;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
	display: none
}
.navigator .search .ks-pop li {
	height: 40px;
	padding: 0 15px;
	font-size: 14px;
	line-height: 40px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer
}
.navigator .search .ks-pop li:hover, .navigator .search .ks-pop li.hover {
	background: #F5F6F8;
	color: #0f89ff
}
.navigator .nav-midSide {
	flex: 1;
	display: flex;
	align-items: center;
	justify-content: flex-end
}
.navigator .nav-midSide form {
	width: 335px;
	margin-left: 30px;
	display: block
}
.crumbs {
	padding: 12px 0;
	margin-top: -20px;
	color: #848792
}
.crumbs>a {
	color: #848792;
	margin-right: 5px
}
.crumbs>a:not(:first-child) {
	margin-left: 5px
}
.crumbs .nolink {
	margin: 0 5px
}
body .js2-16 {
	width: 698px;
	margin: -32px auto 0;
	border: 1px solid #ccc;
	border-top: 0;
	display: block;
	font-weight: normal
}
body .js2-16 .js2-pName {
	height: 30px;
	line-height: 30px;
	overflow: hidden;
	font-size: 16px;
	display: block;
	text-align: left
}
body .js2-16 .js2-pInfo {
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	overflow: hidden;
	display: block;
	text-align: left;
	font-style: normal
}
body .js2-16 .js2-pInfo .refer-price {
	float: left;
	color: #333
}
body .js2-16 .js2-pInfo .refer-price a {
	color: #f33
}
body .js2-16 .js2-pInfo .fr {
	margin-left: 15px
}
body .js2-16 .js2-proName {
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	font-size: 16px;
	display: block;
	text-align: left;
	display: block;
	padding: 0 10px;
	border-bottom: 1px solid #ccc
}
body .js2-16 .js2-dsList {
	overflow: hidden;
	display: table;
	vertical-align: middle;
	font-size: 14px
}
body .js2-16 .js2-dt {
	width: 115px;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
body .js2-16 .js2-dd {
	display: table-cell;
	overflow: hidden;
	vertical-align: top;
	width: 487px;
	line-height: 40px;
	background: #fff url("../images/js2_line.png") 0 41px repeat-x;
	display: block;
	text-align: center
}
body .js2-16 .js2-dd img {
	width: 30px;
	height: 30px;
	vertical-align: middle
}
body .js2-16 .js2-item {
	width: 33.3%;
	float: left
}
body .js2-16 .js2-item a:hover {
	text-decoration: none
}
body .js2-16 .js2-price {
	color: #fe3233
}
body .js2-16 a {
	color: #333
}
body .js2-16 .js2-16Ext {
	width: 600px;
	padding: 0;
	margin: -20px auto 0
}
body #product {
	width: 800px
}
body #product .boxTh {
	background-color: #0f89ff
}
body #product .boxTh .mark a:hover, body #product .boxTh .subMark a:hover {
	color: #f5f6f8
}
body #product .pdMeg1 td .a_index a {
	color: #0f89ff
}
body #product .pdMeg1 td .a_index a:hover {
	color: #0f89ff;
	text-decoration: underline
}
body #product .pdMeg1 td .a_index a[href*='//itbbs.'], body #product .pdMeg1 td .a_index a[href*='company_price.jsp'] {
	display: none
}
body #product .detailBox {
	margin-top: 40px
}
.article-main .mod {
	flex-wrap: wrap;
	align-items: flex-start
}
.article-main .art-box {
	padding: 40px 40px 23px;
	box-sizing: border-box
}
.article-main .art-box .art-title {
	font-weight: 700;
	font-size: 32px;
	line-height: 46px;
	text-align: left;
	color: #2d313e;
	margin-bottom: 22px
}
.article-main .art-box .art-author {
	margin-bottom: 12px
}
.article-main .art-box .art-author .face-box {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	overflow: hidden
}
.article-main .art-box .art-author .face-box img {
	width: 100%;
	height: 100%
}
.article-main .art-box .art-author>span {
	margin-right: 20px
}
.article-main .art-box .art-author>span {
	color: #848792
}
.article-main .art-box .art-author>i {
	margin-right: 8px
}
.article-main .art-box .art-author>i.author-origin {
	background-color: rgba(15,137,255,0.1);
	line-height: 20px;
	color: #0f89ff;
	border-radius: 2px;
	padding: 0 5px
}
.article-main .context-box {
	position: relative
}
.article-main .context-box .context-table div {
	height: auto;
	margin: 32px auto 10px
}
.article-main .context-box .context-table figure, .article-main .context-box .context-table p {
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
	word-break: break-all;
	margin: 32px 0
}
.article-main .context-box .context-table figure img, .article-main .context-box .context-table p img {
	max-width: 700px
}
.article-main .context-box .context-table figure:first-child, .article-main .context-box .context-table p:first-child {
	margin-top: 17px
}
.article-main .context-box .context-table table {
	width: 100%;
	display: block
}
.article-main .context-box .context-table table figcaption {
	font-size: 16px;
	line-height: 28px
}
.article-main .context-box .context-table .cmsLink {
	border-bottom: 1px dashed #2d313e
}
.phone-center .phone-hot-keys {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background-color: #f5f6f8;
	padding: 8px 20px;
	height: 50px;
	box-sizing: border-box
}
.phone-center .phone-hot-keys .hot-keys {
	display: flex;
	align-items: baseline;
	justify-content: flex-start;
	flex-wrap: wrap;
	height: 40px;
	overflow: hidden
}
.phone-center .phone-hot-keys .hot-keys>dt {
	color: #848792
}
.phone-center .phone-hot-keys .hot-keys>dd {
	color: #2d313e;
	margin-left: 10px;
	height: 40px;
	line-height: 40px
}
.phone-center .phone-hot-keys .ks {
	width: 240px;
	height: 32px;
	flex-shrink: 0
}
.phone-center .phone-hot-keys .ks .ks-input {
	display: flex;
	background-color: #fff;
	border-radius: 32px;
	padding: 0 16px
}
.phone-center .phone-hot-keys .ks .ks-q {
	border: none;
	height: 32px;
	width: 210px;
	background: transparent;
	font-size: 14px
}
.phone-center .phone-hot-keys .ks .ks-submit {
	display: block;
	background: url("../images/ico_search.png") 10px center no-repeat;
	background-size: 15px;
	width: 32px;
	height: 32px;
	border: none;
	cursor: pointer
}
.phone-center .phone-hot-keys .ks .ks-submit:hover {
	background-image: url("../images/ico_search_hover.png")
}
.phone-center .hotProList li {
	height: 40px;
	border-bottom: 1px solid #EAEDF0;
	padding: 10px 0;
	position: relative;
	font-size: 14px
}
.phone-center .hotProList li:last-child {
	padding-bottom: 0;
	border-bottom: none
}
.phone-center .hotProList .items-brand {
	z-index: 0
}
.phone-center .hotProList em, .phone-center .hotProList .item {
	float: left;
	height: 40px;
	line-height: 40px;
	width: 129px;
	text-align: center;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.phone-center .hotProList .u-more {
	float: right;
	line-height: 40px;
	margin-right: 10px;
	color: #bbb
}
.phone-center .hotProList em {
	width: 42px;
	color: #848792;
	font-size: 14px
}
.phone-center .hotProList .hover {
	position: relative;
	z-index: 1
}
.phone-center .hotProList .hover p {
	display: block
}
.phone-center .hotProList .proName {
	position: relative;
	display: block;
	height: 40px
}
.phone-center .hotProList .proName .u-picWrap {
	text-align: center;
	display: block;
	height: 40px
}
.phone-center .hotProList .proName:hover .u-name {
	opacity: 1;
	filter: alpha(opacity=100)
}
.phone-center .hotProList .proName:hover .u-picWrap {
	mix-blend-mode: difference
}
.phone-center .hotProList .proName .hot {
	width: 22px;
	height: 14px;
	background: url("../images/ico-hot.png") no-repeat;
	position: relative;
	vertical-align: middle;
	display: inline-block;
	top: -2px;
	margin-left: 5px
}
.relative-mode {
	overflow: hidden
}
.relative-mode.fixed {
	padding-top: 40px
}
.relative-mode.fixed .hd-tabs {
	position: fixed;
	top: 0;
	z-index: 10;
	margin-left: -40px;
	padding-top: 12px;
	padding-bottom: 6px
}
.relative-mode.fixed .hd-tabs::before {
	content: "";
	padding: 18px
}
.relative-mode .hd-tabs {
	padding-bottom: 11px
}
.relative-mode .slide-pic {
	padding-top: 20px
}
.relative-mode .slide-pic .art-list {
	width: 945px
}
.art-list {
	width: 100%
}
.art-list>.art-list {
	display: none
}
.art-list .art-item {
	width: 100%;
	padding-bottom: 20px;
	height: 165px;
	position: relative
}
.art-list .art-item>a {
	height: 100%
}
.art-list .art-item:not(:first-child) {
	padding-top: 20px;
	border-top: 1px solid #EAEDF0
}
.art-list .art-item:first-child {
	margin-top: 0
}
.art-list .art-item .art-message {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-direction: column;
	height: 100%;
	box-sizing: border-box;
	flex: 1;
	padding: 2px 0 10px
}
.art-list .art-item .art-title {
	font-size: 18px;
	font-weight: 700;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	line-height: 30px;
	margin-bottom: 7px;
	word-break: break-all
}
.art-list .art-item .art-desc {
	font-size: 14px;
	font-weight: 400;
	line-height: 28px;
	color: #848792;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.art-list .art-item .art-txt {
	width: 100%
}
.art-list .art-item .art-author {
	color: #848792
}
.art-list .art-item .art-author img {
	border-radius: 100%
}
.art-list .art-item .art-author .face-box {
	width: 24px;
	height: 24px;
	margin-right: 6px
}
.art-list .art-item .art-author .face-box img {
	display: block;
	width: 100%;
	height: 100%
}
.art-list .art-item .art-author .author-name {
	margin-right: 20px
}
.art-list .art-item:hover .art-img::before {
	background-color: transparent
}
.art-list .art-item .art-tags {
	flex-wrap: wrap;
	max-width: 28%;
	height: 26px;
	overflow: hidden;
	justify-content: flex-end;
	position: absolute;
	bottom: 30px;
	right: 0;
	line-height: 24px
}
.art-list .art-item .art-tags>a {
	border: 1px solid #DFE5EA;
	padding: 0 8px;
	height: 24px;
	margin-left: 8px;
	border-radius: 2px;
	line-height: 24px
}
.art-list .art-img {
	width: 220px;
	height: 100%;
	overflow: hidden;
	flex-shrink: 0;
	margin-right: 20px;
	position: relative
}
.art-list .art-img img {
	width: 100%
}
.art-list .art-img::before {
	transition: all .2s linear;
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(1,1,1,0.1);
	z-index: 3
}
.art-list .load-more a {
	display: block;
	background-color: #f5f6f8;
	font-size: 14px;
	height: 44px;
	display: block;
	text-align: center;
	line-height: 44px;
	color: #2d313e;
	margin-bottom: 15px
}
.ip-author {
	position: relative;
	margin-bottom: 35px
}
.ip-author .item {
	height: 85px;
	position: relative
}
.ip-author .pic-box {
	width: 85px;
	height: 85px;
	float: left
}
.ip-author .pic-box img {
	border-radius: 50%;
	width: 100%;
	height: 100%;
	object-fit: cover
}
.ip-author .txtCont {
	padding-left: 100px;
	width: 235px;
	height: 85px
}
.ip-author .txtCont .tit {
	padding: 5px 0 13px;
	font-size: 20px;
	width: 155px;
	line-height: 24px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}
.ip-author .txtCont .desc {
	font-size: 14px;
	color: #848792;
	text-align: justify;
	height: 44px;
	line-height: 22px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.ip-author .focusBtn {
	position: absolute;
	top: 4px;
	right: 0;
	width: 66px;
	height: 30px;
	border-radius: 2px;
	line-height: 30px;
	text-align: center;
	font-size: 14px;
	cursor: pointer;
	color: #fff
}
.ip-author .focus {
	background: #0F89FF
}
.ip-author .focused {
	background: #D5D5D8
}
.toast {
	padding: 0 20px;
	line-height: 40px;
	font-size: 16px;
	color: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #000000;
	border-radius: 10px;
	z-index: 100
}
.art-pic-list {
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.art-pic-list .hot-item {
	display: flex;
	align-items: center;
	width: 100%
}
.art-pic-list .hot-item:not(:first-child) {
	margin-top: 20px
}
.art-pic-list .hot-item img {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover
}
.art-pic-list .hot-item .pic-wrap {
	width: 105px;
	height: 80px;
	flex-shrink: 0;
	margin-right: 15px
}
.art-pic-list .hot-item dl {
	display: flex;
	height: 100%;
	justify-content: space-around;
	flex-direction: column
}
.art-pic-list .hot-item dt {
	line-height: 24px
}
.art-pic-list .hot-item .art-author {
	font-size: 14px
}
.art-pic-list .hot-item .art-infomation {
	margin-top: 0px
}
.art-pic-list .icon-video::after {
	content: "";
	width: 16px;
	height: 16px;
	background: url(../images/ico-play.png) no-repeat;
	background-size: contain;
	position: absolute;
	right: 5px;
	top: 5px
}
.art-pic-list .item {
	width: 48%
}
.art-pic-list .item:nth-child(1), .art-pic-list .item:nth-child(2) {
	margin-bottom: 20px
}
.art-pic-list .item .pic-wrap {
	height: 91px;
	display: block;
	margin-bottom: 7px;
	position: relative
}
.art-pic-list .item .pic-wrap img {
	width: 100%;
	height: 100%;
	position: relative;
	object-fit: cover
}
.art-pic-list dt {
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}
.art-pic-list dd {
	display: flex;
	justify-content: space-between;
	height: 20px;
	margin-top: 8px;
	align-items: center
}
.art-pic-list .art-author {
	display: flex;
	align-items: center;
	color: #848792;
	font-size: 12px
}
.art-pic-list .art-author img {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	margin-right: 8px
}
.text-list {
	display: flex;
	flex-direction: column
}
.text-list .hot-item {
	display: flex;
	align-items: center;
	padding: 6px 0
}
.text-list .hot-item em {
	font-size: 14px;
	line-height: 22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.text-list .hot-item:first-child {
	margin-top: -13px
}
.text-list .hot-item:last-child {
	padding-bottom: 0
}
.text-list .hot-item::before {
	content: "";
	width: 4px;
	height: 4px;
	background-color: #C9CBD6;
	margin-right: 8px;
	flex-shrink: 0
}
.text-list .hot-item:hover::before {
	background-color: #0f89ff
}
.hotkeys-list {
	flex-wrap: wrap;
	justify-content: flex-start
}
.hotkeys-list>a {
	font-size: 14px;
	line-height: 22px;
	margin: 0 20px 16px 0
}
.fixed-mode {
	height: 70px
}
.fixed-mode .content-bottom {
	transition: all .1s linear;
	align-items: flex-end;
	padding-top: 17px
}
.fixed-mode .right-fixed {
	display: none
}
.fixed-mode .right-fixed .art-product_list {
	position: relative;
	border-top: 2px solid #0f89ff
}
.fixed-mode .right-fixed .scale-box {
	height: 0;
	transition: all .2s linear;
	justify-content: space-between;
	padding: 11px 20px;
	cursor: pointer
}
.fixed-mode .right-fixed .scale-box .pro-img-tabs {
	height: 40px;
	position: relative;
	z-index: 2;
	flex: auto
}
.fixed-mode .right-fixed .scale-box .pro-img-tabs .pro-img-tabs-wrap {
	font-size: 0;
	padding-left: 10px
}
.fixed-mode .right-fixed .scale-box .pro-img-tabs .toc {
	position: relative;
	margin-left: -10px;
	opacity: 1;
	transition: all linear 0.5s;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 20px;
	border: 1px solid #EAEDF0;
	box-sizing: border-box;
	object-fit: contain;
	background-position: center;
	background-size: contain;
	background-color: #fff;
	background-repeat: no-repeat
}
.fixed-mode .right-fixed .scale-box .pro-img-tabs .ani {
	margin-left: -40px;
	opacity: 0
}
.fixed-mode .right-fixed .scale-box .pro-img-tabs .opacityHide {
	opacity: 0
}
.fixed-mode .right-fixed .scale-box .handle-scalepop-btn {
	transition: all .2s linear;
	color: #0f89ff;
	cursor: pointer
}
.fixed-mode .right-fixed .scale-box .handle-scalepop-btn .bg-open_icon {
	width: 12px;
	height: 11px;
	background-position: -10px -10px;
	transform: rotate(180deg);
	margin-left: 10px;
	transition: all .2s linear
}
.fixed-mode .right-fixed .pop-product-list {
	height: 0;
	overflow: hidden;
	transition: height .2s ease-in-out;
	box-sizing: border-box
}
.fixed-mode .right-fixed .pop-product-list.lgt3 {
	padding-right: 20px
}
.fixed-mode .right-fixed .pop-product-list .art-item {
	padding: 20px 0;
	width: 292px;
	height: 80px;
	margin-left: 20px
}
.fixed-mode .right-fixed .pop-product-list .art-item:not(:first-child) {
	border-top: 1px solid #EAEDF0
}
.fixed-mode .right-fixed .pop-product-list .art-item .art-img {
	width: 105px;
	height: 80px;
	flex-shrink: 0;
	margin-right: 15px
}
.fixed-mode .right-fixed .pop-product-list .art-item .art-img img {
	display: block;
	width: 100%;
	object-fit: cover
}
.fixed-mode .right-fixed .pop-product-list .art-item:hover .art-message .pr>span {
	color: #0f89ff
}
.fixed-mode .right-fixed .pop-product-list .art-message {
	flex: 1
}
.fixed-mode .right-fixed .pop-product-list .art-message .art-txt {
	margin-bottom: 4px;
	line-height: 22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all
}
.fixed-mode .right-fixed .pop-product-list .art-message .pr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	line-height: 32px
}
.fixed-mode .right-fixed .pop-product-list .art-message .pr>i {
	font-size: 14px;
	color: #f23e3e
}
.fixed-mode .right-fixed .pop-product-list .art-message .pr>span {
	font-size: 12px;
	color: #848792
}
.fixed-mode .left-fixed .author-info {
	display: none
}
.fixed-mode .left-fixed .keys-list {
	height: 36px;
	display: flex;
	align-items: center;
	flex: 1;
	flex-wrap: wrap;
	justify-content: flex-start;
	overflow: hidden
}
.fixed-mode .left-fixed .keys-list>a {
	height: 36px;
	line-height: 36px;
	margin-right: 10px;
	background-color: #f5f6f8;
	border-radius: 36px;
	font-size: 14px;
	padding: 0 20px
}
.fixed-mode .left-fixed .user-handles {
	width: 352px;
	justify-content: space-between;
	position: relative;
	height: 36px
}
.fixed-mode .left-fixed .user-handles>.icons {
	display: flex;
	align-items: center
}
.fixed-mode .left-fixed .user-handles>.icons:hover i {
	opacity: .8
}
.fixed-mode .left-fixed .user-handles>.icons i {
	transition: all .2s;
	margin-right: 8px
}
.fixed-mode.fixed {
	margin-left: -40px
}
.fixed-mode.fixed .content-bottom {
	position: fixed;
	bottom: 0;
	height: 70px;
	z-index: 100
}
.fixed-mode.fixed .left-fixed {
	box-shadow: 0 -4px 8px 0 rgba(132,135,146,0.1);
	padding: 15px 40px;
	box-sizing: border-box
}
.fixed-mode.fixed .left-fixed .keys-list {
	display: none
}
.fixed-mode.fixed .left-fixed .author-info {
	display: flex;
	align-items: center;
	flex: 1
}
.fixed-mode.fixed .left-fixed .author-info .face-box {
	width: 40px;
	height: 40px;
	margin-right: 14px
}
.fixed-mode.fixed .left-fixed .author-info .face-box img {
	width: 100%;
	height: 100%;
	border-radius: 100%
}
.fixed-mode.fixed .right-fixed {
	display: block;
	box-shadow: 0 -6px 8px 0 rgba(132,135,146,0.1);
	border-top: 2px solid #0f89ff
}
.fixed-mode.fixed .right-fixed .scale-box {
	height: 46px
}
.fixed-mode.fixed .right-fixed .scrollBar {
	height: 100%;
	border-radius: 3px;
	overflow: hidden;
	margin: 20px 4px 0px 0;
	box-sizing: border-box
}
.fixed-mode.fixed .right-fixed .scrollBar .drag {
	height: 100%;
	background: #bec2c5;
	border-radius: 3px;
	overflow: hidden
}
.fixed-mode.fixed .right-fixed.open .pop-product-list {
	height: 364px
}
.fixed-mode.fixed .right-fixed.open .scale-box .handle-scalepop-btn .bg-open_icon {
	transform: rotate(0deg)
}
@keyframes fixedModeFixY {
0% {
height:0
}
100% {
height:70px
}
}
body .toolBox .art-tools .at-btn-cmt {
	display: none
}
body .fixed-mode.fixed .toolBox .art-tools .at-btn-cmt {
	display: flex
}
.pageTips {
	text-align: center;
	color: #999
}