body{margin: 0px; padding: 0px;overflow: hidden}
input{outline: medium}
*{box-sizing: border-box}
.p{padding: 10px 0px 18px 0px;width: 100%;clear: both;}
.datasheets {
	background-color:#fff;
	width:100%
}
.datasheets .logo,.datasheets .logo img {
	height:50px;
	width:140px
}
.datasheets .cot {
	margin:20px 0;
	width:100%
}
.datasheets .cot .details {
	color:#333;
	font-size:18px;
	font-weight:700
}
.datasheets .cot .info {
	display:flex;
	justify-content:flex-start;
	margin-top:20px;
	width:100%
}
.datasheets .cot .info .img {
	height:60px;
	margin-right:30px;
	margin-top:20px;
	width:60px
}
.datasheets .cot .info .productdetail>div {
	margin-bottom:5px;
	overflow:hidden
}
.datasheets .cot .info .productdetail>div p {
	color:#999;
	font-size:14px
}
.datasheets .cot .info .productdetail>div p a {
	color:#4066b8
}
.datasheets .cot .info .productdetail>div p a:hover {
	text-decoration:underline
}
 
@media screen and (max-width:1024px) {
	.datasheets .cot .details,.datasheets .cot .info {
	padding:0 20px
}
}.datasheets .stock .title {
	align-items:center;
	background-color:#eceef2;
	color:#333;
	display:flex;
	font-size:16px;
	font-weight:700;
	height:45px;
	line-height:45px;
	margin-bottom:15px;
	padding-left:10px;
	position:relative;
	width:100%
}
.datasheets .stock .title>span {
	color:#ff6221;
	margin-left:10px
}
.datasheets .stock .title>p {
	align-items:center;
	border-radius:50%;
	color:#4066b8;
	cursor:pointer;
	display:flex;
	height:30px;
	justify-content:center;
	position:absolute;
	right:0;
	transition:all .3s;
	width:30px
}
.datasheets .stock .title>p:hover {
	background-color:#4066b81a
}
.datasheets .stock .cot {
	flex:1;
	width:100%
}
.datasheets .stock .cot>p {
	font-size:12px;
	margin-bottom:30px
}
.datasheets .stock .cot .rfq>p {
	font-size:12px;
	margin-bottom:25px
}
.datasheets .stock .cot .rfq .input,.datasheets .stock .cot .rfq .select {
    width: 100%;clear: both;
	margin-bottom:35px
}
.datasheets .stock .cot .rfq .funBox {
	align-items:center;
	display:flex;
	justify-content:space-around;
	width:100%
}
.datasheets .stock .cot .rfq .funBox .btn {
	height:40px;
	margin-bottom:0;
	padding:6px 10px;
	width:100%
}
.datasheets .stock .cot .rfq .funBox .btn.border {
	background-color:#fff;
	border:1px solid #ff6221;
	color:#ff6221;
	margin-left:20px
}
.datasheets .stock .cot .buy>p {
	display:flex;
	justify-content:space-between;
	margin:10px 0
}
.datasheets .stock .cot .buy .priceList {
	margin-bottom:5px;
	position:relative
}
.datasheets .stock .cot .buy .priceList .head {
	background-color:#f6f8fc;
	display:flex;
	height:36px;
	line-height:36px;
	width:100%
}
.datasheets .stock .cot .buy .priceList .head p {
	flex:1;
	height:100%;
	text-align:center
}
.datasheets .stock .cot .buy .priceList ul {
	max-height:280px;
	overflow-y:auto;
	transition:all .5s;
	width:100%
}
.datasheets .stock .cot .buy .priceList ul::-webkit-scrollbar {
	width:4px
}
.datasheets .stock .cot .buy .priceList ul::-webkit-scrollbar-thumb {
	background-color:#e4e4e4;
	border-radius:2px
}
.datasheets .stock .cot .buy .priceList ul li {
	display:flex;
	font-size:13px;
	height:40px;
	line-height:40px;
	width:100%
}
.datasheets .stock .cot .buy .priceList ul li p {
	flex:1;
	height:100%;
	text-align:center
}
.datasheets .stock .cot .buy .priceList ul li:nth-child(2n) {
	background-color:#f8f8f8
}
.datasheets .stock .cot .buy .funBox .input {
	margin:20px 0
}
.datasheets .stock .cot .buy .funBox .cartbtn {
	align-items:center;
	display:flex;
	justify-content:space-around;
	width:100%
}
.datasheets .stock .cot .buy .funBox .cartbtn .btn {
	height:40px;
	margin-bottom:0;
	padding:6px 10px;
	width:100%
}
.datasheets .stock .cot .buy .funBox .cartbtn .btn.border {
	background-color:#fff;
	border:1px solid #4066b8;
	color:#4066b8;
	margin-left:20px
}
.datasheets .stock .cot .buy .funBox .price {
	display:flex;
	margin:10px 0;
	width:100%
}
.datasheets .stock .cot .buy .funBox .price p {
	color:#333;
	display:inline;
	flex:unset;
	margin-right:30px;
	text-align:left;
	width:180px
}
.datasheets .stock .cot .buy .funBox .price p span {
	position:relative
}
.datasheets .stock .cot .buy .funBox .price p span.total {
	color:#ff6221;
	font-weight:700
}
.datasheets .stock .cot .buy .funBox .price p span em {
	bottom:-14px;
	color:#999;
	font-size:14px;
	left:0;
	position:absolute;
	text-decoration:line-through
}
@media screen and (max-width:1024px) {
	.datasheets .stock .cot .buy .funBox .price p span em {
	font-size:12px
}
.datasheets .stock .cot .buy .funBox {
	border-top:1px solid #d4d4d4;
	padding-top:30px
}
.datasheets .stock .cot .buy .funBox>p {
	display:none
}
.datasheets .stock .cot .buy .funBox>div {
	width:100%
}
.datasheets .stock .cot .buy .funBox .quantity .input {
	flex:1;
	margin-bottom:5px
}
.datasheets .stock .cot .buy .funBox .quantity .btn {
	display:inline-block;
	font-size:12px;
	padding:6px 10px;
	width:90px
}
.datasheets .stock .cot .buy .funBox .quantity .btn.border {
	margin-left:10px
}
}.datasheets .stock .cot .buy .desc {
	color:#ff6221;
	margin-top:30px
}
.datasheets .stock .cot .buy .add {
	display:flex;
	justify-content:space-between;
	width:100%
}
.datasheets .stock .cot .buy .add p {
	color:#4066b8;
	cursor:pointer;
	display:inline;
	flex:unset;
	text-align:left
}
.datasheets .stock .cot .buy .add p:hover {
	text-decoration:underline
}
@media screen and (max-width:1024px) {
	.datasheets .stock .cot .buy .add p {
	width:unset
}
.datasheets .stock {
	height:unset;
	margin-bottom:10px;
	padding:10px;
	width:100%
}
.datasheets .stock .title {
	font-size:14px
}
.datasheets .stock .priceList ul {
	height:unset!important
}
}.pdf {
	display:flex;
	position:relative;
	width:100%
}
.pdf .viewerContainer {
	flex:1
}
.pdf .viewerContainer iframe {
	height:calc(100vh - 3px);
	width:100%
}
.pdf .datasheets {
	height:calc(100vh - 32px);
	overflow:hidden;
	padding:30px;
	position:absolute;
	right:0;
	top:32px;
	width:460px
}
.pdf::-webkit-scrollbar {
	width:3px
}
.pdf::-webkit-scrollbar-thumb {
	background-color:#e9e9e9;
	border-radius:6px
}
.pdf .icon {
	display:none
}
@media screen and (max-width:1024px) {
	.pdf .productInfo {
	height:100%;
	left:100vw;
	position:fixed;
	top:0;
	transition:all .2s ease-in;
	width:100%
}
.pdf .productInfo .datasheets {
	display:block;
	height:100%;
	overflow-y:auto;
	padding:30px 10px;
	width:100%
}
.pdf .productInfo .datasheets::-webkit-scrollbar {
	width:3px
}
.pdf .productInfo .datasheets::-webkit-scrollbar-thumb {
	background-color:#e9e9e9;
	border-radius:6px
}
.pdf .icon {
	background-color:#4066b8;
	border-radius:50%;
	bottom:20px;
	display:block;
	height:40px;
	line-height:40px;
	position:absolute;
	right:20px;
	text-align:center;
	width:40px
}
.pdf .icon .iconfont {
	color:#fff;
	font-size:16px
}
.pdf .active {
	box-shadow:0 0 15px -7px #ccc;
	left:0
}
}


