@font-face {
				font-family: Whitney-xi;
				src: url('/font/Whitney-Light-Adv.otf');
			}
			
			@font-face {
				font-family: Whitney-mid;
				src: url('/font/Whitney-Book.otf');
			}
			
			@font-face {
				font-family: Whitney-cu2;
				src: url('/font/Whitney-Medium-ProGkCy.otf');
			}
			
			@font-face {
				font-family: Whitney-cu;
				/*src: url('/font/Whitney-Semibold.otf');*/
				src: url('/font/Whitney-Medium-ProGkCy.otf');
			}
			/*--通用样式--*/
			
			html,
			body {
				font-family: Whitney-xi;
				background: #fff;
				color: #333;
				-webkit-text-size-adjust: 100%;
				-ms-text-size-adjust: 100%;
				font-size: 12px;
				overflow-x: hidden;
			}
			/*overflow:hidden;
            text-overflow:ellipsis;
            display:-webkit-box;
            -webkit-box-orient:vertical;
            -webkit-line-clamp:2;
            两行显示标题
            */
			
			html * {
				outline: 0;
				box-sizing: border-box;
				-webkit-text-size-adjust: none;
				-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
				-webkit-overflow-scrolling: touch;
			}
			
			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,
			menu,
			nav,
			section {
				margin: 0;
				padding: 0;
				list-style: none;
				font-weight: normal;
			}
			
			a {
				text-decoration: none;
			}
			/*头部 */
			
			.bestek-header-out {
				border-bottom: 1px solid #BABABB;
				background: #fff;
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				z-index: 100003;
			}
			
			.bestek-header-inset {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 75px;
			}
			
			.bestek-logo {
				width: 145px;
			}
			
			.bestek-logo p {
				background-image: url(../images/bestek/BESTEK.png);
				background-size: 100% 100%;
				width: 145px;
				height: 25px;
			}
			
			.bestek-logo p a {
				display: block;
				width: 100%;
				height: 100%;
			}
			
			.header-classify,
			.header-icons {
				width: 44%;
				display: flex;
				justify-content: space-between;
			}
			
			.header-icons {
				width: 35%;
				justify-content: flex-end;
			}
			
			.header-classify a {
				font-size: .3rem;
				color: #444;
				cursor: pointer;
				display: block;
				height: 75px;
				line-height: 75px;
				font-family: Whitney-cu2;
			}
			
			.line {
				position: absolute;
				height: 3px;
				left: 0;
				top: 73px;
				background: #e40003;
				z-index: 9;
				transition: all .4s;
				display: none;
			}
			
			.bestek-header-inset {
				width: 1210px;
				margin: 0 auto;
			}
			
			.header-icons .seach,
			.header-icons .shopping-cart {
				position: relative;
				cursor: pointer;
			}
			
			.header-icons .shopping-cart {
				margin: 0 30px;
			}
			
			.header-icons .seach span,
			.header-classify-sm .seach span {
				position: absolute;
				top: 4px;
				right: 13px;
				background: url(../images/bestek/sousuo.png);
				background-size: 100% 100%;
				width: 23px;
				height: 23px;
			}
			
			.header-icons .seach input,
			.header-classify-sm .seach input {
				width: 200px;
				height: 32px;
				;
				padding-left: 20px;
				border: none;
				border-radius: 20px;
				background: #f1f3f4;
				position: absolute;
				right: 0;
				letter-spacing: .5px;
			}
			
			.header-icons .seach>input::-webkit-input-placeholder {
				color: #999
			}
			
			.header-icons .seach {
				width: 64%;
			}
			
			.header-icons .shopping-cart,
			.header-icons .user-pic {
				width: 28px;
			}
			
			.header-icons .shopping-cart a {
				background: url(../images/bestek/gouwuche.png);
				background-size: 100% 100%;
				width: 35px;
				height: 29px;
				position: relative;
				top: 2px;
				display: block;
			}
			
			.header-icons .user-pic a {
				background: url(../images/bestek/yonghu.png);
				background-size: 100% 100%;
				width: 28px;
				height: 30px;
				cursor: pointer;
				display: block;
			}
			
			.header-icons .shopping-cart span,
			.icon-shopping-cart a span {
				position: absolute;
				top: -4px;
				right: -14px;
				width: 15px;
				height: 15px;
				background: #e40003;
				color: #fff;
				font-size: .22rem;
				text-align: center;
				line-height: 15px;
				border-radius: 50%;
			}
			
			.header-pop {
				position: absolute;
				top: 76px;
				left: 0;
				width: 100%;
				background: #F2F3F5;
				z-index: 10002;
				display: none;
			}
			
			.header-pop-inset {
				position: relative;
				display: flex;
				justify-content: space-between;
				padding: 25px 0 0;
				transition: all .4s;
			}
			
			.pro-name {
				width: 40%;
			}
			
			.pro-name a {
				font-size: .28rem;
				color: #808080;
				display: block;
				cursor: pointer;
				font-family: Whitney-mid;
			}
			
			.pro-name a:not(:last-child) {
				margin-bottom: 10px;
			}
			
			.pro-name a.active {
				color: #e40003;
			}
			
			.pro-img {
				width: 55%;
			}
			
			.pro-img img {
				width: 100%;
				border-radius: 5px;
			}
			
			a:hover {
				text-decoration: none
			}
			/*底部*/
			
			. .donghua-enter-active,
			.donghua-leave-active {
				transition: .2s all linear;
			}
			
			.donghua-enter-active {
				opacity: 1;
			}
			
			.donghua-leave-active {
				opacity: 0;
			}
			
			.donghua-enter,
			.donghua-leave {
				opacity: 0;
			}
			.footer{
				border-top:solid 1px #ddd;
				margin-top: -1px;
			}
			.footer-links {
				width: 1210px;
				height: 370px;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			
			.footer-links img {
				width: 145px;
				height: 25px;
				display: none;
				cursor: pointer;
			}
			
			.footer-links>div:nth-child(1) {
				width: 0;
				overflow: hidden;
			}
			
			.footer-links>div:nth-child(2) {
				width: 100%;
				justify-content: space-between;
			}
			
			.footer-links span {
				display: inline-block;
				font-size: .45rem;
				color: #444;
				margin-bottom: 45px;
				cursor: default;
				font-family: Whitney-cu;
				position: relative;
			}
			
			.footer-links span:after {
				content: '';
				position: absolute;
				width: 55px;
				height: 2px;
				background: #e40003;
				left: 0;
				bottom: -15px;
			}
			
			.footer-links>div:nth-child(2) a,
			.footer-links-sm ul li div a {
				display: block;
				font-size: .25rem;
				color: #9f9f9f;
				font-family: Whitney-mid;
			}
			
			.footer-links .sharefb a {
				display: inline-block !important;
			}
			
			.footer-links>div:nth-child(2) a:hover,
			.agree a:hover {
				text-decoration: underline;
				color: #e40003;
			}
			
			.links>div {
				width: 22.33%;
				text-align: left;
				float: left;
			}
			
			.footer-links>div:nth-child(2) a:not(:last-child) {
				margin-bottom: 20px;
			}
			
			.gotop,.gotops {
				position: fixed;
				right: 50px;
				bottom: 50px;
				width: 50px;
				height: 50px;
				cursor: pointer;
				border-radius: 50%;
				opacity: .5;
				display: none;
				z-index: 99999;
			}
			
			.gotop img,.gotops img{
				width: 100%;
			}
			
			.bestek-copy {
				background: #F2F3F5;
				border-top: 1px solid #DCDCDC;
				height: 95px;
				display: flex;
				justify-content: center;
				align-items: center;
				color: #959595;
				font-size: .28rem;
				letter-spacing: 1px;
			}
			
			[v-cloak],
			.phone-btns {
				display: none;
			}
			
			.sharecom h3 {
				color: #4c4948;
				text-align: center;
				font-family: Whitney-cu;
				font-size: .45rem;
			}
			
			.sharecom p {
				margin-top: 15px;
				position: relative;
				width: 409px;
			}
			
			.sharecom p em {
				font-style: normal;
				position: absolute;
				right: 15px;
				color: #4c4948;
				font-family: Whitney-cu;
				font-size: .45rem;
				top: 10px;
				cursor: pointer;
			}
			
			.sharecom p input {
				width: 409px;
				padding-right: 110px;
				box-sizing: border-box;
				padding-left: 10px;
				font-size: 16px;
				height: 54px;
				border-radius: 15px;
				border: solid 1px #b5b5b5;
			}
			
			.sharecom a {
				color: #4c4948;
				font-size: 19px;
				text-align: center;
				width: 409px;
				text-decoration: underline;
				display: block;
				margin-top: 15px;
			}
			
			.sharefb {
				width: 501px;
				margin-top: 40px;
			}
			
			.sharefb a {
				display: inline-block;
				width: 52px !important;
				height: 53px;
				margin-right: .24rem;
				margin-left: .2rem;
				margin-bottom: 0 !important;
				background: url(../images/bestek/fbs.png) no-repeat;
			}
			
			.sharefb a:nth-child(2) {
				background-position: -52px 0;
			}
			
			.sharefb a:nth-child(3) {
				background-position: -104px 0;
			}
			
			.sharefb a:nth-child(4) {
				background-position: -156px 0;
			}
			
			.sharefb a:nth-child(5) {
				background-position: -208px 0;
			}
			/*手机端头部*/
			
			.header-sm {
				position: fixed;
				top: 0;
				left: 0;
				z-index: 99;
				background: #fff;
				width: 100%;
			}
			
			.header-icon {
				display: flex;
				justify-content: space-between;
				align-items: center;
				height: 7vh;
			}
			
			.header-icon>div {
				width: 33.33%;
			}
			
			.header-icon img {
				width: .7rem;
				vertical-align: middle;
			}
			
			.header-icon .icon-logo img {
				width: 3rem;
			}
			
			.icon-logo {
				text-align: center;
			}
			
			.icon-menu {
				padding-left: 3.5%;
			}
			
			.icon-shopping-cart {
				text-align: right;
				padding-right: 3.5%;
			}
			
			.icon-shopping-cart a {
				position: relative;
			}
			
			.agree a {
				color: #D1CAD5;
				text-decoration: none
			}
			
			.header-sm .phone-btns,
			.footer-links-sm {
				display: none
			}
			
			.footer-links-sm ul {
				padding: 0 3.5%;
			}
			
			.footer-links-sm ul li {
				padding: .5rem 0;
				font-size: .45rem;
				font-family: Whitney-cu;
				/*display: flex;*/
				/*justify-content: space-between;*/
				/*align-items: center;*/
			}
			
			.footer-links-sm ul li div {
				display: none;
				padding: .5rem 0 0;
			}
			
			.footer-links-sm ul li div a {
				font-size: .35rem;
				border-bottom: 1px solid #f2f2f2;
				height: 1rem;
				line-height: 1rem;
				font-family: Whitney-cu;
				-webkit-tap-highlight-color: rgba(225, 202, 202, 0.1);
			}
			
			.footer-links-sm ul li div a:first-child {
				border-top: 1px solid #f2f2f2;
			}
			
			.footer-links-sm ul li span,
			.footer-links-sm ul li img {
				width: 50%;
			}
			
			.footer-links-sm ul li img {
				width: .45rem;
				float: right;
			}
			
			.footer-links-sm ul li:not(:last-child) {
				border-bottom: 1px solid #BEBEBE;
			}
			/*手机端类目*/
			
			.header-classify-sm {
				position: fixed;
				top: 0;
				left: 0;
				background: #DDDDDD;
				padding: .8rem 2.5% 0;
				width: 100%;
				height: 100%;
				z-index: 999;
				overflow: auto;
				padding-bottom: 4rem;
				display: none;
			}
			
			.header-classify-sm-ul div.out-classify {
				height: 3rem;
				/*background: url("/images/bestek/leimu1.jpg");*/
				background-size: 100% 100%;
				text-align: center;
				display: flex;
				justify-content: center;
				align-items: center;
				font-family: Whitney-cu;
				font-size: .65rem;
				color: #fff;
				position: relative;
			}
			
			.header-classify-sm-ul>div:not(:first-child) {
				margin-top: .3rem;
			}
			
			.header-classify-sm-ul div.out-classify>img {
				width: .5rem;
				position: absolute;
				right: 1rem;
				top: 1.4rem;
				transition: all .3s;
			}
			
			.header-classify-sm-ul div.out-classify>a {
				color: #fff;
			}
			
			.header-classify-sm .seach input {
				width: 95%;
			}
			
			.header-classify-sm .seach {
				position: fixed;
				bottom: 1.2rem;
				left: 0;
				width: 95%;
			}
			
			.header-classify-sm .seach span {
				position: absolute;
			}
			
			.links-box {
				background: #fff;
				padding: 0 .2rem .3rem;
				display: none;
			}
			
			.links-box a {
				color: #444;
				font-size: .45rem;
				border-bottom: 1px solid #f2f2f2;
				padding: .35rem 0;
				display: block;
				font-family: Whitney-cu;
			}
			
			.links-box img {
				width: .3rem;
				float: right;
				margin-right: .8rem;
				position: relative;
				top: .1rem;
			}
			
			.line3 {
				padding: .2rem 0;
			}
			
			.line3 span {
				display: block;
				height: 2px;
				background: #949494;
			}
			
			.line3 span.line3-1 {
				width: .6rem;
				transform-origin: left;
			}
			
			.line3 span.line3-2 {
				width: .6rem;
				margin: .157rem 0;
			}
			
			.line3 span.line3-3 {
				width: .6rem;
				transform-origin: left;
			}
			
			.banner-box .imgs>a {
				display: block;
			}
			
			.header-sm {
				display: none;
			}
			
			.footer-links-sm .sharecom {
				width: 100%;
				background: #f0f1f3;
				padding-top: 40px;
				padding-bottom: .5rem;
			}
			
			.footer-links-sm .sharecom p {
				text-align: center;
				width: 100%;
			}
			
			.footer-links-sm .sharecom p em {
				right: 8%;
				top: 15px;
			}
			
			.footer-links-sm .sharecom p input {
				width: 90%;
				border-radius: 35px;
				background: none;
				padding-left: 2em;
				margin: 0 auto;
			}
			
			.footer-links-sm .sharecom .txt {
				color: #4c4948;
				display: block;
				line-height: 160%;
				text-align: center;
				padding: .4rem 5%;
				font-size: .4rem;
			}
			
			.footer-links-sm .sharefb {
				text-align: center;
				width: 100%;
				margin-top: 40px;
				margin-bottom: 30px;
			}
			
			.footer-links-sm .sharefb img {
				width: 40px;
				margin: 0 3px;
				display: none;
			}
			
			@media screen and (max-width: 1210px) {
				.footer-links,
				.bestek-header-inset {
					width: 93%;
					margin: 0 auto;
				}
			}
			
			@media screen and (max-width: 1040px) {
				.header-pc {
					display: none;
				}
				.header-sm,
				.footer-links-sm {
					display: block;
				}
				.seach a span {
					top: .21rem;
					font-size: .35rem;
					right: .7rem;
					font-family: Whitney-cu;
				}
				.bestek-copy {
					height: 1.5rem;
				}
				.icons a:not(:last-child) {
					margin-right: .2rem;
				}
				.gotop {
					right: .5rem;
					bottom: 1rem;
					width: 1rem;
					height: .5rem;
				}
				.footer-links {
					display: none;
				}
				.pro-text p:nth-child(2) {
					margin-top: .3rem;
				}
				.sharefb a {
					display: inline-block;
				}
			}
			
			@media screen and (min-width: 1040px) {
				.pro-name {
					width: 88%;
				}
				.header-pop {
					height: auto !important;
					/*display: block !important;*/
				}
				.header-pop-inset {
					height: auto !important;
					padding-bottom: 20px !important;
				}
				.pro-name a:nth-child(7) {
					position: absolute;
					right: 40%;
					text-align: left;
					top: 27px;
					width: 30%;
				}
				.pro-name a:nth-child(8) {
					position: absolute;
					right: 40%;
					top: 54px;
					text-align: left;
					width: 30%;
				}
				.pro-name a:nth-child(9) {
					position: absolute;
					right: 40%;
					top: 81px;
					text-align: left;
					width: 30%;
				}
				.pro-name a:nth-child(10) {
					position: absolute;
					right: 40%;
					width: 30%;
					text-align: left;
					top: 108px;
				}
			}