@charset "UTF-8";
.detail_pro_cont .btn-group {
	font-size: 0;
	position: absolute;
	bottom: 0;
}

.icon-top{
	    background: url(../images/logo.png) no-repeat -278px -178px;
    background-size: 338px 326px;
    width: 30px;
    height: 30px;

}

body {
	margin: 0;
}

html {
	min-height: 100%;
}

a {
	text-decoration: none;
}

ul,
ol,
li {
	list-style: none;
}

em,
strong {
	font-style: normal;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
textarea,
td {
	border: 0 none;
	font-size: inherit;
	color: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

/*img {*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	display: block;*/
/*}*/

a,
a:hover,
a:active,
a:visited,
a:link,
a:focus {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-tap-highlight-color: transparent;
	outline: none;
	background: none;
	text-decoration: none;
}

html {
	background-color: #f5f5f5;
}

body,
input,
textarea {
	font-family: "PingFangSC-Regular", sans-serif, Arial, "Microsoft YaHei";
}

.dfcc {
	display: flex;
	align-items: center;
	justify-content: center;
}

.dfac {
	display: flex;
	align-items: center;
}

.ofh {
	overflow: hidden;
}

.c-f {
	color: #fff;
}

.b-f {
	background: #fff;
}

.gray3 {
	color: #333;
}

.gray6 {
	color: #666;
}

.gray9 {
	color: #999;
}

.grayb1 {
	color: #b1b1b1;
}

.grayc1 {
	color: #c1c1c1 !important;
}

.graye1 {
	color: #e1e1e1;
}

.col-pri {
	color: #fd5050 !important;
}

.t-l {
	text-align: left;
}

.t-c {
	text-align: center;
}

.t-r {
	text-align: right;
}

.hide {
	display: none !important;
}

.pst-r {
	position: relative;
}

.pst-a {
	position: absolute;
}

.dib {
	display: inline-block;
}

.db {
	display: block;
}

.cp {
	cursor: pointer;
}

.mb10 {
	margin-bottom: 10px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb42 {
	margin-bottom: 42px;
}

.mb60 {
	margin-bottom: 60px;
}

.ml5 {
	margin-left: 5px;
}

.ml10 {
	margin-left: 10px;
}

.ml20 {
	margin-left: 20px;
}

.mr5 {
	margin-right: 5px;
}

.mr8 {
	margin-right: 8px;
}

.mr10 {
	margin-right: 10px;
}

.mr20 {
	margin-right: 20px;
}

.mr30 {
	margin-right: 30px;
}

.mr40 {
	margin-right: 40px;
}

.mt10 {
	margin-top: 10px;
}

.mt20 {
	margin-top: 20px;
}

.mt30 {
	margin-top: 30px;
}

.mt40 {
	margin-top: 40px;
}

.mt18 {
	margin-top: 18px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.px20 {
	padding: 0 20px;
}

.px30 {
	padding: 0 30px;
}

.pb10 {
	padding-bottom: 10px;
}

.mh-auto {
	min-height: auto !important;
}

.lh1 {
	line-height: 1;
}

.b-f-block {
	border-radius: 6px;
	background: #fff;
}

.shadow-view {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 101;
	background: rgba(0, 0, 0, 0.66);
}

.pst-a-b {
	position: absolute;
	width: 100%;
	bottom: 0;
}

.w1200 {
	width: 1200px;
}

.m0a {
	margin: 0 auto;
}

.f-l {
	float: left;
}

.f-r {
	float: right;
}

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

.fz0 {
	font-size: 0;
}

.fz14 {
	font-size: 14px;
}

.blue {
	color: #29a6fe;
	text-decoration: underline;
}

.fz16 {
	font-size: 16px;
}

.fz18 {
	font-size: 18px !important;
}

.crsrp {
	cursor: pointer;
}

.pt80 {
	padding-top: 80px;
}

.dib-m {
	display: inline-block;
	vertical-align: middle;
}

.mh500 {
	min-height: 500px;
	height: auto !important;
}

.clearboth::after {
	content: "";
	display: block;
	clear: both;
}

.tel-elp4 {
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
}

.h104 {
	height: 104px;
}

.my20 {
	margin: 20px 0;
}

header {
	height: 72px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
	color: #333;
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 100;
	transition: top ease-in .3s;
}

header.h-show {
	top: -72px;
}

header .w1200 {
	justify-content: space-between;
}

header .logo {
	width: 153px;
}

header .nav {
	margin-left: 48px;
	margin-right: 100px;
}
.icon-header_message{
	background: url(../images/logo.png);
    /*background-size: 338px 326px;*/
    width: 32px;
    height: 32px;
}
.icon-logo {
    background: url(../images/logo.png);
    /*background-size: 338px 326px;*/
    width: 153px;
    height: 40px;
}

.icon-login {
    background: url(../images/logo.png) ;

    width: 32px;
    height: 32px;
}
header .opt-box {
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	font-size: 0;
	z-index: 2;
}

header .select-main {
	font-size: 0;
	height: 72px;
	line-height: 72px;
}

header .select-main li {
	display: inline-block;
	align-items: center;
	margin-right: 16px;
	font-size: 16px;
}

header .select-main li:last-child {
	margin-right: 0;
}

header .nav-a {
	line-height: 40px;
	padding: 0 12px;
	display: inline-block;
}

header .arr-r .nav-a {
	position: relative;
}

header .arr-r .nav-a::before {
	content: "";
	width: 4px;
	height: 4px;
	border-left: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-80%) rotate(-135deg);
}

header .arr-r .nav-a.hover {
	color: #fd5050;
}

header .arr-r .nav-a.hover::before {
	border-left: 1px solid #fd5050;
	border-top: 1px solid #fd5050;
}

header .srch-block {
	padding: 12px 40px 12px 18px;
	position: relative;
	background: #f0f0f0;
	border-radius: 50px;
}

header .srch-block .srch-inp {
	border: 0;
	padding: 0;
	height: 16px;
	line-height: 16px;
	font-size: 14px;
	width: 85px;
	color: #333;
	box-sizing: border-box;
	background-color: transparent;
}

header .srch-block .srch-inp:focus {
	outline: 0;
}

header .srch-block .icon-header_search {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	border: 0;
	text-indent: 2em;
	cursor: pointer;
}

header .avatar {
	width: 32px;
	height: 32px;
	border-radius: 100%;
	overflow: hidden;
}

header .msg-block .nums {
	position: absolute;
	top: -3px;
	right: -10px;
	font-size: 10px;
	padding: 0 6px;
	line-height: 16px;
	background: #fd5050;
	color: #fff;
	border-radius: 50px;
	display: block;
}

header .mybox {
	position: absolute;
	right: 0;
	top: 52px;
	width: 124px;
}

header .mybox ul {
	text-align: center;
	border-top: 3px solid #fd5050;
	background: #fff;
	box-shadow: 0 0 4px #ddd;
	color: #666;
	z-index: 2;
}

header .mybox ul::before {
	content: "";
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-bottom-color: #fd5050;
	position: absolute;
	right: 6px;
	top: -13px;
	z-index: 1;
}

header .mybox ul li:last-child .my-a::after {
	border-bottom: 0;
}

header .mybox ul .my-a {
	position: relative;
	line-height: 54px;
	display: block;
	font-size: 14px;
}

header .mybox ul .my-a::after {
	content: "";
	width: calc(100% - 20px);
	left: 10px;
	bottom: 0;
	position: absolute;
	border-bottom: 1px solid #eee;
}

header .mybox ul .my-a:hover {
	background: #f3f5f5;
}

.crumbs_nav {
	margin: 20px 0;
	line-height: 1;
}

.crumbs_nav .link-a {
	color: #666;
	padding-right: 20px;
	position: relative;
	font-size: 12px;
	display: inline-block;
}

.crumbs_nav .link-a::after {
	content: ">";
	position: absolute;
	right: 4px;
	top: 50%;
	transform: translateY(-50%);
	line-height: 12px;
	color: #999;
	font-family: '宋体';
}

.crumbs_nav .link-a:last-child {
	color: #999;
}

.crumbs_nav .link-a:last-child::after {
	content: "";
}
footer {
	color: #333;
	border-top: 1px solid #eee;
}

footer .nav-box {
	padding-top: 50px;
	padding-bottom: 30px;
	font-size: 0;
}

footer .nav-box dl {
	width: 240px;
	display: inline-block;
	vertical-align: top;
}

footer .nav-box dl dt {
	line-height: 26px;
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
}

footer .nav-box dl dd {
	line-height: 26px;
}

footer .nav-box dl:nth-child(4),
footer .nav-box dl:nth-child(5) {
	padding-left: 120px;
	width: 120px;
}

footer .nav-box .logo-block {
	width: 240px;
	margin-top: 35px;
}

footer .nav-box .link-a {
	font-size: 14px;
	margin-right: 15px;
	color: #666;
}

.yqlinks {
	line-height: 50px;
}

.yqlinks .w1200 {
	border-top: 1px solid #eee;
}

.yqlinks .bt {
	font-weight: normal;
	color: #666;
}

.yqlinks .link-a {
	margin-right: 15px;
	color: #c1c1c1;
}

.copyright {
	margin: 0 10px;
	line-height: 54px;
	color: #acacac;
}

.copyright .w1200 {
	border-top: 1px solid #eee;
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box;
	transform: translate3d(0, 0, 0);
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

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

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-pagination-bullet {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: 0.2;
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #fd5050;
}

.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 30px;
	height: 70px;
	z-index: 10;
	cursor: pointer;
	background: rgba(0, 0, 0, 0.66);
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
	left: 0;
	right: auto;
}

.swiper-button-prev::before {
	content: "";
	width: 12px;
	height: 12px;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	display: block;
	border-radius: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: rotate(-45deg) translateY(-50%);
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
	right: 0;
	left: auto;
}

.swiper-button-next::before {
	content: "";
	width: 12px;
	height: 12px;
	border-left: 3px solid #fff;
	border-top: 3px solid #fff;
	display: block;
	border-radius: 1px;
	position: absolute;
	top: 50%;
	right: 50%;
	transform: rotate(135deg) translateX(-50%);
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-lazy {
	display: none;
}

.swiper-lazy-loaded {
	display: block;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-container .swipe {
	width: 1000%;
}

.swiper-container .swipe li {
	width: 10%;
	float: left;
	position: relative;
}

.swiper-container .swipe li img {
	-o-object-fit: cover;
	object-fit: cover;
	position: relative;
}

.swiper-container .swipe li::before {
	background: #f4f4f4;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container>img,
.swiper-zoom-container>svg,
.swiper-zoom-container>canvas {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}


.modal-layer .content,
.guwen-msg-layer .content,
.lr-layer .content {
	border-top: 1px solid #f5f5f5;
}

.modal-layer .btn-full,
.guwen-msg-layer .btn-full,
.lr-layer .btn-full {
	padding: 50px 60px;
	font-size: 26px;
}

.modal-layer .btn-full .btn-a,
.guwen-msg-layer .btn-full .btn-a,
.lr-layer .btn-full .btn-a {
	margin-bottom: 50px;
	display: block;
	line-height: 70px;
	height: 70px;
	border: 1px solid #e1e1e1;
	background: #fff;
	color: #666;
	border-radius: 100px;
	text-align: center;
	box-sizing: border-box;
}

.modal-layer .btn-full .btn-a:hover,
.guwen-msg-layer .btn-full .btn-a:hover,
.lr-layer .btn-full .btn-a:hover {
	background: #fd5050;
	border: 1px solid #fd5050;
	color: #fff;
}

.modal-layer .btn-full .btn-a:last-child,
.guwen-msg-layer .btn-full .btn-a:last-child,
.lr-layer .btn-full .btn-a:last-child {
	margin-bottom: 0;
}



.form-sub .words .num {
	color: #fd5050;
}

.totop {
	width: 60px;
	height: 60px;
	text-align: center;
	border-radius: 100%;
	display: block;
	background: #c5c5c5;
	border: 1px solid #bebebe;
	position: fixed;
	bottom: 60px;
	right: 20px;
	box-sizing: border-box;
	z-index: 10;
}

.totop:hover {
	border: 1px solid #fd5050;
	background: #fd5050;
}

.totop i {
	margin-top: 15px;
}

#content {
	width: 1200px;
	padding: 72px 0 0;
}

.recomm-links .box {
	padding: 25px 0;
	border-bottom: 1px solid #f8f8f8;
	color: #333;
	position: relative;
	font-size: 0;
}

.recomm-links .box:last-child {
	border-bottom: 0;
}

.recomm-links .lbr {
	position: absolute;
	width: 90px;
	text-align: right;
	font-size: 16px;
}

.recomm-links .links {
	padding-left: 90px;
	display: inline-block;
	margin-top: -20px;
}

.recomm-links .link-a {
	margin-left: 30px;
	display: inline-block;
	font-size: 16px;
	margin-top: 20px;
	color: #666;
}

.rtc-title {
	font-size: 0;
	padding-left: 30px;
	height: 68px;
	line-height: 68px;
	position: relative;
}

.rtc-title h1 {
	display: inline-block;
	font-size: 24px;
	font-weight: normal;
	vertical-align: middle;
}

.rtc-title .rght-lbr {
	position: absolute;
	top: 0;
	right: 30px;
}

.rtc-title .btn-a {
	color: #fff;
	line-height: 42px;
	padding: 0 16px;
	display: inline-block;
	vertical-align: middle;
	font-size: 16px;
	margin-left: 30px;
}

.rtc-title .spa {
	font-size: 16px;
	margin-left: 40px;
	line-height: 1;
	display: inline-block;
	vertical-align: middle;
	color: #666;
}

.rtc-title .spa.sort-up {
	color: #fd5050;
}

.rtc-title .spa.sort-up::before {
	border-color: #fd5050 !important;
}

.rtc-title .spa.sort-down {
	color: #fd5050;
}

.rtc-title .spa.sort-down::after {
	border-color: #fd5050 !important;
}

.rtc-title .spa.tgl-sp {
	position: relative;
}

.rtc-title .spa.tgl-sp::before {
	content: "";
	width: 4px;
	height: 4px;
	border-left: 1px solid #c1c1c1;
	border-top: 1px solid #c1c1c1;
	display: block;
	position: absolute;
	right: -10px;
	top: 50%;
	transform: translateY(-80%) rotate(45deg);
}

.rtc-title .spa.tgl-sp::after {
	content: "";
	width: 4px;
	height: 4px;
	border-right: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	display: block;
	position: absolute;
	right: -10px;
	left: auto;
	top: 50%;
	transform: translateY(-10%) rotate(45deg);
}

.ask-list,
.article-list,
.good-list {
	font-size: 0;
}

.ask-list .items,
.article-list .items,
.good-list .items {
	width: 388px;
	margin-top: 18px;
	margin-right: 18px;
	display: inline-block;
}

.ask-list .nomore,
.article-list .nomore,
.good-list .nomore {
	font-size: 32px;
	margin-top: 55px;
	text-align: center;
	color: #b1b1b1;
}

.h52 {
	height: 52px;
}

.good-list .items {
	margin-top: 0;
	margin-bottom: 18px;
}

.good-list .items .pmry-img {
	height: 388px;
}

.good-list .items:nth-child(3n) {
	margin-right: 0;
}

.good-detail .content .desc {
	height: 52px;
}

.page {
	margin: 60px auto;
	font-size: 0;
}

.page.more .nums {
	position: relative;
}

.page.more .nums::before {
	content: "...";
	position: absolute;
	width: 40px;
	line-height: 40px;
	top: -5px;
	left: 70px;
	display: block;
	color: #b1b1b1;
	font-size: 16px;
}

.page.more .nums::after {
	content: "...";
	position: absolute;
	width: 40px;
	line-height: 40px;
	top: -5px;
	right: 70px;
	display: block;
	color: #b1b1b1;
	font-size: 16px;
}

.page.more .page-number:first-child {
	margin-left: 20px;
	margin-right: 50px;
}

.page.more .page-number:last-child {
	margin-left: 50px;
	margin-right: 20px;
	position: relative;
}

.page .nums {
	display: inline-block;
}

.page .nums .active {
	background: #fa9c27;
	color: #fff;
}

.page .page-number {
	font-size: 16px;
	margin: 0 10px;
	width: 40px;
	line-height: 40px;
	display: inline-block;
	background: #fff;
	color: #b1b1b1;
	border-radius: 100%;
}

.page .page-number:first-child {
	margin-left: 20px;
}

.page .page-number:last-child {
	margin-right: 20px;
}

.page .page-number:hover {
	background: #fa9c27;
	color: #fff;
}

.page .pn-prev span {
	width: 96px;
	text-align: center;
	line-height: 40px;
	border-radius: 100px;
	background: #fa9c27;
	color: #fff;
	display: inline-block;
	font-size: 16px;
}

.page .pn-next span {
	width: 96px;
	text-align: center;
	line-height: 40px;
	border-radius: 100px;
	background: #fa9c27;
	color: #fff;
	display: inline-block;
	font-size: 16px;
}

.guwen-content {
	padding: 80px 90px 0 90px;
	width: 1020px;
	margin: 0 auto;
}

.guwen-content .guwen-title {
	margin: 60px 0;
	font-size: 26px;
}

.guwen-content .guwen-select {
	font-size: 0;
	text-align: center;
	padding-bottom: 10px;
}

.guwen-content .select-block {
	width: 16.6%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin-bottom: 50px;
}

.guwen-content .select-a {
	width: 134px;
	line-height: 134px;
	border-radius: 100%;
	color: #fff;
	display: inline-block;
	font-size: 26px;
	text-align: center;
	cursor: pointer;
}

.guwen-content .c-red1 {
	background: #f86047;
}

.guwen-content .c-red1:hover {
	background: #f6391a;
	box-shadow: 0 0 8px #f6391a;
}

.guwen-content .c-red2 {
	background: #ff6983;
}

.guwen-content .c-red2:hover {
	background: #ff4465;
	box-shadow: 0 0 8px #ff4465;
}

.guwen-content .c-red3 {
	background: #f74123;
}

.guwen-content .c-red3:hover {
	background: #f51300;
	box-shadow: 0 0 8px #f51300;
}

.guwen-content .c-purple1 {
	background: #a571c7;
}

.guwen-content .c-purple1:hover {
	background: #8f4eb9;
	box-shadow: 0 0 8px #8f4eb9;
}

.guwen-content .c-purple2 {
	background: #bc44c1;
}

.guwen-content .c-purple2:hover {
	background: #ac16b2;
	box-shadow: 0 0 8px #ac16b2;
}

.guwen-content .c-orange {
	background: #fe9814;
}

.guwen-content .c-orange:hover {
	background: #fe7f00;
	box-shadow: 0 0 8px #fe7f00;
}

.guwen-content .c-blue1 {
	background: #0089db;
}

.guwen-content .c-blue1:hover {
	background: #006cd2;
	box-shadow: 0 0 8px #006cd2;
}

.guwen-content .c-blue2 {
	background: #34abcd;
}

.guwen-content .c-blue2:hover {
	background: #0297c1;
	box-shadow: 0 0 8px #0297c1;
}

.guwen-content .c-blue3 {
	background: #6262ff;
}

.guwen-content .c-blue3:hover {
	background: #006cd2;
	box-shadow: 0 0 8px #006cd2;
}

.guwen-content .c-green {
	background: #04b362;
}

.guwen-content .c-green:hover {
	background: #00a03c;
	box-shadow: 0 0 8px #00a03c;
}

.lr-layer .ctnr {
	width: 410px;
}

.lr-layer .ctnr .icon-login_close {
	
	cursor: pointer;
}

.lr-layer .ctnr .icon-login_close:hover {
	opacity: .9;
}

.lr-layer .title {
	padding-top: 20px;
	height: 44px;
	line-height: 44px;
	font-size: 0;
	display: inline-block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

.lr-layer .title .effect {
	position: absolute;
	transition: 0.4s ease-in-out;
	left: 0;
	display: block;
	width: 40px;
	height: 3px;
	bottom: 0;
	background: #fd5050;
}

.lr-layer .tab {
	display: inline-block;
	vertical-align: middle;
	font-size: 20px;
	margin-right: 84px;
	cursor: pointer;
}

.lr-layer .tab:nth-child(2) {
	margin-right: 0;
}

.lr-layer .tab:nth-child(1).active~.effect {
	left: 0;
}

.lr-layer .tab:nth-child(2).active~.effect {
	left: 124px;
}

.lr-layer .tab.active {
	color: #fd5050;
}

.lr-layer .content {
	border-top: 0;
	min-height: 390px;
	padding: 30px 30px 0 30px;
	margin: 0;
	position: relative;
}

.lr-layer .content input::-webkit-input-placeholder {
	color: #666;
}

.lr-layer .login-block .input-block,
.lr-layer .regstr-block .input-block {
	margin-left: 0;
	border-radius: 4px;
	margin-bottom: 20px;
	font-size: 14px;
	height: 40px;
}

.lr-layer .login-block input,
.lr-layer .regstr-block input {
	font-size: 14px;
	color: #333;
}

.lr-layer .input-code-block .getcode {
	line-height: 40px;
}

.lr-layer .input-code-block .input-block {
	width: 190px;
}

.lr-layer .lgmind {
	font-size: 14px;
	min-height: 68px;
}

.lr-layer .lgmind .row {
	line-height: 1;
	margin-bottom: 20px;
	position: relative;
}

.lr-layer .lgmind .row:last-child {
	margin-bottom: 0;
}

.lr-layer .lgmind .tab-sp {
	cursor: pointer;
	font-weight: bold;
}

.lr-layer .lgmind .ckbox {
	position: absolute;
	top: 1px;
	left: 1px;
	margin: 0;
	width: 13px;
	height: 13px;
	z-index: 2;
}

.lr-layer .lgmind .ckbox:checked {
	opacity: 0;
}

.lr-layer .lgmind .ckbox:checked~.chk-selected {
	display: inline-block;
}

.lr-layer .lgmind .chk-selected {
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
}

.lr-layer .undr-a {
	text-decoration: underline;
}

.lr-layer .btn-sub {
	width: 100%;
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
	line-height: 40px;
	border-radius: 4px;
	background: #e1e1e1;
	margin: 0;
}

.lr-layer .btn-sub.prmy {
	background: #fd5050;
	cursor: pointer;
}

.lr-layer .otherlogin {
	margin-top: 30px;
}

.lr-layer .otherlogin .btn-a {
	background: #f5f5f5;
	text-align: center;
	border-radius: 4px;
	font-size: 14px;
	width: 162px;
	height: 40px;
	line-height: 40px;
}

.lr-layer .otherlogin .txt {
	margin-left: 8px;
}

.lr-layer .btm-txt {
	position: absolute;
	line-height: 56px;
	width: 100%;
	background: #f5f5f5;
	text-align: center;
	color: #999;
	font-size: 14px;
	bottom: 0;
	left: 0;
}

.lr-layer .btm-txt .rgstr-sp {
	color: #fd5050;
	text-decoration: underline;
}

.topic-block {
	margin-bottom: 18px;
}

.topic-block.index-topic-block {
	margin-top: 18px;
}

.topic-block.index-topic-block .title h2 {
	font-weight: normal;
}

.topic-block.index-topic-block .title .comm {
	font-size: 0;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	color: #666;
	height: 74px;
}

.topic-block.index-topic-block .title .link-a {
	margin: 0 25px;
	font-size: 16px;
	display: inline-block;
}

.topic-block.index-topic-block .box {
	padding-top: 4px;
	background: #f5f5f5;
}

.topic-block.index-topic-block .box .item {
	width: 297px;
	margin-right: 4px;
	margin-bottom: 4px;
	height: 360px;
}

.topic-block.index-topic-block .box .item:nth-child(4n) {
	margin-right: 0;
}

.topic-block.index-topic-block .box .link-a {
	width: 250px;
}

.topic-block.index-topic-block .box .info {
	width: 238px;
	margin: 0 auto;
	padding: 0 30px;
}

.topic-block.index-topic-block .box .other {
	width: 238px;
	margin: 10px auto 0 auto;
	color: #666;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size: 14px;
}

.topic-block.index-topic-block .box .price .rmb {
	color: #fd3636;
	margin-right: 3px;
	font-family: Arial, Helvetica, sans-serif;
}

.topic-block.index-topic-block .box .price .m-num {
	color: #fd3636;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}

.topic-block.index-topic-block .img-block {
	width: 238px;
	height: 238px;
}

.topic-block.article-detail-fix {
	border-radius: 6px;
}

.topic-block.article-detail-fix .box {
	padding-top: 2px;
}

.topic-block.article-detail-fix .box .item {
	width: 197px;
	height: 228px;
	margin-right: 2px;
	margin-bottom: 2px;
}

.topic-block.article-detail-fix .box .item .img-block {
	width: 137px;
	height: 137px;
}

.topic-block.article-detail-fix .box .item:nth-child(4n) {
	margin-right: 0;
}

.topic-block.article-detail-fix .box .item:nth-child(5n) {
	margin-right: 2px;
}

.topic-block.article-detail-fix .box .link-a {
	width: 170px;
}

.topic-block.article-detail-fix .title {
	padding-left: 0;
	text-align: center;
}

.topic-block:last-child {
	margin-bottom: 50px;
}

.topic-block .title {
	line-height: 74px;
	padding-left: 30px;
	color: #333;
	font-size: 24px;
	font-weight: normal;
}

.topic-block .box {
	padding-top: 5px;
	background: #f5f5f5;
	font-size: 0;
}

.topic-block .box .item {
	background: #fff;
	display: inline-block;
	position: relative;
}

.topic-block .box .item:hover {
	box-shadow: 0 0 4px 1px #ccc;
	transition-duration: 0.5s;
	transition-property: box-shadow;
}

.topic-block .box .topic-index-item {
	width: 236px;
	height: 270px;
	margin-right: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.topic-block .box .topic-index-item:nth-child(5n) {
	margin-right: 0;
}

.topic-block .box .link-a {
	margin: 15px auto 0 auto;
	color: #333;
	font-size: 16px;
	width: 200px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: nowrap;
	overflow: hidden;
}

.topic-block .img-block {
	width: 176px;
	height: 176px;
	margin: 30px auto 0 auto;
	border-radius: 6px;
	overflow: hidden;
}

.bnr-block {
	margin-top: 18px;
}

.bnr-block::after {
	content: "";
	display: block;
	clear: both;
}

.bnr-block .column {
	float: left;
	height: 230px;
}

.bnr-block .leftbar {
	width: 256px;
	color: #333;
	border-radius: 6px;
	margin-right: 18px;
}

.bnr-block .leftbar h2 {
	height: 54px;
	line-height: 54px;
	padding-left: 18px;
	font-weight: normal;
	border-bottom: 1px solid #f5f5f5;
	color: #222;
	box-sizing: border-box;
}

.bnr-block .leftbar .link {
	padding: 0 18px;
	height: 46px;
	line-height: 46px;
	box-sizing: border-box;
	position: relative;
}

.bnr-block .leftbar .link.hover::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #f0f0f0;
	position: absolute;
	top: 0;
	left: 0;
}

.bnr-block .leftbar .link.hover::after {
	content: "";
	width: 100%;
	height: 1px;
	background: #f0f0f0;
	position: absolute;
	bottom: 0;
	left: 0;
}

.bnr-block .leftbar .link:first-child.hover::before {
	height: 0px;
}

.bnr-block .leftbar .link:last-child.hover::after {
	height: 0px;
}

.bnr-block .leftbar .box {
	position: absolute;
	left: 100%;
	top: -54px;
	padding: 30px 30px 0 0;
	border: 1px solid #f0f0f0;
	box-sizing: border-box;
	z-index: 2;
	background: #fff;
	width: 685px;
	cursor: auto;
}

.bnr-block .leftbar .box::before {
	content: "";
	width: 1px;
	height: 45px;
	background: #fff;
	position: absolute;
	top: 53px;
	left: -1px;
	z-index: 2;
}

.bnr-block .leftbar .box .topic {
	display: inline-block;
	vertical-align: top;
	width: 290px;
	line-height: 1;
	margin-bottom: 30px;
	margin-left: 30px;
}

.bnr-block .leftbar .box .title {
	color: #111;
	display: block;
	margin-bottom: 15px;
}

.bnr-block .leftbar .box .list {
	font-size: 0;
}

.bnr-block .leftbar .box .link-a {
	font-size: 14px;
	color: #666;
	display: inline-block;
	margin-right: 25px;
	line-height: 30px;
}

.bnr-block .leftbar .box .link-a.col-pri {
	color: #fd5050;
}

.bnr-block .leftbar .icon {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.bnr-block .leftbar .lbr {
	padding-left: 24px;
	font-size: 0;
	color: #c1c1c1;
}

.bnr-block .leftbar .lbr .title-a {
	display: inline-block;
	font-size: 16px;
	color: #c1c1c1;
}

.bnr-block .leftbar .lbr .title-a:first-child {
	margin-left: 8px;
}

.bnr-block .leftbar .lbr .gray3 {
	color: #333;
}

.bnr-block .leftbar .icon-right {
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.bnr-block .bnr {
	width: 940px;
	margin-right: 18px;
	box-sizing: border-box;
	border-radius: 6px;
	overflow: hidden;
}

.bnr-block .rghtbar {
	width: 242px;
	border-radius: 6px;
}

.bnr-block .rghtbar .avatar-block {
	width: 80px;
	height: 80px;
	margin: 20px auto;
	border-radius: 100%;
	display: block;
}

.bnr-block .rghtbar .avatar-block img {
	border-radius: 100%;
}

.bnr-block .rghtbar .avatar-block i {
	position: absolute;
	bottom: 0;
	right: 0;
}

.bnr-block .rghtbar .lbr {
	line-height: 1;
	text-align: center;
}

.bnr-block .rghtbar .lbr .link-a {
	color: #0bb8f4;
	text-decoration: underline;
}

.bnr-block .rghtbar .name {
	line-height: 1;
	display: block;
	text-align: center;
	font-size: 16px;
	margin: 0 auto;
}

.bnr-block .rghtbar .btn-group {
	margin-top: 20px;
	font-size: 0;
	text-align: center;
}

.bnr-block .rghtbar .cur-jf {
	margin-top: 20px;
	line-height: 36px;
	color: #fff;
	background: #fa9c27;
}

.bnr-block .rghtbar .btn-a {
	width: 100px;
	margin: 0 5px;
	line-height: 36px;
	border-radius: 50px;
	display: inline-block;
	font-size: 14px;
	background: #e2e2e2;
	color: #666;
}

.bnr-block .rghtbar .btn-a.active {
	background: #fd5050;
	color: #fff;
}

.bnr-block .rghtbar .gm {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #f5f5f5;
	border-top: 1px solid #f5f5f5;
	font-size: 0;
	overflow: hidden;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.bnr-block .rghtbar .gm .item {
	display: inline-block;
	height: 100px;
	background: #fff;
	width: 50%;
	flex-direction: column;
	position: relative;
	text-align: center;
}

.bnr-block .rghtbar .gm .item:nth-child(2n)::before {
	border-left: 0;
}

.bnr-block .rghtbar .gm .item i {
	margin-top: 18px;
}

.bnr-block .rghtbar .gm .item::before {
	content: "";
	border-left: 1px solid #f5f5f5;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
}

.bnr-block .rghtbar .gm .item::after {
	content: "";
	border-bottom: 1px solid #f5f5f5;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.bnr-block .rghtbar .gm .link-a {
	display: block;
	font-size: 14px;
	margin-top: 14px;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.chosen .item {
	margin-bottom: 18px;
	width: 388px;
	float: left;
	position: relative;
}

.chosen.good-list .item {
	width: 288px;
	float: left;
	margin-right: 16px;
}



.topic-detail-box .img-title {
	position: absolute;
}

.topic-detail-box .ahr-block {
	left: 30px;
	top: 60px;
}

.topic-detail-box .avatar {
	width: 100px;
	height: 100px;
	border-radius: 5px;
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
}

.topic-detail-box .info {
	display: inline-block;
	vertical-align: top;
	width: 690px;
	margin-left: 20px;
}

.topic-detail-box .info .name {
	font-size: 28px;
	line-height: 1;
	margin-bottom: 20px;
	font-weight: bold;
}

.topic-detail-box .info .top {
	position: relative;
}

.topic-detail-box .info .top .btn-focus {
	position: absolute;
	top: 20px;
	right: 0;
	width: 100px;
	height: 40px;
	line-height: 40px;
	background: #fa9c27;
	text-align: center;
	display: block;
	border-radius: 50px;
	cursor: pointer;
}

.topic-detail-box .info .top .focusing {
	background: #b5b5b5;
}

.topic-detail-box .info p {
	margin-top: 18px;
	padding-top: 18px;
	border-top: 1px dashed #d1d1d1;
	line-height: 28px;
}

.img-title {
	width: 100%;
	position: absolute;
	height: 300px;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.4);
}

.img-title .icon-yc {
	position: absolute;
	right: 20px;
	top: 20px;
}

.img-title .bg-block {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.img-title img {
	-o-object-fit: cover;
	object-fit: cover;
}

.img-title h1 {
	position: absolute;
	width: calc(100% - 64px);
	left: 32px;
	bottom: 60px;
	font-size: 40px;
	line-height: 60px;
	color: #fff;
}

.img-title.no-img {
	height: 140px;
	background: #fff;
}

.img-title.no-img h1 {
	bottom: 0;
	color: #333;
}

.ask-block {
	padding: 24px 30px 30px 30px;
	margin-bottom: 18px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.ask-block p {
	font-size: 18px;
	line-height: 30px;
	color: #444;
}

.ask-block .btn-group {
	margin-top: 35px;
	font-size: 0;
}

.ask-block .btn-group button {
	height: 42px;
	line-height: 42px;
	padding: 0 20px;
	border-radius: 4px;
	background: #fff;
	border: 1px solid #fd5050;
	color: #fd5050;
	font-size: 16px;
	margin-right: 20px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
}

.ask-block .btn-group button:focus {
	outline: 0;
}

.ask-block .btn-group .prmy {
	color: #fff;
	border: none;
}

.recm-box {
	background: #fff;
	border-radius: 6px;
	position: relative;
	height: 380px;
	overflow: hidden;
}

.recm-box:hover {
	box-shadow: 0 0 10px #ddd;
}

.recm-box:hover .pmry-img {
	position: relative;
}

.recm-box:hover .pmry-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: .08;
	border-radius: 4px;
}

.recm-box .pmry-img {
	height: 156px;
}

.recm-box .recm-info {
	margin: 0 auto;
	margin-top: -90px;
}

.recm-box .recm-info span {
	display: block;
	line-height: 1;
}

.recm-box .logo-img {
	width: 120px;
	height: 120px;
	border-radius: 6px;
	display: block;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 1;
}

.recm-box .name {
	margin-top: 20px;
	line-height: 1;
	color: #333;
	display: block;
}

.recm-box .recms {
	margin-top: 15px;
	line-height: 1;
	font-size: 14px;
	color: #999;
}

.recm-box .img-list {
	text-align: center;
}

.recm-box .case-img {
	width: 90px;
	height: 90px;
	border-radius: 6px;
	overflow: hidden;
	display: inline-block;
	margin: 20px 10px;
}

.goods-box {
	background: #fff;
	border-radius: 6px;
	position: relative;
	overflow: hidden;
}

.goods-box.swiper-slide .pmry-img {
	height: 100%;
}

.goods-box:hover {
	box-shadow: 0 0 10px #ddd;
}

.goods-box:hover .pmry-img {
	position: relative;
}

.goods-box:hover .pmry-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: .08;
	border-radius: 4px;
}

.goods-box .pmry-img {
	height: 388px;
	position: relative;
}

.goods-box .pmry-img img {
	position: relative;
	z-index: 1;
}

.goods-box .tm-video-box {
	position: absolute;
	width: 100%;
	height: 388px;
	top: 0;
	left: 0;
	background: black;
	z-index: -1;
}

.goods-box .play-block {
	width: 70px;
	height: 70px;
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.goods-box .play-block:hover {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100%;
	text-align: center;
	line-height: 70px;
}

.goods-box .promo-price {
	z-index: 1;
}

.goods-box .zidx_0 {
	display: none;
}

.goods-box .zidx_1 {
	z-index: 1;
}

.goods-box .content {
	margin: 16px 18px 20px 18px;
}

.goods-box .desc {
	line-height: 26px;
	color: #333;
	font-size: 16px;
}

.goods-box .btn-group {
	font-size: 0;
	margin: 20px 18px 24px 18px;
	position: relative;
}

.goods-box .price-block {
	font-size: 32px;
	line-height: 46px;
	width: 420px;
}

.goods-box .price-block .name {
	display: block;
	color: #333;
	margin-bottom: 10px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: nowrap;
	overflow: hidden;
}

.goods-box .price-block .new {
	color: #ff4e50;
}

.goods-box .price-block .old {
	color: #c1c1c1;
	text-decoration: line-through;
}

.goods-box .btn-action {
	font-size: 0;
}

.goods-box .btn-action.like {
	color: #fd5050;
	border-color: #fd5050;
}

.goods-box .btn-action.collect {
	color: #fa9c27;
	border-color: #fa9c27;
}

.goods-box .btn-like.active {
	color: #fd5050;
}

.goods-box .btn-like.active::before {
	border: 1px solid #fd5050;
}

.goods-box .btn-collect.active {
	color: #fa9c27;
}

.goods-box .btn-collect.active::before {
	border: 1px solid #fa9c27;
}

.goods-box .btn-link {
	display: inline-block;
	color: #fff;
	text-align: center;
	height: 42px;
	line-height: 42px;
	width: 110px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 16px;
	z-index: 2;
}

.goods-box .coupon-btn-box {
	margin: 12px 18px;
}

.coupon-title {
	color: #c1c1c1;
	text-align: center;
	font-size: 14px;
	position: relative;
	line-height: 1;
}

.coupon-title::before {
	width: 110px;
	background: #f4f4f4;
}

.coupon-title::after {
	width: 110px;
	background: #f4f4f4;
}

.get-coupon-btn {
	margin: 12px 0;
	padding: 6px 10px 8px 10px;
	position: relative;
	color: #fff;
	font-size: 0;
}

.get-coupon-btn .info {
	position: relative;
	border-right: 1px dotted #ef613c;
	float: left;
	width: 210px;
	font-size: 16px;
}

.get-coupon-btn .info .coupon-info {
	display: block;
	line-height: 1;
}

.get-coupon-btn .info b {
	font-size: 24px;
	font-weight: normal;
}

.get-coupon-btn .info .coupon-date {
	margin-top: 8px;
	display: block;
	font-size: 12px;
	line-height: 1;
	opacity: 0.8;
}

.get-coupon-btn .info::before {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	right: -6px;
	top: -12px;
	z-index: 1;
	background: #fff;
	border-radius: 100%;
	display: block;
}

.get-coupon-btn .info::after {
	content: "";
	width: 12px;
	height: 12px;
	position: absolute;
	right: -6px;
	bottom: -15px;
	background: #fff;
	border-radius: 100%;
	display: block;
}

.get-coupon-btn .link {
	font-size: 16px;
	padding-left: 226px;
	text-align: center;
	line-height: 46px;
	display: block;
}

.ask-box,
.article-box {
	width: 388px;
}

.tab-box {
	border-radius: 6px;
	overflow: hidden;
}

.tab-box .tab {
	height: 52px;
	line-height: 52px;
	padding-left: 30px;
	border-bottom: 1px solid #f2f2f2;
	box-sizing: border-box;
	font-size: 0;
	color: #666;
}

.tab-box .tab-sp {
	width: 100px;
	box-sizing: border-box;
	font-size: 16px;
	display: inline-block;
	text-align: center;
}

.tab-box .tab-sp.active {
	position: relative;
	color: #fd5050;
}

.tab-box .tab-sp.active::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	border-top: 2px solid #fd5050;
	border-left: 1px solid #f2f2f2;
	border-right: 1px solid #f2f2f2;
	border-bottom: 1px solid #fff;
}

.tab-box .box {
	padding-left: 40px;
	margin: 25px 0;
	overflow: hidden;
	font-size: 0;
}

.tab-box .goods {
	width: 380px;
	display: inline-block;
	vertical-align: top;
	font-size: 16px;
	margin-top: 20px;
	color: #333;
}

.tab-box .goods:nth-child(1),
.tab-box .goods:nth-child(2),
.tab-box .goods:nth-child(3) {
	margin-top: 0;
}

.tab-box .goods .title {
	line-height: 1;
}

.tab-box .goods .content {
	margin-top: 10px;
}

.tab-box .goods .img-block {
	width: 70px;
	height: 70px;
	border: 1px solid #f6f6f6;
	overflow: hidden;
	float: left;
	box-sizing: border-box;
}

.tab-box .goods .links {
	padding-left: 90px;
	font-size: 0;
}

.tab-box .goods .link-a {
	font-size: 14px;
	display: inline-block;
	margin-right: 20px;
	line-height: 30px;
	color: #666;
}

.img-title {
	position: relative;
	height: 318px;
	background: rgba(0, 0, 0, 0.4);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	overflow: hidden;
}

.img-title .bg-block {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

.img-title img {
	-o-object-fit: cover;
	object-fit: cover;
}

.img-title h1 {
	position: absolute;
	width: 738px;
	left: 28px;
	bottom: 60px;
	font-size: 36px;
	line-height: 54px;
	color: #fff;
	display: block;
}

.lft-rgt-bar {
	font-size: 0;
	margin-bottom: 60px;
}

.lft-rgt-bar .w794 {
	margin-right: 18px;
	font-size: 16px;
}

.lft-rgt-bar .w794 .br-t {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.lft-rgt-bar .w794 .author-block {
	padding: 30px 30px 24px 30px;
	background: #fff;
	position: relative;
	overflow: hidden;
}

.lft-rgt-bar .w794 .author-block .avt-block {
	position: relative;
	width: 48px;
	height: 48px;
	float: left;
}

.lft-rgt-bar .w794 .author-block .avt-block i {
	position: absolute;
	right: 0;
	bottom: 0;
}

.lft-rgt-bar .w794 .author-block .avt {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	overflow: hidden;
}

.lft-rgt-bar .w794 .author-block .info {
	margin-left: 58px;
	color: #c1c1c1;
	line-height: 1;
	font-size: 14px;
}

.lft-rgt-bar .w794 .author-block .name {
	font-size: 16px;
	color: #333;
	padding-top: 5px;
	margin-bottom: 13px;
	display: block;
}

.lft-rgt-bar .w794 .author-block .time {
	margin-right: 10px;
}

.lft-rgt-bar .w794 .author-block .answ {
	position: absolute;
	right: -26px;
	top: 14px;
	width: 110px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	font-size: 16px;
	display: block;
	transform: rotate(45deg);
	color: #fff;
}

.lft-rgt-bar .w794 .author-block .answ.best {
	background: #fd5050;
}

.lft-rgt-bar .w794 .author-block .answ.recomm {
	background: #fa9c27;
}

.lft-rgt-bar .rgt-item {
	border-radius: 6px;
	background: #fff;
	margin-bottom: 18px;
	overflow: hidden;
}

.lft-rgt-bar .rgt-item .title {
	height: 56px;
	line-height: 56px;
	border-bottom: 1px solid #f5f5f5;
	box-sizing: border-box;
	padding-left: 20px;
	color: #333;
	font-weight: normal;
}

.lft-rgt-bar .rgt-item .other {
	color: #c1c1c1;
	position: absolute;
	bottom: 0;
	font-size: 0;
}

.lft-rgt-bar .rgt-item .other .zan {
	font-size: 16px;
}

.lft-rgt-bar .rgt-item .author-block {
	padding: 0 20px;
	color: #333;
}

.lft-rgt-bar .rgt-item .author-block .avatar-block {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	float: left;
}

.lft-rgt-bar .rgt-item .author-block .avatar-block i {
	position: absolute;
	bottom: 0;
	right: 0;
}

.lft-rgt-bar .rgt-item .author-block .avatar-block img {
	border-radius: 100%;
}

.lft-rgt-bar .rgt-item .author-block .ml76 {
	margin-left: 76px;
}

.lft-rgt-bar .rgt-item .author-block .name {
	padding-top: 6px;
	margin-bottom: 12px;
	line-height: 1;
	font-size: 18px;
	display: block;
}

.lft-rgt-bar .rgt-item .author-block .info {
	padding: 30px 0 20px 0;
	border-bottom: 1px solid #f5f5f5;
}

.lft-rgt-bar .rgt-item .author-block .data {
	border-bottom: 1px solid #f5f5f5;
	font-size: 0;
	padding: 20px 0;
}

.lft-rgt-bar .rgt-item .author-block .data .item {
	display: inline-block;
	width: 33.3%;
	text-align: center;
}

.lft-rgt-bar .rgt-item .author-block .data span {
	line-height: 1;
}

.lft-rgt-bar .rgt-item .author-block .data span:first-child {
	font-size: 24px;
	display: block;
	margin-bottom: 10px;
}

.lft-rgt-bar .rgt-item .author-block .data span:last-child {
	font-size: 16px;
	color: #999;
}

.lft-rgt-bar .rgt-item .qst {
	padding: 0 20px;
	position: relative;
}

.lft-rgt-bar .rgt-item .qst .img-block {
	width: 80px;
	height: 80px;
	border-radius: 6px;
	overflow: hidden;
}

.lft-rgt-bar .rgt-item .qst .cont {
	margin-left: 90px;
	height: 80px;
}

.lft-rgt-bar .rgt-item .qst .desc {
	color: #333;
	line-height: 24px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.lft-rgt-bar .rgt-item .aswr {
	padding: 0 20px;
}

.lft-rgt-bar .rgt-item .aswr li {
	padding-left: 14px;
	margin-top: 20px;
	position: relative;
	line-height: 1;
}

.lft-rgt-bar .rgt-item .aswr li::before {
	content: '';
	width: 4px;
	height: 4px;
	background: #ddd;
	display: block;
	position: absolute;
	left: 2px;
	top: 11px;
}

.lft-rgt-bar .rgt-item .aswr .aswr-a {
	color: #333;
	width: 255px;
	line-height: 1.2;
}

.lft-rgt-bar .rgt-item .aswr .nums {
	float: right;
	color: #b1b1b1;
}

.lft-rgt-bar .rgt-item .more-a {
	line-height: 40px;
	background: #f0f0f0;
	text-align: center;
	color: #666;
	display: block;
	margin: 20px;
	border-radius: 4px;
}

.lft-rgt-bar .rgt-item .more-a:hover {
	background: #e1e1e1;
}

.lft-rgt-bar .fix-item.active {
	position: fixed;
	top: 80px;
	margin-top: 0;
	width: 388px;
}

.lft-rgt-bar .ad-img {
	height: 388px;
	display: block;
	border-radius: 6px;
	overflow: hidden;
}

.lft-rgt-bar .ad-img img {
	-o-object-fit: cover;
	object-fit: cover;
}

.lft-rgt-bar .w388 {
	padding-left: 812px;
	font-size: 16px;
}

.lft-rgt-bar .w388.pst-f {
	position: fixed;
	top: 0;
}

.lft-rgt-bar .w308 {
	padding-left: 893px;
}

.lft-rgt-bar .w308 .qst {
	padding: 20px;
	top: -1px;
}

.lft-rgt-bar .w308 .qst::before {
	content: '';
	width: calc(100% - 40px);
	position: absolute;
	border-top: 1px solid #f5f5f5;
	display: block;
	top: 0;
}

.lft-rgt-bar .w308 .other {
	bottom: 20px;
}

.lft-rgt-bar .w308 .fix-item.active {
	width: 308px;
}

.recm-ask-item {
	padding: 30px;
	border-radius: 6px;
	background: #fff;
	position: relative;
	margin-bottom: 18px;
}

.recm-ask-item:hover {
	box-shadow: 0 0 10px #ddd;
}

.recm-ask-item:hover .img-block {
	position: relative;
}

.recm-ask-item:hover .img-block::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;
	z-index: 1;
	opacity: .08;
	border-radius: 4px;
}

.recm-ask-item:last-child {
	margin-bottom: 0;
}

.recm-ask-item .img-block {
	width: 160px;
	height: 160px;
	border-radius: 6px;
	overflow: hidden;
}

.recm-ask-item .cont {
	margin-left: 180px;
	height: 160px;
}

.recm-ask-item .link-a {
	font-size: 20px;
	color: #333;
	line-height: 1;
}

.recm-ask-item .desc {
	color: #999;
	line-height: 26px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 14px;
}

.recm-ask-item .other {
	color: #c1c1c1;
	position: absolute;
	bottom: 30px;
}

.recm-ask-item .time {
	margin-right: 10px;
}

.w794 {
	width: 794px;
}

.w388 {
	width: 388px;
}

.w875 {
	width: 875px;
}

.w875 .ask-box {
	width: 428px;
}

.w308 {
	width: 308px;
}

.index-article {
	margin-bottom: 18px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}

.index-article.ask-detail {
	margin-bottom: 0;
	border-radius: 0;
	overflow: hidden;
}

.index-article p {
	font-size: 16px;
	line-height: 28px;
	color: #444;
	margin-bottom: 16px;
}

.index-article .img-block {
	border-radius: 6px;
	overflow: hidden;
	margin-bottom: 30px;
}

.index-article .img-block img {
	-o-object-fit: cover;
	object-fit: cover;
}

.index-article .cont-box-h2 {
	text-align: center;
	font-size: 24px;
	line-height: 1;
	padding: 30px 0;
	margin-bottom: 10px;
	font-weight: normal;
	color: #111;
}

.index-article .cont-box-h2 em {
	display: block;
	width: 40px;
	height: 40px;
	background: #fa9c27;
	border-radius: 100%;
	line-height: 40px;
	color: #fff;
	margin: 30px auto 15px auto;
}

.index-article .cont-box-h3 {
	color: #333;
	font-weight: normal;
	font-size: 22px;
	line-height: 1.2;
	margin: 40px 0 20px;
	padding-left: 10px;
	border-left: 5px solid #fa9c27;
}

.index-article .item {
	width: 480px;
	margin: 0 auto 30px auto;
	box-shadow: 0 0 8px #ddd;
}

.index-article .item .coupon-title::before {
	width: 158px;
}

.index-article .item .coupon-title::after {
	width: 158px;
}

.index-article .item .get-coupon-btn .info {
	width: 280px;
}

.index-article .item .price-block {
	font-size: 18px;
	line-height: 1;
	width: 300px;
}

.index-article .item .price-block .name {
	color: #333;
	margin-bottom: 15px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: inline-block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	white-space: nowrap;
	overflow: hidden;
}

.index-article .item .price-block .new {
	color: #ff4e50;
}

.index-article .item .price-block .old {
	color: #c1c1c1;
	text-decoration: line-through;
}

.index-article .recm-box {
	height: auto;
}

.index-article .recm-box .pmry-img {
	height: 192px;
}

.index-article .recm-box .name {
	font-size: 18px;
}

.index-article .recm-box .recms {
	font-size: 16px;
	color: #c1c1c1;
}

.index-article .recm-box .logo-img {
	width: 148px;
	height: 148px;
}

.index-article .recm-box .img-list {
	font-size: 0;
}

.index-article .recm-box .case-img {
	width: 110px;
	height: 110px;
	margin: 30px 15px;
}

.index-article .article-box .pmry-img {
	height: 192px;
}

.index-article .article-box .desc {
	color: #b1b1b1;
}

.index-article .ask-box .pmry-img {
	height: 192px;
}

.index-article .ask-box .desc {
	color: #b1b1b1;
}

.index-article .intrct {
	text-align: center;
	font-size: 0;
}

.index-article .intrct .btn-action {
	line-height: 48px;
	padding: 0 26px;
	box-sizing: border-box;
	color: #b1b1b1;
	display: inline-block;
	background: #fff;
	border-radius: 100px;
	position: relative;
	font-size: 0;
	border: 1px solid #f1f1f1;
	vertical-align: middle;
	cursor: pointer;
}

.index-article .intrct .btn-like {
	font-size: 0;
	padding: 0 36px;
	height: 68px;
	line-height: 68px;
	box-sizing: border-box;
	color: #fff;
	display: inline-block;
	background: #fd5050;
	border-radius: 100px;
	position: relative;
	cursor: pointer;
}

.index-article .intrct .btn-like.m {
	margin: 70px auto 50px auto;
}

.index-article .intrct .btn-like i {
	margin-right: 8px;
}

.index-article .intrct .btn-like span,
.index-article .intrct .btn-like em {
	font-size: 24px;
	font-style: normal;
}

.index-article .intrct .sup-up {
	position: absolute;
	color: #fd5050;
	-webkit-animation: supportUp 1s;
	animation: supportUp 1s;
	opacity: 0;
	font-size: 14px;
}

.index-article .intrct .share-block {
	width: 420px;
	margin: 0 auto;
}

.index-article .intrct .coupon-title {
	color: #c1c1c1;
	text-align: center;
	font-size: 16px;
	position: relative;
	line-height: 1;
}

.index-article .intrct .coupon-title::before {
	width: 158px;
	background: #f4f4f4;
}

.index-article .intrct .coupon-title::after {
	width: 158px;
	background: #f4f4f4;
}

.index-article .intrct .icon-box {
	margin: 40px 0 60px 0;
}

.index-article .intrct .icon-box .link-a {
	cursor: pointer;
	margin: 0 30px;
}

.index-article .intrct .icon-box .link-a:first-child {
	margin-left: 0;
}

.index-article .intrct .icon-box .link-a:last-child {
	margin-right: 0;
}

.index-article .intrct .icon-box .link-a:hover {
	opacity: .9;
}

.index-article .intrct .btn-group {
	padding: 40px 0 50px 0;
}

.index-article .intrct .btn-group .btn-action {
	margin-right: 20px;
}

.index-article .intrct .btn-group .btn-action span,
.index-article .intrct .btn-group .btn-action em {
	font-size: 20px;
	font-style: normal;
}

.index-article .intrct .btn-group .btn-action:last-child {
	margin-right: 0;
}

.index-article .intrct .btn-group .btn-like {
	line-height: 50px;
	height: 50px;
	padding: 0 26px;
	border: 0;
}

.cont-box p {
	font-size: 18px;
	line-height: 32px;
}

.cont-box .goods-box .pmry-img {
	height: 480px;
}

.cont-box .goods-box .tm-video-box {
	height: 480px;
}

.share-box {
	padding-top: 20px;
	position: absolute;
	width: 330px;
	z-index: 2;
	left: -100px;
	top: 40px;
}

.share-box .box {
	background: #fff;
	border-radius: 6px;
	box-shadow: 0 0 8px #ddd;
	font-size: 0;
	text-align: center;
	line-height: 1;
}

.share-box .link-a {
	margin: 12px 20px 12px 0;
	display: inline-block;
}

.share-box .link-a:nth-child(4) {
	margin-right: 0 !important;
}

.share-box i {
	display: inline-block;
}

.share-box i:hover {
	opacity: .9;
}

.my-ansr {
	border-top: 1px solid #f5f5f5;
	background-color: #fff;
	overflow: hidden;
}

.my-ansr p {
	font-size: 18px;
	margin: 8px 30px 24px 30px;
	line-height: 30px;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -ms-flexbox;
	display: -o-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.my-ansr .author-block {
	padding: 30px 32px;
}

.sym-mind {
	padding: 24px 0 30px 0;
	font-size: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	line-height: 1;
}

.sym-mind .link-a {
	text-decoration: underline;
	margin-right: 10px;
}

.recm-articles {
	font-size: 0;
}

.recm-articles .item {
	display: inline-block;
	margin-right: 18px;
	margin-top: 18px;
}

.recm-articles .item:first-child {
	margin-top: 0;
}

.recm-articles .item:nth-child(2) {
	margin-right: 0;
	margin-top: 0;
}

.recm-articles .item:nth-child(2n) {
	margin-right: 0;
}

.recm-articles .item .desc {
	color: #b1b1b1;
	height: 54px;
}

.my-ansr-edit {
	margin-bottom: 18px;
}

.my-ansr-edit .title {
	height: 74px;
	line-height: 74px;
	box-sizing: border-box;
	text-align: center;
	font-size: 24px;
	color: #333;
	border-bottom: 1px solid #f5f5f5;
	font-weight: normal;
}

.my-ansr-edit .box {
	margin-left: 68px;
}

.my-ansr-edit .textarea-block {
	height: 200px;
	border-radius: 6px;
	background: #eff0f1;
	position: relative;
}

.my-ansr-edit .textarea-block::before {
	content: '';
	width: 14px;
	height: 14px;
	background: #eff0f1;
	display: block;
	position: absolute;
	transform: rotate(45deg);
	top: 20px;
	left: -7px;
}

.my-ansr-edit .textarea-block textarea {
	height: 176px;
	width: 640px;
	padding: 12px;
	background: #eff0f1;
	border-radius: 6px;
	resize: none;
}

.my-ansr-edit .textarea-block .words {
	position: absolute;
	right: 15px;
	bottom: 15px;
	color: #999;
	font-size: 16px;
}

.my-ansr-edit .textarea-block .words .num {
	color: #fd5050;
}

.my-ansr-edit .edit-block {
	padding: 30px;
}

.my-ansr-edit .mask-block {
	line-height: 200px;
	text-align: center;
	font-size: 18px;
	color: #666;
}

.my-ansr-edit .mask-block .link-a {
	text-decoration: underline;
	color: #fd5050;
}

.my-ansr-edit .btn-sub {
	margin-top: 30px;
	width: 120px;
	line-height: 48px;
	color: #fff;
	background: #e1e1e1;
	border-radius: 4px;
	text-align: center;
}

.my-ansr-edit .btn-sub.prmy {
	background: #fd5050;
	cursor: pointer;
}

.my-ansr-edit .avatar-block {
	width: 48px;
	height: 48px;
	border-radius: 100%;
	overflow: hidden;
	float: left;
}

.detail_pro_cont {
	background: #fff;
	padding: 50px 40px;
	position: relative;
	border-radius: 6px;
}

.detail_pro_cont .flash_pic {
	width: 575px;
	height: 450px;
	margin: 0 55px 0 0;
	overflow: hidden;
}
.rtc-title .btn-a, .ask-block .btn-group .prmy, .goods-box .btn-link, .get-coupon-btn, .detail_pro_cont .pricebox .h-buy, .detail_pro_cont .btn-link{
	border-radius: 4px;
    background: #ff4e50;
    background-image: linear-gradient(90deg,#fa8a27 0,#ff4e50 100%),linear-gradient(#fff,#fff);
    background-blend-mode: normal,normal;
}
.detail_pro_cont .gallery-top {
	width: 450px;
	margin: 0;
	border-radius: 6px;
}

.detail_pro_cont .gallery-thumbs {
	position: absolute;
	top: 0;
	right: 0;
}

.detail_pro_cont .banner-img {
	width: 450px;
	height: 450px;
	position: relative;
	overflow: hidden;
	margin-right: 30px;
}

.detail_pro_cont .banner-img li {
	float: left;
	width: 450px;
	height: 450px;
	display: none;
	overflow: hidden;
	position: relative;
	border-radius: 0;
}

.detail_pro_cont .banner-img li.swiper-slide-active {
	display: inline;
}

.detail_pro_cont .banner-img li img {
	-o-object-fit: cover;
	object-fit: cover;
}

.detail_pro_cont .banner-img .goods-box .zidx_1 {
	z-index: 1;
}

.detail_pro_cont .banner-img .tm-video-box {
	position: absolute;
	width: 100%;
	height: 450px;
	top: 0;
	left: 0;
	background: black;
	z-index: -1;
}

.detail_pro_cont .banner-img .play-block {
	width: 100px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

.detail_pro_cont .banner-img .play-block:hover {
	background: rgba(255, 255, 255, 0.1);
	border-radius: 100%;
	text-align: center;
	line-height: 100px;
}

.detail_pro_cont .banner-circle {
	width: 94px;
	height: 450px;
	text-align: center;
	float: left;
	display: block;
}

.detail_pro_cont .banner-circle li {
	width: 90px !important;
	height: 90px;
	line-height: 0;
	margin-bottom: 18px;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #e6e6e6;
	border-radius: 4px;
	overflow: hidden;
}

.detail_pro_cont .banner-circle li img {
	width: 90px;
	height: 90px;
	-o-object-fit: cover;
	object-fit: cover;
}

.detail_pro_cont .banner-circle .swiper-slide-thumb-active {
	border: 2px solid #fd5050;
}

.detail_pro_cont .good-info {
	width: 490px;
	height: 450px;
	position: relative;
}

.detail_pro_cont .pro_title {
	font-size: 24px;
	color: #333;
	font-weight: normal;
	margin-bottom: 15px;
}

.detail_pro_cont .pro_title .price {
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fd5050;
	margin-left: 15px;
}

.detail_pro_cont .pro_title .price.old {
	font-size: 20px;
	color: #c1c1c1;
	text-decoration: line-through;
}

.detail_pro_cont .pro_title .price em {
	font-size: 18px;
	margin-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.detail_pro_cont .pro_tips {
	line-height: 26px;
	font-size: 14px;
	color: #666;
}

.detail_pro_cont .pro_tips .link-a {
	color: #fd5050;
	margin-right: 5px;
}

.detail_pro_cont .pricebox {
	padding: 12px;
	height: 54px;
	line-height: 54px;
	border-radius: 6px;
	background: #f5f5f5;
}

.detail_pro_cont .pricebox .price {
	font-size: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #fd5050;
}

.detail_pro_cont .pricebox .price.old {
	font-size: 20px;
	color: #c1c1c1;
	text-decoration: line-through;
}

.detail_pro_cont .pricebox .price em {
	font-size: 18px;
	margin-right: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}

.detail_pro_cont .pricebox .h-buy {
	float: right;
	padding: 0 40px;
	color: #fff;
	font-size: 20px;
}

.detail_pro_cont .coupon-btn-box {
	margin-top: 25px;
}

.detail_pro_cont .coupon-title::after,
.detail_pro_cont .coupon-title::before {
	width: 188px;
}

.detail_pro_cont .get-coupon-btn {
	padding: 6px 18px 8px;
}

.detail_pro_cont .get-coupon-btn .info {
	width: 326px;
	font-size: 18px;
}

.detail_pro_cont .get-coupon-btn .info .coupon-date {
	margin-top: 10px;
}

.detail_pro_cont .get-coupon-btn .info b {
	font-size: 30px;
}

.detail_pro_cont .get-coupon-btn .info::after {
	bottom: -20px;
}

.detail_pro_cont .get-coupon-btn .link {
	padding-left: 342px;
	line-height: 58px;
	font-size: 20px;
}
.goods-box .btn-action, .detail_pro_cont .btn-action{
	    padding: 0 10px;
    height: 42px;
    line-height: 42px;
    margin-right: 10px;
    color: #c1c1c1;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;

}

.detail_pro_cont .btn-action {
	font-size: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 15px;
	margin-right: 18px;
}
.goods-box .btn-action::before, .detail_pro_cont .btn-action::before{
	content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #f1f1f1;
}


      .swiper {
        width: 100%;
        height: 100%;
      }
 .swiper a{
 	display: block;
 	width: 100%;
 	height: 100%;
 }
      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        height: auto;
        object-fit: cover;
      }
  .icon-like{
  	background: url(../images/logo.png) ;
    width: 22px;
    height: 22px;
  }
.icon-collect {
    background: url(../images/logo.png);
    width: 22px;
    height: 22px;
}
.icon-share {
    background: url(../images/logo.png) ;
    width: 22px;
    height: 22px;
}
.detail_pro_cont .btn-like-prmy:hover, .detail_pro_cont .btn-share-prmy:hover{
	color: #fd5050;
}
.icon-like_active,.detail_pro_cont .btn-like-prmy:hover .icon-like{
    background: url(../images/logo.png) no-repeat -316px -24px !important;
    background-size: 338px 326px;
    width: 22px;
    height: 22px;
}
.icon-collect_active,.btn-collect-prmy:hover .icon-collect{
    background: url(../images/logo.png) no-repeat -316px 0px;
    background-size: 338px 326px;
    width: 22px;
    height: 22px;
}
.goods-box .promo-price {
    position: absolute;
    right: 18px;
    bottom: 18px;
    display: inline-block;
    padding: 0 18px;
    line-height: 38px;
    background: rgba(0,0,0,0.33);
    color: #fff;
    font-size: 18px;
    border-radius: 50px;
    text-align: center;
}

.ctnr {
	width: 560px;
	border-radius: 8px;
	background: #fff;
	margin: 0 auto;
	
}
.lr-layer .login-block .input-block, .lr-layer .regstr-block .input-block{
	margin-left: 0;
    border-radius: 4px;
    margin-bottom: 20px;
    font-size: 14px;
    height: 40px;
    background: #eff0f1;
        overflow: hidden;
        position: relative;
}
.form-sub .input-block input {
    border: 0;
    padding: 0 0 0 15px;
    margin: 0;
    width: calc(100% - 15px);
    height: 100%;
    display: block;
    background: transparent;
    color: #333;
    font-size: 16px;
    font-size: 14px;
    color: #333;
}
.icon-login_qq{
	background: url(../images/prmy.webp) no-repeat -316px -186px;
    background-size: 338px 326px;
    width: 20px;
    height: 20px;
}
.icon-login_weibo {
    background: url(../images/prmy.webp) no-repeat -316px -120px;
    background-size: 338px 326px;
    width: 20px;
    height: 20px;
}
 .getcode {
    border-radius: 4px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    width: 140px;
    background: #fd5050;
    color: #fff;
    float: right;
    cursor: pointer;
}
.lr-layer .lgmind .ckbox {
    position: absolute;
    top: 1px;
    left: 1px;
    margin: 0;
    width: 13px;
    height: 13px;
    z-index: 2;
}
.lr-layer .lgmind .ckbox:checked {
    opacity: 0;
}
.lr-layer{
	overflow: hidden;
	padding: 50px 0;
}