.input {
	margin:10px 0 30px;
	position:relative
}
.input input {
	border:1px solid #e9e9e9;
	border-radius:4px;
	height:36px;
	padding:6px 10px;
	width:100%
}
.input input::-moz-placeholder {
	color:#999
}
.input input::placeholder {
	color:#999
}
.input input[verify=false] {
	border-color:#c80000
}
.input label {
	color:#333;
	font-size:14px;
	left:0;
	padding:5px 0;
	pointer-events:none;
	position:absolute;
	top:-30px;
	transition:all .3s
}
.input label span {
	background-color:#c80000;
	border-radius:50%;
	display:inline-block;
	height:4px;
	width:4px
}
.input input:focus+label,.input input:invalid+label {
	top:-25px
}
.input input:focus+label[verify=false],.input input:invalid+label[verify=false] {
	animation:vibration-ecb05951 .2s linear infinite;
	-o-animation:vibration-ecb05951 .2s linear infinite;
	-moz-animation:vibration-ecb05951 .2s linear infinite;
	-webkit-animation:vibration-ecb05951 .2s linear infinite;
	animation-iteration-count:3;
	color:#c80000
}
.input .verify {
	color:#4066b8;
	top:-25px
}
.input .verify[verify=false] {
	animation:vibration-ecb05951 .2s linear infinite;
	-o-animation:vibration-ecb05951 .2s linear infinite;
	-moz-animation:vibration-ecb05951 .2s linear infinite;
	-webkit-animation:vibration-ecb05951 .2s linear infinite;
	animation-iteration-count:3;
	color:#c80000
}
.input input[disabled],.input input[readonly] {
	background-color:#d4d4d44d
}
.input input[type=password] {
	font-family:Arial;
	font-size:25px;
	letter-spacing:3px
}
.vibration {
	animation:vibration-ecb05951 .2s linear infinite;
	-o-animation:vibration-ecb05951 .2s linear infinite;
	-moz-animation:vibration-ecb05951 .2s linear infinite;
	-webkit-animation:vibration-ecb05951 .2s linear infinite;
	animation-iteration-count:3
}
@keyframes vibration-ecb05951 {
	0% {
	transform:translate(0)
}
50% {
	transform:translate(5px)
}
to {
	transform:translate(0)
}
}


