@charset "utf-8"; /*通用的样式*/
body{overflow-x:auto}
address,cite,dfn,em,var,i{font-style:normal}
table{border-collapse:collapse; border-spacing:0}
td{word-wrap:break-word; word-break:break-all}
.h1,.h2,.h3,h1,h2,h3{margin:0}
a{cursor:pointer; color:#333}
a:hover,a:focus{color:#3A5FC9; text-decoration:none; outline:none}
.pointer{cursor:pointer}
.underline{text-decoration:underline}
.not-allowed{cursor:not-allowed !important}
.not-selectable{background-color:#eee !important; color:#bbb !important; cursor:not-allowed !important; border:1px solid #eee !important}
ul,ol,li{list-style:none; padding:0; margin:0}
.rel{position:relative}
.abs{position:absolute}
.dis{display:block}
.undis{display:none}
.inline-block{display:inline-block}
.bold{font-weight:700}
.normal{font-weight:400}
/*字体大小*/
.f12{font-size:12px}
.f14{font-size:14px}
.f15{font-size:15px}
.f16{font-size:16px}
.f18{font-size:18px}
.f20{font-size:20px}
.f22{font-size:22px}
.f24{font-size:24px}
.f28{font-size:28px}
.f30{font-size:30px}
.f32{font-size:32px}
.f36{font-size:36px}
.f48{font-size:48px}
/*字体颜色*/
.black{color:#000}
.white{color:#fff}
.cl-c00{color:#c00}
.cl-333{color:#333}
.cl-454545{color:#454545}
.cl-666{color:#666}
.cl-828282{color:#828282}
.cl-999{color:#999}
.cl-b16a00{color:#b16a00}
.cl-ccc{color:#ccc}
.cl-fff{color:#fff}
.cl-f00{color:#f00 !important}
.cl-f90{color:#3A5FC9}
.cl-07A{color:#3A5FC9}
.cl-2192d9{color:#2192d9}
.cl-00ba00{color:#00ba00}
.cl-308921{color:#308921}
.cl-a3a3a3{color:#a3a3a3}
.cl-878787{color:#878787}
.cl-a3aaba{color:#a3aaba}
.cl-262626{color:#262626}
.cl-acacac{color:#acacac}
/*margin padding值*/
.mt0{margin-top:0}
.mt2{margin-top:2px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mb0{margin-bottom:0}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr4{margin-right:4px}
.mr6{margin-right:6px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr60{margin-right:60px}
.mr80{margin-right:80px}
.plr10{padding-left:10px; padding-right:10px}
.site-nav-r .plr10{padding:0 10px 0 0; display: flex; align-items: center}
.site-nav-r .name{max-width:8em;}
.ptb100{padding-top:100px; padding-bottom:100px}
/*宽度 高度*/
.w50{width:50px !important}
.w45{width:45px !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w200{width:200px !important}
.w215{width:215px !important}
.w160{width:160px !important}
.h30{height:30px !important; line-height:30px}
.h35{height:35px !important; line-height:35px}
.line-wrap{min-width:1280px}
.w1280{width:1280px; margin-left:auto; margin-right:auto}
.w1320{width:1320px; margin:0 auto; padding:0 20px; box-sizing:border-box}
.shadow-box{/* width:100%; height:9px; position:absolute; background:url('../img/shadow_bg.png') repeat-x; */}
.no-border{border:none !important}
.no-margin{margin:0 !important}
.nowrap{word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.clearfix{zoom:1}
.clearfix:after{content:'.'; display:block; clear:both; height:0; visibility:hidden; line-height:0; overflow:hidden}
.text-bottom{vertical-align:text-bottom}
/*input select*/
.style-input,.showSelAddress.sc{height:30px; line-height:30px; padding:4px 6px; border:1px solid #ddd}
.showSelAddress.sc{padding:0 6px; color:#999; position:relative; cursor:pointer}
.showSelAddress.sc:after{content:'\e62e'; font-family:iconfont_dg; position:absolute; top:50%; right:10px; transform:translateY(-50%); color:#333}
.style-select{height:30px; line-height:30px; padding:4px 6px; border:1px solid #ddd}
.style-textarea{height:60px; line-height:20px; padding:4px 6px; border:1px solid #ddd}
.mt10_obj{margin-top:20px}
.news_txt_obj{margin-top:30px}
.search-input{padding:5px 8px; -webkit-box-shadow:3px 3px 3px #efefef inset; -moz-box-shadow:3px 3px 3px #efefef inset; box-shadow:3px 3px 3px #efefef inset; border:1px solid #dadada}
/*可通用激活状态*/
.current{color:#3A5FC9; font-weight:700}
/*可通用图标*/
.jp-ico{background-image:url('../img/icons.png'); background-repeat:no-repeat; vertical-align:middle; display:inline-block}
.jp-icoNew{display:inline-block; width:16px; height:20px; background:url(/Content/img/onlineNew/wen.png) no-repeat center; display:inline-block; vertical-align:sub; text-indent:-99999em; text-align:left; overflow:hidden}
.pcbonline-ico{width:17px; height:21px; margin-right:4px; background-position:0 -12px}
.cart-ico{width:20px; height:20px; background-position:-20px -12px; margin-right:10px}
.bigcart-ico{width:26px; height:29px; background-position:-89px -0px; margin-right:10px}
.optiontip-ico{width:14px; height:14px; background-position:-66px -12px; text-indent:-99999em; text-align:left; overflow:hidden}
.subscript-ico{position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background-position:-40px 0}
.quickness-ico{width:40px; height:40px; background-position:1px -106px}
.accurateness-ico{width:40px; height:40px; background-position:-39px -106px}
.excellence-ico{width:40px; height:40px; background-position:-79px -106px}
.hook-ico{width:13px; height:13px; background-position:-80px -66px; margin-right:4px}
.del-ico{width:14px; height:16px; background-position:-86px -150px; margin-right:4px; vertical-align:text-bottom}
.del-ico:hover{background-position:-102px -150px}
.ok-ico{width:36px; height:36px; background-position:0 -186px; margin-right:6px}
.fail-ico{width:36px; height:36px; background-position:-84px -186px; margin-right:6px}
.position-ico{width:20px; height:25px; background-position:-40px -186px; margin-right:6px}
.tipscon{position:absolute; top:0px; right:20px; z-index:1000; display:none; width:250px; font-weight:400; line-height:16px; color:#000; background-color:#fff; border:1px solid #ccc; padding:10px; text-align:left; -webkit-box-shadow:0 0 15px #999; -moz-box-shadow:0 0 15px #999; box-shadow:0 0 15px #999}
.item-tips .jp-ico{width:16px; height:16px; background-position:-66px -186px}
.tel-ico{width:32px; height:32px; background-position:0 -230px}
.qq-ico{width:32px; height:32px; background-position:-36px -230px}
.email-ico{width:32px; height:32px; background-position:-72px -230px}
.qqcontact-ico{width:77px; height:24px; background-position:-16px -40px}
.more-ico{width:14px; height:12px; background-position:-22px -265px; margin-left:2px; vertical-align:baseline}
.browse-ico{width:24px; height:14px; background-position:-36px -265px}
.qqcontact-ico2{width:77px; height:24px; background:url(/Content/img/ico_qq2.png)}
/*可通用按钮*/
.active-fff{background-color:#fff; -webkit-box-shadow:0px 0 3px #999; -moz-box-shadow:0px 0 3px #999; box-shadow:0px 0 3px #999}
.active-f90{background-color:#3A5FC9 !important; color:#fff !important}
.btn-yellow{background-color:#3A5FC9; color:#fff; border:none}
.btn-fff{background:#fff; border:1px solid #3A5FC9; color:#3A5FC9}
.btn-fff:hover{background:#3A5FC9; color:#fff; text-decoration:none}
.btn-f9f9f9{background:#f9f9f9; border:1px solid #3A5FC9; color:#3A5FC9}
.btn-yellow:hover,.btn-yellow:focus{background-color:#577be3; color:#fff}
.btn-yellow.showD[disabled='disabled']{background-color:#eee; color:#999; border:1px solid #eee}
.btn-d4d4d4{background:#f9f9f9; border:1px solid #d4d4d4; color:#000}
.btn-d4d4d4:hover{background:#3A5FC9; color:#fff; border:1px solid #3A5FC9}
.btn-997132{background-color:#997132; color:#fff; border:none}
.btn-997132:hover,.btn-997132:focus{background-color:#a37f46; color:#fff}
.btn-gray{width:320px; padding:0; border-color:#adb1b8 #a2a6ac #8d9096; border-style:solid; border-width:1px; background:#eff0f3; background:-webkit-linear-gradient(top,#f7f8fa,#e7e9ec); background:linear-gradient(to bottom,#f7f8fa,#e7e9ec); height:34px; line-height:32px; text-align:center; display:block; position:relative; overflow:hidden; box-shadow:0 1px 0 rgba(255,255,255,.6) inset; border-radius:2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; color:#111}
.btn-gray:hover,.btn-gray:focus{background:#e0e3e8; background:-webkit-linear-gradient(top,#e7eaf0,#d9dce1); background:linear-gradient(to bottom,#e7eaf0,#d9dce1); text-decoration:none}
.btn-bfbfbf{width:100%; background-color:#bfbfbf; color:#fff; border:none}
.btn-bfbfbf:hover,.btn-bfbfbf:focus{background-color:#aaa; color:#fff}
.btn-buy{display:block; height:35px; line-height:35px}
.btn-upload{display:block; width:80px; height:25px; line-height:25px}
.btn-order{width:100px; height:26px; line-height:26px; margin-top:5px; margin-left:auto; margin-right:auto; display:block}
/*可通用圆角、边框线*/
.line-through{text-decoration:line-through}
.b-bradius4{-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; overflow:hidden}
.b-bradius2{-webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; overflow:hidden}
.b-bradius0{-webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; overflow:hidden}
.b2-f90{border:2px solid #3A5FC9}
/*可通用的背景色*/
.bg-f90{background-color:#3A5FC9}
.bg-fff{background-color:#fff}
.bg-fff5e7{background-color:#fff5e7}
.bg-8a8a8a{background-color:#8a8a8a}
.bg-f7f7f7{background-color:#f7f7f7}
.bg-997132{background-color:#997132}
/*错误提示*/
.error-msg{position:absolute; top:42px; left:30px; z-index:20; font-size:12px; color:#c00}
.error-msg .jp-ico{position:absolute; top:-7px; left:10px; z-index:21; width:9px; height:8px; background-position:-22px 0}
.error-msg p{background-color:#fff2df; border:1px solid #bc8835; padding:5px 10px}
/*示例图片*/
.example-diagram{display:inline-block}
.example-diagram-con{position:absolute; z-index:20; padding:15px; background-color:#fff; border:1px solid #ddd}
/*评分*/
.score{width:80px; height:15px; background:url("../img/icons.png") no-repeat 0 -165px}
.score i{position:absolute; top:0; left:0; height:15px; background-position:0 -150px}
/*重定义*/
.has-success .form-control{border-color:#129b00}
.has-success .form-control-feedback{color:#129b00}
.has-error .form-control{border-color:#c00}
.has-error .form-control-feedback{color:#c00}
.tooltip{text-align:left !important}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff}
.tooltip-inner{background-color:#fff; color:#000; text-align:left; padding:8px 10px; webkit-box-shadow:0 0 10px #97b4b6; -moz-box-shadow:0 0 10px #97b4b6; box-shadow:0 0 10px #97b4b6}
.tooltip.in{opacity:1}
.ie6 .form-control,.ie7 .form-control,.ie8 .form-control{display:inline-block}
.option-size{width:238px; height:30px; background-color:#eee; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.option-size .form-control{width:90px; height:28px; line-height:28px; padding-top:0; padding-bottom:0; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:none; border-bottom:none; display:inline-block}
/*分页*/
.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:#3A5FC9; border:1px solid #3A5FC9}
.pagination.sa{text-align:center; display:flex; justify-content:center; font-size:14px; padding-bottom:50px}
.pagination.sa li span{color:#999}
.pagination.sa li.active span{color:#fff}
/*基础页面样式*/
.loading{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.loading img{width:auto; height:24px}
/*修改/添加地址*/
.edit-address{height:300px}
.edit-address li{margin-bottom:10px}
.edit-address .title{width:120px; text-align:right; margin-right:5px; display:inline-block; line-height:30px; vertical-align: top}
.edit-address .con{position:absolute; left:128px; top:0}
.edit-address .style-textarea{width:320px}
/*板子数量下拉*/
.boardnumber{position:absolute; border:1px solid #ddd; width:520px; padding:10px; top:26px; left:0; z-index:199; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.boardnumber input{display:inline-block; margin-right:2px; vertical-align:-1px}
.boardnumber label{display:block; margin:0; font-weight:400}
.boardnumber li{float:left; width:14%; height:24px; padding:2px 0 2px 6px; margin-bottom:4px; line-height:normal; overflow:inherit}
.boardnumber li:hover{box-shadow:0 0 10px #ccc}
.boardnumber li label{display:block}
.boardnumber .boardnumberbtn{float:left; margin:10px 0; width:100%}
#Num{position:relative; z-index:200; line-height:inherit}
/*smt详情页*/
.smtdetail-tab,.smtdetail-tab .c87 span{font-size:12px; color:black}
.smtdetail-tab th{text-align:left; font-size:14px; color:#717171}
.smtdetail-tab .c87{color:#878787}
.smtdetail-tab td{padding-top:15px}
.xian{width:100%; height:1px; background-color:#ededed; margin-top:45px}
.smtdetail-tab{width:100%}
.smtdetail-title{width:100%; height:40px; background-color:#e9decf; margin-bottom:20px; overflow:hidden; border:1px solid #e7e7e7}
.lvse{width:12px; height:12px; background-color:#00a131; display:inline-block; border-radius:50%; margin-right:10px}
.wid7{width:7%}
.wid130{width:10%}
.wid150{width:11.2%}
.wid85{width:6.5%}
.wid260{width:23%}
.wid180{width:15%}
.wid215{width:13%}
.wid168{width:18%}
.smtdetail-tab,.smtdetail-tab .c87 span{font-size:12px; color:black}
.smtdetail-tab th{text-align:left; font-size:14px; color:#7b5822; font-weight:normal}
.smtdetail-tab .c87{color:#878787}
.smtdetail-tab td{padding-top:15px}
.xian{width:100%; height:1px; background-color:#ededed; margin-top:45px}
.smt-tab2,.smt-tab3,.smt-tab4{text-align:center}
.smt-tab2 th,.smt-tab3 th{width:14.2%; text-align:center}
.smt-tab2 td,.smt-tab3 td{padding-bottom:20px}
.smt-tab4 th{text-align:center}
.smt-tab4 td{border-bottom:1px solid #ededed; padding-bottom:15px}
.smt-tab5 td{border:1px solid #ededed; padding:10px 0}
.w6{width:6%}
.w10{width:10%}
.w13{width:13%}
.smt-tab5 .blabel{background-color:#fafafa; text-align:right; padding-right:10px}
.bcontrolsd{text-indent:10px}
.smt-tab6 td{border-bottom:1px solid #ededed; padding-bottom:10px}
.smtdetailtable td{font-weight:bold}
.smtdetail-bot{overflow:hidden; margin-top:34px}
.smtdetail-bot > div{float:right}
.payment-btn,.abolish-btn{width:110px; height:48px; text-align:center; line-height:48px; cursor:pointer}
.payment-btn{background-color:#008C95; color:#fff; margin-left:15px}
.abolish-btn{background-color:#ededed; color:#7b7b7b}
.money{float:right}
.money span{font-size:24px; font-weight:700}
.detailmoney{font-size:14px; color:#878787; float:right}
.smtdetail{width:1280px; position:relative; margin:auto}
.ordernum{color:#878787; font-size:16px; line-height:40px; margin-bottom:10px}
.step{overflow:hidden; position:absolute; right:0px; top:0px}
.step li{float:left; margin:0 5px; text-align:center; font-size:16px; line-height:28px}
.step li img{vertical-align:middle}
.steptime-box{font-size:12px; color:#9a9a9a; line-height:14px}
/*底部*/
.footer2{background:#fff; border-top:1px solid #e7e7e7; text-align:center; height:86px}
.footer2_box ul{display:inline-block}
.footer2_box li{float:left}
.footer2_box li a{display:block; padding:0 10px; border-right:1px solid #787878; color:#262626}
/*layer 重定义*/
.layui-layer .layui-layer-btn .layui-layer-btn0{border-color:#3a5fc9; background-color:#3a5fc9; text-align:center}
.layui-layer-btn1{text-align:center}
/*加入购物车成功的弹层*/
.order-cart-model .layui-layer-content{padding-top:25px}
.order-cart-title{padding-left:70px; background:url(/Content/img/icon_success_big.png) no-repeat left center}
.order-cart-box{padding:0 55px}
.order-cart-item{display:block; width:139px; height:35px; line-height:35px; float:left}
.order-cart-model .layui-layer-title{display:none}
/*上传按钮的样式*/
.unload-file-btn{display:inline-block; width:66px; height:26px; line-height:26px; text-align:center; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#636363; margin-top:-3px; text-decoration:none}
.unload-file-btn:hover{color:#fff; background:#777}
.bcontrols{display:block; float:left; margin-left:5px; margin-top:-3px}

.recharge-box input.inp-price{height:36px}
.option-choose .liItem{height:30px; line-height:29px; color:#666; border:1px solid #DFE1E6; margin-right:6px; font-weight:400; cursor:pointer; margin-bottom:0; line-height:28px; background:#fff; border-radius:2px; text-align:center}
.option-choose .liItem a{display:block}
.option-choose .li50{padding:0 7px}
.tips_vacation{background-color:rgb(252,233,233); border-radius:4px; padding:5px 10px; position:relative; color:red; font-size:16px}
.icon_vacation{display:inline-block; width:20px; height:20px; background-color:red; line-height:20px; border-radius:50%; color:#fff; text-align:center; margin-right:5px}
.close_vacation{color:red; position:absolute; right:10px; top:8px; font-size:18px; cursor:pointer}
.pcb-details{padding-bottom:5em;}


/* */
@font-face {font-family: 'iconfont_dg';  /* Project id 4143378 */
    src: url('/Content/font/dg/iconfont.woff2?t=1736404227546') format('woff2'),
    url('/Content/font/dg/iconfont.woff?t=1736404227546') format('woff'),
    url('/Content/font/dg/iconfont.ttf?t=1736404227546') format('truetype');
}
.anmt3,.boxPic img,.boxloading,.altBoxMHN .close,.bnsa,.bnsa:after,.boxFeedbackToX ul li,.showAltBox,.showAltBox .box,i.close,i.close:before,i.closeX:before,.boxCheckboxTF,.boxCheckboxTF:after,.boxBody,.boxMainLeft,.iMenu,.boxMainLeft .box,.boxMainLeft dt>*:before,.boxMainLeft dl span,.boxMainLeft dl a,.boxMainHead > .right > *,.boxMainHead a,.boxMainHead .nMore .box,.userAct .list,.userAct li,.userAct li:after,.boxMainHead .cart .list,.boxMainHead .cart ul li,.boxMainHead .cart ul .del,.boxShowTips>span,.boxSendTagList .li,.boxGoQuote .select .more,.boxBodyMaxBK,.BoxShowPics,.picbox .close,.BoxShowPics ul li:after,.boxChangeAccounts li,.bnCheckboxCK:before,.bnCheckboxCK span{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.tooltipNew.ok>*{transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease}
.anmt1,.altBoxMHN,.altBoxMHN .n1{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease}
.boxClear{clear:both}
.linkSa,.aLink,span.aLink.c{color:#3A5FC9; cursor:pointer}
.linkSa:hover,.aLink.ul{text-decoration:underline}
.aLink:hover,span.aLink.c:hover{opacity:.6}
span.aLink{color:#333}
span.aLink:hover{color:#3A5FC9; opacity:1}
.boxMainBody{background-color:#F5F7FC}
.boxPic img{display:block; width:100%; height:100%; object-fit:cover}
.boxPic:hover img{transform:scale(1.05)}
.font2h,.font3h{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,.boxMainHead .userAct .name a,.site-nav-r .name,.boxMainLeft dt>span,.boxMainLeft dl a,.proList b{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
.pt20{padding-top: 20px;}
.tagSa{display:initial; visibility:inherit; background-image:linear-gradient(45deg,#FB9001 0%,#CC110F 99%,#CC110F 100%); color:#fff; border-radius:3px; padding:.3em .5em; font-size:12px; margin-left:.3em}
.tagSc{display:inline-block; font-size:14px; border:1px solid transparent; border-radius:3px; padding:.1em .5em}
.tagSc.s1{color:#3A5FC9; border-color:#3A5FC9; background-color:#f0f5fe}
.tagSc.s2{color:#18A6EE; border-color:#18A6EE; background-color:#E7F6FE}
.tagSd,.tagSe,.bkgSr.sa{font-size:14px; color:#fff; border-radius:3px; display:inline-block; line-height:1em; padding:.3em;}
.tagSd{background:#ce170e; background:-moz-linear-gradient(left,#f67e00 0%,#ce170e 100%); background:-webkit-linear-gradient(left,#f67e00 0%,#ce170e 100%); background:linear-gradient(to right,#f67e00 0%,#ce170e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67e00',endColorstr='#ce170e',GradientType=1 )}
.tagSe{color:#404C85; background: linear-gradient(130deg,#e8e8ef 13%, #ced2eb);}
.tagNnew{color:#fff; background:#E10700; background: linear-gradient(to right,#FF9900 10%, #E10700); box-shadow:rgba(227,14,0,.3) 0 3px .5em}
.bkgSh{background: #ff9900;background:-moz-linear-gradient(left,#ff9900 0%, #ffb94f 100%);background:-webkit-linear-gradient(left,#ff9900 0%,#ffb94f 100%);background:linear-gradient(to right,#ff9900 0%,#ffb94f 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900',endColorstr='#ffb94f',GradientType=1)}
.bkgSl{background: #006aff;background:-moz-linear-gradient(left,#006aff 0%, #6ca9fe 100%);background:-webkit-linear-gradient(left,#006aff 0%,#6ca9fe 100%);background:linear-gradient(to right,#006aff 0%,#6ca9fe 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aff',endColorstr='#6ca9fe',GradientType=1)}
.bkgSr{background:linear-gradient(90deg,#ffa2a2 1%, #ff0000 11%, #ff9797 14%, #ff6161 19%, #ff0000 100%); color:#fff!important;}
.bkgCR{background: #3A5FC9; background: -moz-linear-gradient(left, #3A5FC9 0%, #7499FF 100%); background: -webkit-linear-gradient(left, #3A5FC9 0%,#7499FF 100%); background: linear-gradient(to right, #3A5FC9 0%,#7499FF 100%);}
.bkgHZ{background:#e00000; background:-moz-linear-gradient(left,#e00000 0%,#214798 100%); background:-webkit-linear-gradient(left,#e00000 0%,#214798 100%); background:linear-gradient(to right,#e00000 0%,#214798 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000',endColorstr='#214798',GradientType=1 );}
.noteSw{color:#f30; display: flex; align-items: center; background-color:#E5F3F4; font-size:14px; padding:.5em 20px}
.noteSw:before{content:'\e764'; font-family: iconfont_dg; margin-right:.3em}
.noteSw p{padding:0; margin:0;}

.bkRBLT,.placeOrder.s2 .pCon1{border-radius:8px;
    background: -moz-linear-gradient(-45deg,  rgba(205,233,234,0) 0%, rgba(205,233,234,0) 29%, rgba(205,233,234,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(205,233,234,0) 0%,rgba(205,233,234,0) 29%,rgba(205,233,234,1) 100%);
    background: linear-gradient(135deg,  rgba(205,233,234,0) 0%,rgba(205,233,234,0) 29%,rgba(205,233,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00cde9ea', endColorstr='#cde9ea',GradientType=1 );
}

.boxFlx{display:flex; justify-content:space-between; align-items:center}
.boxFlx.g10{gap:10px}
.boxFlx.g05{gap:.5em}
.boxFlx.g1em{gap:1em}
.boxFlx.jcs{justify-content:start}
.boxFlx.att{align-items:flex-start}
.psacc{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.psaall{position:absolute; top:0; right:0; left:0; bottom:0}

.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,.loadBRT:before{content:'\e60f'; font-family:iconfont_dg; display:inline-block; vertical-align:middle; font-size:1.6em; animation:admRT360 2s linear infinite}
.loadBRT:before{position:absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; z-index:1; color:#3A5FC9;}
.boxloading:after,.boxloading.fx.c span:after{content:'Loading..'; display:inline-block; vertical-align:middle; color:#666}
.boxloading.w{background-color:white}
.boxloading.np{padding:0}
.boxloading.bw{background-color:rgba(255,255,255,.8)}
.boxloading.fx{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99}
.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.pfx{position: fixed;}
.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}
.boxloading.success{color:#0BA500}
.boxloading.success.c span:before{content:'\e62d'; animation:none; color:#0BA500; margin-right:.3em; vertical-align:bottom}
.boxloading.success.c span:after,.boxloading.txt span:after{display:none!important;}
.boxloading.psa{position:absolute; top:0; right:0; bottom:0; left:0; padding:0; z-index:2; background-color:rgba(255,255,255,.7)}
.boxloading.psa:before{position:absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em;}
.boxloading.psa:after{display:none}
.boxBodyMaxBK{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background-color:rgba(0,0,0,.7)}
.boxBodyMaxBK>div{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boxBodyMaxBK .closeX{font-size:16px;}
.bnsa{background-color:#3A5FC9; color:#fff; border-radius:2em; overflow:hidden; padding:.5em 2em; display:inline-block; position:relative; cursor:pointer; border:none; user-select:none}
a.bnsa:focus{color:#fff}
.bnsa.xL{font-size:15px; padding:.7em 3em}
.bnsa span{position:relative; z-index:1; margin:0 !important}
.bnsa:after{content:''; position:absolute; z-index:0; top:100%; left:0; right:0; bottom:0; background-image:-webkit-linear-gradient(top, rgb(58, 103, 201), rgb(58, 115, 201))}
.bnsa.bkr{background-color:#3A5FC9;}
.bnsa.bkr:after{top:0;background-image:-webkit-linear-gradient(left, rgb(7, 95, 152), rgb(0, 95, 149))}
.bnsa.bkr:hover:after{left:-100%;}
.bnsa:hover{color:#fff}
.bnsa:hover:after,.bnsa:focus:after{top:-50%}
.bnsa.close{color:#333; border:1px solid #DCDFE6 !important; background-color:#fff}
.bnsa.close:after{display:none}
.bnsa.close:hover{color:#3A5FC9; border-color:#3A5FC9 !important}
a.bnsa.close:focus{color:#3A5FC9}
.bnsa.sk{border-radius:.3em}
.bnsa.tm{background-color:transparent; color:#3A5FC9; border:1px solid #3A5FC9; box-sizing:border-box}
.bnsa.tm:after{display:none}
.bnsa.tm:hover,.bnsa.tm:focus{background-color:#3A5FC9; color:#fff}
.bnsa.b{border:1px solid #3A5FC9}
.bnsa.w{border-color:#fff; color:#fff}
.bnsa.w:hover{border-color:#3A5FC9}
.bnsa.white{border-color:#fff; background-color:#fff; color:#3A5FC9}
.bnsa.white.b{border-color:#3A5FC9}
.bnsa.white.grey{color:#A4A4A4}
.bnsa.white:hover,.bnsa.white.grey:hover{border-color:#3A5FC9; background-color:#3A5FC9; color:#fff}
.bnsa.white:after{display:none}
.bnsa.hw:after,.bnsa.hw:focus:after{background:none #fff}
.bnsa.hw:hover{box-shadow:rgba(0,0,0,.1) 0 0 1em}
.bnsa.hw:hover span,.bnsa.hw:focus span{color:#3A5FC9}
.bnsa[disabled='disabled']{background-color:#eee !important; border-color:#ccc !important; color:#999 !important; cursor:not-allowed}
.bnsa[disabled='disabled']:after{display:none}
.bnsa.org{border:1px solid #f90; background-color:#f90; color:#FFF!important; display:inline-block}
.bnsa.org:after{background-image:-webkit-linear-gradient(top, rgb(255, 153, 0), rgb(255, 172, 74))}
.bnsa.ct{border:1px solid #B0713B; background-color:#B0713B; color:#FFF!important; display:inline-block}
.bnsa.ct:after{background-image:-webkit-linear-gradient(top, rgb(176,113,59), rgb(218, 143, 78))}
.bnsa.more span:after{content:'\e63b'; font-family:iconfont_dg; display:inline-block; margin-left:.5em; transform:scale(1.2)}
/* 复选框 打勾 */
.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:#F5F7FC; border-color:#3A5FC9}
.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:#3A5FC9; transform: rotate(-45deg); width:27px; height:19px; position: absolute; right:-12px; bottom:-7px}
.bnCheckbox:hover{border-color:#3A5FC9}
.bnCheckbox span{font-size:.7em; text-align: center; display: block}
.altBoxMHN{font-size:20px; position:fixed; right:1em; bottom:-100%; opacity:0; visibility:hidden; z-index:9; width:360px; background-color:#fff; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.altBoxMHN.show{opacity:1; bottom:0; visibility:visible}
.altBoxMHN .close{color:#fff; position:absolute; top:.1em; right:1em; padding:.5em; cursor:pointer; font-size:.8em}
.altBoxMHN .close:hover{transform:rotate(90deg)}
.altBoxMHN .close:after{content:'\ebb3'; font-family:iconfont_dg}
.altBoxMHN b{font-size:.7em; display:block; padding:.7em 1.5em 0}
.altBoxMHN .n2 b{margin:.2em 0}
.altBoxMHN div.t{display:block; color:#fff; font-size:.8em; text-align:center; line-height:2.5em; background:#3A5FC9; background:-moz-linear-gradient(left,#3A5FC9 0%,#7499FF 100%); background:-webkit-linear-gradient(left,#3A5FC9 0%,#7499FF 100%); background:linear-gradient(to right,#3A5FC9 0%,#7499FF 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3A5FC9',endColorstr='#7499FF',GradientType=1 )}
.altBoxMHN .n1{position:relative; z-index:7}
/*transform:translateY(120%); */
.altBoxMHN .n1.show{transform:translateY(0)}
.altBoxMHN .n2{position:relative; z-index:8}
.altBoxMHN .n2:before{content:''; display:block; margin:0 1em; height:1px; background-color:#F1F1F1}
.altBoxMHN .n1 ul{padding-top:.2em}
.altBoxMHN ul{padding:0 1em .5em}
.altBoxMHN ul li{font-size:.7em; padding-left:2em; margin:.6em 0; line-height:1.6em; position:relative}
.altBoxMHN ul li:before{position:absolute; top:.1em; left:0; background-color:#3A5FC9; color:#fff; line-height:1.4em; padding:0 .4em; font-weight:bold; border-radius:1em; user-select:none}
.altBoxMHN ul li:nth-child(1):before{content:'1'}
.altBoxMHN ul li:nth-child(2):before{content:'2'}
.altBoxMHN ul li:nth-child(3):before{content:'3'}
.altBoxMHN ul li:nth-child(4):before{content:'4'}
.altBoxMHN ul li:nth-child(5):before{content:'5'}
.altBoxMHN ul li:nth-child(6):before{content:'6'}
.altBoxMHN ul li a{color:#333; word-break:break-all}
.altBoxMHN ul li a:hover{color:#3A5FC9}
.altBoxMHN ul li.hot a{color:#E60012}
.altBoxMHN ul li.hot a:after{content:'\e61f'; font-family:iconfont_dg; position:relative; top:1px; padding-left:.7em; transform:scale(2); line-height:1em; height:1em; overflow:hidden; display:inline-block; animation:fontColorF30_F90 .5s linear infinite}
.altBoxMHN ul li.hot:before{background-color:#E60012}
.impotDIB{display:inline-block !important}
.formSa .el-form-item{margin-bottom:10px}
.formSa .el-radio{padding:8px 2em !important; margin:0 10px 0 0 !important; position:relative}
.formSa .el-radio.is-checked:before{content:''; position:absolute; right:0; bottom:0; width:0; height:0; border-bottom:14px solid #3A5FC9; border-left:18px solid transparent}
.formSa .el-radio.is-checked:after{content:'\e63f'; font-family:iconfont_dg; position:absolute; right:0; bottom:0; line-height:1em; font-size:10px; color:#fff}
.formSa .el-radio .el-radio__label{padding:0}
.formSa .el-radio__input{display:none}
.formSa .el-form-item__error{position:static}
.formSa .el-form-item__label{padding-right:10px; line-height:32px}
.formSa .el-form-item__content{line-height:32px}
.formSa .el-select{width:100%}
.formSa .rPasLink{position:absolute; top:0; left:calc(100% + .5em); white-space:nowrap; cursor:pointer; color:#3A5FC9}
.formSa .rPasLink:hover{opacity:.6}
.el-form .el-input-group__append .el-button.is-disabled{display:block}
.el-select-dropdown__item .tagSc{line-height:1em; margin-left:1em; font-weight:normal; opacity:.6}
#boxVue .el-dialog{width:auto; min-width:360px; margin:0 !important; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%)}
#boxVue .el-dialog__body{padding:12px 20px}
#boxVue .el-dialog__footer{text-align:center}
/* 支付密码框 */
.boxCaptchaContainer{display:flex; gap:5px}
.boxCaptchaContainer input{width:130px; height:30px; line-height:30px; font-size:16px; text-align:left; padding-left:.5em; background-color:#fff; border:1px solid #ccc; border-radius:3px; letter-spacing:.1em;}
.boxCaptchaContainer input[type="password"]{font-size:16px}
.boxCaptchaContainer input:focus{outline-color:#3A5FC9}
.boxCaptchaContainer input[type="number"],input.noNubUN{-moz-appearance:textfield; appearance:textfield}
.boxCaptchaContainer input[type="number"]::-webkit-inner-spin-button,input.noNubUN::-webkit-inner-spin-button,.boxCaptchaContainer input[type="number"]::-webkit-outer-spin-button,input.noNubUN::-webkit-outer-spin-button{-webkit-appearance:none; margin:0}
.boxPayVerification{font-size:20px; padding:0; margin:1em 0 0; max-width:742px; box-sizing:border-box; position:relative; display:none}
.boxPayVerification.noHide{display: block}
.boxPayVerification .on{background-color:transparent; color:inherit}
.boxPayVerification > .t{display:flex; gap:.5em; align-items: center; margin-bottom:.5em;}
.boxPayVerification > .t b{font-size:.8em}
.boxPayVerification > .t span{font-size:.7em; color:#C9C9C9}
.boxPayVerification > .n{padding:1em 1.5em; background-color:#F7F5F2; border:2px solid #F7F5F2; position: relative}
.boxPayVerification .listSelDB > div{display:none; gap:1em}
.boxPayVerification .listSelDB > div.on{display:flex; gap:.5em; flex-wrap:wrap}
.boxPayVerification .listSelDB .txt{font-size:.7em; line-height:30px}
.boxPayVerification .listSelDB a,.boxPayVerification .listSelDB .link{color:#3A5FC9; text-decoration:underline; cursor:pointer}
.boxPayVerification .listSelDB a:hover,.boxPayVerification .listSelDB .link:hover{opacity:.7}
.boxPayVerification .bnsa{font-size:14px; padding:.3em 1em}
.boxPayVerification .isGetMC{width:100%; display: flex;}
.boxPayVerification .isGetMC,.hasPayPwd,.noPayPwd{display:none}
.boxPayVerification .isGetMC.show{display:flex!important;}
.boxPayVerification .listSelDB .bnsa{font-size:.7em}
.boxPayVerification.over>.n{border-color:#0BA500}
.listSelHD{overflow:hidden; margin-bottom:.5em}
.listSelHD > li{float:left}
.listSelHD > li + li{margin-left:1em}
.listSelHD > li:nth-child(2){margin-left:.5em}
.listSelHD label{font-size:.7em; font-weight:normal; cursor:pointer; display:flex; flex-direction:row-reverse}
.listSelHD label input{display:none}
.listSelHD label i{float:left; background-color:#fff; border:1px solid #3A5FC9; margin-right:.5em; border-radius:50%; width:20px; height:20px; position:relative}
.listSelHD label input:checked + i:before{content:''; border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:12px; height:12px; background-color:#3A5FC9}
.listSelDB > div{display:none}
.listSelDB > div.on{display:block}
/* 当前位置 */
.boxLCD{color:#999; font-size:14px; padding:0 0 .6em}
.boxLCD>*{margin:0 .3em}
.boxLCD a{color:#999}
.boxLCD a:hover{color:#3A5FC9}
/* 复选开关 */
.boxCheckboxTF{display:inline-block; border:1px solid #E9E9EB; background-color:#fff; 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:#3A5FC9 !important}
.boxCheckboxTF:hover:after{border-color:#fff}
.boxCheckboxTF.ck{background-color:#3A5FC9; border-color:#3A5FC9 !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:#3A5FC9; color:#fff; border-color:#3A5FC9}
.bnCheckboxCK:hover:before{border-color:#3A5FC9}
.bnCheckboxCK.on span,.bnCheckboxCK:hover span{color:#3A5FC9}
.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.all{background-color:rgba(0,0,0,.7) !important;}
.showAltBox.all i.close{top:-2em; color:#fff; font-size:.8em;}
.showAltBox.all .box{height:96%; top:40px; bottom:0; transform: translate(-50%,0) scale(.9)!important;}
.showAltBox.all.show .box{transform: translate(-50%,0) scale(1)!important;}
.showAltBox.all .box>.n{padding:0; border-radius:8px; overflow: hidden; height:100%;}
.showAltBox iframe{border:none; width:100%; height:100%;}
.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:#3A5FC9}
.showAltBox>.box > .t.noicon:before{display:none}
.showAltBox.sh>.box > .tit{padding:10px 20px;}
.showAltBox.sh>.box > i.close{top:1em}
.showAltBox.titF90 .tit{background-color:#3A5FC9; color:#fff}
.showAltBox.titF90 i.close{color:#fff}
.showAltBox i.boxClose{top:32%; right:1em}
.showAltBox i.close{display: flex; flex-direction: row-reverse; align-items: center; white-space: pre; gap: .5em;}
.showAltBox i.close span{font-size:1.2em; font-weight:normal}
.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.tit2>.box > .tit{padding:15px 0; margin:0 20px; border-bottom:1px solid #eee}
.showAltBox.tit2 i.close{top:1.4em}
.showAltBox>.box > .tit:before{font-family:iconfont_dg; color:#3A5FC9; 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 #3A5FC9; margin:0 .3em}
.showAltBox .bn .bnsa.close{float:none; line-height:inherit; opacity:1; text-shadow:none; font-weight:normal}
.showAltBox.suc .tit{padding:20px 0 20px 88px; font-size:1.2em; display:flex; align-items:center}
.showAltBox.suc .tit b{font-weight:normal}
.showAltBox.suc .close{display:none}
.showAltBox.suc .box > .tit.s:before{font-size:1.6em}
.showAltBox.suc .box > .n{padding:0 0 1em 145px}
.showAltBox.suc .bn{padding-bottom:2em}
.showAltBox .ncPayment:first-child{margin-top:0; margin-bottom:.7em}
.showAltBox .ncPayment{font-size:20px; line-height:30px; padding:0; margin-top:1em; display:none; gap:.5em}
.showAltBox .ncPayment.show{display:flex}
.showAltBox .ncPayment > *{font-size:.7em}
.showAltBox .ncPayment .nt{min-width:6.5em; text-align:right}
.showAltBox .ncPayment .link{color:#3A5FC9; text-decoration:underline; cursor:pointer; margin:0 .5em}
.showAltBox .ncPayment .link:hover{opacity:.7}
.showAltBox .ncPayment + .boxPayVerification{margin-top:.5em}
.showAltBox .ncPayment input,.boxAltForm input{margin-right:.5em; border:1px solid #ccc; height:30px; line-height:30px; max-width:6em; border-radius:5px; box-sizing:border-box; padding:0 .5em}
.showAltBox .ncPayment input{max-width:8em}
.showAltBox.note{font-size:20px}
.showAltBox.note .n.textCenter{font-size:.9em; padding-bottom:3em}
.showAltBox.note.pb1 .n.textCenter{padding-bottom:1.5em}
.showAltBox.st .tit{border-bottom:1px solid #eee}
.showAltBox.st .bn .bnsa{font-size:.8em; width:8em; padding:.6em 1em}
.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}
.boxCntArc p{text-indent:2em; padding-bottom:5px;}
.boxSetPayInfo>.box>.n>.t{display:flex; gap:.5em; align-items: center}
.boxSetPayInfo .t.ck{margin-left:7.2em}
.boxSetPayInfo .t + .t{margin-top:.5em}
.boxSetPayInfo>.box>.n>.t span{line-height:1.4em}
.boxSetPayInfo .boxCheckboxTF{font-size:14px}
.boxSetPayInfo .titCloseTie{text-align:center; font-size:1.2em}
.boxSetPayInfo .boxPayVerification{display:none}
.boxSetPayInfo.showPaySet .boxPayVerification{display:block}
.boxAltForm > .li{padding-bottom:1em; line-height:30px}
.boxAltForm > .li:last-of-type{padding-bottom:0}
.boxAltForm input{display:block; min-width:13em}
.boxAltForm .nt{width:6em; text-align:right; float:left; clear:left}
.boxAltForm .nn{margin-left:6em; display:flex}
.boxAltForm .nn .bnsa{padding:.5em 1em}
.altSetAccountCP>.box{max-width:800px; max-height:90%; height:300px; display:flex; flex-direction:column; border-radius:8px; overflow:hidden}
.altSetAccountCP>.box .n{height:100%; padding:0}
.altSetAccountCP.new>.box{width:800px!important; height:500px;}
.altShowConfirmInvoice>.box{max-width:90%;}
.altShowConfirmInvoice>.box .n,.altShowConfirmAddress>.box .n{padding:1em 1.5em}
.altShowConfirmInvoice .t,.altShowConfirmAddress .t{display: flex; justify-content: space-between; align-items: center; margin-bottom:1em;}
.altShowConfirmAddress .list{max-height:282px; overflow-y:auto}
.altShowConfirmAddress .list li{border:1px solid #E5E8EC; background-color:#fff; border-radius:4px; padding:.5em 5em .5em 4em; position:relative; cursor:pointer; overflow:hidden}
.altShowConfirmAddress .list li p{margin:0}
.altShowConfirmAddress .list li .option,.altShowConfirmAddress .list li:before{position:absolute; top:50%; transform:translateY(-50%);}
.altShowConfirmAddress .list li .option{right:1em}
.altShowConfirmAddress .list li:before{content:'\e662'; font-family:iconfont_dg; color:#999; left:.8em; font-size:1.5em}
.altShowConfirmAddress .list li+li{margin-top:.5em;}
.altShowConfirmAddress .list li.on{background-color:#E5F3F4}
.altShowConfirmAddress .list li.on:before{color:#3A5FC9; font-weight:bold}
.altShowConfirmAddress .list li.on,.altShowConfirmAddress .list li:hover{border-color:#3A5FC9}
.altYueJieAppForm>.box{max-width:1134px}
.altYueJieAppForm>.box .n{max-height:80vh; height:730px}
.newBnLinkSa{cursor:pointer}
.newBnLinkSa:hover{color:#3A5FC9;}
.newBnLinkSa:before{content:'\e601'; display: inline-block; font-family:iconfont_dg; margin-right:.5em; border:1px solid #333; width:1.4em; height:1.4em; line-height:1.4em; text-align: center; border-radius:50%; transform: scale(.8)}
.newBnLinkSa:hover:before{border-color:#3A5FC9}
table.tableSd{width:100%; border:1px solid #E7E7E7; border-right:none; border-bottom:none; font-size:14px;}
table.tableSd tr.ps{position: sticky; top:-1px; left:0; z-index:1}
table.tableSd th{background-color:#F3F3F3;}
table.tableSd th,table.tableSd td{border:1px solid #E7E7E7; border-left:none; border-top:none; padding:1em .6em; text-align: center}
table.tableSd.ars td{padding:.6em .4em; text-align:left}
table.tableSd.ars .sel{justify-content: flex-start}
table.tableSd .sel{display: flex; justify-content:center; align-items: center; cursor:pointer; gap:.3em; user-select: none; min-width:64px}
table.tableSd .sel:before{content:''; font-family:iconfont_dg; display: inline-block; border:1px solid #999; width:1.4em; height:1.4em; text-align: center; line-height:1.4em; border-radius:50%; transform: scale(.8)}
table.tableSd .sel.on:before{content:'\e63f'; border-color:#3A5FC9; color:#3A5FC9;}
table.tableSd .sel:hover,table.tableSd .sel.on{color:#3A5FC9}
table.tableSd .sel:hover:before{border-color:#3A5FC9}
table.tableSd .option{user-select: none}
table.tableSd.ars .option{text-align:center}
table.tableSd .option span{cursor:pointer; margin:.3em}
table.tableSd .option span:hover{color:#3A5FC9}
/* 红框可关闭 */
.textNoteA,.textNoteR div{font-size:.7em; line-height:1.5em}
.textNoteA span{color:#E12D2D}
.textNoteR{background-color:#FEF2F2 !important; font-size:20px; border:1px solid #E12D2D; position:relative; padding:.4em 2em .4em 1em !important; border-radius:.2em}
.textNoteR i.close{font-size:.7em; top:.5em}
.textNoteR.nb{border:none}
.textNoteR div{position:relative}
.textNoteR div:before{content:'\e7f3'; font-family:iconfont_dg; float:left; color:#E00; font-weight:bold; line-height:1em; font-size:1.2em; margin:.2em 0 0 .2em; border-radius:50%}
.textNoteR.ni div:before{display:none}
.textNoteR.ni div p{margin-left:0}
.textNoteR div p{margin:0 0 0 2em; color:#E00}
.textNoteR div p a{color:#E00; text-decoration-line:underline}
.textNoteR div p a:hover{color:#3A5FC9}
.textNoteR.y{border-color:#3A5FC9; background-color:#f0f5fe !important}
.textNoteR.y p{color:#333}
.textNoteR.y div:before{color:#3A5FC9}
.textNoteR.bf{background-color:#fff!important;}
.textNoteR.h{border:none; background-color: transparent!important; padding-left:0!important; padding-right:0!important}
.textNoteR.h div p,.textNoteR.h div:before{color:#666}
.textNoteR.s1{padding:.4em .3em .4em .3em!important}
.textNoteR.s1 div:before{color:#666; font-weight:normal; margin-left:0}
.textNoteR.s1 div p{margin-left:1.5em}
.textNoteR.s1 .link{color:#1537FF; cursor:pointer; display:inline-block}
.textNoteR.s1 .link:hover{text-decoration-line:underline}
.member_main_left > .textNoteR:first-child,.user-bg .user-bd > .textNoteR:first-child{margin-bottom:.5em}
/* 质量证书 */
.swiperCertificates{padding:0 5%; margin-bottom:4em !important; box-sizing:border-box; position:relative}
.swiperCertificates .swiper-scrollbar{opacity:1 !important}
.swiperCertificates .swiper-scrollbar-drag{background-color:#3A5FC9}
.swiperCertificates .un{top:50%; transform:translateY(-50%) !important; margin:0; background:none transparent; width:auto; height:auto; color:#666; opacity:1}
.swiperCertificates .un.swiper-button-disabled{opacity:.2}
.swiperCertificates .un:after{content:'\e61a'; font-family:iconfont_dg; display:inline-block; font-size:1.6em}
.swiperCertificates .swiper-button-prev:after{transform:rotate(180deg)}
.swiperCertificates .swiper-button-next{right:0}
.swiperCertificates .swiper-button-prev{left:0}
.swiperCertificates .swiper-button-next{top:50%}
.swiperCertificates .swiper{margin:0 auto; height:100%; position:relative; overflow:hidden}
.swiperCertificates .swiper-wrapper{align-items:center; padding-bottom:2em}
.swiperCertificates .swiper-slide{text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center}
.swiperCertificates .swiper-slide img{display:block; width:100%; height:100%; object-fit:cover}

.boxBody::-webkit-scrollbar,.boxBody *::-webkit-scrollbar{width:8px; height:8px}
.boxBody::-webkit-scrollbar-thumb,.boxBody *::-webkit-scrollbar-thumb{border-radius:5px; background:rgba(204,204,204,1)}
.boxBody::-webkit-scrollbar-thumb:hover,.boxBody *::-webkit-scrollbar-thumb:hover{background-color:#3A5FC9}
.boxBody::-webkit-scrollbar-track,.boxBody *::-webkit-scrollbar-track{border-radius:0; background:transparent}
.boxBody{min-width:1280px}
.boxBody.nb{padding-left:0!important;}
.boxBody.bkW{background-color:#fff}
.boxBody dt{font-weight:normal}
.boxBody .pic{overflow:hidden; display:block}
.boxBody .pic img{display:block; width:100%; height:100%; object-fit:cover}
.boxBody .pic:hover img{transform:scale(1.05)}

.boxMaxW{max-width:1280px; min-width:1066px; margin:0 auto; font-size:20px}
.boxMaxW .box{background-color:#fff; box-sizing: border-box; padding:1em; margin-bottom:.5em}
.boxMaxW .box.np{padding:0}
.boxSwiperUN{position:absolute; width:76px;}
.boxSwiperUN .sun{position:absolute; top:50%; transform:translateY(-50%); width:32px; height:32px; line-height:28px; text-align:center; border:2px solid #3A5FC9; color:#3A5FC9; border-radius:50%; background:none; margin:0; transition:all .2s ease}
.boxSwiperUN .sun:hover{border-color:#7499FF; color:#7499FF}
.boxSwiperUN .sun:after{content:'\e63b'; font-family:iconfont_dg; display:block; font-size:24px}
.boxSwiperUN .sun.swiper-button-prev{left:0;}
.boxSwiperUN .sun.swiper-button-prev:after{transform:rotate(180deg)}
.boxSwiperUN .sun.swiper-button-next{right:0;}
.boxSwiperUN .sun.swiper-button-prev:hover{left:-2px;}
.boxSwiperUN .sun.swiper-button-next:hover{right:-2px;}
.boxSwiperUN .sun.w{color:#fff; border-color:#fff; opacity:.4}
.boxSwiperUN .sun.w:hover{opacity:1}
.boxSwiperUN .sun.s2:after{content:'\e632';}
.boxSwiperUN .sun.s2.swiper-button-prev{left:10px}
.boxSwiperUN .sun.s2.swiper-button-prev:after{transform:rotate(90deg)}
.boxSwiperUN .sun.s2.swiper-button-next{right:10px}
.boxSwiperUN .sun.s2.swiper-button-next:after{transform:rotate(-90deg)}
.boxSwiperUN.rt{top:20px; right:20px; height:32px}
.titSa{line-height:1em; margin-bottom:.7em}
.titSa.s2{display:flex; justify-content:space-between; align-items: center; border-bottom:2px solid #E6E6E6; padding-bottom:.7em}
.titSa.s3{background-color:#fff; padding:1em 1em .7em; margin-bottom:0}
.titSa .link{cursor:pointer;}
.titSa .link:hover{color:#3A5FC9}
.titSa b{font-size:.8em; color:#333}
.titSa b i{display: inline-block; margin:0 .7em}
.titSa>div{display: flex; align-items:center}
.titSa div .el-input__inner,.titSa div .el-checkbox.is-bordered,.titSa div .el-button{height:36px; line-height:36px; padding:0 1em; color:#333}
.titSa div .el-button:hover{color:#3A5FC9}
.titSa div .el-checkbox__inner{display: block; margin-bottom:3px}
.titSa>div>span{font-size:.7em}
.titSa .bnsa{font-size:.7em; padding:.5em 2em;}
.titSa>div>*{margin:0 .5em}
.titSa.nmb{margin-bottom:0}
.boxMaxW .titSc{display: flex; justify-content:space-between; padding:.7em 1em .5em; border-bottom:1px solid #F8F6F3; margin-bottom:1em}
.boxMaxW .titSc>*{font-size:16px; line-height:1.2em;}
.boxMaxW .titSc b{margin-right:1em;}
.boxMaxW .titSc a i{font-family: iconfont_dg}
.boxMaxW .titSc .new{color:#333; font-size:.7em;}
.boxMaxW .titSc .new:hover{color:#3A5FC9}
.boxMaxW .titSc .new:hover i.i_add{border-color:#3A5FC9}
.boxMaxW .titSc .new i.i_add{border:1px solid #333; border-radius:50%; font-size:.9em; margin-right:.4em; width:1.2em; line-height:1.1em; height:1.2em; display: inline-block; text-align: center}
.boxMaxW .titSc .new i.i_add:before{transform: scale(.8); display: block;}
.boxHeadSA{display:flex; justify-content:space-between; padding-top:1.6em; margin-bottom:.5em}
.i_txt:before{content:'\e654'}
.i_hr:before{content:'\e76d'}
.i_2wm:before{content:'\e611'}
.i_txm:before{content:'\e952'}
.i_orderK:before{content:'\e635'}.i_moneyK:before{content:'\e636'}.i_boxK:before{content:'\e637'}.i_gtK:before{content:'\e634'}.i_add:before{content:'\e601'}
/*购物车步骤*/
.boxPageCurrentStep{display:flex; align-items:center; padding-bottom:.5em}
.boxPageCurrentStep li{font-size:.7em; color:#7B5822; opacity:.5; position: relative; padding:0 2em}
.boxPageCurrentStep li:before,.boxPageCurrentStep li:after{font-family: iconfont_dg; position: absolute; top:50%}
.boxPageCurrentStep li:before{content:'\e630'; left:.4em; transform: translateY(-50%);}
.boxPageCurrentStep li:after{content:'\e632'; left:-1.2em; transform: translateY(-50%) rotate(-90deg) scale(.8)}
.boxPageCurrentStep li:first-child:after{display:none}
.boxPageCurrentStep li.on{opacity:1}

.boxShowBankSubAccount{position:relative; min-height:76px; font-size:14px; width:100%; min-width:280px}
.boxShowBankSubAccount p{margin:0 0 4px; padding:0;}
.boxShowBankSubAccount p:last-of-type{margin-bottom:0}
.boxShowBankSubAccount p img{display:inline-block; width:75px; margin-left:1em}
.boxShowBankSubAccount .bnsa{display:inline-block; vertical-align:middle; font-size:12px!important; padding:.3em .5em;}
.boxShowBankSubAccount .boxloading{padding:0}
.boxShowBankSubAccount.sc{max-width:500px; margin:2em auto 1em; padding:1em 0 1em 140px; min-height:68px; border:1px solid #ECE7DF; border-radius:5px; box-sizing: border-box;}
.boxShowBankSubAccount.sc .tit{display: block!important; position: absolute; top:1em; left:0; width:120px; text-align: center; color:#A8AFBE; font-size:12px}
.boxShowBankSubAccount.sc img{position:absolute; left:0; top:50%; width:110px; transform: translateY(-40%)}
.boxShowBankSubAccount.sc .bnsa{margin-top:-5px}
.boxShowTips{display: inline-block; position: relative}
.boxShowTips:after{font-family: iconfont_dg; display: block; padding:0 .2em}
.boxShowTips[type='w']:after{content:'\e7f3';}
.boxShowTips[type='?']:after{content:'\e61e';}
.boxShowTips>span{opacity:0; visibility: hidden; position: absolute; top:90%; left:50%; z-index:9; transform: translateX(-50%); border:1px solid #ccc; background-color:#fff; border-radius:.5em; padding:.7em; min-width:140px; font-size:12px; box-shadow: rgba(0,0,0,.1) 0 .3em .5em; white-space:break-spaces;}
.boxShowTips>span:after{content:''; position: absolute; left:50%; top:-4px; width:5px; height:5px; transform:translateX(-50%) rotate(45deg); border:1px solid #ccc; border-right:none; border-bottom:none; background-color:#fff;}
.boxShowTips:hover>span{opacity:1; visibility:visible; top:calc(100% + 5px);}
.boxShowTips[float='top']>span{top: auto; bottom:90%}
.boxShowTips[float='top']:hover>span{top: auto; bottom:calc(100% + 5px);}
.boxShowTips[float='top']>span:after{top:auto; bottom:-4px; transform:translateX(-50%) rotate(225deg);}
.boxShowTips.s2{line-height:1.5em}
.boxShowTips.s2>span em{font-weight:bold}
.boxShowTips.s2{line-height:1.5em}
.boxShowTips.s2 span em{font-weight:bold}

/* 自定义发货标签 */
.boxSendTagList{font-size:20px; padding:1em 0 3em; display:flex; min-height:20em; justify-content:left; gap:1.8em; flex-wrap:wrap; user-select:none; position: relative}
.boxSendTagList .li{border:1px solid #E6E6E6; border-radius:.5em; box-sizing:border-box; min-width:292px; width:292px; position:relative}
.boxSendTagList .li:hover{box-shadow: rgba(0,0,0,.1) 0 .5em 1em}
.boxSendTagList .li .n{height:320px; display:flex; background-color:#FAF8F7; position: relative; justify-content:center; border-bottom:1px solid #E6E6E6; align-items:center; border-radius:.5em .5em 0 0; overflow: hidden}
.boxSendTagList .li .n:after,.bnPreviewSendTag .boxSendTagPanel:after,.pageSendTagPrint .boxSendTagPanel:after{content:''; position: absolute; top:0; right:0; bottom:0; left:0; z-index:2}
.boxSendTagList .li .ft{display:flex; justify-content:space-between; align-items: center; padding:1em}
.boxSendTagList .li .ft .t{font-size:.8em}
.boxSendTagList .li .ft .t em{color:#3A5FC9}
.boxSendTagList .li .ft .t p{color:#899099; font-size:12px; padding-top:.3em}
.boxSendTagList .li .ft .el-button{padding:7px 1.5em;}
.boxSendTagList .li .ft .el-button.is-plain{padding:7px 1em;}
.boxSendTagList .li .ft .bnsa{font-size:.7em; padding:0 1em;}
.boxSendTagList .li .ft .option{padding:0}
.boxSendTagList .li .ft .option .bnsa+.bnsa{margin-top:.5em;}
.boxSendTagList .isDefault{position: absolute; left:0; top:0; z-index:3; border-radius:.5em 0 .5em 0; padding:0 .7em; background-color:#3A5FC9; color:#fff;}
.boxSendTagList .isDefault span{font-size:.7em; display: block; line-height:1.6em}
.listPanelsOption{padding-right:10px}
.listPanelsOption>div{font-size:14px; cursor:pointer; padding:.5em; color:#666}
.listPanelsOption>div i{margin-right:.3em}
.listPanelsOption>div:hover{color:#3A5FC9}
.el-tooltip__popper.is-light{border-color:#ccc!important;}
.el-tooltip__popper.is-light[x-placement^=left] .popper__arrow{border-left-color:#999!important;}

.boxSendTagList .boxSendTagPanel{zoom:1; transform:translateX(0) scale(.35)}
.boxSendTagPanel{margin:1em auto; position: relative; width:30em; min-width:30em; height:40em; min-height:40em; transform: translateX(-65px); background-color:#fff; box-sizing: border-box; padding:5.5mm 6mm; box-shadow: rgba(0,0,0,.05) 0 0 1em; zoom: .9; font-size:20px; user-select:none;}
.boxSendTagPanel .box>*{padding:2.5mm 1mm; box-sizing:border-box}
.boxSendTagPanel .box{font-size:1.2em; line-height:1.4em; height:100%}
.boxSendTagPanel .box .tit{font-size:1.5em; line-height:1.4em}
.boxSendTagPanel .box .tit+.text,.boxSendTagPanel .box .tit+.labelTow{margin-top:5mm}
.boxSendTagPanel .hr{height:0; border-bottom:0.3mm solid #333;}
.boxSendTagPanel .hr.dashed{border-bottom-style:dashed;}
/*.boxSendTagPanel .labelTow{overflow: hidden}*/
.boxSendTagPanel .labelTow span:first-child{margin-right:7mm}
.boxSendTagPanel .labelTow span{display:inline-block}
/*.boxSendTagPanel .labelTow span:nth-child(2){margin-left:3mm}*/
.boxSendTagPanel .label{cursor:pointer; border:2px dashed transparent; position: relative; background-color:rgba(255,255,255,.8); color:#333; text-align: left; font-size:1em; font-weight: normal; line-height:1.5em; display: block; word-break: break-all;}
.boxSendTagList .boxSendTagPanel .label,.bnPreviewSendTag .boxSendTagPanel .label{white-space: pre-wrap;}
.boxSendTagPanel .label:hover{border-color:#3A5FC9; z-index:3!important;}
.boxSendTagPanel .label.on{border-color:#3A5FC9; z-index:3!important;}
.boxSendTagPanel .label.on .brk:after,.boxSendTagPanel .label.on .brk:before{content:''; width:9px; height:9px; background-color:#3A5FC9; position: absolute;}
.boxSendTagPanel .label.on .brk.u:after{top:-5px; right:-5px;}
.boxSendTagPanel .label.on .brk.u:before{top:-5px; left:-5px;}
.boxSendTagPanel .label.on .brk.n:after{bottom:-5px; right:-5px;}
.boxSendTagPanel .label.on .brk.n:before{bottom:-5px; left:-5px;}
.boxSendTagPanel .label.img{position:absolute; z-index:1; background:#fff no-repeat center center / cover; cursor: move; padding:.5em}
.boxSendTagPanel .label.img img{display: block; pointer-events: none; margin:0 auto;}
.boxSendTagPanel .label.img>span{white-space: nowrap; pointer-events: none; display: block; text-align: center; margin-top:.5em;}/*position: absolute; top:calc(100% + 10px); left:50%; transform: translateX(-50%); */
.boxSendTagPanel .label .isAuto span{opacity:.5}
.boxSendTagPanel .img2wm{width:6em; height:6em}
.boxSendTagPanel .imgtxm{width:16em; height:4em}/* */
.boxSendTagPanel .label .option{visibility: hidden; opacity:0; position: absolute; top:0; left:calc(100% + 2em); width:130px; box-shadow: rgba(0,0,0,.05) 0 0 .5em; background-color: #fff; padding:.3em .5em; box-sizing: border-box; font-size:20px; cursor:default}
.boxSendTagPanel .label .option:after{content:''; width: 0; height: 0; line-height:0; font-size:0; border-right:8px solid white; border-top:8px solid transparent; border-bottom:8px solid transparent; position: absolute; top:18px; right: 100%}
.boxSendTagPanel .label.img .option{left:calc(100% + 12px); box-shadow: rgba(0,0,0,.1) 0 0 .5em;}
.boxSendTagPanel .label .option li{font-size:.7em; padding-left:.5em; cursor:pointer}
.boxSendTagPanel .label .option li i{color:#899099; margin-right:.5em}
.boxSendTagPanel .label .option li i.el-icon-download.u{transform:rotate(180deg)}
.boxSendTagPanel .label .option li:hover,.boxSendTagPanel .label .option li:hover i{color:#3A5FC9;}
.boxSendTagPanel .label.on .option{visibility:visible; opacity:1;}
.pageSendTagPrint .boxSendTagPanel{box-shadow: none;}
/*发货标签选择框*/
.labelDiySendTag{float:left; color:#7E5B26; margin:5px 0 0 10px}
.bnPreviewSendTag{display: inline-block; cursor:pointer; position: relative; text-indent:0}
.bnPreviewSendTag .boxSendTagPanel{border-radius:10px; left:50%; transform: translateX(-50%) scale(.6); overflow:hidden; transform-origin: bottom center; position: absolute; bottom:100%; opacity:0; visibility: hidden; box-shadow: rgba(0,0,0,.3) 0 0 40px}
.bnPreviewSendTag:hover .boxSendTagPanel{opacity:1; visibility: visible}
.bnPreviewSendTag:hover{color:#3A5FC9;}
.bnPreviewSendTag:before{content:'\e655'; font-family: iconfont_dg; display: inline-block; margin-right:.3em;}
.bnShowEditSendTagJson,.bnShowSendTagList,.bnShowEditSendTag{color:#3A5FC9; margin-left:1em; cursor:pointer}
.bnShowEditSendTagJson:hover,.bnShowSendTagList:hover{opacity:.5}
.boxSendTag{position:relative}
.altSendTagSelect .titSa{font-size:20px}
.altSendTagSelect .close{opacity:1; font-weight:normal; line-height:inherit}
.altSendTagSelect i.close{display:none}
.altSendTagSelect>.box{max-width:1200px}
.altSendTagSelect>.box .boxSendTagList,.altSendTagEditParams>.box>.n{max-height:77vh; overflow:auto}
.altSendTagSelect .option .bnsa{display:block}
.altSendTagEditParams>.box>.n{padding-top:2em}
.altSendTagEditParams>.box>.tit{border-bottom:2px solid #E6E6E6; padding-bottom:1em}
.altSendTagEditParams .bnsa{display:block}
.altSendTagEditParams ul li{display:flex; margin-bottom:.5em; align-items:center}
.altSendTagEditParams ul li span{min-width:7em}
.altSendTagEditParams ul li input{width:100%; border:1px solid #ccc; border-radius:5px; padding:.2em .8em}
.altSendTagEditParams ul li input[disabled]{color:#999; background-color:#eee}
.altSendTagEditParams ul li span:after{content:'：'; display: inline-block}

.selectSendTagToggle .bn{text-align: center; font-size:20px; padding-top:0}
.selectSendTagToggle .bn .bnsa{margin:0 .5em}
.selectSendTagToggleFactory .note{padding:.6em 0; text-align: center; font-size:1.1em; line-height:1.6em}
.selectSendTagToggleFactory .note span{color:#3A5FC9; margin:0 .3em}

.altEditSendTagFactory li{display:flex; justify-content:space-between; align-items:center; padding:5px 0}
.altEditSendTagFactory li span{min-width:7em; text-align:right}
.altEditSendTagFactory li input{width:100%; border:1px solid #ccc; padding:5px .5em; border-radius:5px;}

.ckRadio+.ckRadio{margin-left:1em}
.ckRadio{padding-left:2em; position:relative; display:inline-block; cursor:pointer; font-size:14px;}
.ckRadio input{display: none}
.ckRadio:hover{color:#3A5FC9}
.ckRadio:hover i{border-color:#3A5FC9}
.ckRadio i{content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); width:1.4em; height:1.4em; border-radius:50%; border:1px solid #ccc}
.ckRadio i:after{content:''; background-color:#3A5FC9; width:1em; height:1em; border-radius:50%; display:none; margin:.15em 0 0 .15em}
.ckRadio input:checked+i{border-color:#3A5FC9}
.ckRadio input:checked+i:after{display:block}

.boxGoQuote{font-size:20px; display:flex; background-color:#fff; box-shadow: rgba(0,0,0,.1) 0 0 1em; color:#333; padding:.8em 2.4em; align-items: center; justify-content: space-between; user-select: none}

/* vue regForm 注册框 */
.boxFormSa .el-form-item{position: relative; margin-bottom:18px}
.boxFormSa .el-input__inner{border-color:#ddd}
.boxFormSa .el-form-item__error{padding-top:2px}
.boxFormSa .el-radio-group{padding-left:10px;}
.boxFormSa .el-radio-group .el-radio{padding:11px 0; margin-bottom:0}
.boxFormSa .el-radio-group .el-radio__label{padding-left:.5em}
.boxFormSa .el-radio__inner{width:16px; height:16px}
.boxFormSa .el-radio__inner::after{width:8px; height:8px}
.boxFormSa .el-input__inner::placeholder{color:#999}
.boxFormSa .el-button--primary[disabled]{background-color:#F0F0F0; border-color:#ccc; color:#999}
.boxFormSa .labelUA .el-checkbox{margin-bottom:0}
.boxFormSa .labelUA .el-form-item__content{line-height:1em}
.boxFormSa .labelUA .el-link.el-link--primary:hover{color:#3A5FC9; opacity:.7}
.boxFormSa .el-form-item.bn{margin-bottom:10px}
.boxFormSa .layui-layer-page{z-index:99999999!important;}
.altUserAgreement>.box{max-width:1200px; width:80%!important; padding-bottom:1em;}
.altUserAgreement h2{display: block; text-align: center; padding:20px 0 20px}
.altUserAgreement .xy_tl{font-size:14px; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding:1em 2em; height:320px; overflow-y:auto}
.altUserAgreement .xy_cont{padding:30px 40px}
.altUserAgreement .xy_cont h2{text-align:center; font-size:20px; margin:10px 0 25px 0}
.altUserAgreement .xy_tl p{color:#333}
.altUserAgreement .agree_btn{width:160px; height:40px; line-height:40px; text-align:center; margin:auto}
.boxAgreementText h3{font-size:inherit; font-weight: bold; display: block; margin:1.5em 0 1em;}
.boxAgreementText .c{text-align: center}
.boxAgreementText p{padding:.4em 0; line-height:1.6em; margin-bottom:0}
.boxAgreementText b,.boxAgreementText .b,.boxAgreementText .bl{color:#333; font-weight: bold;}
.boxAgreementText b.l,.boxAgreementText .bl,.altUserAgreement .xy_tl p.l{text-decoration:underline;}
.boxPwdQD{display: flex; gap:5px; color:#666}
.boxPwdQD span{color:#ccc}
.boxPwdQD.L1 .l1,.boxPwdQD.L2 .l2{color:#3A5FC9}
.boxPwdQD.L3 .l3{color:#f30}
/*goTop*/
.goTop{display:none; width:48px; height:48px; border-radius:4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); background-color:#fff; overflow:hidden; cursor:pointer; position:fixed; bottom:20px; right:20px}
.goTop .icon_opinion{width:30px; height:30px; background-image:url('/Content/img/PcbRevision/icon_top.png'); background-size:100% 100%; margin:9px auto 0}

.orderTags>*{font-size:12px!important;}

.boxTopBannerChart{width:100%; min-width:1000px; position:relative}
.boxTopBannerChart a{display:block; height:70px; background:no-repeat center center / cover;}
.boxTopBannerChart .closeX{font-size:14px; background-color:rgba(255,255,255,.7);}
.activityMember2411.rb{background-color:transparent; transform:none; top:auto; left:auto; bottom:5%; width:150px; height:127px;}
.activityMember2411.rb .closeX{top:10px; right:10px;}
.activityMember2411>div{background:url('/Content/img/activity/JP1111/alt_member.png') no-repeat center center / contain; max-width:500px; max-height:424px; width:100%; height:100%; position:absolute;}
.activityMember2411 a{position:absolute; width:44%; height:13%; bottom:13%; left:50%; transform:translateX(-50%)}

/* 展示图片集 */
.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; user-select:none}
.BoxShowPics.on{opacity:1; visibility:visible; z-index:99999}
.BoxShowPics .box{width:100%; height:100%;}
.BoxShowPics .tipNote{position:absolute; top:0; left:50%; color:#fff; opacity:.5; font-size:.7em; line-height:2em; transform:translateX(-50%)}
.BoxShowPics .close{position:absolute; top:.5em; right:.5em; background-color:rgba(255,255,255,.4); font-weight:normal; color:#fff; width:2.2em; height:2.2em; line-height:2.2em; text-align:center; cursor:pointer; opacity:1; border-radius:50%; font-size:.8em; z-index:3}
.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(98% - 100px); overflow:hidden; margin:2% auto 0; position:relative; cursor:grab}
.BoxShowPics .picbox:before{content:''; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1}
.BoxShowPics .picbox img{object-fit:contain; width:100%; height:100%; display:block; position:absolute; z-index:0}
.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:100px; height:60px; overflow:hidden; background:url("/Content/img/loading.gif") #fff no-repeat center center / 50%; position:relative; cursor:pointer}
.BoxShowPics ul li+li{margin-left:10px;}
.BoxShowPics ul li:after{content:''; border:0 solid #3A5FC9; position:absolute; top:0; right:0; bottom:0; left:0; opacity:0}
.BoxShowPics ul li.on:after{border-width:4px; opacity:1}
.BoxShowPics ul li img{object-fit:cover; width:100%; height:100%; display:block}
.BoxShowPics.Simulation .box{width:630px; height:484px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background-color:#fff}
.BoxShowPics.Simulation .tipNote{top:-2.2em}
.BoxShowPics.Simulation .close{top:-2.5em; right:-2.5em}
.BoxShowPics.Simulation .picbox{background-color:#EFEFEF; border:1px solid #EFEFEF; height:390px;}
.BoxShowPics.Simulation ul{display:flex; justify-content:space-between; width:96%; bottom:15px}
.BoxShowPics.Simulation ul li{background-image:none; width:33.333%; line-height:2.4em; color:#A3AABA; height:auto; border-radius:5px}
.BoxShowPics.Simulation ul li.on{background-color:#f0f5fe; color:#3A5FC9}
.BoxShowPics.Simulation ul li:hover{color:#3A5FC9}
.BoxShowPics.Simulation ul li.on:after{display:none}
.BoxShowPics.Simulation ul li span{font-size:.8em; display:block;}
.BoxShowPics.Simulation ul li img{display:none}
/*拼版示例*/
.boxShowImpositionSchematic{position:relative; display:inline-block}
.boxShowImpositionSchematic>span{color:#3883FA; text-decoration-line:underline; cursor:pointer}
.boxShowImpositionSchematic>div{position:absolute; top:90%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; border-radius:8px; border:1px solid #eee; box-shadow:rgba(0,0,0,.1) 0 0 1em; width:388px; height:318px}
.boxShowImpositionSchematic>div:before{content:''; border:5px solid transparent; border-top:none; border-bottom-color:#fff; position:absolute; bottom:100%; left:50%; transform:translateX(-50%)}
.boxShowImpositionSchematic iframe{width:100%; height:100%; border-radius:8px;}
.boxShowImpositionSchematic:hover>div{top:calc(100% + 6px); opacity:1; visibility:visible}
.boxShowImpositionSchematic.r>div{top:50%; left:auto; right:90%; transform:translate(0,-50%)}
.boxShowImpositionSchematic.r:hover>div{right:calc(100% + 6px)}
.boxShowImpositionSchematic.r>div:before{ border:5px solid transparent; border-left-color:#fff; top:50%; left:100%; transform:translate(0,-50%)}
.boxShowImpositionSchematic.rt>div{top:90%; left:auto; right:0; transform:translate(0,0)}
.boxShowImpositionSchematic.rt:hover>div{top:calc(100% + 6px)}
.boxShowImpositionSchematic.rt>div:before{top:-5px; left:auto; right:10px; transform:translate(0,0)}

.boxWarmReminder{font-size:14px; margin-top:1em}
.boxWarmReminder b{display:block; color:#3A5FC9; font-weight:normal}
.boxWarmReminder p{margin:0; padding:0; color:#999}

.tooltipNew{font-size:20px!important; display:inline-block!important; position:relative; width:.8em!important; height:.8em!important; overflow:hidden}
.tooltipNew i{width:.8em!important; height:.8em!important; font-size:inherit!important; display:block; line-height:1em; box-sizing:border-box; text-align:center; border:1px solid #3A5FC9; border-radius:50%!important; color:#3A5FC9; margin:0!important;}
.tooltipNew.ok{overflow:visible}
.tooltipNew.ok .cnt{overflow:auto; max-height:500px;}
.tooltipNew i:before{content:'?'; display:block; font-family:arial, verdana, helvetica, sans-serif; font-size:.7em; line-height:1em; cursor:pointer}
.tooltipNew i:after{content:''; display:block; opacity:0; visibility:hidden; position:absolute; top:calc(100% + 1px); left:50%; z-index:999; transform:translateX(-50%); width:0; height:0; border:5px solid transparent; border-top:none; border-bottom-color:#3A5FC9}
.tooltipNew:hover i{background-color:#3A5FC9; color:#fff}
.tooltipNew:hover i:after{opacity:1; visibility:visible}
.tooltipNew .cnt{position:absolute; top:calc(100% + 6px); left:50%; z-index:9; transform:translateX(-50%); background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0, 0.1) 0 4px 10px; font-size:12px; line-height:1.8em; padding:0 1em; color:#333; visibility:hidden; opacity:0; text-align:left}
.tooltipNew .cnt,.tooltipNew .cnt>*{font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti,'宋体'}
.tooltipNew .cnt>b:first-of-type{display:block; color:#000; margin-bottom:.5em; font-size:1.1em}
.tooltipNew .cnt>img{display:block; margin:.5em auto; max-width:100%}
.tooltipNew.on .cnt{opacity:1; visibility:visible; padding:1em}
.tooltipNew .cnt table{width:100%; border:1px solid #ddd; border-right:none; border-bottom:none}
.tooltipNew .cnt table th,.tooltipNew .cnt table td{border:1px solid #ddd; border-top:none; border-left:none; padding:.5em .8em}
.tooltipNew .cnt table th{background-color:#eee; text-align:center}
.tooltipNew .cnt table td img{display:block; margin:0 auto}
.tooltipNew .cnt table.fds tr td:first-of-type{font-weight:bold; text-align:center}
.tooltipNew .cnt table.fds tr td.nfw:first-of-type{font-weight:normal}
.tooltipNew.fb i:after{top:auto; bottom:calc(100% + 1px)}
.tooltipNew.fb .cnt{top:auto; bottom:calc(100% + 6px)}
.tooltipNew.br .cnt{transform:none; left:-114px!important;}

.i-dialog{position:fixed;_position:absolute;background:#fff;border-radius:3px;border:1px solid #3A5FC9;box-shadow: 0 0 2px rgba(0,0,0,.2);display:none; overflow:hidden;}
.i-dialog .i-target{background:#3A5FC9;cursor:move;line-height:50px; height:50px; border-bottom:1px solid #dadada;}
.i-dialog .i-target h2{font-size:16px;font-weight:normal;line-height:50px;padding:0 40px 0 25px;margin:0; color:#ffffff; font-family:\5FAE\8F6F\96C5\9ED1;}
.i-dialog .i-close{display:block;width:20px;height:20px;position:absolute;top:18px;right:10px; font-size:0;}
.i-dialog .i-content{clear:both;padding:0;}
.i-dialog .i-wrapBtn{text-align:center; background-color: #fff; height:80px;}
.i-dialog .i-wrapBtn input {outline:none;background-image:none;border: none;border-radius:2px;cursor:pointer; margin-right: 10px; display:inline-block;font-size:14px;font-weight:normal;width:105px;height:35px;text-align:center;vertical-align:middle;white-space:nowrap;background-color:#aaa;border-color:#aaa;color:#fff;}
.i-dialog .i-wrapBtn input:hover {background-color:#bbb;border-color:#bbb;}
.i-dialog .i-wrapBtn input.green {background-color:#5CB85C;border-color:#4CAE4C;color:#fff;}
.i-dialog .i-wrapBtn input.green:hover {background-color:#47A447;border-color:#398439;}
.i-dialog .i-wrapBtn input.blue {background-color:#5BC0DE;border-color:#46B8DA;color:#fff;}
.i-dialog .i-wrapBtn input.blue:hover {background-color:#39B3D7;border-color:#269ABC;}
.i-dialog .i-wrapBtn input.yellow {background-color:#3A5FC9;border-color:#3A5FC9;color:#fff;}
.i-dialog .i-wrapBtn input.yellow:hover {background-color:#577be3;border-color:#577be3;}
.i-dialog .i-wrapBtn input.red {background-color:#D9534F;border-color:#D43F3A;color:#fff;}
.i-dialog .i-wrapBtn input.red:hover {background-color:#D2322D;border-color:#AC2925;}
.i-dialog .i-wrapBtn input.i-disabled,.i-dialog .i-wrapBtn input.i-disabled:hover {color:#C1BBBB;cursor:not-allowed;background-color:#ebebeb;border-color:#DEDEDE;}
.i-dialog-lock {position:fixed;width:100%;height:1300px;overflow:hidden;left:0;top:0;opacity:0;filter:alpha(opacity=0);background:#000;}
.i-dialog-lock iframe {position:fixed;width:100%;height:100%;left:0;top:0;z-index:1000;opacity:0;filter:alpha(opacity=0);}
.i-dialog-lock {-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s;}
.i-scale,.i-super-scale,.i-right-slide,.i-top-slide {-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-ms-transition-property:-ms-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-ms-transition-duration:.3s;transition-duration:.3s;}
.i-scale {-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}
.i-scale.i-show {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.i-super-scale {-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);transform:scale(2);opacity:0;}
.i-super-scale.i-show {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}
.i-right-slide {-webkit-transform:translateX(20%);-moz-transform:translateX(20%);-ms-transform:translateX(20%);transform:translateX(20%);opacity:0;-webkit-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);-ms-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);}
.i-right-slide.i-show {-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);opacity:1;}
.i-top-slide {-webkit-transform:translateY(-500px);-moz-transform:translateY(-500px);-ms-transform:translateY(-500px);transform:translateY(-500px);opacity:0;-webkit-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);-moz-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);-ms-transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);transition-timing-function:cubic-bezier(0.25,0.5,0.5,0.9);}
.i-top-slide.i-show {-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;}
.dialog1 {background:#fff;padding:20px;min-width:225px;line-height:24px;vertical-align:middle;text-align:center;border-radius:3px;}
.dialog1 span {font-size:18px;color:#666666;font-family:\5FAE\8F6F\96C5\9ED156;}
.dialog1 img {vertical-align:middle; margin-right: 6px;}
.i-dialog .i-close {background:url(/Content/img/popclose.png) no-repeat;}
.i-dialog .i-wrapBtn input.orange {background-color:#3A5FC9;color:#fff;}
.i-dialog .i-wrapBtn input.orange:hover {background:#4f73d8;}
.dialog_confirm {padding:40px 0 35px 88px;border-bottom:2px solid #f5f5f5;}
.dialog_confirm .icons {width:47px;height:44px;float:left;margin-right:20px;}
.dialog_confirm .infos {width:180px;float:left;}
.dialog_confirm .info1 {line-height:22px;margin-bottom:4px;color:#666666;font-size:16px;}
.dialog_confirm .info2 {line-height:18px;color:#999999;font-size:14px;margin-bottom:0;}


@keyframes fontBKLeftToRight {
    0%{background-position:-200px 0}
    to{background-position:200px 0}
}

@keyframes fontColorF30_F90{0%{color:#E60012}
    50%{color:#f90}
    100%{color:#E60012}
}
@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)}
}