html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,ul,li,ol,dl,dt,dd,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;}
html{height:100%;}
/*字体*/
@font-face {font-family: "Alibaba Sans";font-weight: normal;font-style: normal;}
@font-face {
font-family: 'ROBOTO';
src: url('/aivon/static/css/fonts/ROBOTO/roboto.eot');
src:
url('/aivon/static/css/fonts/ROBOTO/roboto.eot') format('embedded-opentype'),
url('/aivon/static/css/fonts/ROBOTO/roboto.woff') format('woff'),
url('/aivon/static/css/fonts/ROBOTO/roboto.ttf') format('truetype'),
url('/aivon/static/css/fonts/ROBOTO/roboto.svg') format('svg');
font-weight: normal;
font-style: normal;
}
body{ font:13px/1.5 ROBOTO,Helvetica,Tahoma,Arial; color:#000; height: 100%; background-color: #fff;}
*, ::after, ::before {
box-sizing: content-box
}
/*bootstrap*/
/**{box-sizing:border-box}*/
.pull-left {
float: left !important;
}
.pull-right{
float: right !important;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.btn-f90{ background:#0060FF;color:#fff;}
.btn-f90:hover{background:#ffad33;color:#fff;}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1300px;
padding:0;
}
}
/*bootstrap*/
address,cite,dfn,em,var,i{font-style:normal;}
body,input,button,textarea{ font-family:'HarmonyOS_Sans',Roboto,Tahoma,Arial,"Microsoft YaHei UI"!important;}
/*body,div,p{word-wrap:break-word;box-sizing:content-box!important}*/
small{font-size:12px;}
.normal{font-weight:400;}
.bold{font-weight:700;}
ul,ol,li{list-style:none;}
a{color:#0060FF; text-decoration:none; cursor:pointer; outline:none;}
.new-footer a:hover{text-decoration:underline; color:#0060FF;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
td{word-wrap:break-word;word-break:break-all;}
input,select{ margin:0;}
select{padding:0; border:none;}
input[type="text"]{-webkit-appearance: none;}
.rel{position:relative;}
.abs{position:absolute;}
.noborder{border:0;}
.undis{display:none;}
.dis,.show{display:block;}
.inline-block{display: inline-block;}
.clear,.cfix,.clearfix{zoom:1;}
.clear:after,.cfix:after,.clearfix:after{content:'.';display:block;clear:both;height:0;visibility:hidden;line-height:0;overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
.verticaltop{ vertical-align: top;}
.txt-l{text-align:left;}
.txt-c{text-align:center;}
.txt-r{text-align:right;}
.nowrap{word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.b-bradius4{-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: hidden;}
.no-border{border: 0 !important;}
.w1360{ width:auto; padding:0 20px; min-width:1360px}
.w1180{width:1300px; margin:auto}
.w180{width:180px;}
.w280{width:280px;}
.h36{height: 36px; line-height: 36px;}
/*.line-wrap{min-width:1300px;}*/
.bg_ico{background: url(../img/orderonline/jijia_ico.png) no-repeat 0 0}
.mb10{ margin-bottom:10px}
.mb20{ margin-bottom:20px}
.mb30{ margin-bottom:30px}
.mb40{ margin-bottom:40px}
.mb20{ margin-bottom:20px}
.mb25{ margin-bottom:25px}
.mb10{ margin-bottom:10px}
.mb15{ margin-bottom:15px}
.mb60{ margin-bottom:60px}
.mr20{ margin-right:20px}
.mt5{margin-top: 5px;}
.mt8{margin-top: 8px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.pt40{padding-top: 40px;}
.ml10{margin-left: 10px;}
.f36{ font-size:36px}
.f26{ font-size:26px}
.f24{ font-size:24px}
.f20{ font-size:20px}
.f22{ font-size:22px}
.f12{ font-size:12px}
.f14{ font-size:14px}
.f16{ font-size:16px}
.f18{ font-size:18px}
.f28{ font-size:28px}
.f40{ font-size:40px}
.gray{color:#999}
.blue{ color:#2192d9 !important;}
.yellow,.red{color: #f90}
.color-666{color: #666;}
.color-999{color: #999;}
.color-f00{color: #f00;}
.cl-666{color:#666}
.cl-b4b4b4{color: #b4b4b4;}
.cl-8d8d8d{color: #8d8d8d;}
.cl-909090{color: #909090;}
.cl-959595{color: #959595;}
.cl-b29a7a{color: #b29a7a;}
.black{color:#000;}
.text-center{text-align: center;}
.not-allowed{cursor: not-allowed !important;}
.not-selectable{background-color: #eee; color: #bbb !important; cursor: not-allowed !important;}
.pointer{cursor: pointer;}
.btn-order-now{color: #b29a7a; padding: 4px 10px; text-align: center; border: 2px solid #e1e1e1; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.btn-order-now:hover,.btn-order-now:focus{background-color:#0060FF; color: #fff; border-color:#0060FF; text-decoration: none;}
.w1181 {width: 1300px;margin: 0px auto;}
.util-clearfix:after{content:" "; display:block; clear:both; height:0; overflow:hidden; visibility:hidden; }
.rightjj{ position:fixed; right:0;top:40%}
.rightjj a{background:#0060FF;width:60px; height:60px; display:inline-block;border-radius:6px 0 0 6px;}
.rightjj a i{ display:inline-block; width:49px; height:40px; background-position:-81px -81px; margin:10px 0 0 5px}
.i-delimit,.i-arr-dropdown,.i-ico{background-image: url('../img/orderonline/jijia_ico.png'); background-repeat: no-repeat; vertical-align: inherit; display: inline-block;}
.maskLayer{display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:999; background-color: #000; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); -moz-opacity: 0.4; opacity: 0.4;}
.b-box{display: none; width: 100%; height: 100%; position: fixed; top: 100px; left: 0; z-index:1000;}
.box-con{width: 540px; padding: 0px 0px 30px; margin: 0 auto; background-color: #fff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.box-con ul {list-style-type:none;margin:0;padding:0;width:540px;}
.box-con ul li{margin-bottom:20px;}
.box-con ul label {display:block;font-size:16px;margin:0 0 5px; color: #333;font-weight:normal}
.box-con ul input,.box-con ul textarea {border:1px solid #BDBDBD;color:#999999;display:block;font-size:15px;font-style:normal;margin:0 0 10px;padding:4px;resize:none;width:460px;border-radius:4px;}
.box-con .btn{font-size:16px;height:50px;line-height:50px; cursor:pointer; border: 0; padding: 0 35px; color:#fff;font-weight:400; border-radius:4px;width:228px;box-sizing:border-box}
.box-con .btn-submit{ background:#0060FF;}
.box-con .btn-submit:hover{background:#ffad33}
.box-con .btn-cancle{ background:#EBEBEB!important; margin-left: 10px;color:#000!important}
.btn-message .i-ico {width:13px; height:13px; background-position: -103px -294px; vertical-align:middle; margin-right:2px;}
.box-hd {border-bottom:1px solid #ddd; margin-bottom:10px;}
.box-hd .fl {width:90px;}
.box-hd img {width:90px; height:auto;}
.box-hd .fr {width:340px; font-size:14px; margin-left:20px; margin-top:30px;}
.shadow-box{width: 100%; height: 5px; background: url('../img/orderonline/shadow_bg.gif') repeat-x;}
[name=google_conversion_frame] {display:none;}
/* 兼容ie6位置fixed问题 */
#scrolldiv {width:62px;height:50px;right:50px;bottom:80px;cursor:pointer;position:fixed;display:none;background:url("../img/top.png");z-index:20;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));_margin-bottom:40px;}
/*20170302 bootstrap 分页*/
.pagination {display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination>li {display:inline}
.pagination>li>a,.pagination>li>span {position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#428bca;background-color:#fff;border:1px solid #ddd;margin-left:-1px}
.pagination>li:first-child>a,.pagination>li:first-child>span {margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}
.pagination>li:last-child>a,.pagination>li:last-child>span {border-bottom-right-radius:4px;border-top-right-radius:4px}
.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus {color:#2a6496;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus {z-index:2;color:#fff;background-color:#428bca;border-color:#428bca;cursor:default}
.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus {color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed}
.pagination-lg>li>a,.pagination-lg>li>span {padding:10px 16px;font-size:18px}
.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span {border-bottom-left-radius:6px;border-top-left-radius:6px}
.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span {border-bottom-right-radius:6px;border-top-right-radius:6px}
.pagination-sm>li>a,.pagination-sm>li>span {padding:5px 10px;font-size:12px}
.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span {border-bottom-left-radius:3px;border-top-left-radius:3px}
.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span {border-bottom-right-radius:3px;border-top-right-radius:3px}
.pager {padding-left:0;margin:20px 0;list-style:none;text-align:center}
.pager li {display:inline}
.pager li>a,.pager li>span {display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}
.pager li>a:hover,.pager li>a:focus {text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span {float:right}
.pager .previous>a,.pager .previous>span {float:left}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {color:#999;background-color:#fff;cursor:not-allowed}
/*重定义*/
.pagination>li>a,.pagination>li>span {color: #333;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{color: #fff; background-color:#0060FF!important; border: 1px solid #0060FF!important;}
/*2017421 Message 未读消息提示*/
.tips-numbox{margin-left:6px; margin-top:8px;}
.tips-num{height:18px; min-width:10px; text-align:center; font-size:12px; line-height:18px; padding-left:4px; padding-right:4px; background-color:#0060FF; color:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:inline-block;}
.no-message a{background-color:#ccc;}
.tips-numbox .i-ico{position:absolute; top:18px; left:4px; width:7px; height:4px; background: url('../img/orderonline/jijia_ico.png') no-repeat -8px -836px;}
.no-message .i-ico{background-position: 0 -836px;}
/*20170509 顶部提示*/
.top-tips{width: 100%;}
.top-tips a{display: block; width:100%; height:100%; text-indent:-9999em; overflow:hidden;}
/*owl-carousel 切换基本样式*/
.owl-theme .owl-controls {text-align:center;}
.owl-pagination{display: none;}
.owl-theme .owl-controls .owl-buttons div {color:#999;display:inline-block;zoom:1;*display:inline;margin:5px;padding:3px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;background:#c2c2c2;filter:Alpha(Opacity=50);opacity:0.5;}
.owl-theme .owl-controls.clickable .owl-buttons div:hover {filter:Alpha(Opacity=100);opacity:1;text-decoration:none;}
.owl-theme .owl-controls .owl-page {display:inline-block;zoom:1;*display:inline;}
.owl-theme .owl-controls .owl-page span {display:block;width:12px;height:12px;margin:5px 7px;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#c2c2c2;}
.owl-theme .owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span {background-color:#f60;}
.owl-theme .owl-controls .owl-page span.owl-numbers {height:auto;width:auto;color:#FFF;padding:2px 10px;font-size:12px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;}
.owl-item.loading {min-height:150px;background:url('/Content/img/orderonline/AjaxLoader.gif') no-repeat center center}
.owl-carousel .owl-wrapper:after {content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel {display:none;position:relative;width:96%;-ms-touch-action:pan-y;}
.owl-carousel .owl-wrapper {display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px);}
.owl-carousel .owl-wrapper-outer {overflow:hidden;position:relative;width:100%;}
.owl-carousel .owl-wrapper-outer.autoHeight {-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel .owl-item {float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div {cursor:pointer;}
.owl-controls {-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.grabbing {cursor:url('/Content/img/orderonline/grabbing.png') 8 8,move;}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.owl-theme .owl-controls .owl-buttons div{position:absolute;top:80px;width:30px;height:60px;margin:0;padding:0;border-radius:0;font:60px/60px "宋体";background-color:transparent;overflow:hidden;_display:none;}
.owl-theme .owl-controls .owl-buttons .owl-prev{left:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-next{right:-40px;}
.owl-theme .owl-controls .owl-buttons .owl-prev:before{content:"<";}
.owl-theme .owl-controls .owl-buttons .owl-next:before{content:">";}
/*20171012 新版*/
.f30{font-size: 30px;}
.new-ico{background-image: url('/aivon/static/img/icons180822.png'); background-repeat: no-repeat; vertical-align: text-bottom; display: inline-block;}
.ico-calculator{width: 17px; height: 21px; background-position: -30px 0;}
.ico-cart{width: 20px; height: 20px; background-position: -60px 0;}
.ico-customerservice{width: 22px; height: 22px; background-position: -250px -40px; vertical-align: middle;}
.white{color: #ffffff;}
.cl-936c30{color: #936c30;}
.cl-a78732{color: #a78732;}
.cl-a8a8a8{color: #a8a8a8;}
.cl-b8a87e{color: #b8a87e;}
.cl-464646{color: #464646;}
.cl-5e5e5e{color: #5e5e5e;}
.cl-626262{color: #626262;}
.cl-696969{color: #696969;}
.cl-6a6a6a{color: #6a6a6a;}
.cl-737373{color: #737373;}
.cl-7c7c7c{color: #7c7c7c;}
.cl-868686{color: #868686;}
.cl-9f9f9f{color: #9f9f9f;}
.cl-f90{color: #f90;}
.cl-main{
color:#0060FF;
}
.cl-d5ad70{color: #d5ad70;}
.ml5{margin-left: 5px;}
.ml20{margin-left: 20px;}
.mr5{margin-right: 5px;}
.mr10{margin-right: 10px;}
.mb5{margin-bottom: 5px;}
.mb50{margin-bottom: 50px;}
.btn-message .i-ico{background: url('../img/icons.png') no-repeat -250px 0;}
#magic-line{top: 42px; z-index: 4;background:#0060FF;position:absolute;height:4px;}
/*new-footer*/
.new-footer{background-color: #f1f1f1; padding: 25px 0;}
.slh{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.slh2{overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.bottom-navigation{width: 1065px; padding: 30px 0 0px 0px; /*border-right: 1px solid #d7d7d7;*/}
.cl-A5915F{color:#A5915F}
.bottom-navigation dt{margin-bottom:8px;}
.bottom-navigation dt span{color:#fff;font-weight:normal;font-size:14px;}
.bottom-navigation dd a{font-size:14px!important;color:#bbbbbb;margin-bottom:4px;display:inline-block;}
.bottom-navigation dl:first-of-type dd{width:50%; float: left;}
.contact-mail{width: 230px; margin-top: 30px; text-align: left;font-size:14px;}
.contact-mail .new-ico{width: 58px; height: 38px; background-position: -200px -90px;}
.minbothide{font-size:12px; padding:10px 0;}
/*重定义*/
.followus a.followus-icon{height: 22px; background-image: url('../img/shareicon2.png');background-size:630%;transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;}
.followus a.followus-icon{height: 21px; background-image: url('../img/shareicon2.png');background-size:630%;transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;display: inline-block;text-indent: -999999px;}
.followus a.twitter{width: 22px; background-position: -47px 0px;}
.followus a.facebook{width: 22px; background-position: 2px 0px;}
.followus a.youtube{width: 22px; background-position: -93px -0px;}
.followus a.plus-google{width: 22px; background-position: -70px 0px;}
.followus a.instagram{ width: 22px;background-position: -22px -0px;}
.followus a.instagram{ width: 22px;background-position: -22px -0px;}
.followus a.linkedin{ width: 22px;background-position: -95px -36px;}
.followus a.tumblr{ width: 22px;background-position: -118px -36px;}
.followus a.followus-icon:hover{transform:translateY(-3px);}
.followus a.newfollowus-icon{height: 30px; background-image: url(/aivon/static/img/newindex/bot_icon.png);transition: all 0.1s cubic-bezier(0.4, 0, 0.2, 1) 0s;margin-right:4px;margin-top:15px;}
.followus a.newtwitter{width: 30px; background-position: 0px -124px;}
.followus a.newfacebook{width: 30px; background-position: 0px -62px;}
.followus a.newyoutube{width: 30px; background-position: 0px -93px;}
.followus a.newplus-google{width: 30px; background-position: -70px 0px;}
.followus a.newinstagram{ width: 30px;background-position: -22px -0px;}
.followus a.newinstagram{ width: 30px;background-position: -22px -0px;}
.followus a.newlinkedin{ width: 30px;background-position: 0px -186px;}
.followus a.newtumblr{ width: 30px;background-position: 0px -217px;}
.followus a.newfollowus-icon{ text-indent: -9999em; overflow: hidden; display: inline-block;}
.followus a.newfollowus-icon{transform:translateY(-3px); background-image: url(/aivon/static/img/newindex/bot_icon2.png)}
.footbox {
font-size:14px;
padding: 25px 0;
margin-top: 0;
border-bottom:1px solid #3a3d3e;
}
.help-icon {
height: 24px;
width: 24px;
display: inline-block;
vertical-align: bottom;
background-image: url('/aivon/static/img/faq/faqicons.png');
}
.help-icon-phone {
background-position-x: -72px;
}
.help-icon-question {
background-position-x: -0px;
}
.help-icon-livechat {
background-position-x: -24px;
}
.help-icon-email {
background-position-x: -48px;
}
.help-icon-service {
height: 17px;
width: 17px;
background-position: 38px -3px;
}
.help-icon-copy {
height: 20px;
width: 20px;
background-position: 56px -3px;
}
.help-icon-seach {
height: 17px;
width: 17px;
background-position: 19px -3px;
}
.cl-bbb{color:#bbb;}
.contact-mail a{display:block;font-size:14px;}
.serviceico{display:inline-block;width:30px;height:30px;background:url(/aivon/static/img/newindex/bot_icon.png) no-repeat;vertical-align:middle;margin-right:10px}
.telico{display:inline-block;width:30px;height:30px;background:url(/aivon/static/img/newindex/bot_icon.png) no-repeat center -32px;vertical-align:middle;margin-right:10px}
/*评分*/
.score{width: 80px; height: 15px; background: url("../img/icons.png") no-repeat -160px -55px;}
.score i{position: absolute; top: 0; left: 0; height: 15px; background-position: -160px -40px;}
.btn-comm{padding: 6px 10px; background-color:#0060FF; text-align: center; color: #fff !important; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display: block;}
.btn-comm:hover{background-color: #0060FF;}
.btn-d5ad70{background-color: #d5ad70; color: #fff;}
.btn-d5ad70:hover,.btn-d5ad70:focus{background-color:#0060FF; color: #fff;}
/*animation*/
@-webkit-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@-moz-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@-ms-keyframes mymove {from {top:0px;}
to {top:5px;}
}
@keyframes mymove {from {top:0px;}
to {top:5px;}
}
/*20180604 layer重定义*/
.layui-layer-hui .layui-layer-content{text-align: left !important;}
.border-box{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.rightsidebar{position: fixed; margin-top:-100px;top: 50%; right: 20px; z-index: 99999; background-color: #fff; -moz-box-shadow:0px 0px 10px #999; -webkit-box-shadow:0px 0px 8px #aaa; box-shadow:0px 0px 8px #aaa; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
#at-custom-sidebar{margin-top:190px;}
.sidebar-tab{position: relative; cursor: pointer;}
.sidebar-tab:hover{background-color:#0060FF;}
.sidebar-tab-avatar{padding: 10px;}
.sidebar-tab-avatar .avatar-img{width: 40px!important; height: 40px!important; text-align: center; vertical-align: middle; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;}
.sidebar-tab-tip{position: absolute; top: 15px; right: 72px; width: 153px; opacity: 0; text-align: center; height: 35px; line-height: 35px; color: #fff; padding-right: 7px; background: url("/aivon/static/img/icons_sidebar.png") no-repeat 0 -45px;}
.sidebar-tab-tip .item-con{display: block; width: 130px; padding-left: 3px; height: 35px; line-height: 33px; text-align: center; background-color: #494949; border-width: 1px 0 1px 1px; border-color: #a3a3a3; border-style: solid;}
.rightsidebar .icon-sidebar{display: inline-block; width: 60px; height: 60px; padding: 10px; background-image: url('/aivon/static/img/icons_sidebar.png'); background-repeat: no-repeat;}
.sidebar-tab-tip .icon-sidebar{width: 16px; height: 35px; padding: 0; background-position: 0 -320px;}
.rightsidebar .icon-sidebar-email{background-position: 10px -10px}
.rightsidebar .icon-sidebar-tel{background-position: 10px -170px;}
.rightsidebar .icon-sidebar-skype{background-position: 10px -250px;}
.rightsidebar .icon-sidebar-quotebysales{background-position: 10px -90px;}
.avatar-img{width:40px!important;border-radius:50%!important}
.rightsidebar .sidebar-tab-tip .item-con:nth-of-type(1){width:150px}
.rightsidebar .sidebar-tab-tip .item-con:nth-of-type(2){width:150px}
.rightsidebar .sidebar-tab-tip:nth-of-type(1){width:173px;}
.rightsidebar .sidebar-tab-tip:nth-of-type(2){width:173px;}
.rightsidebar{width:60px;border-radius:0;top:50%!important}
.rightsidebar li:hover{background:#0060FF}
.rightsidebar .new-rightsidebarlist-tip{width:290px;right:82px;line-height:28px;padding:20px;}
.rightsidebar .new-rightsidebarlist-tip a{color:#000!important}
.rightsidebar .maxservice img{display:block;margin:auto}
.rightsidebar .triangle-tip{right:67px}
.rightsidebar .avatar-img{width:40px!important}
.rightsidebar .maxservice{border-bottom:1px solid #ccc;padding-bottom:35px;}
.rightsidebar .xdico1{display:inline-block;width:25px;height:20px;background:url('/aivon/static/img/indexV3/i/icon2.png') no-repeat -5px 2px;vertical-align:middle}
.rightsidebar .xdico2{display:inline-block;width:25px;height:20px;background:url('/aivon/static/img/indexV3/i/icon2.png') no-repeat -5px -30px;vertical-align:middle}
.rightsidebar .xdico3{display:inline-block;width:25px;height:20px;background:url('/aivon/static/img/indexV3/i/icon2.png') no-repeat -5px -60px;vertical-align:middle}
.hovershow1{display:none}
/*20180814*/
.cl-999{color: #999;}
.order-step-list{margin-top: 20px; margin-left: 20px;}
.order-step-list li{float: left;}
.order-step-list .icon-step{display: inline-block; width: 30px; height: 30px; background-image: url("/aivon/static/img/icon_step0814.png"); background-repeat: no-repeat; vertical-align: middle;}
.order-step-list .icon-step-quotationcurrent,.step-list .step-quotation:hover .icon-step-quotation{background-position: 0 0;}
.order-step-list .icon-step-quotation{background-position: -240px 0;}
.order-step-list .icon-step-cart{background-position: -30px 0;}
.order-step-list .step-cart:hover .icon-step-cart{background-position: -270px 0;}
.order-step-list .icon-step-uploadfile{background-position: -60px 0;}
.order-step-list .icon-step-filereview{background-position: -90px 0;}
.order-step-list .icon-step-payment{background-position: -120px 0;}
.order-step-list .icon-step-fabrication{background-position: -150px 0;}
.order-step-list .icon-step-ship{background-position: -180px 0;}
.order-step-list .icon-step-confirmrecevied{background-position: -210px 0;}
.order-step-list .dividing-line{width: 40px; height: 2px; background-color: #dcdcdc; margin-top: 14px; margin-left: 6px; margin-right: 6px;}
.order-step-list .dividing-line.current{background-color:#0060FF;}
/*20181205注册的金币*/
.ico-redpacket {position: absolute;left: 50%;top: -17px;margin-left: -38px;width: 55px;height: 70px;background: url('../img/tab-goldcoin.png') no-repeat;
-webkit-animation: mymove 2s both linear infinite;
-moz-animation: mymove 2s both linear infinite;
-ms-animation: mymove 2s both linear infinite;
animation: mymove 2s both linear infinite;
}
@-webkit-keyframes mymove /*Safari and Chrome*/
{
0%{background-position: 0 -186px;}
100%{background-position: 0 214px;}
}
@-moz-keyframes mymove
{
0%{background-position: 0 -186px;}
100%{background-position: 0 214px;}
}
@-ms-keyframes mymove
{
0%{background-position: 0 -186px;}
100%{background-position: 0 214px;}
}
@keyframes mymove
{
0%{background-position: 0 -186px;}
100%{background-position: 0 214px;}
}
/*圣诞节广告*/
.advers-banner {width:100%;height:80px;background:url(/Content/img/advers-banner.jpg) no-repeat center;position:relative;}
.advers-banner b {display:block;position:absolute;width:24px;height:24px;background:url(/Content/img/close-btn.png) no-repeat center;position:absolute;right:88px;top:10px;cursor:pointer;}
.user-hd-r .clearfix a{color:black}
/*base*/
.bg_ico{background: url(../img/orderonline/jijia_ico.png) no-repeat 0 0}
.strong{ font-weight:bold}
.customer-reviews-list .item{width:300px!important;float:left;margin:0 12px;padding:20px 0;background:#fbfbfb;border-radius:10px}
.bx-viewport{overflow:inherit!important}
.bx-pager {display:none;}
.bx-wrapper{position:relative;}
.new-footer {background-color: #1d1f20 !important;}
/*响应式*/
.pointer {
cursor: pointer;
}
.bottom-navigation dl dt img{width:8px;display:none;}
.absolute {
position: absolute;
}
.menu-toggle {
color: #000;
font-size: 30px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 45px;
height: 53px;
float: right;
text-indent: -9999px;
overflow: hidden;
background: #7b5822 url(../img/liebiao.png) no-repeat 50% 45%;
background-size:100%;}
@media screen and (max-width:1320px) {
.bottom-navigation{width:100%!important;border:0;padding:0;}
.contact-mail{margin:auto;float: unset;display:none}
.new-footer{padding-top:30px}
.w1180{width:96%!important;margin:auto;}
}
@media screen and (max-width:1204px) {
.header{height:110px;}
.header .menutop{display:block}
.header-right{top:55px;}
.parameter-configuration .item-show .active,.parameter-configuration .item-PCcon dl{width:480px!important;}
.bx-wrapper{overflow:hidden;}
.customer-reviews-list .item{width:22%!important;}
.selfZone,.cart-total .con{width:980px!important;}
.cart-list .info_2,.cart-list dt .product-info{width:210px!important}
.cart-list .info_3,.cart-list dt .product-quantity{width:150px!important}
.cart-list .info_4,.cart-list dt .product-subtotal{width:120px!important}
}
@media screen and (max-width: 1020px){
.minmr0 {
margin-left: 0!important;
}
.footbox>.fl:nth-of-type(2) img {
width: 100%;
}
.notic{display:none!important}
}
@media screen and (max-width:823px) {
/*.topbar ul{display:none}*/
.topbar ul{float:left;display:block;}
.mb20>img{width:260px}
}
@media screen and (max-width:768px) {
.header-right{top:0px;}
.contact-mail{display:block}
.header .menu-toggle {
display: block;
}
.header{height:55px;}
.header .menutop{
background:#7b5822;
position:absolute;
top:55px;
display:none;
}
.header .menutop li{
float:none!important;
width: 100%;
height: 45px;
line-height: 45px;
text-align: center;
border-bottom: 1px solid #333;
margin-top:0;
}
#magic-line,.footbox,.minbothide{display:none}
.footbox{border:0}
.bottom-navigation{border-bottom:1px solid #3a3d3e}
.new-footer{background-color: #1d1f20 !important; padding-bottom:10px; padding-top:0;}
.followus a.newfollowus-icon{background:url(/aivon/static/img/newindexv3/bot_icon.png);background-size:30px}
.followus a.newtwitter{width: 30px; background-position: 0px -121px;}
.followus a.newfacebook{width: 30px; background-position: 0px -61px;}
.followus a.newyoutube{width: 30px; background-position: 0px -91px;}
.followus a.newplus-google{width: 30px; background-position: -70px 0px;}
.followus a.newinstagram{ width: 30px;background-position: -22px -0px;}
.followus a.newinstagram{ width: 30px;background-position: -22px -0px;}
.followus a.newlinkedin{ width: 30px;background-position: 0px -182px;}
.followus a.newtumblr{ width: 30px;background-position: 0px -152px;}
}
@media screen and (min-width: 769px) {
/*.bottom-navigation dl{float: left; width: 20%;box-sizing:border-box}*/
.bottom-navigation dl:nth-of-type(1){min-width:370px;}
/*.bottom-navigation dl:nth-of-type(2){width: 20%;}*/
/*.bottom-navigation dl:nth-of-type(3){width: 21%;}*/
/*.bottom-navigation dl:nth-of-type(4){width: 17%;}*/
/*.bottom-navigation dl:nth-of-type(5){width: 18%;}*/
.newright{padding-left:70px;}
.businessnewsbox{width: 1300px;margin:0px auto;padding-bottom:45px;}
.header .menu-toggle {
display: none;
}
.header .menutop {
display: block;
}
}
@media screen and (max-width: 745px) {
.bottom-navigation dl{ width: 100%!important; text-align: left;margin-bottom:5px;}
.bottom-navigation dl dt span{font-size:14px;}
.bottom-navigation dl dt img{width:8px;display:block; margin-top:7px;}
.bottom-navigation dl dd{display:none}
.topbar{height:97px;padding:0;}
.new-footer .line-wrap{width:90%!important;margin:auto;}
.footbox{padding-left:0}
}
@media screen and (max-width: 494px) {
.footbox img:nth-of-type(2){width:100%}
}
@media screen and (max-width: 320px) {
.topbar{
height:120px;
}
.topbar span{display:block;margin:15px 0 0 40px;}
.topbar ul{margin-left:-40px;}
}
hyml,body{width:100%;overflow-x:hidden}
.filezone{ word-break:break-all;font-size:12px;}
.capability-con table{border:0!important}
.item-box h2{border:0!important }
.capability-con .item-box .customize td {
border: 1px solid #bebebe;
line-height: 20px;
padding: 2px 4px;
font-size: 14px !important;
word-break: break-word;
}
.capability-con .item-box .customize td span,.capability-con .item-box .customize td p{font-size:14px!important;font-family:ROBOTO,Helvetica,Tahoma,Arial,"Microsoft YaHei"!important;}
.smtonline{background-color: #ececec;padding-top: 20px;padding-bottom: 100px;}
.smtonline-options{width: 690px;margin-bottom: 10px;padding-left: 50px;padding-right: 25px;}
.smtonline-box{padding-top: 20px;padding-bottom: 20px}
.smtonline-results{width: 580px;padding-left: 35px;padding-right: 25px;}
.smtonline-ico{background-position: -46px -12px;width: 17px;height: 21px;margin-right: 4px;}
.online-quotes-input li input{width: 220px;padding: 0 46px 0 10px;height:26px;line-height:26px;color: #888;}
.online-quotes-input li input, .online-quotes-input li select {border: 1px solid #ccc;border-radius: 2px;overflow: hidden;font-family: "Microsoft YaHei";}
.online-quotes-input li b {width: 40px;height: 26px;border-left: 1px solid #ccc;background: #efefef;color: #000;font-size: 12px;display: inline-block;vertical-align:top;margin-left: -42px;margin-top:1px;text-align: center;line-height: 26px;font-weight: normal;}
.online-quotes-input li {
margin-bottom:5px;
}
.online-quotes-input li select {
width: 220px;
height:26px;
line-height:26px;
color: #666;
}
.online-quotes-input-row li input, .online-quotes-input-row li select {
width:120px;
}
.tooltip-arrow{
border-top-color: #fff!important;
}
.option-choose .item,.option-choose .item_ck {
padding: 0 8px;
height: 30px;
line-height: 30px;
color: #666;
border: 1px solid #e7e7e7;
margin-right: 8px;
font-weight: 400;
cursor: pointer;
}
.option-choose .item_ck{cursor: default!important;}
.option-choose .choose {
border: 2px solid #0060FF;
color: #000;
}
.form-col4 {
padding: 5px 10px;
border: 1px #ccc solid;
color: #666;
}
.quotes-more-demand .title{width:122px;text-align:left;}
/*费用明细*/
.cost-details .jp-ico{width: 20px; height: 22px; background-position: -162px -34px;}
.cost-details-list{width: 513px; border-right: 1px solid #cacaca; border-top: 1px solid #cacaca; }
.cost-details-list dt,.cost-details-list dd,.price-delivery-list dt{ overflow: hidden;}
.cost-details-list .ww{width: 160px; padding: 4px 8px; height: 30px; border-left: 1px solid #cacaca; border-bottom: 1px solid #cacaca; display: block;}
.cost-details-list .title{width: 96px; background-color: #e1e1e1;}
/*计价*/
.generate-quotes{border:2px solid #0060FF;margin-bottom:15px;}
.generate-quotes-title ul.quote-price{background:#0060FF;}
.generate-quotes-title ul.quote-price a{color:#fff;}
.generate-quotes-title ul li{float:left;width:25%;height:35px;line-height:35px;text-align:center;}
.generate-quotes-title ul li.current{background:#0060FF;}
.generate-quotes-title ul li.current a{color: #fff;}
.generate-quotes-title ul li a{display: inline-block;width: 100%;color:#666;}
.generate-quotes-title ul li.on{border-bottom:1px solid #34964e;}
.generate-quotes-box {background:#e3f3ff}
.generate-quotes-box ul{padding:12px 19px;}
.generate-quotes-box ul li p{line-height:20px;color:#666;display:inline-block;margin:0;}
.generate-quotes-box ul li p:first-child{width:70%;}
.generate-quotes-box ul li:last-child p{font-weight:bold;}
.generate-quotes ul li:last-child {
border: none;
}
.delivery-description a:hover {
color: #f00;
text-decoration: underline;
}
.express-selection .jp-ico {
width: 38px;
height: 16px;
background-position: -162px -166px;
margin-left: 10px;
}
/*交期*/
.pcb-time{padding-bottom: 20px; border-bottom: 1px solid #e5e5e5;}
.pcb-time .item{width: 175px;}
.pcb-time .jp-ico{width: 39px; height: 41px; margin-left: 10px; margin-right: 10px;}
.pcb-time .expected-ship{background-position: -162px -188px;}
.pcb-time .expected-arrival{background-position: -162px -231px;}
.pcb-time .dividing-line{width: 17px; height: 50px; background-position: -162px -80px;}
.pcb-time span{display: block;}
/* 备注自定*/
.customize .customize-input{width: 187px;}
.customize .title{line-height: 34px;}
.add-cart {
height: 38px;
line-height: 38px;
margin: 20px 4px 20px 6px;
padding: 0px 30px;
}
.add-cart:active{font-size:20px;padding: 0px 0px;}
/*PCB价格和交期*/
.price-delivery-list dt{height: 35px; line-height: 35px; color: #fff;}
.price-delivery-list dd{height: 58px; line-height: 58px;}
.price-delivery-list .w1{width: 40%;}
.price-delivery-list .w2{width: 30%;}
.price-delivery-list .w3{width: 30%;}
/*查看更多工艺*/
.smt-moreadd {padding-left:20px;height:16px;background:url(/Content/img/smt/add.png) no-repeat left center;}
.smt-morereduce { padding-left: 20px;height: 16px;background: url(/Content/img/smt/produce.png) no-repeat left center;}
.quotes-more-demand-box {width:100%;border:1px solid #ccc;text-align:center;cursor:pointer;}
.quotes-more-demand-box.hideCon{background:#f9f9f9;}
.quotes-more-demand-box.showCon{background:#fff;}
.quotes-more-demand-box h2{display:inline-block;}
.online-quotes-input-row li{margin-bottom:18px;}
.online-quotes-input-row {width:525px;margin:auto;}
.mr40 { margin-right: 40px;}
/*充值*/
.recharge-box{padding: 20px 20px 30px!important;}
.recharge-box h4{font-size: 16px; color: #000; font-weight: 400; padding: 10px 0 12px;}
.recharge-box .pay-item label,.recharge-box label{width: 130px!important; color: #5d5d5d!important; font-size: 15px!important; display: inline-block; text-align: right!important; line-height: 45px;}
.recharge-box input.inp-price,.takeout input.inp-price{border: 1px solid #c9c9c9; color: #936d51; font-size: 22px; width: 150px; margin-top: 3px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-weight: 400; height: 20px; padding: 8px; background-color: #f0f0f0;}
.recharge-box span{color: #5b5b5b; font-size: 30px; font-weight: 400; margin-left: 6px; margin-right: 6px;}
.recharge-list li{float: left; margin-right: 10px; margin-bottom: 10px;}
.recharge-list a{display: block; font-size: 16px; color: #000; padding: 8px 16px; border: 1px solid #c8c8c8; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.recharge-list li.selected a{background-color: #fff7ec; border: 1px solid #0060FF;}
.recharge-list a:hover{text-decoration: none;}
.recharge-box .gift-amount{line-height: 45px;}
/*加入购物车弹窗样式*/
/*.layui-layer-title{display:none;}*/
.layui-layer-page .layui-layer-content{padding-top: 20px;padding-left: 10px;}
.order-cart-title {height:60px;margin-left: 40px;}
.order-cart-title h2{margin:0;padding:0;height:60px;line-height:60px;}
.mt40 {
margin-top: 40px;
}
.smtonline-con-titel li i.smtonline-con-item1{background-image: url(/Content/img/evali-icon.png);}
.smtonline-con-titel li i.smtonline-con-item3{background-image: url(/Content/img/evali-icon.png);}
/*.online-quotes-inputsmt{margin-top:15px;}*/
.online-quotes-inputsmt li input{width:200px!important;padding:0 10px;color:black;}
.online-quotes-inputsmt li{width:35%;margin-right:5%;font-size:13px;}
.online-quotes-inputsmt2 li input{padding:0;}
.online-quotes-inputsmt2 .option-con{width:120px}
.first0{height:134px;border:1px solid #e7e7e7;border-radius:15px 15px 0 0;background:#f9f9f9;}
.btn-first{width:200px;height:42px;border:0;background:#0060FF;color:#fff!important;text-align:center;line-height:42px;border-radius:4px;display:block;font-size:16px;margin:50px 38px;}
.btn-first:hover{background-color: #0060FF;}
.notic .dv1{height:60px;padding-top:10px;margin-right:10px;}
.notic .dv2{width:97%;padding-top:6px;}
.new-rightsidebar{position: fixed;top: 20%;right: 20px;z-index: 99999;background-color: #fff;box-shadow: 0px 0px 8px #aaa;}
.new-rightsidebarlist li{padding:10px;position:relative;cursor:pointer;}
.new-rightsidebarlist li .cartnum{display:inline-block;min-width:20px;height:20px;border-radius:50%;background:#000;color:#fff;position:absolute;right:10px;top:10px;text-align:center;line-height:20px;}
.new-rightsidebarlist-tip{position:absolute;top:0;right:70px;width:240px;background:#fff;box-shadow: 0px 0px 8px #aaa;box-sizing:border-box;line-height:46px;font-size:14px;color:#222;}
.havelogin{padding:20px;}
.nohavelogin{padding:10px 20px;}
.new-rightsidebarlist-tip a{color:#f90;}
.tipi1{display:inline-block;width:24px;height:24px;background:url(/aivon/static/img/indexV3/i/icon.png) no-repeat 0 0;vertical-align:middle;margin-right:5px}
.tipi2{display:inline-block;width:24px;height:24px;background:url(/aivon/static/img/indexV3/i/icon.png) no-repeat 0 -22px;vertical-align:middle;margin-right:5px}
.tipi3{display:inline-block;width:24px;height:24px;background:url(/aivon/static/img/indexV3/i/icon.png) no-repeat 0 -46px;vertical-align:middle;margin-right:5px}
.tipi4{display:inline-block;width:24px;height:24px;background:url(/aivon/static/img/indexV3/i/icon.png) no-repeat 0 -68px;vertical-align:middle;margin-right:5px}
.triangle-tip{width: 0;height: 0;border: 8px solid transparent;border-top-color: transparent;
border-bottom-color: transparent;border-left-color: #fff;border-right-color: transparent;
position:absolute;top:25px;right:54px;z-index:999
}
.new-rightsidebar a:hover{text-decoration:underline}
.tipbox{padding:10px 20px;line-height:40px;min-height:60px;box-sizing:border-box}
.new-rightsidebarlist li:hover .triangle-tip{display:block}
.new-rightsidebarlist li:hover .new-rightsidebarlist-tip{display:block}
/*.layui-layer-shade{z-index:9999!important}*/
.new-rightsidebar .layui-layer-title{background:#fff;border:0}
.new-rightsidebar .layui-layer-page .layui-layer-content{padding-top:0;padding-left:0px;}
.Recharge-btn{display:block;width:300px;height:40px;background:#0060FF;color:#fff;text-align:center;line-height:40px;margin:30px auto 0;font-size:16px;}
.Amountinput{width:230px;height:40px;font-size:24px;text-align:center;background:#f8f8f8;border:1px solid #ccc;}
.Amountinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: #936d51;
}
.btnAddCart1 .layui-layer-title{background:#fff;border:0}
.btnAddCart1{padding-left:35px;padding-top:10px;}
.btnAddCart1-btn{width:200px;height:40px;text-align:center;line-height:40px;display:inline-block;font-size:16px;}
.btn-ebebeb{background:#ebebeb;color:#000;margin-right:10px}
body .yourclass{border-radius:8px;}
body .yourclass .layui-layer-title{border-radius:8px 8px 0 0;}
.cart-flyer {
position: relative;
z-index: 9999999;
width: 35px;
height: 35px;
-webkit-box-shadow: 0px 0px 10px #999;
-moz-box-shadow: 0px 0px 10px #999;
box-shadow: 0px 0px 10px #999;
}
@media screen and (max-width: 750px) {
.rightsidebar,.addthis-smartlayers,.at-custom-sidebar .at-custom-sidebar-btns{display:none!important}
.contact-mail{width:100%; padding-top:10px;}
.item_news .fontclass img{max-width:90%;margin:auto;display:block;}
.item_news .fontclass span,.item_news .fontclass p{font-size:24px;line-height:26px;}
.bottom-navigation{flex-wrap: wrap; padding-top:20px}
.bottom-navigation dt{margin:3px 0;}
.bottom-navigation dl dd{margin-bottom:0px;line-height:30px}
.bottom-navigation dd a{margin-bottom:0}
.bottom-navigation{padding-bottom:20px}
.notic{height:200px!important}
.n_con>div{width:90%!important;}
.n_con>div:nth-of-type(1){width:8%!important}
.notic .dv1{height:30px;}
.n_con .overnotic{width:20%!important;}
}
.commodity-list .item{float:left}
.cl-c39f68{color:#c39f68;}
.accountshowhide{right:10px;top:70px;z-index:99}
.accountshowhide p{margin-bottom:0!important;line-height:40px!important;color:#222}
.sign-btn{box-sizing:border-box;display:block;font-size:14px;text-align:center;line-height:30px!important;background:#0060FF!important;color:#fff!important}
.accountshowhide .t_user_box .sign-btn:hover{background:#ffad33!important;color:#fff!important}
.join-btn{box-sizing:border-box;margin-bottom:10px;border:1px solid #0060FF!important;display:block;font-size:14px;text-align:center;line-height:30px!important;background:#fceeda!important;color:#f90!important}
/*新头部*/
.joinsign{width: 130px;height: 24px;text-align: center;line-height: 24px;color: #fff;background: #a98142;border-bottom: 1px solid #c19858;border-radius: 4px;cursor: pointer;margin-top: 8px;}
.joinsign a{color: #fff;}
.suggestions{color: #fff;}
.Message{color: #fff;}
.suggestions a{border-right:1px solid #fff;padding:0 15px;}
.Message a{border-right:1px solid #fff;padding:0 15px;}
.account>i{border-right:1px solid #fff;padding:0 15px;position:relative;display:inline-block;height:16px;line-height:16px;box-sizing:border-box;margin-top:25px;}
.account a{color:#Fff}
/*.account:hover .accountshowhide{display:block}*/
.menubox{height:41px;line-height:40px;position: relative;max-width: 1300px;margin: auto;}
.menubox li{cursor: pointer;}
.one-menu>li{float: left;color: #fff;font-size: 16px;padding: 0 20px 0 0;}
.one-menu>li>a:hover{color: #f90;}
.one-menu>li a{display:inline-block;color: #fff;text-decoration: none;font-size:14px;height:40px;box-sizing:border-box}
.one-menu>li a.active{border-bottom:3px solid #0060FF;color:#f90;}
.con-menu{position: absolute;background: #7b5822;left: 0;width: 100%;padding-left: 327px;height:50px;z-index: 100;box-shadow: 0 0 8px #999;}
.one-menu>li>img{vertical-align: middle;margin-left:5px;}
.one-menu>li>.rotateimg{transform: rotate(90deg);width: 8px;}
.one-menu{position:relative}
.vertical-conmenu{padding-left: 65px !important;display: none;height: 270px!important;width: 300px!important;left:645px;}
.vertical-conmenu li a{display:block}
.vertical-conmenu li{float:none!important}
.twokhover{padding-right:35px!important;}
.twokhover>a:hover{color:#f90!important}
.two-menu{position: relative;width: 100%;overflow: hidden;padding-left: 420px}
.two-menu li{color: #c0bcb9;float: left;line-height: 40px;}
.two-menu li a{color: #222;padding:0 25px;}
.two-menu li a:hover{color: #f90;font-weight:600}
.three-menu{position: absolute;left: 250px;top: 0px;width: 420px;padding-left:20px; }
.two-menu li img{width: 8px;margin-top: 20px;}
#magic-line{top:44px;/*display:none!important*/}
.lazy{object-fit: cover;}
.shoppingnumbox{margin-left:15px;padding-top:19px;position:relative}
.Message a{color:#fff}
.Messagenum{white-space: nowrap;display:inline-block;width:20px;height:20px;background:#0060FF;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;left:18px;top:-10px}
.shoppingnum{white-space: nowrap;display:inline-block;width:20px;height:20px;background:#0060FF;text-align:center;line-height:20px;color:#fff;border-radius:50%;position:absolute;right:-15px;top:10px}
.min-top-nav{background: #7b5822;padding:10px 15px;}
.min-top-nav .fr img{width: 30px;display:inline-block;margin:0 15px;cursor: pointer;}
.min-menu{background-image: linear-gradient(90deg, #a07c42 0%, #3c3c3c 60%, #3c3c3c 100%);position:relative;z-index:999}
.notlogin{height:64px;line-height: 64px;padding: 0 15px;}
.minsign-btn,.minjoin-btn{width:40%;display: inline-block;text-align: center;margin: 0 4%; line-height:36px;color: #fff!important;font-size: 14px;}
.minsign-btn{background:#0060FF;border-radius: 4px;}
.cf90{color: #ff9900}
.yeslogin{padding:15px; }
.logintit img{width: 70px;height: 70px;border-radius: 50%;margin-right: 10px;}
.dengji{background: url(/aivon/static/img/hyzs/new/icon_diamond.png) no-repeat 0 -18px;height: 18px;width: 40%}
.minsignout{background:#0060FF;display: inline-block;border-radius: 4px;float: right;padding: 0 15px;height:24px;line-height: 24px;color: #fff!important;margin-top:15px; }
.logintext{width:135px;}
.logintext p{color: #fff;font-size: 16px;}
.yeslogin-menu{border-bottom: 1px solid #545454;}
.yeslogin-menu,.min-menubtn{background: #3c3c3c;padding: 0 15px;}
.yeslogin-menu li,.min-menubtn li{line-height:40px;color: #c9c9c9;font-size: 14px;cursor: pointer;}
.min-menubtn li li{padding-left:1em;}
.yeslogin-menu li img,.min-menubtn li img{width: 8px;display: block;margin-top: 13px;}
.min-menubtn a,.yeslogin-menu a{color:#c9c9c9;display:inline-block;width: 90%;}
.triangle11{
width: 0;
height: 0;
border: 4px solid transparent;
border-top-color: #fff;
border-bottom: none;
border-left-color: transparent;
border-right-color: transparent;
margin-top:-5px;
display:block;
margin: 7px 0 0 4px;
}
.triangle12 {
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
margin:-20px 0 0 230px;position:relative
}
.new-ico2 {
background-image: url(/aivon/static/img/icons180822.png);
background-repeat: no-repeat;
vertical-align: text-bottom;
display: inline-block;
background-size: 160px 251px;
width: 30px;
height: 30px;
background-position: -100px -35px;
}
.pull-left suggestions {
color:#fff
}
.menu-email{padding-bottom: 20px;}
.menu-email span{color: #c39f68;font-size: 16px;padding: 0 10px}
/*.acitve1{background: #333;}
.acitve2{background: #222;padding:0 5px}*/
.rotate12{
transform: rotate(-90deg);
transition: transform .1s ease 0s;
}
.rotate12{
transform: rotate(90deg);
transition: transform .1s ease 0s;
}
.con-menu{background: #fff;color:#f90!important;}
.shoppingnumbox .icon-a-gouwuche_fuzhi_huaban1{
font-size:20px;
}
/* by DG */
@font-face {
font-family: 'iconfont_dg'; /* Project id 2880966 */
src: url('/aivon/static/fontNew/iconfont_dg/iconfont.woff2?v=x1') format('woff2'),
url('/aivon/static/fontNew/iconfont_dg/iconfont.woff?v=x1') format('woff'),
url('/aivon/static/fontNew/iconfont_dg/iconfont.ttf?v=x1') format('truetype');
}
@font-face {
font-family: 'HarmonyOS_Sans';
src: url(/aivon/static/fontNew/HarmonyOS_Sans_Light.ttf);
font-weight: 200;
}
@font-face {
font-family: 'HarmonyOS_Sans';
src: url(/aivon/static/fontNew/HarmonyOS_Sans_Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: 'HarmonyOS_Sans';
src: url(/aivon/static/fontNew/HarmonyOS_Sans_Medium.ttf);
font-weight: 500;
}
@font-face {
font-family: 'HarmonyOS_Sans';
src: url(/aivon/static/fontNew/HarmonyOS_Sans_Bold.ttf);
font-weight:bold;
}
body,input,textarea{font-family:'HarmonyOS_Sans';}
.anmt10{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease;}
.anmt5{transition:all 0.5s ease; -moz-transition:all 0.5s ease; -webkit-transition:all 0.5s ease;}
.anmt3,.pic img,.nheadr21 a,.showNHRM,.portraitsBootom_2,.bnsa,.bnsa:after,p.nc:after,.find_search,.BoxShowPics,.picbox .close,.showAltBox,.showAltBox .box,i.close,i.close:before,.BoxShowPics ul li:after,.member_info,.ecms_list dl,.boxSW_ns .swiper-slide,.boxSUN>div,.boxSUN>div:after,.IllustrateLeft ul li,.boxMenu a,.boxMenu a:after,.boxMenu a:before,.boxMenu>ul>li ul,.boxMenu>ul>li div,.tab-quote li,.alt_box21,.alt_box21 .box,.boxClose,.BoxShowPics .close,.boxalt2021,.boxalt2021 .note,.boxAltNote,.boxAltNote .box,.boxalt2021 .close:after,.boxNote1,.boxNote1 .box,.boxloading,.altFXbox,.altFXbox .box,span.alt,.head_btn,.boxAltCoupon,.boxAltCoupon .n,.pt i,.boxEditQuoteQty,.boxEditQuoteQty ul li:before,.titCertifications>ul,.boxBoardNumberNew,.optionValue>.list,.boxFooter a,.bnShowMenu,.bnShowMenu:before,.bnShowMenu:after,.boxMenu,.bnCheckboxCK:before,.bnCheckboxCK span{transition:all 0.1s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.anmt2,.showAltBox,.showAltBox .box,i.close,i.close:before{transition:all 0.2s ease; -moz-transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
.boximg{max-width:100%!important; height:auto!important;}
.noCkSel,.parameter .increaseNum .calculator i{-moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.boximg{width:100%; display: block;}
.oohid{opacity:0;visibility: hidden;}
.boxW,.boxWx,.boxWs,.boxM{max-width:1300px;margin:auto;position:relative;}
.boxWx{width:1280px}
.boxWs{width:1280px;}
.boxM{max-width:590px;}
.pic{overflow: hidden; display: block;}
.pic img,.IllustrateRight li .pull-left img{display:block; width:100%; height:100%; object-fit:cover;}
.pic:hover img,a:hover .pic img{transform: scale(1.05);}
.font2h,.font3h,.listdiv .commenttext,.boxSW_ns .info p,.list3 .v .text11>p{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box!important; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.font3h{-webkit-line-clamp:3;}
.fontovdd,.confirmOrder dd .ww.ww2 a span,.describe p span.cl_999,.pro_server li p b,.pro_server li p span,.boxSW_ns .info b,.boxMyPR li,#shippingCost,.nheadr21 .IsLogined>a span{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.confirmOrder dd .ww.ww2 a span{line-height:48px;}
.fontsa{font-weight: bold; font-size:16px;}
.boxCLAs:after{content:''; clear: both; display:block; font-size:0; line-height:0; width:0; height:0;}
.ft_d{font-size:20px;}
.tab-quote,.tab-quote li a{font-size:14px;}
.obline_bd{font-size:13px;}
.bkfff{background-color:white}
.bkf9{background-color:#F9F9F9}
.bkN08{background-color:#0060FF}
.bkNE8{background-color:#bbe0ff}
.bkECF{background-color:#ECF4FE}
.bkF2F{background-color:#F2F7FD}
.br8{border-radius:8px}
.pd10{padding:.5em}
.both{overflow: hidden;}
.main_mbRight{margin-left:260px; overflow: hidden;}
.main_mbRight .titnb{font-size:14px; color:#333; line-height:1.4em; font-weight: bold; padding:10px 0;}
.main_mbRight.boxMBR2{padding:1em; background-color:#fff; font-size:20px}
.main_mbRight .tit{padding:0 0 .5em; font-size:.8em; border-bottom:1px solid #eee; margin-bottom:1em}
.main_mbRight #changePwd{max-width:500px; padding:1.5em 0 0}
.bkfcf{background-color:#FCF1E6;}
.boxflxsb{display:flex; justify-content:space-between;}
.boxflxsb.atc{align-items:center}
[v-show],[v-if]{display: none!important;}
.price_btn span{width:200px; line-height:36px; margin:0 auto; text-align:center; cursor:pointer; font-size:14px}
.price_btn span img{position:relative; top:-2px}
.boxCenter{text-align:center;}
/*头部的CSS*/
.max-header{background:#101219; position:fixed; top:0; left:0; right:0; z-index:1000; font-size:20px; height:82px; }
.max-header .logo{float:left; background:url("/aivon/static/img/logo.png") no-repeat center center / contain; width:6.5em; height:2.6em; margin:.8em 0 0 6em;}
/*头部宽度兼容*/
.max-header[data-size='s1']{font-size:18px}
.max-header[data-size='s2'] .boxMenu{left:13em}
.max-header[data-size='s2'] .boxMenu>ul>li>a{padding:.5em}
.max-header[data-size='s2'] .logo,
.max-header[data-size='s3'] .logo{margin-left:1em}
/*隐藏菜单*/
.max-header[data-size='s3'] .bnShowMenu{display:block}
.max-header[data-size='s3'] .boxMenu{opacity:0; top:3.5em; visibility:hidden; width:17em; left:0; z-index:6; padding:0; background-color:#101219; border-radius:0 0 8px 0; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.max-header[data-size='s3'].showMenu .boxMenu{opacity:1; top:4em; visibility:visible}
.max-header[data-size='s3'] .boxMenu>ul>li{padding:0; float:none}
.max-header[data-size='s3'] .boxMenu>ul>li.active{background-color:#101219}
.max-header[data-size='s3'] .boxMenu>ul>li:first-of-type>a,
.max-header[data-size='s3'] .boxMenu>ul>li>a{padding:1em 1.5em; display:block; font-size:14px}
.max-header[data-size='s3'] .boxMenu>ul>li:hover ul{position:static}
.max-header[data-size='s3'] .boxMenu>ul>li>a.m:after{display:none}
/*移动端头部*/
.max-header[data-device='phone']{font-size:14px; position:sticky; top:0; z-index:9}
.max-header[data-device='phone'] .logo{font-size:.8em; margin:1.5em 0 0 1em;}
.max-header[data-device='phone'] .bnShowMenu{font-size:14px; left:10em;}
.bnShowMenu{position:absolute; left:12em; font-size:20px; display:none; width:1.8em; height:1em; border-top:2px solid #0060FF; border-bottom:2px solid #0060FF; cursor:pointer}
.bnShowMenu:after,.bnShowMenu:before{position: absolute; top:50%; margin-top:-2px; right:0; left:0; border-top:2px solid #0060FF; content: ''; display:block}
.showMenu .bnShowMenu{border:0 solid transparent}
.showMenu .bnShowMenu:after{transform: rotate(45deg)}
.showMenu .bnShowMenu:before{transform: rotate(-45deg)}
.boxMenu{position:absolute; top:0; left:14.6em; white-space:nowrap}
.boxMenu>ul>li{float:left; position: relative; padding:1em 0; white-space:nowrap}
.boxMenu>ul>li>a{color:#fff; padding:.5em .7em; display:inline-block; position: relative; font-weight:bold; font-size:16px; white-space:nowrap}
.boxMenu>ul>li>a.m:after{content:'\eca6'; font-family:iconfont_dg; display: inline-block; margin-left:.3em; font-size:.7em}
.boxMenu>ul>li>a.m:hover:after,.boxMenu>ul>li:hover>a.m:after{transform:rotate(180deg);}
.boxMenu li.bk a{display:block; padding:.2em .3em; border-radius:6px; white-space:nowrap}
.boxMenu li.bk a:hover{background-color:#e3f3ff}
.boxMenu li.bk a:before,.boxMenu li.bk a span{display:inline-block; vertical-align:middle;white-space: nowrap}
.active_quate{
color:#0060FF!important;
}
/* .boxMenu li.bk a:before{content:''; width:1.8em; height:1.2em; background:no-repeat center center; margin-right:.5em} */
/* .boxMenu li.bk.ihm_pcb a:before{background-image:url("/aivon/static/img/home/icon_hm_pcb.png")}
.boxMenu li.bk.ihm_pcba a:before{background-image:url("/aivon/static/img/home/icon_hm_pcba.png")}
.boxMenu li.bk.ihm_ppcb a:before{background-image:url("/aivon/static/img/home/icon_hm_ppcb.png")}
.boxMenu li.bk.ihm_fpc a:before{background-image:url("/aivon/static/img/home/icon_hm_fpc.png")}
.boxMenu li.bk.ihm_rfpc a:before{background-image:url("/aivon/static/img/home/icon_hm_rfpc.png")}
.boxMenu li.bk.ihm_smd a:before{background-image:url("/aivon/static/img/home/icon_hm_smd.png")}
.boxMenu li.bk.ihm_cnc a:before{background-image:url("/aivon/static/img/orderonline/quote/cnc.webp")} */
.boxMenu>ul>li ul:not(.baseTop__list),.boxMenu>ul>li div.n{position: absolute; left:0; top:100%; visibility: hidden; opacity:0; background-color: #fff;box-shadow:var(--aiv-shadow-hover,0px 2px 27.7px rgba(89, 114, 179, 0.25)); padding:0 1em 0 1em; border-radius:0 0 .3em .3em; z-index:11;}
.boxMenu>ul>li ul:not(.baseTop__list) a{color:#333; display: inline-block; line-height:2.4em; font-size:.7em;white-space: nowrap;}
.boxMenu>ul>li:hover ul:not(.baseTop__list),.boxMenu>ul>li:hover div.n{visibility:visible; opacity:1; padding:1em;}
/* 新增的 baseTop__content 样式 - 保留下拉功能但不受旧样式影响 */
.boxMenu>ul>li .baseTop__content{
position: absolute; left:-300px; top:100%;
height: 360px;
min-width: 600px;
visibility: hidden; opacity:0;
background-color: #fff; box-shadow:var(--aiv-shadow-hover,0px 2px 27.7px rgba(89, 114, 179, 0.25)); border-radius:0 0 .3em .3em; z-index:11; min-width:400px;}
.boxMenu>ul>li:hover .baseTop__content{visibility:visible; opacity:1;}
.boxMenu-ul>li>a{
padding: .2em .3em;
border-radius: 6px;
transition: all 0.2s;
}
.boxMenu-ul>li>a:hover{
background-color: #E3F3FF;
color: #0060FF;
}
/* 两栏布局容器 */
.baseTop__container{display: flex; gap:0;min-height: 342px;height: 100%;}
/* 左侧导航栏 */
.baseTop__nav{background-color: #EFF5FF; padding:36px; border-radius:.3em 0 0 .3em;background-image: url('/aivon/static/img/home/product-bg.png');
background-position: bottom;
background-repeat: no-repeat;
}
.baseTop__nav-item{display: block; padding:0.8em 0em; border:none; background:none; text-align: left; cursor: pointer; font-size:.7em;
color:#333; transition: all 0.2s;
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 700;
font-size: 14px;
line-height: 22px;
color: #40454C;
min-width: 150px;
text-align: center;
border-radius: 6px;
}
.baseTop__nav-item:hover{background-color: #e8edf3; color:#0060FF;}
.baseTop__nav-item.active{background-color: #fff; color:#0060FF; border-left-color:#0060FF; font-weight: 500;}
/* 右侧内容区域 */
.baseTop__panels{flex:1; padding:0 1em; min-width:320px;}
.baseTop__list{list-style: none; padding:36px 30px; margin:0;}
.baseTop__list-item{padding:0; margin:0;}
.baseTop__list-item a:hover{
text-decoration: underline !important;
}
.baseTop__list-link{ display: inline-block; white-space: nowrap;
text-decoration: none; transition: color 0.2s;
font-family: 'HarmonyOS Sans';
font-style: normal;
font-size: 14px;
line-height: 30px;
/* or 214% */
color: #40454C;
}
.baseTop__list-link:hover{color:#0060FF; text-decoration: none;}
.boxMenu>ul>li:first-of-type>a{padding-left:0;}
.boxMenu>ul>li:first-of-type.active:after{left:0;}
.boxMenu a{position: relative; white-space: nowrap;}
.boxMenu a.hot:before,.boxMenu a.new:before,.boxMenu a.free:before,.boxMenu a.ih24:before{content:''; display: none; background:no-repeat center center / contain; width:34px; height:26px; position:absolute; }
.boxMenu a.hot:before{background-image:url('/aivon/static/img/ico_hot.png'); bottom:60%; right:.5em; width:30px; height:20px; animation:admHotTBTB .5s infinite;}
.boxMenu a.new:before{background-image:url('/aivon/static/img/ico_new.gif'); bottom:50%; right:-.5em}
.boxMenu a.free:before{background-image:url('/aivon/static/img/ico_free.png'); bottom:50%; right:-1.8em; width:31px; height:20px; animation:admHotTBTB .5s infinite;}
.boxMenu a.ih24:before{display:block; background-image:url('/aivon/static/img/ico_ih24.png'); bottom:64%; right:7px; width:30px; height:21px; animation:admHotTBTB .5s infinite;}
.boxMenu a:hover,.boxMenu>ul>li.active>a,.boxMenu>ul>li:hover>a{color:#0060FF!important;text-decoration: none;}
.boxMenu>ul>li div.nm{width:400px; left:-1em; padding-right:1em!important; box-sizing: border-box; font-size:.7em}
.boxMenu>ul>li div.nm:after{content:''; position: absolute; top:2em; left:200px; bottom:2em; border-right:1px solid #eee}
.boxMenu>ul>li div.nm>div{float: left; width:160px; box-sizing: border-box; padding:1em 0 1em 1.5em}
.boxMenu>ul>li div.nm>.mcm2{margin-left:30px;}
.boxMenu>ul>li div.nm>.mcm2 div{display: none;}
.boxMenu>ul>li div.nm>.mcm2 div.on{display: block}
.boxMenu>ul>li div.nm>.mcm2 a{display:block; background-color:#fff}
.boxMenu>ul>li div.nm>.mcm3{width:130px}
/*.boxMenu>ul>li div.nm>.mcm2 a:first-of-type,.boxMenu>ul>li div.nm>.mcm3 a:first-of-type{font-weight: bold;}*/
/*.boxMenu>ul>li div.nm>.mcm2 a:first-of-type{font-weight:bold}*/
.boxMenu>ul>li div.nm>div a{color:#333; display: inline-block; line-height:1.2em; white-space:pre-wrap; padding:.5em 0}
.boxMenu>ul>li div.nm>div a:hover{color:#f90}
.boxMenu>ul>li div.nm>.mcm1{padding:1em 0}
.boxMenu>ul>li div.nm>.mcm1 a{display: block; background-color:#F5F5F5; font-size:14px; line-height:1.2em; padding:.8em 0 .8em .8em; margin-bottom:.5em; color:#333; cursor: pointer; user-select:none; white-space:pre-wrap}
.boxMenu>ul>li div.nm>.mcm1 a:last-of-type{margin-bottom:0;}
.boxMenu>ul>li div.nm>.mcm1 a:hover,
.boxMenu>ul>li div.nm>.mcm1 a.on{background-color:#e3f3ff; color:#0060FF}
.boxMenu>ul>li div.nm>.mcm1.cnc a:before{content:''; background: no-repeat center center / contain; width:26px; height:26px; display: inline-block; vertical-align: middle; margin-right:.5em}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic1:before{background-image: url("/aivon/static/img/cnc/ic1.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic4:before{background-image: url("/aivon/static/img/cnc/ic4.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic2:before{background-image: url("/aivon/static/img/cnc/ic2.png")}
.boxMenu>ul>li div.nm>.mcm1.cnc a.ic3:before{background-image: url("/aivon/static/img/cnc/ic3.png")}
.boxMenu>ul>li div.nm.SPQ{width:520px}
.boxMenu>ul>li div.nm.SPQ:after{left:260px}
.boxMenu>ul>li div.nm.SPQ>.mcm1{width:222px}
.help-center{width:14em; background:#fff; font-size:.8em}
.help-center label{margin-bottom:0; font-weight:500; font-size:.8em}
.help-center .help-center-lable{border-radius:2px; font-weight:500; color:#262626; line-height:1.1em; padding:0; position:relative; display:block; width:auto; margin-top:.3em}
.help-center .help-center-lable i{color:#8C8C8C; font-size:1.2em; margin-left:.4em}
.help-center li{padding:.6em .8em .3em}
.help-center [data-type]{cursor:pointer}
.help-center li[data-type]:hover{background:#F5F5F5}
.help-center li .help-center-title{line-height:1.2em; color:rgba(0,0,0,0.85); font-weight:bold}
.help-center li .help-center-title i{color:#0060FF; margin-right:.4em; font-size:.8em}
.help-center li .help-center-content{line-height:1.2em; font-size:.7em; color:#595959}
#one-menu > li div, #one-menu a {
transition: opacity 0.3s !important;
}
.boxFlx{display:flex; justify-content:space-between; align-items:center}
.boxFlx.g10{gap:10px}
.boxFlx.g1em{gap:1em}
.boxFlx.jcs{justify-content:start}
.bnsa{background-color:#0060FF; color:#fff; border-radius:2em; overflow: hidden; padding:.5em 2em; display:inline-block; position: relative; cursor:pointer; border:1px solid #0060FF; text-align:center; user-select:none}
a.bnsa:focus{color:#fff}
.bnsa.xL{font-size:15px; padding:.7em 3em;}
.bnsa>*{position: relative; z-index:1}
.bnsa span{margin:0!important;}
.bnsa:after{content:''; position: absolute; z-index:0; top:0; left:0; right:0; bottom:0;
-webkit-transform-origin: right center;-moz-transform-origin: right center;-ms-transform-origin: right center;transform-origin: right center;-webkit-transform: scale(0, 1);-moz-transform: scale(0, 1);-ms-transform: scale(0, 1);-o-transform: scale(0, 1);transform: scale(0, 1);-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition: -moz-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);-ms-transition: -ms-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition: -o-transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.bnsa:hover{color:#fff;}
.bnsa:hover:after,.bnsa:focus:after{-webkit-transform-origin: left center;-moz-transform-origin: left center;-ms-transform-origin: left center;transform-origin: left center;-webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.bnsa.close{color:#333; border:1px solid #ccc!important; background-color:#fff;}
.bnsa.close:after{display: none;}
.bnsa.close:hover{color:#0060FF; border-color:#0060FF!important;}
a.bnsa.close:focus{color:#0060FF}
.bnsa.sk{border-radius:.3em;}
.bnsa.tm{background-color: transparent; color:#0060FF; border:1px solid #0060FF; box-sizing: border-box;}
.bnsa.tm:after{display: none;}
.bnsa.tm:hover{background-color:#0060FF; color:#fff;}
.bnsa.b{border:1px solid #0060FF;}
.bnsa.w{border-color:#fff; color:#fff}
.bnsa.w:hover{border-color:#0060FF}
.bnsa.white{border-color:#fff; background-color:#fff; color:#0060FF}
.bnsa.white:hover{border-color:#0060FF; background-color:#0060FF; color:#fff}
.bnsa.white:after{display: none}
.bnsa.br{border:1px solid #fff; background-color:#fff; color:#0060FF; display:inline-block}
/* .bnsa.br:after{background-color:#2064ED} */
/* .bnsa.br:hover{color:#fff} */
.bnsa.br.wtm{border-color:#fff; color:#fff; background-color:transparent}
.bnsa.br2tm{border:2px solid #fff; color:#fff; background-color:transparent}
.bnsa.lv{border:none}
.bnsa.lv:before{content:''; position: absolute; right:0; bottom:0; width:100%; height:100%;
background: -moz-linear-gradient(-35deg, rgba(238,247,244,0) 0%, rgba(51,189,191,0) 70%, rgba(4,175,178,1) 100%);
background: -webkit-linear-gradient(-35deg, rgba(238,247,244,0) 0%,rgba(51,189,191,0) 70%,rgba(4,175,178,1) 100%);
background: linear-gradient(165deg, rgba(238,247,244,0) 0%,rgba(51,189,191,0) 70%,rgba(4,175,178,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eef7f4', endColorstr='#04afb2',GradientType=1 );
}
.bnsa.lv:after{background-color:#00FF96}
.bnsa.lv:hover{border-color:#00FF96; color:#333;}
.i_e79e{display: inline-block;}
.i_e79e:after{content:'\e79e'; font-family: iconfont_dg; display: inline-block; transform: rotate(-90deg); margin-left:1em}
.i_e79e:after{content:'\e79e'; font-family: iconfont_dg; display: inline-block; transform: rotate(-90deg); margin-left:1em}
/* .bnsa.org{border:1px solid #F88E0F; background-color:#F88E0F; color:#FFF!important; display:inline-block} */
/* .bnsa.org:after{background-color:#F9A53F} */
.alt_box21{position: fixed; top:0; left:0; right:0; bottom:0; z-index:999; background-color:rgba(0,0,0,.2); visibility: hidden; opacity:0; font-size:20px;}
.alt_box21 .box{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(.9); width:90%; max-width:800px; box-sizing: border-box; background-color:#fff; box-shadow:rgba(0,0,0,.3) 0 0 1em; padding:1em 2.5em; max-height:90%; -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; -khtml-user-select:none; user-select:none;}
.alt_box21 .box.np{padding:1em 0;}
.alt_box21 .box .cnt{overflow: auto; max-height:500px; padding:0 1em;}
.alt_box21 .box .cnt::-webkit-scrollbar{width:8px; height:8px}
.alt_box21 .box .cnt::-webkit-scrollbar-thumb{border-radius:3px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#999}
.alt_box21 .box .cnt::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#f7f7f7}
.alt_box21 .box .cnt::-webkit-scrollbar-thumb:hover{background:#0060FF}
.alt_box21.on{visibility: visible; opacity:1;}
.alt_box21.on .box{padding:1.5em 2.5em; transform: translate(-50%,-50%) scale(1);}
.alt_box21.on .box.np{padding:2em 0 1em;}
.boxClose{position:absolute; top:.5em; right:.5em; cursor:pointer; line-height:1em; user-select: none}
.boxClose:hover{transform: rotate(90deg); color:#f90;}
.boxClose:after{content:'\e61d'; font-family:iconfont_dg; display: inline-block;}
/* 复选开关 */
.boxCheckboxTF{display:inline-block; border:1px solid #E9E9EB; background-color:#E9E9EB; user-select:none; position:relative; border-radius:3em; width:2.4em; height:1.4em; cursor:pointer}
.boxCheckboxTF:after{content:''; position:absolute; top:.1em; left:.1em; height:1.1em; width:1.1em; background-color:#fff; border:1px solid #ccc; box-shadow:rgba(0,0,0,.1) 2px 2px 3px; border-radius:50%; box-sizing:border-box}
.boxCheckboxTF:hover{border-color:#0060FF !important}
.boxCheckboxTF:hover:after{border-color:#fff}
.boxCheckboxTF.ck{background-color:#0060FF; border-color:#0060FF !important}
.boxCheckboxTF.ck:after{background-color:#fff; border-color:#fff}
.boxCheckboxTF.ck:after{left:50%; background-color:#fff; border-color:#ccc}
.boxCheckboxTF.sc{border-radius:.3em; width:1.4em; border-color:#ccc}
.boxCheckboxTF.sc:after{content:'\e63f'; font-family:iconfont_dg; opacity:0; top:-0.1em; color:#fff; background-color:transparent; border:none; box-shadow:none; border-radius:0}
.boxCheckboxTF.sc.ck:after{opacity:1; left:.1em}
/* 勾选选项 */
.bnCheckboxCK{cursor:pointer; user-select:none}
.bnCheckboxCK:before,.bnCheckboxCK span{display: inline-block; vertical-align: middle;}
.bnCheckboxCK:before{content:'\e63f'; font-family:iconfont_dg; background-color:#fff; color:#fff; line-height:1em; font-size:.8em; width:1em; height:1em; border:2px solid #E6E6E6; border-radius:50%; overflow: hidden; margin-right:.8em; box-sizing: content-box;}
.bnCheckboxCK.on:before{background-color:#0060FF; color:#fff; border-color:#0060FF}
.bnCheckboxCK:hover:before{border-color:#0060FF}
.bnCheckboxCK.on span,.bnCheckboxCK:hover span{color:#0060FF}
.bnCheckboxCK[disabled]{color:#999!important; cursor: no-drop!important;}
.bnCheckboxCK[disabled]:hover:before{border-color:#E6E6E6}
.bnCheckboxCK[disabled]:hover span{color:#999}
/* 公共弹窗 */
.showAltBox{background-color:rgba(0,0,0,.2) !important; position:fixed; top:0; left:0; right:0; bottom:0; z-index:3333 !important; font-size:20px; opacity:0; visibility:hidden; font-family:"Microsoft Yahei", "微软雅黑",Arial,"Harmony_Regular"}
.showAltBox.show{opacity:1; visibility:visible}
.showAltBox>.box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); box-shadow:rgba(0,0,0,.2) 0 0 1em; background-color:#fff; border-radius:5px}
.showAltBox.show>.box{transform:translate(-50%,-50%) scale(1)}
.showAltBox i.boxClose{top:32%; right:1em}
.showAltBox i.close,i.closeX{position:absolute; top:1.7em; right:1.4em; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; font-size:.6em; color:#999; opacity:1; cursor:pointer; font-weight:bold}
.showAltBox i.close:before,i.closeX:before{content:'\e61d'; font-family:iconfont_dg; display:inline-block}
.showAltBox i.close:after{display:none}
.showAltBox i.close:hover:before,i.closeX:hover:before{opacity:.5; transform:rotate(90deg)}
.showAltBox>.box > .n{text-align:left; color:#333; font-size:.7em; line-height:1.6em; padding:1em 2em; word-break:break-all}
.showAltBox>.box > .tit{padding:20px; font-size:.8em; text-align:left}
.showAltBox>.box > .tit b{display:inline-block}
.showAltBox.sh>.box > .tit{padding:10px 20px;}
.showAltBox.sh>.box > i.close{top:1em}
.showAltBox.st .tit{border-bottom:1px solid #eee}
.showAltBox.tit2>.box > .tit{padding:15px 0; margin:0 20px; border-bottom:1px solid #eee}
.showAltBox.tit2 i.close{top:1.4em}
.showAltBox.message{box-shadow:rgba(0,0,0,.2) 0 0 1em; background-color:rgba(0,0,0,.1) !important; z-index:9999999999!important;}
.showAltBox.message .close{display:none}
.showAltBox.message .tit{text-align:center; min-width:14em; border-radius:4px; border:1px solid transparent; display:flex; justify-content:center; align-items:center; gap:1em; padding:1.2em 3em;}
.showAltBox.message .tit b{font-weight:normal}
.showAltBox.message .tit:before{font-family:iconfont_dg; color:#fff; border-radius:50%; width:24px; height:24px; line-height:24px; text-align:center; margin-right:0}
.showAltBox.message>.box{background-color:transparent}
.showAltBox.message>.box>.n{display:none}
.showAltBox.message.t0 .tit{background-color:#F8E9E5; border-color:#f00}
.showAltBox.message.t0 .tit:before{content:'\e61d'; background-color:#f00; font-size:.7em}
.showAltBox.message.t1 .tit{background-color:#F0FBEF; border-color:#4BCD3D}
.showAltBox.message.t1 .tit:before{content:'\e63f'; background-color:#4BCD3D}
.showAltBox.message.t2 .tit{background-color:#F5F0E8; border-color:#C98826}
.showAltBox.message.t2 .tit:before{content:'!';/*\e7f3*/ background-color:#C98826; color:#fff}
.nheadr21{float: right; display:flex; align-items:center; gap:34px; padding-right:80px;}
.nheadr21 a{position: relative;}
.nheadr21 .la{position: relative; display: inline-block}
/*.nheadr21 .la:after{content:''; position: absolute; right:-.3em; top:50%; transform: translate(0,-50%); height:1em; border-right:1px solid #fff;}*/
/*.nheadr21 div.la:after{display: none;}*/
.nheadr21 .la>i,.ifdg{font-family:'iconfont_dg'; margin:0; display: inline-block; font-size:1em; vertical-align:middle;}
.nheadr21 .la>em{position: absolute; top:-10px; right:-10px; font-size:11px; background-color:#FF3535; color:#fff;
border-radius:50%; width:20px; height:20px; line-height:20px; text-align: center;}
.nheadr21 .showNHRM{position: absolute; padding:12px 16px; top:90%; right:0; z-index:10; background-color: #fff;
opacity:0; visibility: hidden;
color:#333; border-radius:.4em; box-shadow:var(--aiv-shadow-hover,0px 2px 27.7px rgba(89, 114, 179, 0.25)); }
.nheadr21 .showNHRM:after{content:'';width:0; height:0; line-height:0; border-bottom:none; border-left:5px solid transparent; border-right:5px solid transparent; border-bottom:7px solid #fff; position: absolute; top:-7px; right:10%;}
.nheadr21 div.la:hover .showNHRM{top:110%; opacity:1; visibility:visible;}
.nheadr21 .language-selector.la .showNHRM{font-size:15px; box-shadow: rgba(0, 0, 0, .2) 0 -3px 10px;z-index:9999}
.nheadr21 .language-selector.la:hover .showNHRM{top:30px}
.nheadr21 #helpcenter{line-height:1em; display:block}
.nheadr21 #helpcenter>*{display:inline-block; vertical-align:middle}
.nheadr21 #helpcenter span{font-size:.8em}
.nheadr21 .show-split-line{padding:.5em 0 .5em 0;z-index: 10;}
.nheadr21 .myCart{border:1px solid #fff; border-radius:50%; padding:0; text-align:center; width:32px; height:32px; color:#fff}
.nheadr21 .bn{display:inline-flex; gap:.5em; vertical-align:center; padding:1em 0}
.nheadr21 .bn .bnsa{font-size:14px; display:block; padding:4px 20px;font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 22px;}
.nheadr21 .bn .logIn:hover{
background-color: #5293FF;
}
.nheadr21 .bn .signUp:hover{
background-color: #0060FF;
border-color: #0060FF;
color:#fff;
}
.nheadr21 #helpcenter_menu{padding:.5em}
.nheadr21 .IsLogined{margin:1em 0; padding:0 1em; background-color:#E5F3F4; border-radius:.4em}
.nheadr21 .IsLogined>*{font-size:.8em}
.nheadr21 .IsLogined>a{line-height:2.5em; display:flex; justify-content:start; align-items:center; position:relative; padding-right:.5em}
.nheadr21 .IsLogined>a i{border:1px solid #0060FF; color:#0060FF; border-radius:50%; font-size:1em; width:1.4em; height:1.4em; text-align:center; line-height:1.4em; margin-right:.5em}
.nheadr21 .IsLogined>a span{min-width:6em; max-width:6em; color:#333}
.nheadr21 .IsLogined>a:after{content:''; position:absolute; top:45%; right:-.3em; width:.5em; height:.5em; border-right:1px solid #666; border-bottom:1px solid #666; transform:translateY(-50%) rotate(45deg)}
.nheadr21 .IsLogined .t_box_tit{font-size:.8em; word-break:break-all}
.nheadr21 .IsLogined .t_box_tit a{background-color:#0060FF; color:#fff; border-radius:5px; padding:0 .5em; display:inline-block}
.nheadr21 .IsLogined .t_box_alist{font-size:.8em; padding:1em 0 0}
.nheadr21 .IsLogined .t_box_alist a{display:block; padding:.6em 0 .6em 20px; color:#0060FF}
.nheadr21 .IsLogined a.wap{display:none!important;}
.bnOldVersion{font-size:.7em; color:#B4B4B4; display:inline-block; cursor:pointer}
.bnOldVersion:hover{color:#0060FF}
.bnOldVersion:before{content:''; background:url("/aivon/static/img/home/icon_up.png") no-repeat center center / contain; width:1em; height:1em; display:inline-block; vertical-align:middle}
.bnOldVersion span{font-size: display:inline-block; vertical-align:middle; margin-left:.5em}
.iconHelp{background:url("/aivon/static/img/home/icon_help.png") no-repeat center center / contain; width:1.2em; height:1.2em; display:inline-block; margin-right:.5em}
.iQuote{display:inline-block; margin-right:.5em!important;}
.iQuote:after{content:'\e620'; font-family:iconfont_dg; display:block}
.user_bottom img{margin:0!important;}
.user_bottom{padding-bottom:0!important;}
.usermsliimgs{overflow: hidden; padding-bottom:10px;}
.usermsliimgs li{float: left; width:20%; box-sizing: border-box; padding:1%; height:100px; cursor: pointer;}
.usermsliimgs li:nth-child(6){display: none;}
.boxBoardNumberNew,.optionValue>.list{display:block; opacity:0; visibility:hidden; position:absolute; top:90%; left:50%; transform:translateX(-50%); width:460px; padding:0 1em; box-sizing:border-box; background-color:#fff; border-radius:.4em; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.boxBoardNumberNew.show,.optionValue>.list.show{top:100%; opacity:1; visibility:visible; padding:1em; z-index:2}
.boxBoardNumberNew ul{display:flex; justify-content:start; flex-wrap:wrap}
.boxBoardNumberNew ul li{width:16%}
.boxBoardNumberNew ul li label{display:block; cursor:pointer}
.boxBoardNumberNew ul li label:hover{color:#0060FF}
.boxBoardNumberNew ul li input{margin-right:.5em}
.boxBoardNumberNew ul li input:checked+span{color:#0060FF}
.boxBoardNumberNew .bn{border-top:1px solid #eee; margin-top:.5em; padding-top:1em; font-size:.8em; display:flex; justify-content:start; align-items:center; flex-wrap:wrap; gap:.5em}
.boxBoardNumberNew .bn .txtSelNum{border:1px solid #ccc; border-radius:3px; width:7em; display:inline-block; padding:.3em .5em; font-size:inherit}
.boxBoardNumberNew .bn .bnsa{line-height:1em}
.boxBoardNumberNew .bn .note{width:100%; line-height:1em}
.optionValue>.list{width:auto}
.BoxShowPics{position:fixed; top:0; right:0; bottom:0; left:0; opacity:0; visibility: hidden; background-color: rgba(0,0,0,.7)!important; font-size:20px;}
.BoxShowPics.on{opacity:1;visibility: visible; z-index:999;}
.BoxShowPics .close{position: absolute; top:.5em; right:.5em; background-color:rgba(255,255,255,.7); font-weight: normal; color:#000; width:1.8em; height:1.8em; line-height:1.8em; text-align: center; opacity:1; border-radius:50%; font-size:.8em;}
.BoxShowPics .close:after{content:'\e61d'; font-family:iconfont_dg;}
.BoxShowPics .close:hover,.boxalt2021 .close:hover:after{opacity:.5; transform: rotate(90deg);}
.BoxShowPics .picbox{max-width:96%; height:calc(97% - (130px + 3%)); overflow: hidden; margin:3% auto 0;}
.BoxShowPics .picbox img{object-fit:contain; width:100%; height:100%; display: block;}
.BoxShowPics ul{position:fixed; left:50%; bottom:10px; text-align: center; max-width:1000px; transform: translate(-50%,0); width:90%;}
.BoxShowPics ul li{display: inline-block; width:16%; height:100px; overflow:hidden; background-color:#0060FF; position: relative;}
.BoxShowPics ul li:after{content:''; border:0 solid #0060FF; position: absolute; top:0; right:0; bottom:0; left:0; opacity:0;}
.BoxShowPics ul li.on:after{border-width: 4px; opacity:1;}
.boxloading{text-align: center; padding:2em 0; font-size:20px; line-height:2em; box-sizing: border-box; width:100%; max-width:100%;}
.boxloading:before,.boxloading.fx.c span:before{content:'\e60f'; font-family: iconfont_dg; display:inline-block; vertical-align:middle; font-size:1.6em; animation:admRT360 2s linear infinite;}
.boxloading:after,.boxloading.fx.c span:after{content:'Loading..'; display: inline-block; vertical-align:middle; color:#666;}
.boxloading.w{background-color:white;}
.boxloading.bw{background-color:rgba(255,255,255,.8);}
.boxloading.fx{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxloading.fx.t{top:0; bottom:0; transform: translate(-50%,0); background-color:rgba(255,255,255,.7);}
.boxloading.fx.c{top:0; left:0; right:0; bottom:0; height:100%; transform: translate(0,0);}
.boxloading.fx.c:after,.boxloading.fx.c:before{display: none;}
.boxloading.fx.c span{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxloading.fx:before,.boxloading.fx:after,.boxloading.fx.c span:before,.boxloading.fx.c span:after{color:#000;}
.boxloading.nodata:before{content:'\e619'; animation:none; transform: scale(1.1);}
.boxloading.nodata:after{content:'No Data'; color:#999; margin-left:.5em; font-weight:lighter; font-family:"Microsoft YaHei", Helvetica, Arial, sans-serif, FreeSans, Arimo}
.boxloading.ov{opacity:0; visibility:hidden;}
.boxloading.nPF14{padding:.5em; font-size:14px;}
.boxTopic{font-size:20px}
.table_li2 .t{display: flex; align-items: center;}
.table_li2 .t img{float: left; margin-right:10px;}
.table_li2 .t span{line-height:1.4em; margin:0;}
.member_main_con.ld{position: relative;}
.member_main_con.ld .member_info{opacity:.3;}
.titsa{font-size:20px; text-align: center;}
.titsa h2{font-size:1.8em;}
.titsa p{font-size:16px; color:#666;}
.titsa p b{color:#333; font-size:1.3em; margin:0 .5em;}
.titsa p em{margin:0 2em;}
.titsa.sd p{font-size:14px;}
.titsa.sp{padding:30px 0 20px}
.boxSuccess{text-align: center; font-size:20px; padding:5em 0;}
.boxSuccess i{font-family:iconfont_dg; border:2px solid #00c250; color:#00c250; font-size:1.5em; border-radius:50%; width:2em; height:2em; text-align: center; line-height:2em; margin:0 auto; display: block;}
.boxSuccess b{display: block; color:#333; margin:.5em 0;}
.boxSuccess p{font-size:.7em;}
.boxSuccess .bnsa{font-size:.7em; margin-top:2em; text-decoration:none;}
.boxSW_ns{font-size:20px; position: relative; padding:0 1.5em;}
.boxSW_ns .swiper-container{padding:1em 0; box-sizing: border-box;}
.boxSW_ns .swiper-slide{background-color:#fff; box-shadow: rgba(0,0,0,.05) 0 0 .3em;}
.boxSW_ns .swiper-slide:hover{box-shadow: rgba(0,0,0,.2) 0 0 .5em;}
.boxSW_ns .pic{display:block; height:13em;}
.boxSW_ns .info{padding:.7em 1em}
.boxSW_ns .info b{font-size:.8em;}
.boxSW_ns .info p{font-size:.7em; color:#666; margin-bottom:.5em;}
.boxSW_ns .info div{color:#666; font-size:.6em;}
.boxSW_ns .info a{float: right; color:#f90;}
.boxSW_ns .info a:hover{color:#BF7300}
.boxSUN>div{position: absolute; top:50%; z-index: 2; transform: translate(0,-50%); background-color:rgba(0,0,0,.5); font-size:1.4em; line-height:2em; border-radius:.1em; cursor: pointer;}
.boxSUN>div.swiper-button-disabled{opacity:.1; cursor:default;}
.boxSUN>div:after{font-family:iconfont_dg; display:inline-block; color:#fff;}
.boxSUN>div:hover:after{color:#000;}
.boxSUN>div.n{left:0;}
.boxSUN>div.p{right:0;}
.boxSUN>div.n:after{content:'\e7be';}
.boxSUN>div.p:after{content:'\e64f';}
.boxAltNote{background-color: rgba(0,0,0,.2)!important; position: fixed; top:0; left:0; right:0; bottom:0; z-index:999!important; font-size:20px; opacity:0; visibility: hidden;}
.boxAltNote.on{opacity:1; visibility: visible;}
.boxAltNote .box{position: absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); box-shadow: rgba(0,0,0,.2) 0 0 1em; background-color:#fff; width:300px;}
.boxAltNote.on .box{transform:translate(-50%,-50%) scale(1)}
.boxAltNote .box>.t{background-color: #f6f6f6; line-height:46px; padding:0 1em; font-size:.8em; color:#000; position: relative;}
.boxAltNote .box>.t:before{content:'\e602'; font-family: iconfont_dg; margin-right:.5em; color:#f90;}
.boxAltNote .box>.t.noicon:before{display:none;}
.boxAltNote i.boxClose{top:32%; right:1em;}
.boxAltNote i.close{position: absolute; top:50%; right:1em; transform: translate(0,-50%); width:1.6em; height:1.6em;line-height:1.6em; text-align: center; font-size:.9em; color:#666; opacity:1; cursor: pointer;}
.boxAltNote i.close:before{content:'\e61d'; font-family: iconfont_dg; display: inline-block;}
.boxAltNote i.close:hover:before{opacity:.5; transform:rotate(90deg);}
.boxAltNote .box>.n{text-align: center; color:#333; font-size:.7em; line-height:1.6em; padding:2em 2em 1.5em; word-break:break-all;}
.boxAltNote .box>.n.textLeft{text-align: left}
.boxAltNote .bn{text-align: center; font-size:.7em; padding-bottom:1em;}
.boxAltNote .bn .bnsa{padding:.4em 1.5em; border:1px solid #0060FF; margin:0 .3em;}
.boxAltNote .bn .bnsa.close{float:none; font-size:inherit; line-height:inherit; opacity:1; text-shadow: none; font-weight: normal;}
.orderdetail td{padding:.1em 1em;}
.boxFY{padding:20px; clear: both; position: relative; overflow: hidden; font-size:0;}
.boxFY.p2{padding:30px 20px;}
.boxFY.c{text-align: center;}
.boxFY.l{float: left;}
.boxFY.r{float: right;}
.boxFY li{display:inline-block; border:1px solid #fc6; border-right:none; padding:.5em 1em; margin:0; cursor:pointer; color:#333; font-size:12px;}
.boxFY li:hover{color:#f90;}
.boxFY li:last-of-type{border-right:1px solid #fc6;}
.boxFY li.on{background-color:#f9f9f9; border-color:#ddd; color:#666; cursor:default;}
.boxFY li.m{padding:.5em;}
.boxFY li.n.on{background-color:#0060FF; border-color:#0060FF; color:#fff;}
/* boxalt2021 */
.boxalt2021,.boxalt2021n{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999!important; background-color: rgba(0,0,0,.2)!important; opacity:0; visibility: hidden; font-size:20px;}
.boxalt2021 .close{position: absolute; top:0; right:0; color:#fff; font-size:.8em; text-align: center; width:1.4em; height:1.4em; line-height:1.4em; background-color:#000; border-radius:0 0 0 10px; cursor: pointer; opacity:1; display: none;}
.boxalt2021 .close:after{content:'\e61d'; font-family: iconfont_dg; display: block; font-size:.8em;}
.boxalt2021 .note{position:absolute; top:50%; left:40%; transform: translate(-50%,-50%); font-size:20px; border-radius:5px; background-color:rgba(0,0,0,.7); color:#fff; min-width:9em; text-align: center; box-sizing:border-box; padding:1.5em 1em; overflow: hidden;}
.boxalt2021.on,.boxalt2021n.on{opacity:1; visibility: visible;}
.boxalt2021.on .note{left:50%;}
.boxalt2021 .icon{display:none; font-size:2em; line-height:1em; padding:.2em 0;}
.boxalt2021 .icon:after{font-family:iconfont_dg; display: block;}
.boxalt2021 .icon.l:after{content:'\e60f'; font-size:2em; animation:admRT360 2s linear infinite;}
.boxalt2021 .icon.s:after{content:'\e600'; font-size:1.5em; color:limegreen;}
.boxalt2021 .icon.e:after{content:'\ebb3'; font-size:1.2em; color:#f30;}
.boxalt2021 .icon.w{padding:.1em 0; display:none;}
.boxalt2021 .icon.w:after{content:'\e650'; font-size:1.3em; text-align: center; margin:0 auto; padding-left:.1em; box-sizing:border-box; line-height:1.4em; width:1.4em; height:1.4em; color:#000; border-radius:50%; background-color:#0060FF;}
.boxalt2021 .text{font-size:.7em; display: block; max-width:180px;}
/* 公共 altFXbox */
.boxNote1,.altFXbox{position: fixed; top:0; left:0; right:0; bottom:0; background-color: rgba(0,0,0,.2)!important; font-size:20px; opacity:0!important; visibility: hidden; z-index:999!important;}
.boxNote1 .box,.altFXbox .box{position:absolute; top:50%; left:50%; transform: translate(-50%,-50%) scale(.9); max-width:560px; background-color:#fff; border-radius:.5em; padding:.5em 1em 1em;}
.boxNote1.on,.altFXbox.on{opacity:1!important; visibility:visible;}
.boxNote1.on .box,.altFXbox.on .box{transform: translate(-50%,-50%) scale(1);}
.boxNote1 .box .boxClose{padding:.4em .5em .4em;}
.boxNote1 .box .t{border-bottom:1px solid #ccc; line-height:2.6em; font-size:.9em;}
.boxNote1 .box .n{padding:1em 0; font-size:.7em; color:#333;}
.boxNote1 .box .n em{text-transform: Capitalize;}
.boxNote1 .box .n p{color:#000; padding:.2em 0; margin:0;}
.boxNote1 .box .bn{text-align: center;}
.boxNote1 .box .bn em{line-height:38px; display:block; margin-right:2em; font-size:.8em; color:#f90;}
.boxNote1 .box .bn .bnsa{font-size:.7em; margin-right:1em; border:1px solid #0060FF;}
.formADD .addcls{padding-left:130px;position: relative; font-size:15px; margin-bottom:1em;}
.formADD .addcls label{position:absolute; left:0; top:0; line-height:2em; width:120px; text-align: right;}
.formADD .addcls .addmore{position:absolute; left:130px; top:0; right:0; display: none; z-index: 2; border:1px solid #ccc; background-color:#fff; border-radius:.5em; box-shadow:rgba(0,0,0,.15) 0 0 1em; padding-bottom:1em;}
.formADD .addcls .addmore .chosen-search{}
.formADD .addcls .addmore input{border:none; border-bottom:1px solid #ccc; border-radius:.5em .5em 0 0;}
.formADD .addcls .sel{max-height:100px; overflow-y: auto; padding:.5em 1em;}
.formADD .addcls .sel li{font-size:13px;}
.formADD .addcls input,.formADD .addcls textarea{width:100%; border:1px solid #ccc; border-radius:.5em; font-size:15px; line-height:2em; padding:0 1em; box-sizing: border-box;}
.formADD .chosen-search:after{content:'\e655'; font-family:iconfont_dg; position:absolute; top:0; right:.7em; pointer-events:none; line-height:2em;}
.formADD .morestyle{background-color:#0060FF; color:#fff; border-radius:.5em; font-size:12px; margin-left:1em; line-height:1.6em; padding:0 1em;}
.formADD .bn{text-align: center; font-size:16px; padding:.5em 0 1em;}
.el-button.el-button--AIVON{color:#FFF; background-color:#0060FF; border-color:#0060FF;}
.el-button.el-button--AIVON:active{background-color:#0060FF!important;}
.el-button.el-button--AIVON:hover,.el-button.el-button--AIVON:focus{color:#FFF; background-color:#0060FF; border-color:#0060FF;}
.el-button.el-button--AIVON-c:hover,.el-button.el-button--AIVON-c:focus{color:#0060FF; background-color:#e3f3ff; border-color:#0060FF;}
.BoxAddAddress .el-select .el-input.is-focus .el-select__caret{}
.el-select .el-input .el-select__caret.is-reverse.el-icon-arrow-up:before,.ricSoso .is-focus .el-input__icon:before{content:'\e655';font-family: iconfont_dg; color:#666; font-size:18px;}
.altSP21box .box{width:94%; max-width:900px; text-align: center;}
.altSP21box b.t{font-weight:normal; display: block; text-align: center; padding:1em 0 .5em; color:#333;}
.altSP21box b.t a{color:#B16A00; text-decoration: underline;}
.altSP21box b.t a:hover{color:#f90;}
.altSP21box ul{max-width:840px; margin:0 auto; overflow: hidden;}
.altSP21box li{float: left; margin:0 .5em .5em;}
.altSP21box .bn{text-align: center; padding:1em 0 0; clear: both; font-size:.8em;}
.altSP21box .bn .bnsa{padding:.5em 4em;}
.points21box.t{font-size:1.4em; margin:.2em .5em; display: inline-block}
.points21box.b b{line-height:1.4em; margin-top:.3em;}
.points21box.b:after{height:2.6em;}
.points21box p{background-color:#FDF0D2; clear: both; border-radius:.3em; text-align: center; font-size:.5em; padding-bottom:1em; line-height:1em;}
.points21box{width:13em; position: relative; color:#BA7220; overflow: hidden; background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjYwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMjYwIDgwIj4NCiAgPGRlZnM+DQogICAgPGxpbmVhckdyYWRpZW50IGlkPSJsaW5lYXItZ3JhZGllbnQiIHgxPSItMC4wOTMiIHkxPSItMC4xMDEiIHgyPSIxIiB5Mj0iMSIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giPg0KICAgICAgPHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmRmM2RhIi8+DQogICAgICA8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmZGYwZDEiLz4NCiAgICA8L2xpbmVhckdyYWRpZW50Pg0KICA8L2RlZnM+DQogIDxwYXRoIGlkPSLlh4/ljrtfMTUiIGRhdGEtbmFtZT0i5YeP5Y67IDE1IiBkPSJNMjY4LDgwSDE2YTQuMDA1LDQuMDA1LDAsMCwxLTQtNFY0OGExMCwxMCwwLDEsMCwwLTIwVjRhNCw0LDAsMCwxLDQtNEgyNjhhNCw0LDAsMCwxLDQsNFYyOGExMCwxMCwwLDEsMCwwLDIwVjc2QTQsNCwwLDAsMSwyNjgsODBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMTIgMCkiIGZpbGw9InVybCgjbGluZWFyLWdyYWRpZW50KSIvPg0KPC9zdmc+DQo=") no-repeat top center / contain; text-align:left}
.points21box:after{content:''; position: absolute; top:.5em; height:3em; left:5em; border-right:1px dashed #F3C998;}
.points21box b{float: left; font-size:2em; font-weight:normal; width:2.6em; line-height:2em; text-align: center; letter-spacing:-.06em;}
.points21box div{margin-left:5em; padding:.8em 0 0 .4em;}
.points21box div span{font-size:.8em; display: block;}
.points21box div em{font-size:.7em; display: block;}
.boxScrollbar::-webkit-scrollbar{width:8px; height:1px}
.boxScrollbar::-webkit-scrollbar-thumb{border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.1); background-color:#ccc;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}
.boxScrollbar::-webkit-scrollbar-track{border-radius:10px; background:#f6f6f6}
.bnQuote{height:28px; color:#666; border:1px solid #ddd; margin-right:5px; font-weight:400; cursor:pointer; margin-bottom:5px; line-height:26px; background:#fff; border-radius:2px; position:relative; min-width:112px; text-align:center; white-space:nowrap; padding:0 1em; display:inline-block;}
.bnQuote:hover,.bnQuote.on{border-color:#0060FF; color:#333;}
.bnQuote.on{background:#e3f3ff}
.bnQuote.on:after{content:''; background:url(/aivon/static/img/lu/new/pcb/icons.png) no-repeat -106px -365px; width:16px; height:16px; position:absolute; bottom:-1px; right:-1px; vertical-align:middle; display:inline-block; }
/* 老客升级 icon */
.i_upcpn{font-size:20px; position: fixed; z-index:99; right:1em; bottom:16%;}
.i_upcpn *{display: block;}
.i_upcpn a{background: url("/aivon/static/img/newindex/i_rocket.png") no-repeat center center / cover; width:6em; height:6.3em; position:relative; margin:0 auto;}
.i_upcpn i{top:105%; left:40%; right:auto;}
.i_upcpn i:after{font-size:.6em; width:2em; height:2em; line-height:2em; text-align: center; color:#fff; background-color:rgba(0,0,0,.5); border-radius:50%;}
.i_upcpn span{color:#fff; font-size:.6em; border-radius:2em; position:relative; text-align:center; width:10em; line-height:2.6em; background-color:#FEAA57; overflow:hidden;}
.i_upcpn span em{position:relative; z-index:2;}
.i_upcpn span:after{
content:''; position: absolute; top:0; left:0; bottom:0; width:22em; z-index:1; animation:admRtL 2s linear infinite;
background-image: -moz-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
background-image: -webkit-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
background-image: -ms-linear-gradient( 0deg, #FEAA57 0%, rgb(254,82,30) 50%, #FEAA57 100%);
}
.titaltxmsg{position: relative;}
.titaltxmsg span.alt{position: absolute; right:0; top:90%; z-index: 1; font-weight: normal!important; color:#333!important; background-color:#fff; border:1px solid #ccc; border-radius:.5em; padding:.5em 1em; visibility: hidden; opacity:0; text-align: left; line-height:1.2em; box-shadow: rgba(0,0,0,.1) 0 .5em .5em;}
.titaltxmsg:hover span.alt{opacity:1; visibility: visible; top:100%;}
i.i_w{background-color:#0060FF; border-radius:50%; text-align:center; cursor:pointer; width:1.2em; height:1.2em; line-height:1.2em; margin:0 .3em; display:inline-block;}
i.i_w:after{content:'?'; display:inline-block; color:#fff; font-weight:normal;}
.liBoxCPr{background:url("/aivon/static/img/MemberNew/member/bkCP_R.png") no-repeat center center / cover; height:74px; color:#fff; position: relative; max-width:280px; margin:1em auto}
.liBoxCPr.hv{cursor: pointer}
.liBoxCPr>div{position: absolute; top:50%; transform: translate(0,-50%)}
.liBoxCPr .t{left:0; text-align: center; width:90px}
.liBoxCPr .t b{display: block; font-size:18px}
.liBoxCPr .t span{font-size:14px}
.liBoxCPr .n{left:94px; color:#333; padding:0 1.2em}
.liBoxCPr .n p{font-size:13px}
.boxformLR{max-width:600px; margin:2em auto; position: relative}
.boxformLR .boxloading{z-index:9}
.boxformLR .el-input__inner{line-height:34px; height:34px}
.boxformLR .el-form-item__error{padding:0}
.boxformLR .bnct{text-align:center;}
.boxformLR .bnct .el-button{margin:0 .5em 1em; padding:.8em 3em}
.boxformLR .bnct p{color:#B16a00}
.boxformLR .el-form-item{margin-bottom:1em}
.boxformLR .el-form-item__label{width:200px; color:#333}
.boxformLR .el-form-item__content{margin-left:200px}
.boxformLR .el-select{display:block}
.boxformLR .el-radio__inner,.boxformLR .el-checkbox__inner{border:1px solid #0060FF; width:1.3em; height:1.3em; display: block}
.boxformLR .el-radio__input.is-checked .el-radio__inner{border-color:#0060FF; background-color:#fff}
.boxformLR .el-radio__inner::after{background-color:#0060FF; width:.75em; height:.75em}
.boxformLR .el-radio__input.is-checked+.el-radio__label,.boxformLR .el-checkbox__input.is-checked+.el-checkbox__label{color:#0060FF}
.boxformLR .el-checkbox{font-size:20px}
.boxformLR .el-checkbox__input.is-focus .el-checkbox__inner{border-color:#0060FF}
.boxformLR .el-checkbox__input.is-checked .el-checkbox__inner,.boxformLR .el-checkbox__input.is-indeterminate .el-checkbox__inner{background-color:#0060FF; border-color:#0060FF}
.boxformLR .el-checkbox__inner{width:.9em; height:.9em}
.boxformLR .el-checkbox__inner::after{top:1px; left:5px; height:10px; width:5px}
.boxformLR .el-select .el-loading-mask{background-color: rgba(255,255,255,.3)}
.boxformLR .el-select .el-loading-mask .el-loading-spinner .circular{width:1.4em; height:1.4em; margin-top:.8em}
.ricSoso .el-input__icon:before{content: "\e6e1";}
.el-select.ricSoso .el-input.is-focus .el-select__caret{-webkit-transform:rotateZ(0); transform:rotateZ(0)}
.boxStepA{display:flex;flex-flow:row; max-width:880px; margin:4em auto 0;}
.boxStepA li{width:100%; position: relative;}
.boxStepA li:after{content:''; background-color:#E9E9F0; height:8px; position: absolute; top:1em; left:0; right:0; z-index:0;}
.boxStepA li:first-of-type:after{border-radius:8px 0 0 8px}
.boxStepA li:last-of-type:after{border-radius:0 8px 8px 0}
.boxStepA li i{display:block; position: relative; z-index:1; background-color:#E9E9F0; font-size:1.2em; color:#fff; text-align:center; border-radius:50%; width:2em; height:2em; line-height:2em; margin:0 auto}
.boxStepA li span{display:block; color:#E9E9F0; font-size:1.4em; text-align:center; margin-top:.3em}
.boxStepA li.ov:after,.boxStepA li.ov i{background-color:#e3f3ff}
.boxStepA li.ov span{color:#e3f3ff}
.boxStepA li.on:after,.boxStepA li.on i{background-color:#0060FF}
.boxStepA li.on span{color:#0060FF}
.boxThreeSignIN .li{padding:0.5em 0; text-align:center;}
.boxThreeSignIN .li.txt{display: none}
.boxThreeSignIN .li>*{display:inline-block; width:40px; height:40px; overflow: hidden; vertical-align:middle;margin:0 5px}
.boxThreeSignIN .bn_login_fb{position: relative;width: 40px;}
.boxThreeSignIN .bn_login_fb:before{content:'\eb8d'; color:#1877f2; font-size:38px; box-shadow:rgb(0 0 0 / 10%) 0 3px 3px; font-family:iconfont_dg; position:absolute; top:1px; left:0; border-radius:50%; width:1em; height:1em; line-height:1em; pointer-events:none;}
.boxThreeSignIN .fb_iframe_widget{opacity:0;}
.boxTitBQ{position: relative; margin:10px 0 0; }
.boxTitBQ.c{text-align: center}
.boxTitBQ span{display: inline-block; padding:0 1em; background-color:#fff; color:#999; font-size:14px; position: relative; z-index:1;}
.boxTitBQ:after{content:''; position: absolute; z-index:0; top:50%; left:0; right:0; transform: translateY(-50%); border-bottom:1px solid #E6E9ED}
.el-upload:focus .el-upload-dragger,.el-upload--picture-card:hover{border-color:#0060FF!important;}
.boxCncQuote textarea:focus{border-color:#0060FF;}
.el-textarea__inner{padding-bottom:1em!important;}
.el-textarea .el-input__count{background-color:transparent!important; line-height:1em!important;}
.iconBoxC{width:14px; height:14px; display: inline-block; position: relative; top:2px; margin-left:8px;}
.iconBoxC:before,.iconBoxC:after{content:''; background:url("/aivon/static/img/icon_box25.png") no-repeat; position: absolute; left:0; right:0;}
.iconBoxC:before{background-position:center top; top:0; height:6px; animation:admIconBox25_t 1s linear infinite;}
.iconBoxC:after{background-position:center bottom; bottom:0; height:8px;}
.boxQuote2022 *::-webkit-scrollbar{width:8px; height:8px}
.boxQuote2022 *::-webkit-scrollbar-thumb{border-radius:3px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#999}
.boxQuote2022 *::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background:#f7f7f7}
.boxQuote2022 *::-webkit-scrollbar-thumb:hover{background:#0060FF}
.anmt3,.listSPC_sel,.listSPC_sel ul{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.boxDF{display: flex;}
/* 国家选择下拉框 */
.boxSelSPC{font-size:20px; position:relative; margin:0 auto; width:300px; padding-bottom:8px;}
.boxSelSPC .ipt{position: relative;}
.boxSelSPC .ipt:before{content:'\e655'; font-family: iconfont_dg; opacity:.7; position: absolute; top:50%; left:.5em; font-size:.8em; transform: translateY(-50%);}
.boxSelSPC .ipt:after{content:'\eca6'; font-family: iconfont_dg; position: absolute; top:50%; right:.5em; font-size:.7em; transform: translateY(-50%);}
.boxSelSPC #shippingCost{font-size:16px; border:1px solid #ccc; padding:.3em 1.2em .3em 2em; border-radius:.3em; width:100%; display: block; box-sizing: border-box;}
.boxSelSPC #shippingCost:focus{outline-color:#f90;}
.listSPC_sel{position: absolute; top:100%; left:0; opacity:0; z-index: 2; visibility: hidden; background-color:#fff; border:1px solid #ccc; border-radius:.3em; max-width:100%; box-shadow: rgba(0,0,0,.2) 0 -3px 10px;}
.listSPC_sel:after{content:''; position: absolute; top:-6px; left:14px; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:7px solid #fff;}
.listSPC_sel.show{opacity:1; visibility: visible;}
.listSPC_sel ul{padding:0; margin:0; max-height:300px; overflow-y: auto;}
.listSPC_sel li{font-size:.7em; cursor:pointer; list-style: none; padding:.5em 1em; white-space: nowrap; display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap;}
.listSPC_sel li:hover{background-color:#f5f5f5;color:#f90;}
.listSPC_sel li.on{color:#f90; font-weight: bold;background-color:#f5f5f5;}
.boxAltNote .box.boxAltUploadFiles{width:680px; max-width:100%;}
.boxAltNote .box.boxAltUploadFiles .n{padding:2em 4em 1em;}
.boxAltUploadFiles .bnsa{font-size:16px!important; padding:.4em 3em!important;}
.boxAltUploadFiles .t{z-index: 4;}
.boxAltUploadFiles .boxloading{z-index:3;}
.boxAltUploadFiles .upfileInfo{background-color:#F7F6F4; border:1px solid #FFD08A; padding:1.5em 1em 1em; position: relative;}
.boxAltUploadFiles .upfileInfo .fileInfo{color:#f90; display: none; font-size:1.2em;}
.boxAltUploadFiles .upfileInfo .fileInfo:before{content:'\e604'; font-family: iconfont_dg; margin-right:.5em;}
.boxAltUploadFiles .upfileInfo .bnsaUpFile{font-weight: bold; padding:.6em 3em!important;}
.boxAltUploadFiles .upfileInfo p{font-weight: bold; color:#333}
.boxAltUploadFiles .upfileInfo #altUFBarID{position: absolute; left:0; bottom:0; width:0; height:5px; background-color:#0060FF; z-index:4;}
.boxAltUploadFiles .note{line-height:2em; margin-top:.3em; text-align: left; color:#999}
.boxAltNote.boxAltDelOrder .n{padding-top:1em}
.boxAltDelOrder .box{width:400px; border-top:4px solid #0060FF}
.boxAltDelOrder .note{line-height:1.4em; text-align: left; color:#999;}
.boxAltDelOrder .delReason{border:1px solid #ccc; width:100%; display: block; padding:.3em .5em; border-radius:.3em; margin:1em 0 .5em}
.mbIsVerified{display: none; font-size:12px; line-height:1em; color:#333; border-radius:2em; padding:.3em 1em}
.portraitsTop .memberNo{margin:0}
.mbIsVerified span{display: inline-block}
.mbIsVerified.ov{background-color:#F5E2A4; display: inline-block!important;}
.mbIsVerified.ov:before,.mbIsVerified.nv:after{display:inline-block; vertical-align:middle}
.mbIsVerified.ov:before{content:''; background:url("/aivon/static/img/icon_vip.png") no-repeat center center / cover; width:12px; height:12px; margin-right:.5em}
.boxAltCoupon{position: fixed; top:0; right:0; bottom:0; left:0; z-index:9999; background-color:rgba(0,0,0,.4); font-size:20px; opacity:0; visibility:hidden; transform: scale(1.05); user-select: none}
.mbIsVerified.nv{display: inline-block!important;}
.mbIsVerified.nv:after{content:''; background:url("/aivon/static/img/icon_coupon.png") no-repeat center center / cover; width:21px; height:14px; margin-left:.5em; animation:admIconBox25_t 1s linear infinite;}
.mbIsVerified.nv span{text-decoration-line:underline}
.boxAltCoupon *{padding:0; margin:0}
.boxAltCoupon.show{opacity:1; visibility:visible; transform: scale(1)}
.boxAltCoupon .n{position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);}
.boxMonthlyCoupon .n{background: url("/aivon/static/img/bk_MonthlyCoupon.png") no-repeat center top; width:23.5em; height:21.1em;}
.boxMonthlyCoupon .n ul{padding:8.2em 0 .5em .8em; width:11.1em; height:7.4em; margin:0 auto; box-sizing: content-box!important;}
.boxMonthlyCoupon li{position:relative; background: url("/aivon/static/img/bk_MonthlyCoupon_li.png") no-repeat; height:3.5em; padding-right:.8em; margin-bottom:.2em; cursor:pointer}
.boxMonthlyCoupon li.on:after{content:'\e607'; font-family:iconfont_dg; position: absolute; right:.3em; bottom:.1em; color:#FE3E21;}
.boxMonthlyCoupon li .m{float: left; font-size:1.5em; color:#F9F2CB; line-height:1em; width: 2.5em; text-align: center; padding-top: .6em;}
.boxMonthlyCoupon li .m:before{content:'$'; display: inline-block; font-size:.4em; font-weight: normal; line-height:1em;}
.boxMonthlyCoupon li div{margin-left:4em; color:#DD200C}
.boxMonthlyCoupon li div b{font-size:.7em; display: block; padding:.6em 0 0; line-height:1.1em;}
.boxMonthlyCoupon li div p{font-size:.4em; line-height:2em; border-bottom:1px solid #DD200C; margin:0}
.boxMonthlyCoupon li div p:last-of-type{border-bottom:none}
.boxMonthlyCoupon .note{text-align:center; width: 11.1em; margin: 0 auto; color:#fff; padding-top:.4em}
.boxMonthlyCoupon .note>b{font-size:.7em; line-height:1.5em; display: block}
.boxMonthlyCoupon .note>p{font-size:.5em; line-height:1em; padding-bottom:.4em}
.boxMonthlyCoupon .note span.bn{color:#811409}
.boxMonthlyCoupon .note a.bn{color:#DD200C}
.boxMonthlyCoupon .note .bn:hover{opacity:.7}
.boxMonthlyCoupon .note .bn,.boxNMCoupon .bn{display: inline-block; font-size:.7em; line-height:2em; font-weight: bold; text-decoration-line: none; cursor: pointer; padding:0 1em; border-radius:2em;
background: #ffba8b;
background: -moz-linear-gradient(top, #fff1d2 0%, #ffba8b 100%);
background: -webkit-linear-gradient(top, #fff1d2 0%,#ffba8b 100%);
background: linear-gradient(to bottom, #fff1d2 0%,#ffba8b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff1d2', endColorstr='#ffba8b',GradientType=0 );
}
.boxAltCoupon .closeMC{position: absolute; left:50%; bottom:-1.6em; transform: translate(-50%,0); cursor:pointer; border:1px solid #fff; color:#fff; border-radius:50%; width:1.6em; height:1.6em; line-height:1.6em; text-align:center}
.boxAltCoupon .closeMC:after{content:'\e61d'; font-family: iconfont_dg; display:block; font-size:.7em;}
.boxAltCoupon .closeMC:hover{opacity:.7; transform:translate(-50%,0) rotate(90deg)}
.boxNMCoupon{overflow: auto; font-size:15px}
.boxNMCoupon .n{background: url("/aivon/static/img/bk_newMCoupon.png") no-repeat center top / cover; width:100%; max-width: 35.1em; min-height:43.1em;}
.boxNMCoupon .note{color:#fff; position: absolute; top:19em; left:6em;}
.boxNMCoupon .note p{font-size:1.3em; font-weight: bold; line-height:2em;}
.boxNMCoupon .note p b{font-size:1.5em; color:#fbf935}
.boxNMCoupon .bn{position: absolute; left:50%; bottom:1.2em; width:10em; transform: translateX(-50%); font-size: 1.6em; color:#f7760e; text-align: center}
.boxNMCoupon .bn:hover{opacity:.8}
.noteFPIS{font-size:12px;color: #7B5822;line-height:1em;display: block;padding: .7em 0 0;clear:both;}
.boxQuoteRightInfo .noteFPIS{clear: none;}
.boxMemberIndexTipCounp{background-color:#FFE5BE; color:#f90; font-size:20px; padding:.5em 1em; position: relative;}
.boxMemberIndexTipCounp:before{content:'\e63f'; font-family: iconfont_dg; color:#fff; background-color:#FEB954; border-radius:50%; width: 1.3em; height: 1.3em; display: inline-block; text-align: center; line-height: 1.3em; margin-right:.5em}
.boxMemberIndexTipCounp span{font-size:.8em; display: inline-block; line-height:1.4em; font-weight:normal}
.boxMemberIndexTipCounp a{color:#f90!important; text-decoration: underline; font-weight: bold}
.boxMemberIndexTipCounp a:hover{opacity:.7;}
.boxMemberIndexTipCounp i.boxClose{top:50%; right:1em; transform:translateY(-50%);}
.boxMemberIndexTipCounp i.boxClose:hover{transform:translateY(-50%) rotate(90deg);}
/*拼版信息*/
.boxShowPanelizationDetail{position: absolute; z-index:9; top:0; left:50%; width:410px; height:260px; opacity:0; visibility: hidden; background-color:#fff; padding:15px; border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; box-shadow: rgba(0,0,0,.1) 0 0 15px}
.boxShowPanelizationDetail.show{top:0; opacity:1; visibility:visible}
.boxShowPanelizationDetail .cl-7B5822{color:#7B5822}
.boxShowPanelizationDetail .cl-b16a00{color:#b16a00}
.boxShowPanelizationDetail .imposition-requires-presentation {margin-top: 3px;padding-left: 7px;}
.boxShowPanelizationDetail .jpsettipsbox{height: 30px;line-height: 28px;padding: 0 10px;background: #FFF7ED;border: 1px solid #0060FF;color: #999;}
.boxShowPanelizationDetail #informationpinban{position: fixed; top: 100px; left: 50%; z-index:-999; padding: 30px 20px; background-color: #fff;border: 1px solid #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; overflow: hidden;opacity:0;}
.boxShowPanelizationDetail .imposition-information{ padding:0 0 15px 10px; background-color: #fff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; position: relative}
.boxShowPanelizationDetail .imposition-information .panel-x{width: 200px;}
.boxShowPanelizationDetail .imposition-information .panel-x .number {position:relative;text-align:center;border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;line-height:18px;height:18px;}
.boxShowPanelizationDetail .imposition-information .panel-x .number:after {position:absolute;left:0;top:9px;width:100%;height:1px;background-color:#d7d7d7;content:"";}
.boxShowPanelizationDetail .imposition-information .panel-x .number span {position:relative;z-index:1;padding:0 9px;line-height:18px;background:#fff;text-align:center;color:#999;}
.boxShowPanelizationDetail .imposition-information .panel-y {position:absolute;right:0px;top:55px;width:28px;}
.boxShowPanelizationDetail .imposition-information .panel-y .number {position:relative; height:auto; text-align:center;border-top:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7; z-index: 999;}
.boxShowPanelizationDetail .imposition-information .panel-y .number:after {position:absolute;left:14px;top:0;width:1px;height:100%;background-color:#d7d7d7;content:"";}
.boxShowPanelizationDetail .imposition-information .panel-y .number span {display:block;position:relative;top:50%;margin-top:-19px;z-index:1;background:#fff;text-align:center;color:#999;}
.boxShowPanelizationDetail .imposition-information .panel-item{width: 241px;}
.boxShowPanelizationDetail .imposition-information li{overflow: hidden; font-size: 0;}
.boxShowPanelizationDetail .imposition-information .item{display: block;background-color:#05b302; border-right:1px dashed #ccc; border-bottom:1px dashed #ccc;}
.boxShowPanelizationDetail .imposition-information .edgerailwidth{background-color: #0c3a0c;}
.boxShowPanelizationDetail .imposition-informationExample .panel-height{float: right}
.boxShowPanelizationDetail .imposition-information-item .note{padding-bottom:5px;}
.wen_tip{width: 16px; height: 16px; background: url(/aivon/static/img/onlineNew/wen.png) no-repeat center; float: right; vertical-align: sub}
.wen_tip.in{float: none; display: inline-block}
/* 订单详情 */
.boxProductsDetail{font-size:20px; max-width:1500px; margin:0 auto; padding:2em .5em 4em}
.boxProductsDetail>p{padding:1em 0 .5em; font-size:.8em}
.boxProductsDetail>p:first-of-type{padding-top:0}
.boxProductsDetail>ul{font-size:.6em; display: flex; flex-wrap: wrap; border:1px solid #f0f0f0;}
.boxProductsDetail>ul>li{width:33.333%; display: flex; float: left}
.boxProductsDetail>ul>li:hover{background-color:#f9f9f9;}
.boxProductsDetail>ul>li>b{width:37%; min-width:37%; background-color:rgba(0,0,0,.03); white-space: pre-wrap}
.boxProductsDetail>ul>li>b,.boxProductsDetail>ul>li>div{padding:.5em 1em}
.boxPcbUpFile{background-color:#eff5ff; padding:1em 0; border:1px solid #0060FF; font-size:20px; text-align:center; margin-bottom:1em;
user-select:none; position:relative;background: #EFF5FF;
border: 1px solid #0060FF;
border-radius: 5px;}
.boxPcbUpFile .boxloading{z-index:2}
.boxPcbUpFile .bnUp{margin:0 0 .5em;}
.boxPcbUpFile .bnUp span{font-weight:bold; font-size:.8em;}
.boxPcbUpFile .bnUp span:before{content:'\e604'; font-family: iconfont_dg; display:inline-block; margin-right:.5em; font-weight: normal}
.boxPcbUpFile .upLoadStates{margin-right:1em; font-size:14px;}
.boxPcbUpFile .s1 p{color:#333; font-size:.6em;}
.boxPcbUpFile .s1 .n{color:#777; font-size:.6em; max-width:80%; margin:0 auto;}
.boxPcbUpFile .s1 .n span{display: inline-block; margin:0 1em;}
.boxPcbUpFile .s1 .n span:before{display: inline-block; margin-right:.4em; font-family: iconfont_dg;}
.boxPcbUpFile .s1 .n span:nth-child(1):before{content:'\e61c'}
.boxPcbUpFile .s1 .n span:nth-child(2):before{content:'\e61b'}
.boxPcbUpFile .s2 .rate{font-size:.9em;}
.boxPcbUpFile .s2 .pt{background-color:#E6E6E6; border-radius:2em; max-width:90%; margin:.5em auto 1em}
.boxPcbUpFile .s2 .pt i{display:block; border-radius:2em; background-color:#0060FF; height:.9em;}
.boxPcbUpFile .s2 .n{font-size:.6em;}
.boxPcbUpFile .s2 .stop{color:#f90; cursor: pointer}
.boxPcbUpFile .s2 .stop:hover{opacity:.6}
/*.boxPcbUpFile .s2 .n:after{content:''; max-width:6em; height:2px; background-color:#AFAFAF; display: block; margin:1em auto 0;}*/
.boxPcbQuoteUpFileInfo{width:580px; background-color:#FFF5E7; line-height:26px; padding:0 1em; margin:0 auto;}
.boxPcbQuoteUpFileInfo:before{content:'\e654'; font-family: iconfont_dg; transform: scale(1.5); display: inline-block; color: #008549; margin-right:.5em}
.boxPcbQuoteUpFileInfo a{color:#333; text-decoration: underline}
.boxPcbQuoteUpFileInfo a:hover{color:#f90}
.boxPcbQuoteUpFileInfo .del{color:#f90; margin-left:1em; cursor:pointer}
.boxPcbQuoteUpFileInfo .del:hover{text-decoration:underline}
.isUpFile{margin-bottom:5px;}
.boxEditQuoteQty{position: absolute; opacity:0; visibility: hidden; transform: translateY(-5%); z-index:4; border:1px solid #0060FF; font-size:20px; padding:.5em; background-color:#fff; box-shadow: rgba(0,0,0,.1) 5px 5px 10px; max-width:470px; box-sizing: border-box;}
.boxEditQuoteQty.show{opacity: 1; visibility: visible; transform: translateY(0)}
.boxEditQuoteQty ul{overflow: hidden; padding-bottom:.3em}
.boxEditQuoteQty ul li{float: left; font-size:.7em; cursor: pointer; width:16.666%; box-sizing: border-box; padding:3px 5px;}
.boxEditQuoteQty ul li:before{content:''; display: inline-block; vertical-align: middle; border:1px solid #999; border-radius:50%; width:1em; height:1em;}
.boxEditQuoteQty ul li span{display: inline-block; vertical-align: middle; margin-left:.5em;}
.boxEditQuoteQty ul li:hover{color:#f90;}
.boxEditQuoteQty ul li.active{color:#f90;}
.boxEditQuoteQty ul li.active:before{content:'\e63f'; font-family: iconfont_dg; line-height:1em; background-color:#0060FF; color:#fff; border-color:#0060FF}
.boxEditQuoteQty .ft{font-size:.7em; border-top:1px solid #ccc; padding-top:.7em}
.boxEditQuoteQty .note{font-size:.7em; display:block; color:#f90; padding-top:.3em}
.showSelQty{display:block; border:1px solid #ccc; cursor:pointer; border-radius:3px; position: relative; font-size:14px; line-height:30px; text-align: center; padding:0 1.4em 0 0; overflow:hidden; user-select: none}
.showSelQty.active,.showSelQty:hover{border-color:#0060FF}
.showSelQty:after{content:'\e64f'; display: block; font-family: iconfont_dg; font-size:12px; color:#fff; width:1.5em; text-align: center; position: absolute; top:0; right:0; bottom:0; background-color:#0060FF;}
.titCertifications{position: relative; font-size:14px; font-weight:normal; float: right; margin:.5em 2em 0 0; line-height:1.5em; color:#888; user-select: none; cursor: pointer}
.titCertifications:before{content:'\e61a'; font-family: iconfont_dg; display: inline-block; color:#805E2A; font-size:12px; margin-right:.5em; transform: rotate(-90deg)}
.titCertifications>ul{overflow:visible; opacity:0; visibility: hidden; box-shadow: rgba(0,0,0,.2) 0 0 2em; padding:.5em; background-color:#fff; position: absolute; width:260px; right:0; bottom:50%; border-radius:.5em;}
.titCertifications>ul:after{content:''; position: absolute; left:61%; top:100%; border:7px solid transparent; border-top-color:#fff; border-bottom:none; width:0; height:0}
.titCertifications>ul li{width:20%; text-align: center; float: left;}
.titCertifications>ul a{display: block; color:#999}
.titCertifications>ul a:hover{color:#f90}
.titCertifications>ul span{font-size:10px; display: block;}
.titCertifications>ul i{display: block; background:url("/aivon/static/img/icon_iatf_iso.png") no-repeat; width:48px; height:40px; transform:scale(.75); margin:0 auto;}
.titCertifications>ul i.i_iatf{background-position:2px 0}
.titCertifications>ul li:hover i.i_iatf{background-position:2px -41px}
.titCertifications>ul i.i_iso{background-position:-60px 0}
.titCertifications>ul li:hover i.i_iso{background-position:-60px -42px}
.titCertifications:hover>ul{opacity:1; visibility:visible;bottom:20px;}
/* 复选框 打勾 */
.bnCheckbox{background-color:#fff; border:1px solid #eee; margin:0 10px 10px 0; border-radius:4px; position: relative; overflow: hidden; cursor:pointer; user-select: none;}
.bnCheckbox.on{background-color:#e3f3ff; border-color:#0060FF}
.bnCheckbox.on:after,.on i.ckIcon:after{content:'\e63f'; font-family: iconfont_dg; font-size:11px; line-height:1em; font-weight: bold; color:#fff; position: absolute; right:0; bottom:0}
.bnCheckbox.on:before,.on i.ckIcon:before{content:''; background-color:#0060FF; transform: rotate(-45deg); width:27px; height:19px; position: absolute; right:-12px; bottom:-7px}
.bnCheckbox:hover{border-color:#0060FF}
.bnCheckbox span{font-size:.7em; text-align: center; display: block}
/* 公共弹窗 */
.showAltBox{background-color:rgba(0,0,0,.2) !important; position:fixed; top:0; left:0; right:0; bottom:0; z-index:3333 !important; font-size:20px; opacity:0; visibility:hidden; font-family:"Microsoft Yahei", "微软雅黑",Arial,"Harmony_Regular"}
.showAltBox.show{opacity:1; visibility:visible}
.showAltBox>.box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); box-shadow:rgba(0,0,0,.2) 0 0 1em; background-color:#fff; border-radius:5px}
.showAltBox.show>.box{transform:translate(-50%,-50%) scale(1)}
.showAltBox>.box > .t{background-color:#f6f6f6; line-height:46px; padding:0 1em; font-size:.8em; color:#000; position:relative}
.showAltBox>.box > .t:before{content:'\e602'; font-family:iconfont_dg; margin-right:.5em; color:#0060FF}
.showAltBox>.box > .t.noicon:before{display:none}
.showAltBox i.boxClose{top:32%; right:1em}
.showAltBox i.close,i.closeX{position:absolute; top:1.7em; right:1.4em; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; font-size:.6em; color:#999; opacity:1; cursor:pointer; font-weight:bold}
.showAltBox i.close:before,i.closeX:before{content:'\e61d'; font-family:iconfont_dg; display:inline-block}
.showAltBox i.close:after{display:none}
.showAltBox i.close:hover:before,i.closeX:hover:before{opacity:.5; transform:rotate(90deg)}
.showAltBox>.box > .n{text-align:left; color:#333; font-size:.7em; line-height:1.6em; padding:1em 2em; word-break:break-all}
.showAltBox>.box > .n.textCenter{text-align:center}
.showAltBox>.box > .tit{padding:20px; font-size:.8em; text-align:left}
.showAltBox>.box > .tit:before{font-family:iconfont_dg; color:#0060FF; margin-right:.5em; display:inline-block}
.showAltBox>.box > .tit.s:before{content:'\e630'}
.showAltBox>.box > .tit.w:before{content:'\e7f3'}
.showAltBox>.box > .tit b{display:inline-block}
.showAltBox .bn{text-align:center; padding:1em}
.showAltBox .bn.right{text-align:right; display:flex; justify-content:flex-end}
.showAltBox .bn .bnsa{padding:.4em 1.5em; font-size:.7em; border:1px solid #0060FF; margin:0 .3em}
.showAltBox .bn .bnsa.close{float:none; line-height:inherit; opacity:1; text-shadow:none; font-weight:normal}
/*newFooter*/
.boxFooter{background-color:#101218; padding:70px 0 70px 0; font-size:20px; color:#D0D2D4}
.boxFooter .boxW{display:flex; justify-content:space-between; flex-wrap:wrap}
.boxFooter .footerLogo{background:url("/aivon/static/img/home/logo_L.png") no-repeat center center / contain; display:block; width:14.5em; height:4.2em; margin-bottom:1em}
.boxFooter .t1{padding-bottom:1em}
.boxFooter .t1>*{display:flex; flex-direction: column; justify-content: space-between;}
.boxFooter .t1>.r>*{display:flex}
.boxFooter .contactMail{
text-align: left;
margin-top: 25px;
}
.boxFooter .contactMail a{color:#fff; font-size:.8em; display:inline-flex; align-items:center; gap:.3em}
.boxFooter .contactMail a:hover span{
text-decoration: underline;
}
.primary-color-hover:hover{
color: var(--aiv-color) !important;
}
/* .boxFooter .contactMail a:hover{color:#0060FF} */
.boxFooter .contactMail i{width:1.5em; text-align:center; line-height:1em; margin-top:.2em}
.boxFooter .contactMail i:after{font-family:iconfont_dg; font-size:1.2em; display:inline-block;}
.boxFooter .contactMail i.iEmail:after{content:'\e623'; transform:scale(.9)}
.boxFooter .contactMail i.iHZ:after{content:'\e6ff';}
.dlCDP{
margin-top: 26px;
}
.dlCDP-dd img {
width: 36px !important;
height: 36px !important;
padding: 0px!important;
border: none!important;
border-radius: 5px !important;
}
.dlCDP-dd{
border-radius: 5px;
}
.boxFooter .dlCDP dt{font-size:.7em; font-weight:normal; padding-bottom:.5em}
.boxFooter .dlCDP .ifDG{color:#fff; background-color:#2C3841; width:1.8em; height:1.8em; text-align:center; line-height:1.8em; border-radius:5px; display:inline-block}
.boxFooter .dlCDP .ifDG span{display:none}
.boxFooter .dlCDP .ifDG:hover{background-color:#0060FF; text-decoration-line:none}
.boxFooter .dlCDP .ifDG:before{font-family:iconfont_dg}
.boxFooter .dlCDP .iFacebook:before{content:'\eab7'}
.boxFooter .dlCDP .iYouTube:before{content:'\e765'}
.boxFooter .dlCDP .iTwitter:before{content:'\e622'}
.boxFooter .dlCDP .iInstagram:before{content:'\e6fd'}
.boxFooter .dlCDP .iLinkedin:before{content:'\e6c2'}
.boxFooter .dlCDP .iTikTok:before{content:'\e9e5'}
.boxFooter .r{width:calc(80% - 21em)}
.boxFooter .r>*{display:flex; justify-content:space-between; gap:6%}
/*.boxFooter .r .dlCDP{max-width:23%}*/
.boxFooter .link{padding:0 0 0 0}
.boxFooter .link dl{text-align: left;}
/*.boxFooter .link>*{flex:1}*/
/*.boxFooter .link .abt{max-width:10em}*/
.boxFooter .link dt{font-size:.8em;font-weight: 700; padding-bottom:1em;color:#fff}
.boxFooter .link dd{font-size:.7em; line-height:1.2em; display:flex; align-items:flex-start;flex-wrap: wrap;gap: 4px;color:#001722 }
.boxFooter .link img{width: 28px;height: 28px;border: 1px solid #ddd;padding: 4px;}
.boxFooter .link dl.ps{text-align: left;}
.boxFooter .link dl.ps dd{flex-direction:row; justify-content:space-between; flex-wrap:wrap; max-width:9em;gap: 6px;}
/*.boxFooter .link dl.ps dd{max-width:20em;}!*display:flex; justify-content:space-between; flex-wrap:wrap}*!*/
.boxFooter .link dl.ps dd div{min-width:100%;color:#001722;}
/*.boxFooter .link dl.ps dd div:nth-child(2n){margin-left:1em}*/
.boxFooter .link a{color:#fff; display:inline-block; margin:.3em 0; white-space:nowrap}
.boxFooter .link a:hover,.boxFooter .ftCopy a:hover{color:#0060FF}
.boxFooter .ftCopy{padding:2em 0; border-top:1px solid #2B3740}
.boxFooter .ftCopy .boxW>*{font-size:.7em}
.boxFooter .ftCopy a{color:#D0D2D4; display:inline-block; position:relative}
.boxFooter .ftCopy a+a{margin-left:1.4em}
.boxFooter .ftCopy a+a:before{content:''; position:absolute; top:50%; transform:translateY(-50%); height:1em; left:-.8em; border-left:1px solid #D0D2D4}
/* 快捷计价版块切换 */
/* .boxQuickQuoteTab{width: 100%;background-color:#000; font-size:20px; position:relative;z-index:1; box-shadow:rgba(0,0,0,.2) 0 0 1em} */
.boxQuickQuoteTab{width: 100%;background-color:#000; font-size:20px; position:relative;z-index:1; box-shadow:rgba(0,0,0,.2) 0 0 1em}
.boxQuickQuoteTab .boxW{margin:0 auto}
.boxQuickQuoteTab .hd{display:flex; justify-content:start; align-items: stretch; user-select:none;border-bottom: 1px solid #86b3ff;}
.boxQuickQuoteTab .hd li{transform: translateY(2px);color:#40454C; border-radius:.4em .4em 0 0; line-height:2.4em; margin:0 1.5em; box-sizing:border-box; position:relative; cursor:pointer; text-align:center}
.boxQuickQuoteTab .hd li span{font-size:.8em; transition:none}
.boxQuickQuoteTab .hd .on{background-color:#fff; color:#0060FF; font-weight:bold;border-bottom: 4px solid #0060FF;}
.boxQuickQuoteTab .n{background-color:#fff; border-radius:.4em; padding:1em; justify-content:space-between; align-items:stretch; gap:1em; line-height:1em; display:none;}
.boxQuickQuoteTab .n[data-by="pcb"].show{border-radius:0 .4em .4em .4em;}
.boxQuickQuoteTab .n.show{display:flex}
.boxQuickQuoteTab .n>*{flex:auto}
.boxQuickQuoteTab .n .item{border:1px solid #E8E8E8; border-radius:.4em; padding:.4em 1em .2em}
.boxQuickQuoteTab .n>.bnsa{max-width:16%; display:flex; justify-content:center; align-items:center}
.boxQuickQuoteTab .n>.bnsa span{font-size:.8em; font-weight:bold}
.boxQuickQuoteTab .n .t{color:#999; font-size:.7em; line-height:1em; margin-bottom:.3em}
.boxQuickQuoteTab .widthHeight{max-width:30%}
.boxQuickQuoteTab .item.upFile{text-align:center; position:relative; overflow:hidden; padding:.5em}
.boxQuickQuoteTab .item.upFile .boxloading{z-index:2}
.boxQuickQuoteTab .item.upFile #upCNCFileBar{z-index:3; position:absolute; left:0; bottom:0; height:3px; background-color:#0060FF}
.boxQuickQuoteTab .item.upFile>*{display:block;}
.boxQuickQuoteTab .item.upFile>b{font-size:.8em;}
.boxQuickQuoteTab .item.upFile>.bnsa{display:inline-block; font-size:.8em; padding:.4em 3em; margin:.4em 0 .2em}
.boxQuickQuoteTab .item.upFile>span{font-size:.6em;}
.boxQuickQuoteTab .item.upFile>span em{color:#999}
.boxQuickQuoteTab .fm{display:flex; justify-content:space-between; align-items:center; position:relative; line-height:1.4em}
.boxQuickQuoteTab .fm>input{border:none; font-size:.8em; width:100%; line-height:1.4em; height:1.4em}
.boxQuickQuoteTab .fm em{color:#777; font-size:.7em}
.boxQuickQuoteTab .fm em+input{margin-left:1em}
.boxQuickQuoteTab .fm input+em{margin-left:1em}
.boxQuickQuoteTab .fm .optionValue{position:relative; font-size:.8em; width:100%}
.boxQuickQuoteTab .fm .optionValue .val{cursor:pointer}
.boxQuickQuoteTab .fm .optionValue:after{content:'\e64f'; font-family:iconfont_dg; position:absolute; top:50%; right:0; transform:translateY(-50%) rotate(90deg);}
.boxQuickQuoteTab .fm .list{min-width:100%; padding:.5em 0}
.boxQuickQuoteTab .fm .list li{cursor:pointer; font-size:.8em; padding:.3em 1em}
.boxQuickQuoteTab .fm .list li:hover,.boxQuickQuoteTab .fm .list .on{color:#0060FF}
.boxQuickQuoteTab .fm .list .on{background-color:#e3f3ff}
.boxQuickQuoteTab .fm .optionValue.ProName .list,.boxQuickQuoteTab .fm .optionValue.StencilSide .list{width:16em}
.boxSwiperUN.tr{position:absolute; top:.3em; right:.5em; display:flex; gap:.5em}
.boxSwiperUN>div{border:3px solid #0060FF; color:#0060FF; cursor:pointer; font-size:1.4em; width:1.5em; height:1.5em; line-height:1.5em; text-align:center;}
.boxSwiperUN>div:hover{border-color:#0060FF; color:#0060FF}
.boxSwiperUN>div.swiper-button-disabled{border-color:#e3f3ff; color:#e3f3ff; cursor:no-drop}
.boxSwiperUN>div:before{font-family:iconfont_dg; font-weight:bold; display:block; line-height:1.3em;}
.boxSwiperUN>div.next:before{content:'\e64f'}
.boxSwiperUN>div.prev:before{content:'\e7be'}
.boxSwiperUN.cc>div,.boxSwiperUN.crl,.boxSwiperUN.crl>div{position:absolute; top:50%; transform:translateY(-50%);}
.boxSwiperUN.cc>div.next{left:100%;}
.boxSwiperUN.cc>div.prev{right:100%}
.boxSwiperUN.crl{z-index:3; position:absolute; top:50%; transform:translateY(-50%); left:1em; right:1em}
.boxSwiperUN.crl>div.next{right:0;}
.boxSwiperUN.crl>div.prev{left:0}
.noticeCDVAT{padding:.5em 0;position: relative;font-family:ArialMT,Microsoft YaHei,PingFangSC,PingFangSC-Semibold,notosans;font-weight: 400;font-size: 12px!important;color: #8C8C8C;line-height: 12px;text-align: left;font-style: normal;text-transform: none;}
.noteSa{background-color:#F1F3F6; font-size:12px; padding:10px; border-radius:5px; margin-bottom:10px}
.noteSa b:first-of-type{margin-right:.5em}
/* 订单详情浮窗展示 */
.showOrderDetail{position:relative}
.showOrderDetail .detailPopup{position:absolute; z-index:1; left:95%; top:50%; transform:translateY(-50%); width:60vh; background-color: #fff; border-radius:5px; box-shadow:rgba(0,0,0,.2) 0 0 20px; height:450px; opacity:0; visibility:hidden}
.showOrderDetail .detailPopup iframe{width: 100%; height: 100%;}
.showOrderDetail .detailPopup.show{opacity:1; left:100%; visibility:visible}
/* AIVON */
.option.producTestReport,.option.TestReportType{display: none}
@media screen and (max-width:760px) {
.titsa{padding:0 1em; font-size:16px;}
/*.titsa p{text-align: justify;}*/
.titsa p br{display:none;}
.titsa.sd p{font-size:12px;}
.titsa p em{margin:0 1em;}
.boxSW_ns{font-size:18px;}
.boxSUN{font-size:.9em;}
.boxSW_ns .swiper-container{padding:.5em 0;}
.min-header .fl img{max-width:100px;}
.min-header .fr img{max-width:22px;}
.altSP21box{font-size:12px;}
.altSP21box ul{max-width:28em;}
.boxNMCoupon{font-size:11px;}
.boxProductsDetail{padding:1em .5em 2em}
.boxProductsDetail>ul>li{width:100%}
.boxAltDelOrder .box{max-width:375px}
.boxformLR{padding:0 1em}
.boxformLR .el-form-item__label{float:none; line-height:1.5em; font-size:13px}
.boxformLR .el-form-item__content{margin-left:0}
.boxformLR .el-form-item__content .el-input,.boxformLR .el-form-item__content .el-textarea__inner{font-size:13px}
}
@media screen and (max-width:1550px) {
}
@media screen and (max-width:1400px) {
/*.nheadr21{gap:.5em}*/
.nheadr21 .myCart{font-size:.85em}
.nheadr21 .iconHelp{margin-right:0; font-size:1.1em}
.nheadr21 #helpcenter span{display:none}
}
@media screen and (max-width:1322px) {
.nheadr21 .IsLogined a.wap{display:flex!important;}
.nheadr21 .IsLogined a.pc{display:none!important;}
.bnOldVersion{display:none}
}
@media screen and (max-width:1240px) {
.nheadr21 .showNHRM{font-size:16px; min-width:12em}
.nheadr21 #helpcenter_menu{right:-5em; font-size:1.3em}
.nheadr21 #helpcenter_menu.showNHRM:after{right:40%}
}
@media screen and (max-width:1100px) {
.boxQuickQuoteTab .hd li{padding:0 1em}
.boxQuickQuoteTab .n{flex-wrap:wrap; gap:.5em; padding:.5em}
.boxQuickQuoteTab .hd li[data-by='fpc'],.boxQuickQuoteTab .hd li[data-by='cnc'],.boxQuickQuoteTab .hd li[data-by='smd']{display:none}
.boxQuickQuoteTab .n>.bnsa{max-width:100%}
}
@media screen and (max-width:800px) {
.boxQuickQuoteTab .widthHeight,.boxQuickQuoteTab .n .item{width:100%; max-width:100%}
.boxFooter{padding:2em 0 0; font-size:19px}
.boxFooter .footerLogo{font-size:.7em}
.boxFooter .boxW{display:block}
.boxFooter .contactMail{margin-bottom:1em;text-align: left;}
.boxFooter .ftCopy{padding:1em 0; font-size:.9em}
.boxFooter .ftCopy .boxW>*{display:block}
.boxFooter .r{display:block; margin-top:2em; width:auto}
.boxFooter .r .dlCDP+.dlCDP{margin-top:1em}
.boxFooter .t1>.r>*{display:block; padding-right:0}
.boxFooter .link dt{padding-bottom:.5em}
.boxFooter .link dl.ps dd{max-width:80%}
.boxFooter .link dl.ps dd div{min-width:8em}
.boxFooter .link a{margin:.4em 0}
.boxFooter .link dl+dl{margin-top:1.5em}
}
@media screen and (max-width:760px) {
}
@keyframes admSR1d1{
0%{-webkit-transform:scale(1);}
50%{-webkit-transform:scale(.9) translate(0,5%);}
100%{-webkit-transform:scale(1);}
}
@keyframes admRtL{
0%{left:100%;}
50%{left:-100%;}
100%{left:-200%;}
}
@keyframes admIconBox25_t{
0%{transform: translateY(0)}
50%{transform: translateY(-2px)}
100%{transform: translateY(0)}
}
@keyframes admRT360{
0%{-webkit-transform:rotate(0deg);}
25%{-webkit-transform:rotate(90deg);}
50%{-webkit-transform:rotate(180deg);}
75%{-webkit-transform:rotate(270deg);}
100%{-webkit-transform:rotate(360deg);}
}
@keyframes admHotTBTB{
0%{transform: translate(0,-2px)}
100%{transform: translate(0,0)}
}
.main_online {
display: none;
}
/* Account Menu - BEM Naming Convention */
.baseTop {
width: 100%;
padding: 40px 0;
background: #ffffff;
display: flex;
justify-content: center;
align-items: flex-start;
}
/* 菜单卡片 */
.baseTop__menu {
width: 200px;
background-color: #ffffff;
border: 1px solid #e5e7eb;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
/* 账户ID区域 */
.baseTop__account {
padding: 12px 16px;
background-color: #ffffff;
}
.baseTop__account-text {
font-size: 12px;
color: #6b7280;
line-height: 1.5;
}
/* 导航菜单 */
.baseTop__nav {
display: flex;
flex-direction: column;
}
.baseTop__nav-item {
display: flex;
align-items: center;
padding: 12px 16px;
color: #1f2937;
text-decoration: none;
font-size: 14px;
line-height: 1.5;
transition: all 0.2s ease;
cursor: pointer;
/* background-color: #ffffff; */
border: none;
}
.baseTop__nav-item:hover {
background-color: #f9fafb;
}
.baseTop__nav-item--active {
background-color: #eff6ff;
color: #3b82f6;
}
/* 图标样式 */
.baseTop__nav-icon {
width: 16px;
height: 16px;
margin-right: 12px;
flex-shrink: 0;
stroke-width: 2;
}
.baseTop__nav-item .baseTop__nav-icon {
color: #6b7280;
}
.baseTop__nav-item--active .baseTop__nav-icon {
color: #3b82f6;
}
.baseTop__nav-item:hover .baseTop__nav-icon {
color: #374151;
}
.baseTop__nav-item--active:hover .baseTop__nav-icon {
color: #3b82f6;
}
/* 文字样式 */
.baseTop__nav-text {
flex: 1;
white-space: nowrap;
font-weight: 400;
}
/* user menu */
/* Account Menu - BEM Naming Convention */
.baseTopuser {
width: 100%;
min-width: 160px;
}
.baseTopuser__container {
}
/* 菜单卡片 */
.baseTopuser__menu {
background-color: #ffffff;
border-radius: 8px;
}
/* 账户ID区域 */
.baseTopuser__account {
padding-bottom: 8px;
background-color: #ffffff;
border-bottom: 1px solid rgba(51, 51, 51, 0.2);
}
.baseTopuser__account-text {
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 32px;
/* or 229% */
display: flex;
align-items: center;
color: #40454C;
}
/* 导航菜单 */
.baseTopuser__nav {
display: flex;
flex-direction: column;
margin-top: 6px;
}
.baseTopuser__nav-item {
display: flex;
align-items: center;
color: #1f2937;
text-decoration: none;
transition: all 0.2s ease;
cursor: pointer;
background-color: #ffffff;
border: none;
font-family: 'HarmonyOS Sans';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 32px;
/* or 229% */
color: #40454C;
padding-left: 12px;
border-radius: 6px;
}
.baseTopuser__nav-item:hover {
background-color: #EFF5FF;
color:#0060FF
}
.baseTopuser__nav-item--active {
background-color: #EFF5FF;
color:#0060FF
}
/* 图标样式 */
.baseTopuser__nav-icon {
width: 18px;
height: 18px;
margin-right: 6px;
flex-shrink: 0;
/* stroke-width: 2; */
}
.baseTopuser__nav-item .baseTopuser__nav-icon {
color: #6b7280;
}
.baseTopuser__nav-item--active .baseTopuser__nav-icon {
color: #3b82f6;
}
.baseTopuser__nav-item:hover .baseTopuser__nav-icon {
color: #374151;
}
.baseTopuser__nav-item--active:hover .baseTopuser__nav-icon {
color: #3b82f6;
}
/* 文字样式 */
.baseTopuser__nav-text {
flex: 1;
white-space: nowrap;
font-weight: 400;
}