.sbtn {
	border-radius:4px;
	color:#333;
	font-family:unset;
	font-size:14px;
	margin:10px 0;
	padding:10px 20px;
	position:relative;
	transition:all .2s
}
.sbtn.primary {
	background-color:#4066b8;
	color:#fff
}
.sbtn.primary:hover {
	background-color:#4066b8cc
}
.sbtn.primary:active {
	background-color:#4066b8
}
.sbtn.danger {
	background-color:#c80000;
	color:#fff
}
.sbtn.danger:hover {
	background-color:#c80000cc
}
.sbtn.danger:active {
	background-color:#c80000
}
.sbtn.success {
	background-color:#0fbc5e;
	color:#fff
}
.sbtn.success:hover {
	background-color:#0fbc5ecc
}
.sbtn.success:active {
	background-color:#0fbc5e
}
.sbtn.warning {
	background-color:#ff6221;
	color:#fff
}
.sbtn.warning:hover {
	background-color:#ff6221cc
}
.sbtn.warning:active {
	background-color:#ff6221
}
.sbtn .btn_loading {
	align-items:center;
	display:inline-flex;
	justify-content:center;
	left:50%;
	position:absolute;
	top:50%;
	transform:translate(-50%,-50%);
	vertical-align:middle
}
.sbtn .btn_loading svg {
	animation:progress-circular-rotate-4e75a092 1.4s linear infinite;
	bottom:0;
	height:50%;
	left:0;
	margin:auto;
	position:absolute;
	right:0;
	top:0;
	transform-origin:center center;
	transition:all .2s ease-in-out;
	width:50%;
	z-index:1
}
.sbtn .btn_loading svg circle {
	stroke-linecap:round;
	stroke-dasharray:80,200;
	stroke-dashoffset:0px;
	stroke:currentColor;
	animation:progress-circular-dash-4e75a092 1.4s ease-in-out infinite;
	transition:all .6s ease-in-out;
	z-index:2
}
@keyframes progress-circular-rotate-4e75a092 {
	to {
	transform:rotate(1turn)
}
}@keyframes progress-circular-dash-4e75a092 {
	0% {
	stroke-dasharray:1,200;
	stroke-dashoffset:0px
}
50% {
	stroke-dasharray:100,200;
	stroke-dashoffset:-15px
}
to {
	stroke-dasharray:100,200;
	stroke-dashoffset:-124px
}
}