@charset "utf-8"; /*通用的样式*/
body{font-family:"harmony_regular"; overflow-x:auto}
@font-face{font-family:harmony_regular; src:url(/uploads/image/cfont/harmonyos_sans_sc_regular.ttf)}
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}
a:hover,a:focus{color:#f90; 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-f00{color:#f00 !important}
.cl-f90{color:#f90}
.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: 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{height:30px; line-height:30px; padding:4px 6px; border:1px solid #ddd}
.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:#f90; font-weight:700}
/*可通用图标*/
.jp-ico{background-image:; background-repeat:no-repeat; vertical-align:middle; display:inline-block}
.jp-iconew{display:inline-block; width:16px; height:20px; background:url(/uploads/image/cionlinenew/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(/uploads/image/cimg/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:#f90 !important; color:#fff !important}
.btn-yellow{background-color:#f90; color:#fff; border:none}
.btn-fff{background:#fff; border:1px solid #f90; color:#f90}
.btn-fff:hover{background:#f90; color:#fff; text-decoration:none}
.btn-f9f9f9{background:#f9f9f9; border:1px solid #f90; color:#f90}
.btn-yellow:hover,.btn-yellow:focus{background-color:#ffad33; 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:#f90; color:#fff; border:1px solid #f90}
.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 #f90}
/*可通用的背景色*/
.bg-f90{background-color:#f90}
.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: 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 #af8a52; -moz-box-shadow:0 0 10px #af8a52; box-shadow:0 0 10px #af8a52}
.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:#f90; border:1px solid #f90}
/*基础页面样式*/
.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}
@media \0screen\,screen\9{.loading{background-color:#000000; opacity:.3; filter:alpha(opacity=30); -ms-filter:progid:dximagetransform.microsoft.alpha(opacity=(30)); position:static; *zoom:1}
    .loading img{position:relative}
}
.page-box{background-color:#f8f8f8; padding-top:35px; padding-bottom:100px}
.hd-position .position-ico{position:absolute; top:0; left:0}
.hd-position .con{padding-left:30px; line-height:26px}
.page-box-con{padding:30px; border:1px solid #e7e7e7; background-color:#fff}
.page-box-con .bcontrols_d img{display: inline-block; max-width:260px}
/*修改/添加地址*/
.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}
/*头部提示*/
.head-tips{width:100%; height:40px; line-height:40px; background:#fff8d4; position:fixed; top:0; z-index:10000}
.btntips-close{position:absolute; right:0px; top:0px; display:inline-block; width:30px; height:30px; line-height:30px; text-align:center; color:#837955; font-size:30px}
/*顶部导航条*/
.site-nav{height:29px; line-height:29px; font-size:12px; background-color:#f8f8f8; border-bottom:1px solid #e9e9e9}
.site-nav-r li{float:left}
.site-nav-r .spacer{width:1px; height:14px; padding-left:0px; padding-right:0px; overflow:hidden}
/*.member-centre:hover a.white{color:#333}
*/
.member-centre .jp-ico{width:8px; height:6px; background-position:0 0; margin-left:4px}
.member-centre2 .jp-ico{width:8px; height:6px; background-position:0 0; margin-left:5px}
.member-centre2:hover{background:#fff; color:#f90}
.member-centre2:hover .white{background:#fff; color:#333}
.member-centre2:hover .jp-ico{background-position:-11px 0}
.member-centre2:hover .sn-member-centre-con2{display:block}
.member-centre2:hover h3{color:#333}
.member-centre2 dl{float:left; width:150px; /*padding-left:20px; */ /*border-left:1px solid #e5e5e5; */
    margin-bottom:0; /*height:245px; */}
.member-centre2 dt{font-size:16px; color:#333; line-height:26px; margin-bottom:10px; font-weight:normal}
.member-centre2 dd a{font-size:14px; color:#333; line-height:26px}
.member-centre2 dd a:hover{color:#f90}
.sn-member-centre-con{position:absolute; top:65px; right:0px; z-index:12; width:200px; background-color:#fff; padding:6px 0px; -webkit-box-shadow:2px 5px 5px #888; -moz-box-shadow:2px 5px 5px #888; box-shadow:2px 5px 5px #888}
.site-nav-r .top_arrow_bottom{background:url(/uploads/image/cihome/arrow-bottom.png) no-repeat center; width:20px; height:10px; display:inline-block}
.site-nav-r .top_arrow_bottom.top_arrow_top{background:url(/uploads/image/cihome/arrow-top.png) no-repeat center}
.sn-member-centre-con2{position:absolute; top:40px; right:-303px; z-index:10; width:1280px; background-color:#fff; padding:25px 30px; box-shadow:0 0 4px rgba(0,0,0,.3)}
.sn-member-centre-con2 .bd_item{border-right:1px dashed #e7e7e7; margin-right:20px; min-height:155px}
.sn-member-centre-con2 .bd_item h3{border-left:3px solid #f90; padding-left:10px}
.sn-member-centre-con2 .bd_item .bd{padding-left:13px; margin-top:14px}
.sn-member-centre-con .hd{padding-left:20px; border-bottom:1px solid #f4f4f4; padding-bottom:5px}
.sn-member-centre-con .hd a{background:#fff0e6; border:1px solid #ff9900; color:#ff9900; height:26px; line-height:24px; display:inline-block; padding:0 10px; border-radius:4px; text-decoration:none}
.sn-member-centre-con .not-logged span{padding:0 10px}
.sn-member-centre-con .bd{margin:0}
.sn-member-centre-con .bd p{display:block; line-height:32px; background:#f2f3f7; border-top:1px solid #dae2ed; border-bottom:1px solid #dae2ed; text-indent:20px; margin:0}
.sn-member-centre-con .bd a{display:block; line-height:32px; border-bottom:1px solid #f4f4f4; text-indent:20px}
.sn-member-centre-con .bd a:hover{background:#fff8ee}
/*免邮费*/
.allfreeship{width:100%}
.allfreeship a{display:block; width:100%; height:80px; text-indent:-99999em; overflow:hidden}
/*头部主导航*/
.navigation{height:100px; padding-top:16px}
.navigation .logo span{margin-top:12px}
.navigation .menu{margin-left:48px}
.navigation .menu li{float:left; margin-left:10px; margin-right:10px}
.navigation .menu a{line-height:48px; font-size:16px}
.navigation-r{width:250px; height:44px; -webkit-border-radius:22px; -moz-border-radius:22px; border-radius:22px; overflow:hidden}
.navigation-r dd{float:left; width:125px; text-align:center}
.navigation-r dd a{font-weight:700; line-height:44px; color:#fff; display:block}
.navigation-r dd a:hover{text-decoration:none}
.navigation-r .entrance-pcbonline{background-color:#000}
.navigation-r .entrance-way a{display:inline; padding:0 4px}
.navigation-r .entrance-way a:hover{color:#000}
.navigation-r .entrance-pcbonline:hover,.navigation-r .entrance-cart:hover em{background-color:#333}
.navigation-r .entrance-cart,.navigation-r .entrance-way{background-color:#f90}
.navigation-r .entrance-cart em{position:absolute; top:9px; left:32px; min-width:18px; height:18px; text-align:center; line-height:18px; font-size:12px; background-color:#000; color:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px}
.navigation-r .entrance-cart:hover{background-color:#ffad33}
/*底部*/
.footer-main{background-color:#f2f2f2; border-top:1px solid #ddd; padding-top:30px; padding-bottom:30px}
.footer-main li{float:left}
.footer-main .fax{width:250px; height:32px; text-align:center; line-height:32px; background-color:#000; margin-left:auto; margin-right:auto}
.footer-partner{border-left:1px solid #dae2ed; border-right:1px solid #dae2ed; padding-top:10px; padding-left:30px; padding-bottom:10px; margin-right:30px}
.footer-partner dt,.footer-partner dd{float:left}
.footer-partner dt{margin-top:8px; margin-right:8px}
.footer-partner dt,.footer-partner dd{float:left}
.footer-partner dt{margin-top:8px}
/*在线客服*/
.onlineservice{position:fixed; right:10px; top:180px; z-index:102; width:100px; height:100px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; text-align:right}
.onlineservice .avatar{width:98px; height:98px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid #f90; -webkit-box-shadow:3px 3px 16px #333; -moz-box-shadow:3px 3px 16px #333; box-shadow:2px 2px 15px #333}
.onlineservice .avatar_bg{position:absolute; left:3px; bottom:1px; width:96px; height:34px; background: no-repeat; opacity:0.7; filter:alpha(opacity=70)}
.onlineservice:hover .avatar{-webkit-box-shadow:3px 3px 16px #000; -moz-box-shadow:3px 3px 16px #000; box-shadow:2px 2px 15px #000}
.onlineservice:hover .avatar_bg{opacity:1; filter:alpha(opacity=100)}
.onlineserviceinfo{z-index:101}
.onlineservicename{position:absolute; bottom:12px; right:0; width:108px; text-indent:10px}
.onlineservicename .jp-ico{width:13px; height:19px; background-position:0 -40px; vertical-align:text-bottom}
.onlineservice-con{position:absolute; top:54px; right:54px; z-index:100; width:320px; border:1px solid #e18700; -webkit-box-shadow:1px 1px 10px #aaa; -moz-box-shadow:1px 1px 10px #aaa; box-shadow:1px 1px 10px #aaa}
.onlineservice-con .hd{height:42px}
.onlineservice-con h3{margin:0; padding:0 16px; color:#fff; line-height:42px}
.onlineservice-bd{width:100%; padding:13px; background-color:#fff}
.onlineservice-bd p{margin-bottom:5px}
.onlineservice-bd a{background:none; width:77px; height:24px; display:block; overflow:hidden}
.onlineservice-bd .jp-ico{width:77px; height:24px; background-position:-16px -40px}
.onlineservice-leftmost{text-align:left}
.onlineservice-leftmost .onlineservicename{left:0}
.onlineservice-leftmost .onlineservice-con{left:54px; right:0}
.onlineservice-leftmost .onlineservice-con h3{text-align:center}
.ie6 .ie-tips,.ie7 .ie-tips,.ie8 .ie-tips{display:block; position:static}
.ie6 .btntips-close,.ie7 .btntips-close,.ie8 .btntips-close{display:none}
/*板子数量下拉*/
.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}
/*owl-carousel 切换基本样式*/
.owl-item.loading{min-height:150px; background: 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:100%; -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: 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:165px; width:30px; height:60px; margin:0; padding:0; border-radius:0; font:60px/60px "宋体"; background-color:transparent; overflow:hidden; _display:none; filter:alpha(opacity=20); opacity:0.2}
.owl-theme .owl-controls .owl-buttons div:hover{color:#f90; filter:alpha(opacity=100); opacity:1; text-decoration: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:">"}
/*20170807 下拉导航*/
.menu .dropdownnav .jp-ico{width:10px; height:5px; background-position:-160px 0px; margin-left:4px; vertical-align:middle}
.menu .secondnav{background-color:#fff; box-shadow:0 0 10px #888; position:absolute; top:38px; left:0px; z-index:12}
.menu .secondnav dd a{height:35px; line-height:35px; width:160px; font-size:14px; padding-left:22px; padding-right:22px; margin:0; display:block}
/*20170926公告*/
.notic{color:#666; line-height:16px; width:100%; background-color:#fffaf1; border-bottom:1px solid #e0d3bc; padding:15px}
.notic .n_con{padding-top:10px}
.notic .h_close{position:absolute; top:0; right:0}
.notic b{font-weight:700; color:#dabb8c}
.notic p span{font-size:14px; font-weight:700}
/*20171222返回页面头部*/
#scrolldiv{width:62px; height:50px; right:50px; bottom:80px; cursor:pointer; position:fixed; display:none; background:; 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}
/*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}
}
/*add-joinnow*/
.add-joinnow{width:100%}
.add-joinnow a{display:block; width:100%; height:100%; text-indent:-9999em; overflow:hidden}
/*20180508 右侧边栏购物车*/
.nowrap{word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.cl-777{color:#777}
.icon-sidebar{display:block; width:28px; height:50px; margin-left:auto; margin-right:auto; background-image:; background-repeat:no-repeat}
.icon-sidebar-car{width:26px; background-position:0 22px}
.icon-sidebar-myassets{background-position:-30px 9px}
.icon-sidebar-addressmanagement{background-position:-60px 7px}
.icon-sidebar-rechargeonline{background-position:-90px 9px}
.icon-sidebar-onlineservice{background-position:-154px 16px}
.sidebar-cart{position:fixed; top:0; right:-320px; z-index:99; width:364px}
.sidebar-cart .sidebar{position:absolute; top:0px; left:-36px; width:80px; border-right:4px solid #ba9358}
.sidebar-tab-switch .sidebar-tab{padding-top:15px}
.icon-sidebar-switch{width:32px; height:32px; background:url(/uploads/image/cionlinenew/switch.png) no-repeat center}
.icon-sidebar-suggest{width:32px; height:32px; background:url(/uploads/image/cionlinenew/suggest.png) no-repeat center}
.sidebar-tab-box{position:relative}
.sidebar-tab{cursor:pointer; position:relative; z-index:2}
/*.sidebar-tab-box:hover{background-color:#f90}
*/
.sidebar-tab-box:hover .sidebar-tab{background-color:#f90}
.sidebar-tab-tip{position:absolute; top:0px; right:-57px; width:97px; text-align:center; height:42px; line-height:42px; color:#fff; /*background: no-repeat 0 -45px; */
    background:#ff9900; border-top-left-radius:4px; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px}
.sidebar-tab{background-color:#ba9358; width:80px; border-top-left-radius:4px; border-bottom-left-radius:4px; margin-bottom:5px; padding-bottom:15px}
.sidebar-tab-onlineservice .sidebar-tab{background:#f90}
.carnum-box{position:absolute; top:13px; right:8px}
.sidebar-tab-dfm a img{width:100%; height:100%}
.sidebar-tab-dfm a{width:77px; height:77px; position:relative; display:inline-block}
.sidebar-tab-dfm div{position:absolute; left:0; bottom:100%; width:100%; height:46px; background:url(/uploads/image/cimg/dfmpopup.png) no-repeat center; background-size:cover}
/*右边客服*/
.sidebar_hover_cont{position:fixed; right:70px; top:560px !important; padding-right:10px}
.sidebar_hover_box{background:#fff; padding:28px 20px; box-shadow:-2px 0 31px rgba(0,0,0,.1)}
.qq_server a{padding-left:45px; background:url(/uploads/image/cimg/q1.gif) no-repeat left center; height:30px; line-height:30px; color:#666}
.server_tel{padding-left:45px; background:url(/uploads/image/cimg/sidebar_tel.png) no-repeat left center}
.server_tel p{margin-bottom:10px}
@-webkit-keyframes bounceoutn{20%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
    50%,55%{-webkit-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2)}
    to{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
@keyframes bounceoutn{20%{-webkit-transform:scale3d(0.9,0.9,0.9); transform:scale3d(0.9,0.9,0.9)}
    50%,55%{-webkit-transform:scale3d(1.2,1.2,1.2); transform:scale3d(1.2,1.2,1.2)}
    to{-webkit-transform:scale3d(1,1,1); transform:scale3d(1,1,1)}
}
.bounceoutn{animation:bounceoutn 1s infinite}
@keyframes totop{0%{transform:translatey(-1px)}
    100%{transform:translatey(1px)}
}
.totop{animation:totop .2s cubic-bezier(0.4,0,0.2,1) infinite}
/*.sidebar-tab-car em{display:block; width:20px; text-align:center; margin-left:auto; margin-right:auto; font-size:14px; font-weight:700; color:#fff}
*/

.sidebar-tab-car .num{height:20px; line-height:20px; padding-left:6px; padding-right:6px; color:#fff; background-color:#000; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; display:block}
.sidebar-cart .sidebar-con{position:absolute; top:0px; left:44px; width:320px}
.sidebar-cart .sidebar-con .hd{padding:0 10px; height:34px; line-height:34px; background-color:#e1e1e1; border-bottom:1px solid #cecece}
.sidebar-cart .sidebar-con .hd label{margin:0}
.sidebar-cart .sidebar-con .hd .checkbox{margin-top:10px}
.sidebar-cart .sidebar-con .hd .chk-all{margin-left:4px}
.sidebar-cart-list,.entrance-cart-list{width:320px; overflow-y:auto; overflow-x:hidden}
.sidebar-cart-list li,.entrance-cart-list li{width:320px; padding:10px; background-color:#fff; border-bottom:1px solid #e0e0e0; overflow:hidden}
.entrance-cart-list li .yp{width:40px; display:inline-block; background:#dea949; text-align:center; color:#fff; margin-right:10px}
.sidebar-cart-list .con,.entrance-cart-list .con{width:210px}
.sidebar-cart-list li p,.entrance-cart-list li p{margin-bottom:0; line-height:20px}
.sidebar-cart-list .checkbox{margin-top:5px}
.sidebar-cart-list .img{width:20px}
.sidebar-cart-total{width:320px; padding:10px 0; background-color:#ededed}
.sidebar-cart-clearing{display:block; width:300px; margin-left:10px; margin-right:10px}
.custom-scrollbars::-webkit-scrollbar{width:5px; height:1px}
.custom-scrollbars::-webkit-scrollbar-thumb{-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); background-color:#535353}
.custom-scrollbars::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2); -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background-color:#ededed}
.entrance-cart-list{width:500px; max-height:500px; position:absolute; right:0px; top:70px; z-index:999; -webkit-box-shadow:2px 2px 10px #333; -moz-box-shadow:2px 2px 10px #333; box-shadow:2px 2px 10px #333; background:#fff; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; -webkit-border-bottom-right-radius:4px; -moz-border-bottom-right-radius:4px; border-bottom-right-radius:4px}
.entrance-cart-list li{position:relative; width:500px}
.entrance-cart-list .con{width:360px}
.entrance-cart-list li p a{line-height:19px; color:#999999}
cl_a3aaba{color:#a3aaba}
.entrance-cart-list .cart-clearing{display:block; width:100px; height:30px; line-height:30px}
/*20180511 侧边购物车 上传按钮重定义*/
.sidebar-cart .a-upload{height:25px !important; line-height:14px !important}
/*20180511 飞入购物车*/
.cart-flyer{position:relative; z-index:10001; width:35px; height:35px; -webkit-box-shadow:0px 0px 10px #999; -moz-box-shadow:0px 0px 10px #999; box-shadow:0px 0px 10px #999}
/*layer 重定义*/
.layui-layer .layui-layer-btn .layui-layer-btn0{border-color:#f90; background-color:#f90; text-align:center}
.layui-layer-btn1{text-align:center}
/*数字滚动插件的css可调整样式*/
.mt-number-animate{line-height:36px; height:36px; overflow:hidden; display:inline-block; position:relative}
.mt-number-animate .mt-number-animate-dot{width:15px; line-height:36px; float:left; text-align:center}
.mt-number-animate .mt-number-animate-dom{width:20px; text-align:center; float:left; position:relative; top:0}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{width:100%; float:left}
@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-2px,0,0); transform:translate3d(-2px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(2px,0,0); transform:translate3d(2px,0,0)}
}
@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
    10%,30%,50%,70%,90%{-webkit-transform:translate3d(-2px,0,0); transform:translate3d(-2px,0,0)}
    20%,40%,60%,80%{-webkit-transform:translate3d(2px,0,0); transform:translate3d(2px,0,0)}
}
.shake-tips{-webkit-animation:shake 3s both infinite; animation:shake 3s both infinite}
/*加入购物车成功的弹层*/
.order-cart-model .layui-layer-content{padding-top:25px}
.order-cart-title{padding-left:70px; background:url(/uploads/image/cimg/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}
.filezone{float:left}
.entrance-cart-list .item-list img{width:50px; height:50px}
/*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:#f90; 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}
/*淘宝通用头部*/
.taobao_top{height:80px; width:100%; background:#ff4f42 -webkit-gradient(linear,right top,left top,from(#ff9900),to(#ff4f42)); background:#ff4f42 -webkit-linear-gradient(right,#ff9900 0,#ff4f42 100%); background:#ff4f42 -o-linear-gradient(right,#ff9900 0,#ff4f42 100%); background:#ff4f42 linear-gradient(-90deg,#ff9900 0,#ff4f42 100%); background-color:#ff4f42; line-height:80px}
.taobao_foot{background:#1b1c28; padding:20px}
.taobaof_box{text-align:center; color:#999}
.taobao_intro{margin-top:230px; margin-bottom:100px}
/*底部*/
.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}
.scale{-webkit-animation:btns .6s infinite; animation:btns .6s infinite}
@keyframes btns{0%{transform:scale(1)}
    50%{transform:scale(.96)}
    100%{transform:scale(1)}
}
@-webkit-keyframes btns{0%{-webkit-transform:scale(1)}
    50%{-webkit-transform:scale(.96)}
    100%{-webkit-transform:scale(1)}
}
@-moz-keyframes btns{0%{-moz-transform:scale(1)}
    50%{-moz-transform:scale(.96)}
    100%{-moz-transform:scale(1)}
}
@-ms-keyframes btns{0%{-ms-transform:scale(1)}
    50%{-ms-transform:scale(.96)}
    100%{-ms-transform:scale(1)}
}
@-o-keyframes btns{0%{-o-transform:scale(1)}
    50%{-o-transform:scale(.96)}
    100%{-o-transform:scale(1)}
}
.ant-btn-clicked:after{content:""; position:absolute; top:-6px; left:-6px; bottom:-6px; right:-6px; border-radius:inherit; border:0 solid #0070cc; opacity:.2; animation:fadeeffect 2s cubic-bezier(.08,.82,.17,1),waveeffect .4s cubic-bezier(.08,.82,.17,1); animation-fill-mode:forwards; pointer-events:none; display:block; background:#f90}
@keyframes fadeeffect{to{opacity:0}
}
@media screen and (min-width:1280px){.taobao_box{width:1280px; margin-left:auto; margin-right:auto}
    .taobaof_box{width:1280px; margin-left:auto; margin-right:auto}
    .taobao_intro{width:1280px; margin-left:auto; margin-right:auto}
}
@media screen and (max-width:320px){.taobao_box img{width:100%}
}
@media screen and (max-width:1659px){.exclusive_ticket_box li:last-child{display:none}
    .exclusive_ticket_box li:nth-last-child(2){display:none}
    .customer-reviews-list li{width:270px}
    .customer-reviews-list li img{width:270px}
    .exclusive_ticket_box ul{width:792px; margin-left:auto; margin-right:auto}
    .swiper-pagination{display:block}
    .min_content{display:none}
}
@media (min-width:1660px) and (max-width:1900px){.exclusive_ticket_box ul{width:1280px; margin-left:auto; margin-right:auto}
}
@media screen and (min-width:1901px){.home_nav_icon{display:none}
}
/*修改计价右侧充值20190813*/
.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}



/* */
@font-face {font-family: 'iconfont_dg';  /* project id 4143378 */
    src:  format('woff2'),
     format('woff'),
     format('truetype');
}
.anmt3,.boxpic img,.boxloading,.altboxmhn .close,.bnsa,.bnsa:after,.boxfeedbacktox ul li,.showaltbox,.showaltbox .box,i.close,i.close:before,.boxcheckboxtf,.boxcheckboxtf:after,.boxbody,.boxmainleft,.imenu,.boxmainleft ul li > a,.boxmainleft .box,.boxmainleft ul li > a > i,.boxmainleft ul li > div,.boxmainhead > .right > *,.boxmainhead a,.boxmainhead .userinfo ul,.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{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.anmt1,.altboxmhn,.altboxmhn .n1{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease}
.boxclear{clear:both}
.linksa{color:#f90; cursor:pointer}
.linksa:hover{text-decoration:underline}
.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{display:block; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis; white-space:nowrap}
.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:#f90; border-color:#f90; background-color:#fff5e5}
.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);}
.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: #ff9900; background: -moz-linear-gradient(left, #ff9900 0%, #ff5400 100%); background: -webkit-linear-gradient(left, #ff9900 0%,#ff5400 100%); background: linear-gradient(to right, #ff9900 0%,#ff5400 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:#fff1dc; font-size:14px; padding:.5em 20px}
.notesw:before{content:'\e764'; font-family: iconfont_dg; margin-right:.3em}
.notesw p{padding:0; margin: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{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.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:2}
.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{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:#f90; 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; height:100%; background-image:-webkit-linear-gradient(top,rgba(255,153,0,1), rgb(255, 92, 0))}
.bnsa.bkr{background-color:#ff5c00;}
.bnsa.bkr:after{top:0;background-image:-webkit-linear-gradient(left,rgba(255,153,0,1), rgb(255, 92, 0))}
.bnsa.bkr:hover:after{left:-100%;}
.bnsa:hover{color:#fff}
.bnsa:hover:after{top:0}
.bnsa.close{color:#333; border:1px solid #dcdfe6 !important; background-color:#fff}
.bnsa.close:after{display:none}
.bnsa.close:hover{color:#f90; border-color:#f90 !important}
a.bnsa.close:focus{color:#f90}
.bnsa.sk{border-radius:.3em}
.bnsa.tm{background-color:transparent; color:#f90; border:1px solid #f90; box-sizing:border-box}
.bnsa.tm:after{display:none}
.bnsa.tm:hover,.bnsa.tm:focus{background-color:#f90; color:#fff}
.bnsa.b{border:1px solid #f90}
.bnsa.w{border-color:#fff; color:#fff}
.bnsa.w:hover{border-color:#f90}
.bnsa.white{border-color:#fff; background-color:#fff; color:#f90}
.bnsa.white.b{border-color:#f90}
.bnsa.white.grey{color:#a4a4a4}
.bnsa.white:hover,.bnsa.white.grey:hover{border-color:#f90; background-color:#f90; color:#fff}
.bnsa.white:after{display:none}
.bnsa[disabled='disabled']{background-color:#eee !important; border-color:#ccc !important; color:#999 !important; cursor:not-allowed}
.bnsa[disabled='disabled']:after{display:none}
/* 复选框 打勾 */
.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:#fffaf2; border-color:#f90}
.bncheckbox.on: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{content:''; background-color:#f90; transform: rotate(-45deg); width:27px; height:19px; position: absolute; right:-12px; bottom:-7px}
.bncheckbox:hover{border-color:#f90}
.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:#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 )}
.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:#f90; 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:#f90}
.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 #f90; 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:#f90}
.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}
.boxfeedbacktox{font-size:20px; margin-bottom:1em; display:none}
.boxfeedbacktox > .t{margin-bottom:.6em}
.boxfeedbacktox > .t b{font-size:1.2em; display:inline-block}
.boxfeedbacktox > .t .more{float:right; font-size:.8em; padding-top:.5em; color:#666}
.boxfeedbacktox > .t .more:hover{color:#f90}
.boxfeedbacktox ul:after{content:''; display:block; width:100%; height:0; overflow:hidden; clear:both}
.boxfeedbacktox ul li{float:left; width:32%; border:1px solid #ebebeb; border-radius:5px; background-color:#fff}
.boxfeedbacktox ul li:nth-child(3n-1){margin:0 2%}
.boxfeedbacktox[num='4'] ul li{float:left; width:23.5%; margin-right:2%; border:1px solid #ebebeb; border-radius:5px; background-color:#fff}
.boxfeedbacktox[num='4'] ul li:nth-child(3n-1){margin:0 2% 0 0}
.boxfeedbacktox[num='4'] ul li:last-of-type{margin-right:0}
.boxfeedbacktox ul li a.boxpic{position:relative; overflow:hidden; display:block; height:190px}
.boxfeedbacktox ul li a.boxpic span{position:absolute; left:.5em; top:.5em; background-color:#f90; color:#f90; padding:.2em; z-index:1; display:flex; justify-content:space-between; border-radius:3px}
.boxfeedbacktox ul li a.boxpic span em{font-size:.7em; display:inline-block; line-height:1em}
.boxfeedbacktox ul li a.boxpic span em:first-of-type{background-color:#fff; margin-right:.3em; padding:0 .2em; border-radius:2px}
.boxfeedbacktox ul li a.boxpic span em:last-of-type{color:#fff}
.boxfeedbacktox ul li a.boxpic span.ch{background-color:#a38459; color:#a38459}
.boxfeedbacktox ul li a.boxpic span.cr{background-color:#ff0000; color:#ff0000}
.boxfeedbacktox ul li .n{padding:.7em .5em; background-color:#faf8f6}
.boxfeedbacktox ul li .n .userpic,.boxfeedbacktox ul li .n .name,.boxfeedbacktox ul li .n .star{float:left}
.boxfeedbacktox ul li .n .userpic{background:no-repeat center center / cover; width:.9em; height:.9em; border-radius:50%; margin-right:.5em}
.boxfeedbacktox ul li .n .name{font-size:.7em; max-width:6em; color:#999}
.boxfeedbacktox ul li .n .star{float:right; width:98px; height:18px; background: no-repeat 0 -68px}
.boxfeedbacktox ul li .n .star i{display:block; height:18px; background: no-repeat 0 -50px}
.boxfeedbacktox ul li .n p{clear:both; font-size:.8em; color:#333; padding:.4em 0 .3em}
.boxfeedbacktox ul li .n .od,.boxfeedbacktox ul li .n .fx{font-size:.6em; color:#999}
.boxfeedbacktox ul li .n .fx{margin-top:.5em}
.boxfeedbacktox ul li .n .fx span:first-of-type{float:right}
.boxfeedbacktox ul li .n .fx span:last-of-type{max-width:50%}
.boxfeedbacktox ul li:hover{box-shadow:rgba(0,0,0,.1) 0 0 20px}
/* 支付密码框 */
.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:#f90}
.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:#f90; 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 #f90; 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:#f90}
.listseldb > div{display:none}
.listseldb > div.on{display: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:#f90 !important}
.boxcheckboxtf:hover:after{border-color:#fff}
.boxcheckboxtf.ck{background-color:#f90; border-color:#f90 !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: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}
.bncheckboxck.on:before{background-color:#f90; color:#fff; border-color:#f90}
.bncheckboxck:hover:before{border-color:#f90}
.bncheckboxck.on span,.bncheckboxck:hover span{color:#f90}
.bncheckboxck[disabled]{color:#999!important; cursor: no-drop!important;}
/*.bncheckboxck[disabled]:before{border-color:#f90;}*/
/*.bncheckboxck[disabled][check]:before{color:#fff;}*/
/* 公共弹窗 */
.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:#f90}
.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:#f90; color:#fff}
.showaltbox.titf90 i.close{color:#fff}
.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:#f90; 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 #f90; margin:0 .3em}
.showaltbox .bn .bnsa.close{float:none; line-height:inherit; opacity:1; text-shadow:none; font-weight:normal}
.showaltbox.suc .tit{padding:50px 0 0 88px; font-size:1.2em; display:flex; align-items:center}
.showaltbox.suc .tit b{font-weight:normal}
.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:#f90; 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}
.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:1000px; max-height:90%; height:630px; display:flex; flex-direction:column}
.altsetaccountcp>.box .n{height:100%; padding:0}
.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;}
.newbnlinksa{cursor:pointer}
.newbnlinksa:hover{color:#f90;}
.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:#f90}
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:#f90; color:#f90;}
table.tablesd .sel:hover,table.tablesd .sel.on{color:#f90}
table.tablesd .sel:hover:before{border-color:#f90}
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:#f90}
/* 红框可关闭 */
.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; background-color:#fff; 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:#f90}
.textnoter.y{border-color:#efb661; background-color:#fffaf2 !important}
.textnoter.y p{color:#333}
.textnoter.y div:before{color:#f90}
.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}
.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:#f90}
.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}
/* 2024 新框架 */
.minw1280.boxbody{min-width:1100px;}
.minw1280 .w1280{width:100%;}
.minw1280 .max1920,.minw1280 .user-bg{min-width: auto}
.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:#f90}
.boxbody::-webkit-scrollbar-track,.boxbody *::-webkit-scrollbar-track{border-radius:0; background:transparent}
.boxbody{padding-left:170px; min-width:1020px; background-color:#f7f5f2}
.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)}
.boxbody.hidemenu{padding-left:60px}
.hidemenu .newnavleft,.hidemenu .boxmainleft{width:60px!important;}
.boxmainhead{background-color:#fff; min-width:1210px; font-size:20px; height:72px; box-sizing:border-box; width:100%; border-bottom:1px solid #e4ddd2; padding:.75em 1em}
.boxmainhead > .box{max-width:1280px; margin:0 auto; display:flex; justify-content:space-between}
body[page='member'] .boxmainhead > .box{max-width:100%}
.boxmainhead > .box > *,.boxmainhead > .box > .right > *,.boxmainhead .userinfo a,.boxmainhead .cart > a{color:#333; display:flex; align-items:center}
.boxmainhead .logo:before{content:''; background: no-repeat center center / cover; width:2.1em; height:2.1em; display:inline-block; margin-right:.8em}
.boxmainhead .logo b{font-size:1.1em; display:block; line-height:1em}
.boxmainhead .logo:after,
.header .menutop li.lefttext a:after{content:''; display: inline-block; background:  no-repeat right center / contain; width:168px; height:24px;}
.boxmainhead > .box > .right{float:right}
.boxmainhead > .box > .right a{color:#333}
.boxmainhead > .box > .right a:hover{color:#f90}
.boxmainhead > .box > .right > *{margin:0 .4em; line-height:2em}
.boxmainhead > .box > .right > *:before,.boxmainhead .cart > a:before{display:inline-block; font-family:iconfont_dg; margin-right:.3em}
.boxmainhead > .box > .right > * > span,.boxmainhead .userinfo a > span,.boxmainhead .cart > a span{font-size:.7em}
.boxmainhead .tel:before{content:'\e602'}
.boxmainhead .nmore,.boxmainhead .cart,.boxmainhead .cart > a{position:relative}
.boxmainhead .nmore:hover,.boxmainhead .cart > a:hover{color:#f90}
.boxmainhead .cart:after{content:''; position:absolute; top:50%; right:0; height:1em; transform:translatey(-50%); border-right:1px solid #e4ddd2}
.boxmainhead .cart > a{padding-right:.7em}
.boxmainhead .cart > a:before{content:'\e607'}
.boxmainhead .cart > a i{position:absolute; top:0; left:1em; background-color:#f90; color:#fff; border-radius:50%; padding:.2em; text-align:center; min-width:1.3em; font-size:.6em; line-height:1em}
.boxmainhead .cart .list{position:absolute; top:100%; right:0; background-color:#fff; box-shadow:rgba(0,0,0,.1) 0 .4em 1em; border-radius:3px; opacity:0; width:420px; padding:0; z-index:6; visibility:hidden}
.boxmainhead .cart .list ul{min-height:260px; max-height:420px; overflow:auto; padding-bottom:.5em; position:relative}
.boxmainhead .cart:hover .list{opacity:1; visibility:visible; padding:.5em 0 0}
.boxmainhead .cart ul li{position:relative; padding:.5em; background-color:#fff; margin:0 .5em; overflow:hidden}
.boxmainhead .cart ul li.item-list:hover{background-color:#fffaf2}
.boxmainhead .cart ul .pic{width:1.5em; height:1.5em; border-radius:5px; float:left}
.boxmainhead .cart ul .info{margin-left:.5em; float: left; max-width: 230px;}
.boxmainhead .cart ul .info > *,.boxmainhead .cart ul .option > *{font-size:.7em; line-height:1.4em; display:block}
.boxmainhead .cart ul .info .t{font-size:.7em; color:#333}
.boxmainhead .cart ul .info div{font-size:.6em; color:#666}
.boxmainhead .cart ul .option{text-align:right; padding-right:1em; float: right}
.boxmainhead .cart ul .option .del{position:absolute; top:.2em; right:.1em; padding:.3em; opacity:0; font-size:.8em; visibility:hidden; cursor:pointer}
.boxmainhead .cart ul .option .del:hover{color:#f90}
.boxmainhead .cart ul li:hover .option .del{opacity:1; visibility:visible}
.boxmainhead .cart ul .option .del:after{content:'\e605'; font-family:iconfont_dg; display:block}
.boxmainhead .cart ul .option .del span{display:none}
.boxmainhead .cart ul .nodata{position:absolute; top:50%; left:0; width:100%; transform:translatey(-50%); font-size:.7em; padding:0; margin:0; text-align:center}
.boxmainhead .cart ul .nodata:before{content:''; background: no-repeat center center / cover; font-size:1em; width:5.5em; height:7.5em; display:block; margin:0 auto .5em}
.boxmainhead .cart ul .nodata a{display:inline-block; margin:0 .3em; color:#f90}
.boxmainhead .cart ul .nodata a:hover{text-decoration-line:underline}
.boxmainhead .cart .next{font-size:.7em; padding:.5em 1em; border-top:1px solid #eee; margin:0; display:flex; justify-content:space-between; align-items:center}
.boxmainhead .cart .next a.bnsa{color:#fff!important}
.boxmainhead .cart .next .total{color:#f90; margin-left:1em}
.boxmainhead .cart .next .bnsa{line-height:1.6em; font-size:.8em}
.boxmainhead .nmore .box,.boxmainhead .userinfo ul{box-shadow:rgba(0,0,0,.1) 0 .4em 1em}
.boxmainhead .nmore{margin:0 !important; padding:0 .5em; cursor:pointer}
.boxmainhead .nmore:before{content:'\e615'}
.boxmainhead .nmore .box{position:absolute; top:100%; right:-8em; opacity:0; visibility:hidden; background-color:#fff; width:47em; box-sizing:border-box; padding:0 2em; border-radius:4px; z-index:6; display:flex; justify-content:space-between; cursor:auto}
.boxmainhead .nmore:hover .box{opacity:1; visibility:visible; padding:1em 2em 1.5em}
.boxmainhead .nmore dl{font-size:.7em; color:#333}
.boxmainhead .nmore dl dt{color:#909090; line-height:inherit}
.boxmainhead .nmore dl dd{line-height:2em}
.boxmainhead .nmore .erwm{border-left:1px solid #eee; padding-left:3em}
.boxmainhead .nmore .erwm dd{display:flex; justify-content:space-between; text-align:center}
.boxmainhead .nmore .erwm div{padding:5px 20px 5px 0}
.boxmainhead .nmore .erwm div:last-of-type{padding-right:0}
.boxmainhead .nmore .erwm img{display:block; max-width:80px; margin-bottom:5px}
.boxmainhead .userinfo{border-radius:3em; background-color:#f1ede8; padding:0 .3em; position:relative}
.boxmainhead .userinfo .pic{width:1.6em; height:1.6em; background:no-repeat center center / cover; border-radius:50%; margin-right:.5em}
.boxmainhead .userinfo a > span{padding-right:2em; position:relative}
.boxmainhead .userinfo a:hover > span{color:#f90}
.boxmainhead .userinfo a > span:after{content:'\eca6'; font-family:iconfont_dg; position:absolute; top:50%; right:.5em; transform:translatey(-50%)}
.boxmainhead .userinfo ul{position:absolute; top:90%; right:0; left:0; z-index:6; opacity:0; visibility:hidden; text-align:center; line-height:1.6em}
.boxmainhead .userinfo:hover ul{top:100%; opacity:1; visibility:visible; background-color:#fff; border-radius:.5em; padding:.5em 0}
.boxmainhead .userinfo ul a{display:block; padding:0 1em; font-size:.7em}
.boxmainhead .userinfo ul a:hover{color:#f90}
.boxmainhead .useract{position:relative}
.boxmainhead .useract .name{font-size:.7em; display:flex; align-items:center}
.boxmainhead .useract .name:before{display:inline-block; margin-right:.5em; width:16px; height:16px; background:no-repeat center center / cover}
.boxmainhead .useract .name.c1:before{content:''; background-image:}
.boxmainhead .useract .name.c2:before{content:''; background-image:}
.boxmainhead .useract .name a{max-width:8em}
.boxmainhead .useract .list{position:absolute; top:90%; right:0; width:300px; opacity:0; font-size:.7em; line-height:1.4em; visibility:hidden; z-index:2; background-color:#fff; border-radius:3px; padding:5px 10px; box-shadow:rgba(0,0,0,.1) 0 0 1em}
.boxmainhead .useract:hover .list{top:100%; padding:10px; opacity:1; visibility:visible}
.boxmainhead .useract li{position:relative; padding:10px 3em 10px 10px; background-color:#f7f8f9; border:1px solid #f7f8f9; border-radius:5px}
.boxmainhead .useract li.sel{cursor:pointer}
.boxmainhead .useract li.default:after{content:'\e63f'; font-family:iconfont_dg; top:50%; right:1em; transform:translatey(-50%); opacity:1; color:#f90}
.boxmainhead .useract li   li{margin-top:10px}
.boxmainhead .useract li > *{display:block}
.boxmainhead .useract li:after{position:absolute; display:block; opacity:0}
.boxmainhead .useract li em{background:#ff9800; color:#fff; width:2em; height:2em; line-height:2em; margin-right:10px; text-align:center; font-weight:bold; border-radius:3px; float:left; background:-moz-linear-gradient(-45deg,#ff9800 0%,#ff6900 100%); background:-webkit-linear-gradient(-45deg,#ff9800 0%,#ff6900 100%); background:linear-gradient(135deg,#ff9800 0%,#ff6900 100%); filter:progid:dximagetransform.microsoft.gradient( startcolorstr='#ff9800',endcolorstr='#ff6900',gradienttype=1)}
.boxmainhead .useract li span{font-size:12px}
.boxmainhead .useract li.sel:hover{background-color:#fffaf2; border-color:#f90}
.boxmainhead .useract li.sel:after{content:''; position:absolute; bottom:0; right:0; background:url(/uploads/image/cimg/icons.png) no-repeat -203px -362px; width:16px; height:16px; opacity:0}
.boxmainhead .useract li.sel:hover:after{opacity:1}
.boxmainhead .golr{font-size:.7em}
.boxmainhead .golr a   a{margin-left:1em}
/* 左侧菜单 */
.boxmainleft{position:fixed; top:0; left:0; bottom:0; font-size:20px; width:8.5em; box-sizing:border-box; height:100%; z-index:999; background-color:#fff; float:left}
.hidemenu .boxmainleft .box:hover{width:8.5em}
.boxmainleft:after{content:''; position: absolute; left: 0; top:0; right:0; height:50px;}
body[page="member"].hidemenu .boxmainleft .box:hover{width:210px!important;}
.boxmainleft > .box{position:relative; box-sizing:border-box; background-color:#fff; height:100%; padding:1.5em 0; box-shadow:rgba(0, 0, 0, .1) 0 0 .5em;}
/*.boxmainleft:after{content:''; position:absolute; top:0; right:0; bottom:0; z-index:0}*/
.boxmainleft .menu{overflow:auto; position:absolute; z-index:1; top:3em; left:.6em; right:0; bottom:0; width:calc(100% - 1.3em)}
.boxmainleft .menu::-webkit-scrollbar{display:none}
.boxmainleft .imenu{position:absolute; top:30px; display:block; width:1em; height:15px; margin-left:1.2em; box-sizing:border-box; border-top:2px solid #777; border-bottom:2px solid #777; cursor:pointer; z-index:9}
.boxmainleft .imenu:after,.boxmainleft .imenu:before{position:absolute; top:50%; margin-top:-1px; right:0; left:0; border-top:2px solid #777; content:''; display:block}
.boxmainleft .br{clear:both; height:1px; background-color:#e4ddd2; display:block; width:100%}
.boxmainleft ul{padding:.5em 0; overflow:visible; width:100%}
.boxmainleft ul:first-of-type{border-top:none}
.boxmainleft ul li{padding:.1em 0; width:100%}
.boxmainleft ul li > a{border-radius:.5em; font-size:.7em; color:#333; line-height:2.2em; width:100%; display:flex; justify-content:left; overflow:hidden; padding-left:.3em}
.boxmainleft ul li > a:hover{background-color:#fff5e5}
.boxmainleft a{color:#333}
.boxmainleft a:hover{color:#f90}
.boxmainleft a:hover i{color:#f90}
.boxmainleft a:hover{text-decoration:none}
.boxmainleft ul li > a > i{color:#707070; min-width:2em; text-align:center; font-size:1.2em; line-height:30px}
.boxmainleft ul li > a > i.i_jiepei{font-size:.8em; min-width:3em!important;}
.boxmainleft ul li a i:before{font-family:iconfont_dg; display:inline-block}
.boxmainleft ul li > a span{white-space:nowrap; margin-left:.2em}
.boxmainleft ul li.active > a{background:linear-gradient(132deg,#ffa405 4%,#ff6d00); color:#fff}
.boxmainleft ul li.active > a i:before{color:#fff}
.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}
.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:#f90}
.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:#f90}
.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:#f90}
.boxmaxw .titsc .new:hover i.i_add{border-color:#f90}
.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_pcb:before{content:'\e63a'}
.i_pcba:before{content:'\e63e'}
.i_quote:before{content:'\e643'}
.i_ljb:before{content:'\e642'}
.i_hdi:before{content:'\e646'}
.i_smt:before{content:'\e63d'}
.i_bom:before{content:'\e60d'}
.i_fpc:before{content:'\e64b'}
.i_pro:before{content:'\e63b'}
.i_imc:before{content:'\e63c'}
.i_mic:before{content:'\e660'}
.i_txt:before{content:'\e654'}
.i_hr:before{content:'\e76d'}
.i_2wm:before{content:'\e611'}
.i_txm:before{content:'\e952'}
.i_sheetmetal:before{content:'\e652'}
.i_cnc:before{content:'\e651'}
.i_stencil:before{content:'\e641'}
.i_injection:before{content:'\e653'}
.i_membranepanel:before{content:'\e64f'}
.i_integrations:before{content:'\e650'}
.i_datasheet:before{content:'\e649'}
.i_dfm:before{content:'\e647'}
.i_qual:before{content:'\e647'}
.i_robot:before{content:'\e614'}
.i_jiepei:before{content:'\e64d';}
.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'}
.boxmainleft ul li > div,.hidemenu .boxmainleft ul li > div{margin-left:30%; height:0; opacity:0; font-size:.7em; line-height:2em; overflow:hidden}
.boxmainleft ul li:hover > div,.boxmainleft ul li.active > div{height:32px; opacity:1}
.hidemenu .boxmainleft{width:3em}
.hidemenu .boxmainleft .imenu{margin-left:1em}
/*.boxbody.hidemenu .boxmainleft .menu:hover{width:7em}*/
/*.boxbody.hidemenu .boxmainleft ul li,.boxbody.hidemenu .boxmainleft .br{width:1.7em}*/
.hidemenu .boxmainleft ul li > a:before{min-width:2.1em}
/*.boxbody.hidemenu .boxmainleft ul li>a span{opacity:0}*/
.hidemenu .boxmainleft ul li > a > i{min-width:1.9em}
/*.boxbody.hidemenu .boxmainleft ul li:hover>a{width:100%}*/
.hidemenu .boxmainleft ul li > a:hover span{opacity:1}
.hidemenu .boxmainleft .box{width:100%; box-sizing:border-box}
.hidemenu .boxmainleft ul li > a{padding-left:0}
.hidemenu .boxmainleft .imenu{margin-left:.9em}
/*购物车步骤*/
.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:82px; font-size:14px; width:100%}
.boxshowbanksubaccount p{margin:0 0 .3em; 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 1em;}
.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}
/* 底部快捷报价 */
.boxfooterquickprice{background:url(/uploads/image/citboardlayer4/bk_footer_t.jpg) no-repeat center center / cover; padding:.5em 0; margin-top:60px; color:#fff; font-size:20px;}
.boxfooterquickprice .box{max-width:1280px!important; min-height:80px; margin:0 auto; display: flex; justify-content: space-between; align-items: center}
.boxfooterquickprice .text>*{display: block}
.boxfooterquickprice .text span{font-size:.7em}
.boxfooterquickprice .quote{display: flex; justify-content: space-between; align-items: center; gap:10px}
.boxfooterquickprice .quote>span{font-size:14px}
.boxfooterquickprice .ipt,.boxfooterquickprice .bnfqprice{font-size:14px; line-height:42px; height:42px; width:7em; border:none; outline: none; padding:0 1em; color:#333; border-radius:5px;}
.boxfooterquickprice .ipt#selnum{width:12em; cursor:pointer; margin-left:.5em}
.boxfooterquickprice .bnfqprice{color:#fff; font-size:16px; width: auto; margin-left:.5em; padding:0 2.5em; position: relative;}
.boxfooterquickprice .bnfqprice:hover{top:1px}
.boxfooterquickprice .pcsnum{position: relative}
.boxfooterquickprice .pcsnum ul{position: absolute; top:90%; right:0; opacity:0; z-index:9999; width:520px; color:#333; background-color:#fff; border-radius:5px; padding:0 1em; box-shadow:rgba(0,0,0,.1) 0 0 1em; visibility:hidden; transition:all .3s;}
.boxfooterquickprice .pcsnum ul li{float: left; width:20%; font-size:.8em; margin:5px 0; line-height:1em;}
.boxfooterquickprice .pcsnum ul li.num{cursor:pointer;}
.boxfooterquickprice .pcsnum ul li em{font-style: normal; display: inline-block; vertical-align: middle}
.boxfooterquickprice .pcsnum ul li i{display: inline-block; width:1em; height:1em; border:1px solid #ddd; line-height:1em; vertical-align: middle; margin-right:.3em; border-radius:5em;}
.boxfooterquickprice .pcsnum ul li.active,.boxfooterquickprice .pcsnum ul li.num:hover{color:#f90}
.boxfooterquickprice .pcsnum ul li:hover i,.boxfooterquickprice .pcsnum ul li.active i{border-color:#f90}
.boxfooterquickprice .pcsnum ul li.active i:before{content:''; background-color:#f90; width:10px; height:10px; border-radius:50%; display:block; margin:2px 0 0 2px}
.boxfooterquickprice .pcsnum.show ul{top:100%; opacity:1; visibility: visible; padding:.5em 1em;}
.boxfooterquickprice .pcsnum .othernum,.boxfooterquickprice .pcsnum .note{width:100%; float: none; clear:both}
.boxfooterquickprice .pcsnum .othernum{display: flex; align-items: center; gap:10px; font-size:14px; padding-top:5px;}
.boxfooterquickprice .pcsnum .othernum input{border:1px solid #ccc; line-height:26px; border-radius:5px; font-size:14px}
.boxfooterquickprice .pcsnum .othernum input#othernum{width:150px; padding:0 10px}
.boxfooterquickprice .pcsnum .othernum input[type='button']:hover{background-color:#ccc}
.boxfooterquickprice .pcsnum .note{font-size:.7em; color:#f90}
.boxtopic .boxfooterquickprice{margin:0;}
.boxfooterquickprice.sa .text b{font-weight: normal; font-size:1.5em}


/* 自定义发货标签 */
.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:#f90}
.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 .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:#f90; 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:#f90}
.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:#f90; z-index:3!important;}
.boxsendtagpanel .label.on{border-color:#f90; z-index:3!important;}
.boxsendtagpanel .label.on .brk:after,.boxsendtagpanel .label.on .brk:before{content:''; width:9px; height:9px; background-color:#f90; 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:#f90;}
.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:#f90;}
.bnpreviewsendtag:before{content:'\e655'; font-family: iconfont_dg; display: inline-block; margin-right:.3em;}
.bnshoweditsendtagjson,.bnshowsendtaglist{color:#f90; 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:#f90; margin:0 .3em}

.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:#f90}
.ckradio:hover i{border-color:#f90}
.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:#f90; width:1em; height:1em; border-radius:50%; display:none; margin:.15em 0 0 .15em}
.ckradio input:checked i{border-color:#f90}
.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}
/*.boxgoquote>div{flex:auto;}*/
.boxgoquote .n>span{font-size:.8em; display: block; margin-bottom:.5em;}
.boxgoquote .select{border:1px solid #efefef; position:relative;}
.boxgoquote .select.on{border-color:#f90; color:#f90;}
.boxgoquote .select.on .value:after{border-top-color:#f90}
.boxgoquote .select .value{font-size:.8em; line-height:2.5em; cursor:pointer; box-sizing: border-box; padding:0 2em 0 .8em; position: relative;}
.boxgoquote .select .value:after{content:''; position: absolute; top:50%; right:.8em; transform: translatey(-50%); width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #333;}
.boxgoquote .select .more{opacity:0; visibility: hidden; position: absolute; left:0; top:90%; z-index:1; background-color:#fff; border:1px solid #efefef; min-width:100%; padding:0; box-shadow: rgba(0,0,0,.1) 0 0 1em;}
.boxgoquote .select .more .li{font-size:.7em; padding:.3em 1em; cursor:pointer; color:#333}
.boxgoquote .select .more .li:hover{color:#f90}
.boxgoquote .select .more .li.on{color:#f90}
.boxgoquote .select.show .more,.boxgoquote .select.hv:hover .more{opacity:1; visibility: visible; padding:.5em 0}
.boxgoquote .selectnum{width:6em;}
.boxgoquote .selectnum .more{left:auto; right:-2em}
.boxgoquote .selectprocategory{width:6em;}
.boxgoquote .selectboardlayers{display: flex; width:14em;}
.boxgoquote .selectboardlayers .more{text-align: center;}
.boxgoquote .selectboardlayers .bncheckbox{width:40px; height:42px; line-height:42px; text-align: center; margin-bottom:0}
.boxgoquote .boardsize{display:flex; gap:.5em; line-height:42px; color:#666}
.boxgoquote .boardsize .n{display: flex; border:1px solid #efefef; gap:.5em}
.boxgoquote .boardsize span{font-size:.8em; margin:0}
.boxgoquote .boardsize input{width:80px; border:none; font-size:16px; text-align: center; color:#333}
.boxgoquote .boardsize input::-webkit-input-placeholder{color:#999}
.boxgoquote .boardsize input:focus{outline:none;}
.boxgoquote>.bnsa{max-width:8em; min-width:8em; text-align: center;}
.boxgoquote>.bnsa span{font-size:.8em; line-height:2em}
.boxselectnumlist{width:520px; padding:1em .5em!important;}
.boxselectnumlist ul{display: flex; flex-wrap: wrap; gap:.3em; padding-bottom:1em;}
.boxselectnumlist .bncheckbox{font-size:.7em; margin:0; width:11.4%; text-align: center; padding:.3em .5em;}
.boxselectnumlist .inputnum{display: flex; align-items: center; gap:.5em;}
.boxselectnumlist .inputnum span{font-size:.7em; white-space: nowrap}
.boxselectnumlist .inputnum input[name='num']{width:120px; border:1px solid #ddd; font-size:16px; line-height:1.5em;}
.boxselectnumlist .inputnum .bnsa{padding:0 1em; line-height:1.5em;}
.boxselectnumlist .inputnum .bnsa span{display: block;}
.boxselectnumlist .note{font-size:.7em; color:#f90; padding-top:.5em}

/* 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:#f90; 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:#666}
.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{text-decoration:underline;}
.boxpwdqd{display: flex; gap:5px; color:#666}
.boxpwdqd span{color:#ccc}
.boxpwdqd.l1 .l1,.boxpwdqd.l2 .l2{color:#f90}
.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:; background-size:100% 100%; margin:9px auto 0}
/*客服浮窗*/
.boxqwservice{font-size:20px; position: fixed; right:-2em; bottom:4em; z-index:22; opacity:0; visibility: hidden; background-color:#fff; border-radius:.5em; padding:.5em; box-shadow: rgba(0,0,0,.1) 0 0 1em; text-align: center}
.boxqwservice.show{opacity:1; visibility:visible; right:1em;}
.boxqwservice .close{font-size:1em; top:-1.7em; right:0; width:1.2em; height:1.2em; line-height:1.1em; background-color:rgba(255,255,255,.5); border-radius:50%; border:1px solid rgba(0,0,0,.4); text-shadow:none; background-image:none;}
.boxqwservice .close:hover{background-color: rgba(255,255,255,1); opacity:1}
.boxqwservice .close:before{font-size:.5em; display: block; color:rgba(0,0,0,.5)}
.boxqwservice div{color:#999}
.boxqwservice span{display: block}
.boxqwservice .bnsa{margin:.4em 0; display: block}
.boxqwservice .t,.boxqwservice div{font-size:.7em}
.boxqwservice .t{color:#666; padding-left:3px;}
.boxqwservice img{display: block; margin:0 auto; width:6.5em; height:6.5em;}

/* 校验滑块 */
.boxrecsilde{user-select:none; width:100%; height:40px; background-color:#e8e8e8; text-align:center; line-height:40px; position:relative}
.boxrecsilde:after{position: absolute; top:0; left:0; width:40px; height:100%;}
.boxrecsilde .txt{z-index:2; position:relative; display: block; color: #fff;
    background: -webkit-gradient(linear,left top,right top,color-stop(0,#4d4d4d),color-stop(.4,#4d4d4d),color-stop(.5,#fff),color-stop(.6,#4d4d4d),color-stop(1,#4d4d4d));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-animation: fontbklefttoright 4s infinite;
}
.boxrecsilde .rect{position:relative; width:100%; height:100%}
.boxrecsilde .rec{position:absolute; top:0; left:0; width:0; height:100%; background:#f90}
.boxrecsilde .silde{position:absolute; top:0; left:0; z-index:3; color:#333; box-sizing:border-box; width:40px; height:40px; background:#fff; border:1px solid #ccc; cursor:pointer}
.boxrecsilde .silde:hover{color:#f90; border-color:#f90}
.boxrecsilde .silde:after{content:'\e640'; font-family: iconfont_dg; display: block; text-align: center; font-size:20px;}
.boxrecsilde.success .silde:after{content:'\e63f'; color:#f90}
.boxrecsilde.success .silde{border-color:#f90}
.boxrecsilde.success .txt{color:#fff; -webkit-animation:none; background:none; -webkit-text-fill-color: #fff;}

.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: 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%)}

.altshowconfirmaddress{}

/* 展示图片集 */
.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: #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 #f90; 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:#fbf2df; color:#ff9900}
.boxshowpics.simulation ul li:hover{color:#ff9900}
.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}


@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)}
}