@charset "utf-8"; /*通用的样式*/
body{overflow-x:auto}
/*@font-face{font-family:Harmony_Regular; src:url(/Content/font/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:#008C95; 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:#008C95}
.cl-07A{color:#07A698}
.cl-2192d9{color:#2192d9}
.cl-00ba00{color:#00ba00}
.cl-308921{color:#308921}
.cl-a3a3a3{color:#a3a3a3}
.cl-878787{color:#878787}
.cl-a3aaba{color:#a3aaba}
.cl-262626{color:#262626}
.cl-acacac{color:#acacac}
/*margin padding值*/
.mt0{margin-top:0}
.mt2{margin-top:2px}
.mt4{margin-top:4px}
.mt5{margin-top:5px}
.mt8{margin-top:8px}
.mt10{margin-top:10px}
.mt15{margin-top:15px}
.mt20{margin-top:20px}
.mt22{margin-top:22px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt80{margin-top:80px}
.mt100{margin-top:100px}
.mb0{margin-bottom:0}
.mb4{margin-bottom:4px}
.mb5{margin-bottom:5px}
.mb6{margin-bottom:6px}
.mb10{margin-bottom:10px}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px}
.mb25{margin-bottom:25px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb100{margin-bottom:100px}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.ml15{margin-left:15px}
.ml20{margin-left:20px}
.ml30{margin-left:30px}
.ml40{margin-left:40px}
.ml50{margin-left:50px}
.ml100{margin-left:100px}
.mr5{margin-right:5px}
.mr4{margin-right:4px}
.mr6{margin-right:6px}
.mr10{margin-right:10px}
.mr20{margin-right:20px}
.mr15{margin-right:15px}
.mr20{margin-right:20px}
.mr30{margin-right:30px}
.mr40{margin-right:40px}
.mr60{margin-right:60px}
.mr80{margin-right:80px}
.plr10{padding-left:10px; padding-right:10px}
.site-nav-r .plr10{padding:0 10px 0 0; display: flex; align-items: center}
.site-nav-r .name{max-width:8em;}
.ptb100{padding-top:100px; padding-bottom:100px}
/*宽度 高度*/
.w50{width:50px !important}
.w45{width:45px !important}
.w80{width:80px !important}
.w100{width:100px !important}
.w200{width:200px !important}
.w215{width:215px !important}
.w160{width:160px !important}
.h30{height:30px !important; line-height:30px}
.h35{height:35px !important; line-height:35px}
.line-wrap{min-width:1280px}
.w1280{width:1280px; margin-left:auto; margin-right:auto}
.w1320{width:1320px; margin:0 auto; padding:0 20px; box-sizing:border-box}
.shadow-box{/* width:100%; height:9px; position:absolute; background:url('../img/shadow_bg.png') repeat-x; */}
.no-border{border:none !important}
.no-margin{margin:0 !important}
.nowrap{word-wrap:normal; text-overflow:ellipsis; white-space:nowrap; overflow:hidden}
.clearfix{zoom:1}
.clearfix:after{content:'.'; display:block; clear:both; height:0; visibility:hidden; line-height:0; overflow:hidden}
.text-bottom{vertical-align:text-bottom}
/*input select*/
.style-input{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:#008C95; font-weight:700}
/*可通用图标*/
.jp-ico{background-image:url('../img/icons.png'); background-repeat:no-repeat; vertical-align:middle; display:inline-block}
.jp-icoNew{display:inline-block; width:16px; height:20px; background:url(/Content/img/onlineNew/wen.png) no-repeat center; display:inline-block; vertical-align:sub; text-indent:-99999em; text-align:left; overflow:hidden}
.pcbonline-ico{width:17px; height:21px; margin-right:4px; background-position:0 -12px}
.cart-ico{width:20px; height:20px; background-position:-20px -12px; margin-right:10px}
.bigcart-ico{width:26px; height:29px; background-position:-89px -0px; margin-right:10px}
.optiontip-ico{width:14px; height:14px; background-position:-66px -12px; text-indent:-99999em; text-align:left; overflow:hidden}
.subscript-ico{position:absolute; bottom:-1px; right:-1px; width:10px; height:10px; background-position:-40px 0}
.quickness-ico{width:40px; height:40px; background-position:1px -106px}
.accurateness-ico{width:40px; height:40px; background-position:-39px -106px}
.excellence-ico{width:40px; height:40px; background-position:-79px -106px}
.hook-ico{width:13px; height:13px; background-position:-80px -66px; margin-right:4px}
.del-ico{width:14px; height:16px; background-position:-86px -150px; margin-right:4px; vertical-align:text-bottom}
.del-ico:hover{background-position:-102px -150px}
.ok-ico{width:36px; height:36px; background-position:0 -186px; margin-right:6px}
.fail-ico{width:36px; height:36px; background-position:-84px -186px; margin-right:6px}
.position-ico{width:20px; height:25px; background-position:-40px -186px; margin-right:6px}
.tipscon{position:absolute; top:0px; right:20px; z-index:1000; display:none; width:250px; font-weight:400; line-height:16px; color:#000; background-color:#fff; border:1px solid #ccc; padding:10px; text-align:left; -webkit-box-shadow:0 0 15px #999; -moz-box-shadow:0 0 15px #999; box-shadow:0 0 15px #999}
.item-tips .jp-ico{width:16px; height:16px; background-position:-66px -186px}
.tel-ico{width:32px; height:32px; background-position:0 -230px}
.qq-ico{width:32px; height:32px; background-position:-36px -230px}
.email-ico{width:32px; height:32px; background-position:-72px -230px}
.qqcontact-ico{width:77px; height:24px; background-position:-16px -40px}
.more-ico{width:14px; height:12px; background-position:-22px -265px; margin-left:2px; vertical-align:baseline}
.browse-ico{width:24px; height:14px; background-position:-36px -265px}
.qqcontact-ico2{width:77px; height:24px; background:url(/Content/img/ico_qq2.png)}
/*可通用按钮*/
.active-fff{background-color:#fff; -webkit-box-shadow:0px 0 3px #999; -moz-box-shadow:0px 0 3px #999; box-shadow:0px 0 3px #999}
.active-f90{background-color:#008C95 !important; color:#fff !important}
.btn-yellow{background-color:#008C95; color:#fff; border:none}
.btn-fff{background:#fff; border:1px solid #008C95; color:#008C95}
.btn-fff:hover{background:#008C95; color:#fff; text-decoration:none}
.btn-f9f9f9{background:#f9f9f9; border:1px solid #008C95; color:#008C95}
.btn-yellow:hover,.btn-yellow:focus{background-color:#07A698; 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:#008C95; color:#fff; border:1px solid #008C95}
.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 #008C95}
/*可通用的背景色*/
.bg-f90{background-color:#008C95}
.bg-fff{background-color:#fff}
.bg-fff5e7{background-color:#fff5e7}
.bg-8a8a8a{background-color:#8a8a8a}
.bg-f7f7f7{background-color:#f7f7f7}
.bg-997132{background-color:#997132}
/*错误提示*/
.error-msg{position:absolute; top:42px; left:30px; z-index:20; font-size:12px; color:#c00}
.error-msg .jp-ico{position:absolute; top:-7px; left:10px; z-index:21; width:9px; height:8px; background-position:-22px 0}
.error-msg p{background-color:#fff2df; border:1px solid #bc8835; padding:5px 10px}
/*示例图片*/
.example-diagram{display:inline-block}
.example-diagram-con{position:absolute; z-index:20; padding:15px; background-color:#fff; border:1px solid #ddd}
/*评分*/
.score{width:80px; height:15px; background:url("../img/icons.png") no-repeat 0 -165px}
.score i{position:absolute; top:0; left:0; height:15px; background-position:0 -150px}
/*重定义*/
.has-success .form-control{border-color:#129b00}
.has-success .form-control-feedback{color:#129b00}
.has-error .form-control{border-color:#c00}
.has-error .form-control-feedback{color:#c00}
.tooltip{text-align:left !important}
.tooltip.bottom .tooltip-arrow{border-bottom-color:#fff}
.tooltip-inner{background-color:#fff; color:#000; text-align:left; padding:8px 10px; webkit-box-shadow:0 0 10px #97b4b6; -moz-box-shadow:0 0 10px #97b4b6; box-shadow:0 0 10px #97b4b6}
.tooltip.in{opacity:1}
.ie6 .form-control,.ie7 .form-control,.ie8 .form-control{display:inline-block}
.option-size{width:238px; height:30px; background-color:#eee; border-top:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc}
.option-size .form-control{width:90px; height:28px; line-height:28px; padding-top:0; padding-bottom:0; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; border-top:none; border-bottom:none; display:inline-block}
/*分页*/
.pagination > li > a,.pagination > li > span{color:#333}
.pagination > .active > a,.pagination > .active > a:focus,.pagination > .active > a:hover,.pagination > .active > span,.pagination > .active > span:focus,.pagination > .active > span:hover{color:#fff; background-color:#008C95; border:1px solid #008C95}
.pagination.sa{text-align:center; display:flex; justify-content:center; font-size:14px; padding-bottom:50px}
.pagination.sa li span{color:#999}
.pagination.sa li.active span{color:#fff}
/*基础页面样式*/
.loading{position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3)}
.loading img{width:auto; height:24px}
@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:#008C95}
.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:#008C95}
.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(/Content/img/home/arrow-bottom.png) no-repeat center; width:20px; height:10px; display:inline-block}
.site-nav-r .top_arrow_bottom.top_arrow_top{background:url(/Content/img/home/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 #008C95; 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:#008C95}
.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 #008C95; -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:url('/Content/img/avatar_bg.png') 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:url('../img/loading.gif') no-repeat center center}
.owl-carousel .owl-wrapper:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0}
.owl-carousel{display:none; position:relative; width: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:url('../img/grabbing.png') 8 8,move}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0)}
.owl-theme .owl-controls .owl-buttons div{position:absolute; top: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:#008C95; 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:url("/Scripts/qutoplus/scrollTop/top.png"); z-index:20; _position:absolute; _bottom:auto; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:40px}
/*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:url("../img/icon_sidebar.png"); 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(/Content/img/onlineNew/switch.png) no-repeat center}
.icon-sidebar-suggest{width:32px; height:32px; background:url(/Content/img/onlineNew/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:#008C95}
*/
.sidebar-tab-box:hover .sidebar-tab{background-color:#008C95}
.sidebar-tab-tip{position:absolute; top:0px; right:-57px; width:97px; text-align:center; height:42px; line-height:42px; color:#fff; /*background:url("../img/icon_sidebar.png") no-repeat 0 -45px; */
    background:#008C95; 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:#008C95; width:80px; border-top-left-radius:4px; border-bottom-left-radius:4px; margin-bottom:5px; padding-bottom:15px}
.sidebar-tab-onlineservice .sidebar-tab{background:#07A698}
.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(/Content/img/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(/Content/img/q1.gif) no-repeat left center; height:30px; line-height:30px; color:#666}
.server_tel{padding-left:45px; background:url(/Content/img/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:#008C95; background-color:#008C95; 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(/Content/img/icon_success_big.png) no-repeat left center}
.order-cart-box{padding:0 55px}
.order-cart-item{display:block; width:139px; height:35px; line-height:35px; float:left}
.order-cart-model .layui-layer-title{display:none}
/*上传按钮的样式*/
.unload-file-btn{display:inline-block; width:66px; height:26px; line-height:26px; text-align:center; color:#fff; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; background:#636363; margin-top:-3px; text-decoration:none}
.unload-file-btn:hover{color:#fff; background:#777}
.bcontrols{display:block; float:left; margin-left:5px; margin-top:-3px}
.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:#008C95; color:#fff; margin-left:15px}
.abolish-btn{background-color:#ededed; color:#7b7b7b}
.money{float:right}
.money span{font-size:24px; font-weight:700}
.detailmoney{font-size:14px; color:#878787; float:right}
.smtdetail{width:1280px; position:relative; margin:auto}
.ordernum{color:#878787; font-size:16px; line-height:40px; margin-bottom:10px}
.step{overflow:hidden; position:absolute; right:0px; top:0px}
.step li{float:left; margin:0 5px; text-align:center; font-size:16px; line-height:28px}
.step li img{vertical-align:middle}
.steptime-box{font-size:12px; color:#9a9a9a; line-height:14px}
/*淘宝通用头部*/
.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 #008C95; 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:#008C95}
@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: url('/Content/font/dg/iconfont.woff2?t=1736404227546') format('woff2'),
    url('/Content/font/dg/iconfont.woff?t=1736404227546') format('woff'),
    url('/Content/font/dg/iconfont.ttf?t=1736404227546') format('truetype');
}
.anmt3,.boxPic img,.boxloading,.altBoxMHN .close,.bnsa,.bnsa:after,.boxFeedbackToX ul li,.showAltBox,.showAltBox .box,i.close,i.close:before,i.closeX:before,.boxCheckboxTF,.boxCheckboxTF:after,.boxBody,.boxMainLeft,.iMenu,.boxMainLeft .box,.boxMainLeft dt>*:before,.boxMainLeft dl span,.boxMainLeft dl a,.boxMainHead > .right > *,.boxMainHead a,.boxMainHead .nMore .box,.userAct .list,.userAct li,.userAct li:after,.boxMainHead .cart .list,.boxMainHead .cart ul li,.boxMainHead .cart ul .del,.boxShowTips>span,.boxSendTagList .li,.boxGoQuote .select .more,.boxBodyMaxBK,.BoxShowPics,.picbox .close,.BoxShowPics ul li:after,.boxChangeAccounts li,.bnCheckboxCK:before,.bnCheckboxCK span{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}
.tooltipNew.ok>*{transition:all .2s ease; -moz-transition:all .2s ease; -webkit-transition:all .2s ease}
.anmt1,.altBoxMHN,.altBoxMHN .n1{transition:all 1s ease; -moz-transition:all 1s ease; -webkit-transition:all 1s ease}
.boxClear{clear:both}
.linkSa,.aLink,span.aLink.c{color:#008C95; cursor:pointer}
.linkSa:hover,.aLink.ul{text-decoration:underline}
.aLink:hover,span.aLink.c:hover{opacity:.6}
span.aLink{color:#333}
span.aLink:hover{color:#008C95; opacity:1}
.boxMainBody{background-color:#F2F9FA}
.boxPic img{display:block; width:100%; height:100%; object-fit:cover}
.boxPic:hover img{transform:scale(1.05)}
.font2h,.font3h{text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis; display:-webkit-box !important; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.font3h{-webkit-line-clamp:3}
.fontovdd,.boxMainHead .userAct .name a,.site-nav-r .name,.boxMainLeft dt>span,.boxMainLeft dl a{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:#008C95; border-color:#008C95; background-color:#E1F8FA}
.tagSc.s2{color:#18A6EE; border-color:#18A6EE; background-color:#E7F6FE}
.tagSd,.tagSe,.bkgSr.sa{font-size:14px; color:#fff; border-radius:3px; display:inline-block; line-height:1em; padding:.3em;}
.tagSd{background:#ce170e; background:-moz-linear-gradient(left,#f67e00 0%,#ce170e 100%); background:-webkit-linear-gradient(left,#f67e00 0%,#ce170e 100%); background:linear-gradient(to right,#f67e00 0%,#ce170e 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f67e00',endColorstr='#ce170e',GradientType=1 )}
.tagSe{color:#404C85; background: linear-gradient(130deg,#e8e8ef 13%, #ced2eb);}
.tagNnew{color:#fff; background:#E10700; background: linear-gradient(to right,#FF9900 10%, #E10700); box-shadow:rgba(227,14,0,.3) 0 3px .5em}
.bkgSh{background: #ff9900;background:-moz-linear-gradient(left,#ff9900 0%, #ffb94f 100%);background:-webkit-linear-gradient(left,#ff9900 0%,#ffb94f 100%);background:linear-gradient(to right,#ff9900 0%,#ffb94f 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900',endColorstr='#ffb94f',GradientType=1)}
.bkgSl{background: #006aff;background:-moz-linear-gradient(left,#006aff 0%, #6ca9fe 100%);background:-webkit-linear-gradient(left,#006aff 0%,#6ca9fe 100%);background:linear-gradient(to right,#006aff 0%,#6ca9fe 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006aff',endColorstr='#6ca9fe',GradientType=1)}
.bkgSr{background:linear-gradient(90deg,#ffa2a2 1%, #ff0000 11%, #ff9797 14%, #ff6161 19%, #ff0000 100%); color:#fff!important;}
.bkgCR{background: #008C95; background: -moz-linear-gradient(left, #008C95 0%, #07A698 100%); background: -webkit-linear-gradient(left, #008C95 0%,#07A698 100%); background: linear-gradient(to right, #008C95 0%,#07A698 100%);}
.bkgHZ{background:#e00000; background:-moz-linear-gradient(left,#e00000 0%,#214798 100%); background:-webkit-linear-gradient(left,#e00000 0%,#214798 100%); background:linear-gradient(to right,#e00000 0%,#214798 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00000',endColorstr='#214798',GradientType=1 );}
.noteSw{color:#f30; display: flex; align-items: center; background-color:#E5F3F4; font-size:14px; padding:.5em 20px}
.noteSw:before{content:'\e764'; font-family: iconfont_dg; margin-right:.3em}
.noteSw p{padding:0; margin:0;}

.boxFlx{display:flex; justify-content:space-between; align-items:center}
.boxFlx.g10{gap:10px}
.boxFlx.g05{gap:.5em}
.boxFlx.g1em{gap:1em}
.boxFlx.jcs{justify-content:start}

.boxloading{text-align:center; padding:2em 0; font-size:20px; line-height:2em; box-sizing:border-box; width:100%; max-width:100%}
.boxloading:before,.boxloading.fx.c span:before,.loadBRT:before{content:'\e60f'; font-family:iconfont_dg; display:inline-block; vertical-align:middle; font-size:1.6em; animation:admRT360 2s linear infinite}
.loadBRT:before{position:absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em; z-index:1; color:#008C95;}
.boxloading:after,.boxloading.fx.c span:after{content:'Loading..'; display:inline-block; vertical-align:middle; color:#666}
.boxloading.w{background-color:white}
.boxloading.np{padding:0}
.boxloading.bw{background-color:rgba(255,255,255,.8)}
.boxloading.fx{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99}
.boxloading.fx.t{top:0; bottom:0; transform:translate(-50%,0); background-color:rgba(255,255,255,.7)}
.boxloading.fx.c{top:0; left:0; right:0; bottom:0; height:100%; transform:translate(0,0)}
.boxloading.fx.c:after,.boxloading.fx.c:before{display:none}
.boxloading.fx.c span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%)}
.boxloading.fx:before,.boxloading.fx:after,.boxloading.fx.c span:before,.boxloading.fx.c span:after{color:#000}
.boxloading.pfx{position: fixed;}
.boxloading.nodata:before{content:'\e619'; animation:none; transform:scale(1.1)}
.boxloading.nodata:after{content:'No Data'; color:#999; margin-left:.5em; font-weight:lighter; font-family:"Microsoft YaHei",Helvetica,Arial,sans-serif,FreeSans,Arimo}
.boxloading.ov{opacity:0; visibility:hidden}
.boxloading.nPF14{padding:.5em; font-size:14px}
.boxloading.success{color:#0BA500}
.boxloading.success.c span:before{content:'\e62d'; animation:none; color:#0BA500; margin-right:.3em; vertical-align:bottom}
.boxloading.success.c span:after,.boxloading.txt span:after{display:none!important;}
.boxloading.psa{position:absolute; top:0; right:0; bottom:0; left:0; padding:0; z-index:2; background-color:rgba(255,255,255,.7)}
.boxloading.psa:before{position:absolute; top:50%; left:50%; margin:-.5em 0 0 -.5em;}
.boxloading.psa:after{display:none}
.boxBodyMaxBK{position:fixed; top:0; left:0; right:0; bottom:0; z-index:9999; background-color:rgba(0,0,0,.7)}
.boxBodyMaxBK>div{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.boxBodyMaxBK .closeX{font-size:16px;}
.bnsa{background-color:#008C95; color:#fff; border-radius:2em; overflow:hidden; padding:.5em 2em; display:inline-block; position:relative; cursor:pointer; border:none; user-select:none}
a.bnsa:focus{color:#fff}
.bnsa.xL{font-size:15px; padding:.7em 3em}
.bnsa span{position:relative; z-index:1; margin:0 !important}
.bnsa:after{content:''; position:absolute; z-index:0; top:100%; left:0; right:0; bottom:0; background-image:-webkit-linear-gradient(top,rgba(0,140,149,1), rgb(7,166,152,1))}
.bnsa.bkr{background-color:#008C95;}
.bnsa.bkr:after{top:0;background-image:-webkit-linear-gradient(left,rgba(7,166,152,1), rgb(0,140,149))}
.bnsa.bkr:hover:after{left:-100%;}
.bnsa:hover{color:#fff}
.bnsa:hover:after{top:-50%}
.bnsa.close{color:#333; border:1px solid #DCDFE6 !important; background-color:#fff}
.bnsa.close:after{display:none}
.bnsa.close:hover{color:#008C95; border-color:#008C95 !important}
a.bnsa.close:focus{color:#008C95}
.bnsa.sk{border-radius:.3em}
.bnsa.tm{background-color:transparent; color:#008C95; border:1px solid #008C95; box-sizing:border-box}
.bnsa.tm:after{display:none}
.bnsa.tm:hover,.bnsa.tm:focus{background-color:#008C95; color:#fff}
.bnsa.b{border:1px solid #008C95}
.bnsa.w{border-color:#fff; color:#fff}
.bnsa.w:hover{border-color:#008C95}
.bnsa.white{border-color:#fff; background-color:#fff; color:#008C95}
.bnsa.white.b{border-color:#008C95}
.bnsa.white.grey{color:#A4A4A4}
.bnsa.white:hover,.bnsa.white.grey:hover{border-color:#008C95; background-color:#008C95; 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}
.bnsa.org{border:1px solid #f90; background-color:#f90; color:#FFF!important; display:inline-block}
.bnsa.org:after{background-image:-webkit-linear-gradient(top, rgb(255, 153, 0), rgb(255, 172, 74))}
.bnsa.ct{border:1px solid #B0713B; background-color:#B0713B; color:#FFF!important; display:inline-block}
.bnsa.ct:after{background-image:-webkit-linear-gradient(top, rgb(176,113,59), rgb(218, 143, 78))}
.bnsa.more span:after{content:'\e63b'; font-family:iconfont_dg; display:inline-block; margin-left:.5em; transform:scale(1.2)}
/* 复选框 打勾 */
.bnCheckbox{background-color:#fff; border:1px solid #eee; margin:0 10px 10px 0; border-radius:4px; position: relative; overflow: hidden; cursor:pointer; user-select: none;}
.bnCheckbox.on{background-color:#E1F8FA; border-color:#008C95}
.bnCheckbox.on:after,.on i.ckIcon:after{content:'\e63f'; font-family: iconfont_dg; font-size:11px; line-height:1em; font-weight: bold; color:#fff; position: absolute; right:0; bottom:0}
.bnCheckbox.on:before,.on i.ckIcon:before{content:''; background-color:#008C95; transform: rotate(-45deg); width:27px; height:19px; position: absolute; right:-12px; bottom:-7px}
.bnCheckbox:hover{border-color:#E1F8FA}
.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:#008C95; background:-moz-linear-gradient(left,#008C95 0%,#07A698 100%); background:-webkit-linear-gradient(left,#008C95 0%,#07A698 100%); background:linear-gradient(to right,#008C95 0%,#07A698 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#008C95',endColorstr='#07A698',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:#008C95; 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:#008C95}
.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 #008C95; 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:#008C95}
.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:#008C95}
.boxFeedbackToX ul:after{content:''; display:block; width:100%; height:0; overflow:hidden; clear:both}
.boxFeedbackToX ul li{float:left; width:32%; 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; border-radius:5px;}
.boxFeedbackToX ul li a.boxPic span{position:absolute; left:.5em; top:.5em; background-color:#008C95; color:#008C95; 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 0; background-color:#fff}
.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:url('/Content/img/newindexV3/icons.png') no-repeat 0 -68px; zoom:.8}
.boxFeedbackToX ul li .n .star i{display:block; height:18px; background:url('/Content/img/newindexV3/icons.png') no-repeat 0 -50px}
.boxFeedbackToX ul li .n .hr{border-top:1px solid #CCE8EA; display:block; margin:.5em 0}
.boxFeedbackToX ul li .n p{clear:both; font-size:.7em; color:#333; padding:.7em 0 .3em; height:3.6em; margin:0 0 1em}
.boxFeedbackToX ul li .n .od,.boxFeedbackToX ul li .n .fx{font-size:.6em; color:#999}
.boxFeedbackToX ul li .n .fx{margin-top:.3em; padding-bottom:1em}
.boxFeedbackToX.boxHomeBKPF ul li .n .fx{padding-bottom:0}
.boxFeedbackToX ul li .n .fx span:first-of-type{float:right}
.boxFeedbackToX ul li .n .fx span:last-of-type{max-width:50%}
/* 支付密码框 */
.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:#008C95}
.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:#008C95; 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 #008C95; 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:#008C95}
.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:#008C95 !important}
.boxCheckboxTF:hover:after{border-color:#fff}
.boxCheckboxTF.ck{background-color:#008C95; border-color:#008C95 !important}
.boxCheckboxTF.ck:after{background-color:#fff; border-color:#fff}
.boxCheckboxTF.ck:after{left:50%; background-color:#fff; border-color:#ccc}
.boxCheckboxTF.sc{border-radius:.3em; width:1.4em; border-color:#ccc}
.boxCheckboxTF.sc:after{content:'\e63f'; font-family:iconfont_dg; opacity:0; top:-0.1em; color:#fff; background-color:transparent; border:none; box-shadow:none; border-radius:0}
.boxCheckboxTF.sc.ck:after{opacity:1; left:.1em}
/* 勾选选项 */
.bnCheckboxCK{cursor:pointer; user-select:none}
.bnCheckboxCK:before,.bnCheckboxCK span{display: inline-block; vertical-align: middle;}
.bnCheckboxCK:before{content:'\e63f'; font-family:iconfont_dg; background-color:#fff; color:#fff; line-height:1em; font-size:.8em; width:1em; height:1em; border:2px solid #E6E6E6; border-radius:50%; overflow: hidden; margin-right:.8em; box-sizing: content-box;}
.bnCheckboxCK.on:before{background-color:#008C95; color:#fff; border-color:#008C95}
.bnCheckboxCK:hover:before{border-color:#008C95}
.bnCheckboxCK.on span,.bnCheckboxCK:hover span{color:#008C95}
.bnCheckboxCK[disabled]{color:#999!important; cursor: no-drop!important;}
.bnCheckboxCK[disabled]:hover:before{border-color:#E6E6E6}
.bnCheckboxCK[disabled]:hover span{color:#999}
/* 公共弹窗 */
.showAltBox{background-color:rgba(0,0,0,.2) !important; position:fixed; top:0; left:0; right:0; bottom:0; z-index:3333 !important; font-size:20px; opacity:0; visibility:hidden; font-family:"Microsoft Yahei", "微软雅黑",Arial,"Harmony_Regular"}
.showAltBox.show{opacity:1; visibility:visible}
.showAltBox.all{background-color:rgba(0,0,0,.7) !important;}
.showAltBox.all i.close{top:-2em; color:#fff; font-size:.8em;}
.showAltBox.all .box{height:96%; top:40px; bottom:0; transform: translate(-50%,0) scale(.9)!important;}
.showAltBox.all.show .box{transform: translate(-50%,0) scale(1)!important;}
.showAltBox.all .box>.n{padding:0; border-radius:8px; overflow: hidden; height:100%;}
.showAltBox iframe{border:none; width:100%; height:100%;}
.showAltBox>.box{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%) scale(.8); box-shadow:rgba(0,0,0,.2) 0 0 1em; background-color:#fff; border-radius:5px}
.showAltBox.show>.box{transform:translate(-50%,-50%) scale(1)}
.showAltBox>.box > .t{background-color:#f6f6f6; line-height:46px; padding:0 1em; font-size:.8em; color:#000; position:relative}
.showAltBox>.box > .t:before{content:'\e602'; font-family:iconfont_dg; margin-right:.5em; color:#008C95}
.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:#008C95; color:#fff}
.showAltBox.titF90 i.close{color:#fff}
.showAltBox i.boxClose{top:32%; right:1em}
.showAltBox i.close{display: flex; flex-direction: row-reverse; align-items: center; white-space: pre; gap: .5em;}
.showAltBox i.close span{font-size:1.2em; font-weight:normal}
.showAltBox i.close,i.closeX{position:absolute; top:1.7em; right:1.4em; width:1.6em; height:1.6em; line-height:1.6em; text-align:center; font-size:.6em; color:#999; opacity:1; cursor:pointer; font-weight:bold}
.showAltBox i.close:before,i.closeX:before{content:'\e61d'; font-family:iconfont_dg; display:inline-block}
.showAltBox i.close:after{display:none}
.showAltBox i.close:hover:before,i.closeX:hover:before{opacity:.5; transform:rotate(90deg)}
.showAltBox>.box > .n{text-align:left; color:#333; font-size:.7em; line-height:1.6em; padding:1em 2em; word-break:break-all}
.showAltBox>.box > .n.textCenter{text-align:center}
.showAltBox>.box > .tit{padding:20px; font-size:.8em; text-align:left}
.showAltBox.tit2>.box > .tit{padding:15px 0; margin:0 20px; border-bottom:1px solid #eee}
.showAltBox.tit2 i.close{top:1.4em}
.showAltBox>.box > .tit:before{font-family:iconfont_dg; color:#008C95; 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 #008C95; 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:#008C95; text-decoration:underline; cursor:pointer; margin:0 .5em}
.showAltBox .ncPayment .link:hover{opacity:.7}
.showAltBox .ncPayment + .boxPayVerification{margin-top:.5em}
.showAltBox .ncPayment input,.boxAltForm input{margin-right:.5em; border:1px solid #ccc; height:30px; line-height:30px; max-width:6em; border-radius:5px; box-sizing:border-box; padding:0 .5em}
.showAltBox .ncPayment input{max-width:8em}
.showAltBox.note{font-size:20px}
.showAltBox.note .n.textCenter{font-size:.9em; padding-bottom:3em}
.showAltBox.note.pb1 .n.textCenter{padding-bottom:1.5em}
.showAltBox.st .tit{border-bottom:1px solid #eee}
.showAltBox.st .bn .bnsa{font-size:.8em; width:8em; padding:.6em 1em}
.showAltBox.message{box-shadow:rgba(0,0,0,.2) 0 0 1em; background-color:rgba(0,0,0,.1) !important; z-index:9999999999!important;}
.showAltBox.message .close{display:none}
.showAltBox.message .tit{text-align:center; min-width:14em; border-radius:4px; border:1px solid transparent; display:flex; justify-content:center; align-items:center; gap:1em; padding:1.2em 3em;}
.showAltBox.message .tit b{font-weight:normal}
.showAltBox.message .tit:before{font-family:iconfont_dg; color:#fff; border-radius:50%; width:24px; height:24px; line-height:24px; text-align:center; margin-right:0}
.showAltBox.message>.box{background-color:transparent}
.showAltBox.message>.box>.n{display:none}
.showAltBox.message.t0 .tit{background-color:#F8E9E5; border-color:#f00}
.showAltBox.message.t0 .tit:before{content:'\e61d'; background-color:#f00; font-size:.7em}
.showAltBox.message.t1 .tit{background-color:#F0FBEF; border-color:#4BCD3D}
.showAltBox.message.t1 .tit:before{content:'\e63f'; background-color:#4BCD3D}
.showAltBox.message.t2 .tit{background-color:#F5F0E8; border-color:#C98826}
.showAltBox.message.t2 .tit:before{content:'!';/*\e7f3*/ background-color:#C98826}
.boxCntArc p{text-indent:2em; padding-bottom:5px;}
.boxSetPayInfo>.box>.n>.t{display:flex; gap:.5em; align-items: center}
.boxSetPayInfo .t.ck{margin-left:7.2em}
.boxSetPayInfo .t + .t{margin-top:.5em}
.boxSetPayInfo>.box>.n>.t span{line-height:1.4em}
.boxSetPayInfo .boxCheckboxTF{font-size:14px}
.boxSetPayInfo .titCloseTie{text-align:center; font-size:1.2em}
.boxSetPayInfo .boxPayVerification{display:none}
.boxSetPayInfo.showPaySet .boxPayVerification{display:block}
.boxAltForm > .li{padding-bottom:1em; line-height:30px}
.boxAltForm > .li:last-of-type{padding-bottom:0}
.boxAltForm input{display:block; min-width:13em}
.boxAltForm .nt{width:6em; text-align:right; float:left; clear:left}
.boxAltForm .nn{margin-left:6em; display:flex}
.boxAltForm .nn .bnsa{padding:.5em 1em}
.altSetAccountCP>.box{max-width:800px; max-height:90%; height:580px; display:flex; flex-direction:column; border-radius:8px; overflow:hidden}
.altSetAccountCP>.box .n{height:100%; padding:0}
.altSetAccountCP.new>.box{width:800px!important; height:500px;}
.altSetAccountCP .tit{display:none}
.altShowConfirmInvoice>.box{max-width:90%;}
.altShowConfirmInvoice>.box .n,.altShowConfirmAddress>.box .n{padding:1em 1.5em}
.altShowConfirmInvoice .t,.altShowConfirmAddress .t{display: flex; justify-content: space-between; align-items: center; margin-bottom:1em;}
.altShowConfirmAddress .list{max-height:282px; overflow-y:auto}
.altShowConfirmAddress .list li{border:1px solid #E5E8EC; background-color:#fff; border-radius:4px; padding:.5em 5em .5em 4em; position:relative; cursor:pointer; overflow:hidden}
.altShowConfirmAddress .list li p{margin:0}
.altShowConfirmAddress .list li .option,.altShowConfirmAddress .list li:before{position:absolute; top:50%; transform:translateY(-50%);}
.altShowConfirmAddress .list li .option{right:1em}
.altShowConfirmAddress .list li:before{content:'\e662'; font-family:iconfont_dg; color:#999; left:.8em; font-size:1.5em}
.altShowConfirmAddress .list li+li{margin-top:.5em;}
.altShowConfirmAddress .list li.on{background-color:#E5F3F4}
.altShowConfirmAddress .list li.on:before{color:#008C95; font-weight:bold}
.altShowConfirmAddress .list li.on,.altShowConfirmAddress .list li:hover{border-color:#008C95}
.newBnLinkSa{cursor:pointer}
.newBnLinkSa:hover{color:#008C95;}
.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:#008C95}
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:#008C95; color:#008C95;}
table.tableSd .sel:hover,table.tableSd .sel.on{color:#008C95}
table.tableSd .sel:hover:before{border-color:#008C95}
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:#008C95}
/* 红框可关闭 */
.textNoteA,.textNoteR div{font-size:.7em; line-height:1.5em}
.textNoteA span{color:#E12D2D}
.textNoteR{background-color:#FEF2F2 !important; font-size:20px; border:1px solid #E12D2D; position:relative; padding:.4em 2em .4em 1em !important; border-radius:.2em}
.textNoteR i.close{font-size:.7em; top:.5em}
.textNoteR.nb{border:none}
.textNoteR div{position:relative}
.textNoteR div:before{content:'\e7f3'; font-family:iconfont_dg; float:left; color:#E00; font-weight:bold; line-height:1em; font-size:1.2em; margin:.2em 0 0 .2em; border-radius:50%}
.textNoteR.ni div:before{display:none}
.textNoteR.ni div p{margin-left:0}
.textNoteR div p{margin:0 0 0 2em; color:#E00}
.textNoteR div p a{color:#E00; text-decoration-line:underline}
.textNoteR div p a:hover{color:#008C95}
.textNoteR.y{border-color:#008C95; background-color:#E1F8FA !important}
.textNoteR.y p{color:#333}
.textNoteR.y div:before{color:#008C95}
.textNoteR.bf{background-color:#fff!important;}
.textNoteR.h{border:none; background-color: transparent!important; padding-left:0!important; padding-right:0!important}
.textNoteR.h div p,.textNoteR.h div:before{color:#666}
.textNoteR.s1{padding:.4em .3em .4em .3em!important}
.textNoteR.s1 div:before{color:#666; font-weight:normal; margin-left:0}
.textNoteR.s1 div p{margin-left:1.5em}
.textNoteR.s1 .link{color:#1537FF; cursor:pointer; display:inline-block}
.textNoteR.s1 .link:hover{text-decoration-line:underline}
.member_main_left > .textNoteR:first-child,.user-bg .user-bd > .textNoteR:first-child{margin-bottom:.5em}
/* 质量证书 */
.swiperCertificates{padding:0 5%; margin-bottom:4em !important; box-sizing:border-box; position:relative}
.swiperCertificates .swiper-scrollbar{opacity:1 !important}
.swiperCertificates .swiper-scrollbar-drag{background-color:#008C95}
.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:#008C95}
.boxBody::-webkit-scrollbar-track,.boxBody *::-webkit-scrollbar-track{border-radius:0; background:transparent}
.boxBody{padding-left:160px; min-width:1020px; background-color:#F2F9FA}
.boxBody.nb{padding-left:0!important;}
.boxBody.bkW{background-color:#fff}
.boxBody dt{font-weight:normal}
.boxBody .pic{overflow:hidden; display:block}
.boxBody .pic img{display:block; width:100%; height:100%; object-fit:cover}
.boxBody .pic:hover img{transform:scale(1.05)}
.boxMainHead{background-color:#fff; min-width:1210px; font-size:20px; height:70px; 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 .logo a,.boxMainHead > .box>.right,.boxMainHead > .box > .right > *,.boxMainHead .userInfo a,.boxMainHead .cart > a{color:#333; display:flex; align-items:center}
.boxMainHead > .box .logo a{text-decoration-line:none}
.boxMainHead .logo{position:relative}
.boxMainHead .logo a:before{content:''; background:url("/Content/img/top-header.png") 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 a:after,.header .menutop li.leftText a:after{content:''; display: inline-block; background: url("/Content/img/home/logo_slogan.png?v24913") no-repeat right center / contain; width:168px; height:24px;}
.boxHeadLogoTip{position:absolute; top:100%; left:0; opacity:0; z-index:3; visibility:hidden; font-size:14px; color:#008C95; background-color:#E1F8FA; border-radius:5px; padding:.5em 2em; box-shadow:rgba(0,0,0,.1) 0 0 .5em; user-select:none; pointer-events:none}
.boxHeadLogoTip:before{content:''; border:10px solid transparent; border-top:none; border-bottom-color:#E1F8FA; width:0; height:0; font-size:0; position:absolute; bottom:100%; left:50%; transform:translateX(-50%);}
.boxMainHead .logo:hover .boxHeadLogoTip,#menutop:hover .boxHeadLogoTip{top:calc(100% + 5px); opacity:1; visibility:visible; white-space:nowrap}
#menutop .boxHeadLogoTip{top:80%;}
#menutop:hover .boxHeadLogoTip{top:90%;}
.boxMainHead > .box > .right{float:right}
.boxMainHead > .box > .right a{color:#333}
.boxMainHead > .box > .right a:hover{color:#008C95}
.boxMainHead > .box > .right a.bnsa{padding:.3em 2em}
.boxMainHead > .box > .right a.bnsa.white{color:#008C95}
.boxMainHead > .box > .right a.bnsa,.boxMainHead > .box > .right a.bnsa.white:hover{color:#fff}
.boxMainHead > .box > .right > *{line-height:2em; margin:0 .5em; font-size:.7em}
.boxMainHead > .box > .right > *:before,.boxMainHead .cart > a:before{display:inline-block; font-family:iconfont_dg; margin-right:.3em}
.boxMainHead .tel:before{content:'\e602'}
.boxMainHead .nMore,.boxMainHead .cart,.boxMainHead .cart > a{position:relative}
.boxMainHead .nMore:hover,.boxMainHead .cart > a:hover{color:#008C95}
/*.boxMainHead .cart:after{content:''; position:absolute; top:50%; right:0; height:1em; transform:translateY(-50%); border-right:1px solid #E4DDD2}*/
.boxMainHead .cart > a{}
.boxMainHead .cart > a:before{content:'\e607'; font-size:1.1em}
.boxMainHead .cart > a i{position:absolute; top:-.4em; left:.6em; background-color:#008C95; color:#fff; border-radius:50%; padding:0 .2em; text-align:center; min-width:1.3em; line-height:1.3em; height:1.3em; font-size:12px;}
.boxMainHead .cart .list{position:absolute; font-size:20px; 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:9; 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:#E1F8FA}
.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:#008C95}
.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:url("/Content/img/empty-cart.png") 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:#008C95}
.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:#008C95; margin-left:1em}
.boxMainHead .cart .next .bnsa{line-height:1.6em; font-size:.8em}
.boxMainHead .nMore .box,.boxMainHead .userInfo>div{box-shadow:rgba(0,0,0,.1) 0 .4em 1em}
.boxMainHead .nMore{cursor:pointer}
.boxMainHead .nMore:before{content:'\e615'}
.boxMainHead .nMore .box{position:absolute; top:100%; right:-5.5em; opacity:0; visibility:hidden; background-color:#fff; width:47em; box-sizing:border-box; padding:0 2em; border-radius:4px; z-index:6; font-size:20px; 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:5px; background-color:#E5F3F4; padding:.4em .7em; position:relative; margin-right:0!important;}
.boxMainHead .userInfo .pic{width:1.8em; height:1.8em; background:no-repeat center center / cover; border-radius:50%; margin-right:.5em; overflow:hidden}
.boxMainHead .userInfo>a>span{padding-right:2em; position:relative; max-width:9em}
.boxMainHead .userInfo>a:hover > span{color:#008C95}
.boxMainHead .userInfo>a>span:after{content:'\eca6'; font-family:iconfont_dg; position:absolute; top:50%; right:.5em; transform:translateY(-50%) scale(.8); opacity:.8}
.boxMainHead .userInfo>div{position:absolute; top:90%; right:0; z-index:2001; opacity:0; visibility:hidden; width:280px; padding:.5em 1em}
.boxMainHead .userInfo:hover>div{top:100%; opacity:1; visibility:visible; background-color:#fff; border-radius:.5em; padding:1em}
.boxMainHead .goLR,.boxMainHead > .box > .right>a,.boxMainHead .nMore{font-size:.7em}
.boxMainHead a.help{margin-right:.5em}
.boxMainHead a.help:before{content:'\e61e'; font-family:iconfont_dg; margin-right:.3em; display:inline-block;}
.boxMainHead .goLR a + a{margin-left:1em}
.boxBody.HideTFL{min-width:100%;}
.HideTFL .boxMainHead,.HideTFL .login-footer{display:none}
.userInfoFloat{font-size:20px}
.userInfoFloat .textNoteR{margin-bottom:.3em}
.userInfoFloat .realname{max-width:8em;}
.userInfoFloat .tag{background-color:#E5F3F4; color:#008C95; border-radius:4px; position:relative; line-height:20px; height:20px; padding:0 .5em; font-size:12px; white-space:nowrap}
.userInfoFloat .tag.V{border:1px solid #1C71E9; border-radius:3em; padding-left:1.5em}
.userInfoFloat .tag.V:before{content:''; position:absolute; top:0; left:0; width:18px; height:18px; background:url('/Content/img/member/authent_hd.png') no-repeat center center / contain}
.userInfoFloat .tag.V span{color:#1C71E9; display:block}
.userInfoFloat .min{margin:0 0 .3em}
.userInfoFloat .min .copy{color:#999; cursor:pointer}
.userInfoFloat .min .copy:hover{color:#008C95}
.userInfoFloat .min .id{font-size:.7em}
.userInfoFloat .min .id span{font-weight:bold}
.userInfoFloat .mNum{border:1px solid #CCE8EA; border-left:none; border-right:none; padding:.6em 1em .6em 0}
.userInfoFloat .mNum li{position:relative}
.userInfoFloat .mNum li.myCouponNum{text-align:center}
.userInfoFloat .mNum li *{display:block; font-size:.7em; line-height:1.6em; color:#666}
.userInfoFloat .mNum li a{color:#008C95!important; font-weight:bold}
.userInfoFloat .mNum li a:hover{color:#07A698!important; text-decoration-line:underline}
.userInfoFloat .mm{padding:.5em 0 0}
.userInfoFloat .mm a{display:inline-flex; justify-content:start; gap:.5em; font-size:.7em}
.userInfoFloat .mm a i{background-color:#f30; color:#fff; border-radius:50%; padding:0 .3em; min-width:1.2em; height:1.2em; line-height:1.2em; text-align:center;}
.boxChangeAccounts{position:relative; font-size:.7em}
.boxChangeAccounts>.boxFlx{cursor:pointer}
.boxChangeAccounts>.boxFlx:hover{color:#008C95}
.boxChangeAccounts>.boxFlx:before{content:'\e647'; font-family:iconfont_dg; transform:scale(1.1)}
.boxChangeAccounts>.boxFlx:after{content:'\e632'; font-family:iconfont_dg; transform:scale(.8)}
.boxChangeAccounts>.boxFlx>span{margin:0 .3em}
.boxChangeAccounts>.anmt3{position:absolute; top:100%; right:-1.4em; z-index:2; width:280px; opacity:0; visibility:hidden; padding:.5em 1em; background-color:#fff; border-radius:8px; box-shadow:rgba(0,0,0,.1) 0 0 1em;}
.boxChangeAccounts.show>.anmt3{opacity:1; visibility:visible; padding:1em;}
.boxChangeAccounts>b{font-size:1.1em; display:block; line-height:2em}
.boxChangeAccounts ul{max-height:326px; overflow:auto}
.boxChangeAccounts li{background-color:#F2F9FA; border:1px solid #F2F9FA; cursor:pointer; border-radius:4px; overflow:hidden; padding:10px 10px 10px 50px; position:relative; line-height:1.2em}
.boxChangeAccounts li+li{margin-top:10px}
.boxChangeAccounts li em{position:absolute; left:1em; top:50%; transform:translateY(-50%); border:1px solid #008C95; padding:.2em .3em; color:#008C95; border-radius:4px}
.boxChangeAccounts li b,.boxChangeAccounts li span{display:block;}
.boxChangeAccounts li.default{border-color:#008C95}
.boxChangeAccounts li.default:after{content:''; position:absolute; right:0; bottom:0; width:16px; height:16px; background:url("/Content/img/icon_checked.png") no-repeat left top;}
.boxChangeAccounts li.default em{background-color:#008C95; color:#fff;}
.boxChangeAccounts li:hover{border-color:#008C95}
/* 左侧菜单 */
.boxBody.hideMenu{padding-left:50px}
.hideMenu .newNavLeft,.hideMenu .boxMainLeft{width:50px!important}
.hideMenu .boxMainLeft{width:3em}
.hideMenu .boxMainLeft .iMenu{margin-left:15px}
.hideMenu .boxMainLeft .box{width:100%; box-sizing:border-box}
.boxMainLeft{position:fixed; top:0; left:0; bottom:0; font-size:20px; width:8em; box-sizing:border-box; height:100%; z-index:999; background-color:#fff; float:left; user-select:none}
.hideMenu .boxMainLeft .box:hover{width:8em}
.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 .menu{overflow:auto; position:absolute; z-index:1; top:3.5em; left:0; padding-bottom:3em; right:0; bottom:0; width:100%}
.boxMainLeft .menu::-webkit-scrollbar{display:none}
.boxMainLeft .iMenu{position:absolute; top:22px; display:block; width:1em; margin-left:10px; box-sizing:border-box; cursor:pointer; z-index:9}
.boxMainLeft .iMenu:before{content:'\e642'; font-family:iconfont_dg;}
.boxMainLeft dt>span,.boxMainLeft dl a{white-space:nowrap; display:block; line-height:36px; font-size:14px; box-sizing:border-box; padding:0 1em 0 2.6em; position:relative; cursor:pointer; opacity:1; color:#333; text-decoration-line:none}
.boxMainLeft dt>span:hover,.boxMainLeft dl a:hover,.boxMainLeft dl a.active{background-color:#E1F8FA; color:#008C95}
.boxMainLeft dt{font-weight:normal}
.boxMainLeft dl a.active span{font-weight:bold}
.boxMainLeft dl a.active:after{content:''; position:absolute; top:0; right:0; bottom:0; width:4px; background-color:#008C95}
.boxMainLeft dt>span{}
.boxMainLeft dt>span:after{content:'\e61a'; font-family:iconfont_dg; position:absolute; top:50%; right:10px; transform:translateY(-50%) rotate(90deg); font-size:.7em; line-height:1em}
.boxMainLeft dt>*:before{font-family:iconfont_dg; font-size:1.3em; width:20px; text-align:center; position:absolute; top:50%; left:10px; transform:translateY(-50%)}
.hideMenu .boxMainLeft dt>*:before{left:14px}
.hideMenu .boxMainLeft dt>span:after{opacity:0}
.hideMenu .boxMainLeft dt>*>span,.hideMenu .boxMainLeft dd a{padding-left:10px; opacity:0;}
.hideMenu .boxMainLeft .box:hover dt>*>span,.hideMenu .boxMainLeft .box:hover dd a{padding-left:6px; opacity:1;}
.hideMenu .boxMainLeft .box:hover dd a{padding-left:1.5em;}
.hideMenu .boxMainLeft .box:hover dt>span:after{opacity:1}
.hideMenu .boxMainLeft dd{padding-bottom:10px}
.boxMainLeft dd i.iHot{display:inline-block; vertical-align:middle; margin:-3px 0 0 5px}
.boxMainLeft dd i.iHot:after{content:''; background:url("/Content/img/icon_hot.png") no-repeat center center / contain; width:14px; height:16px; display:block}
.i_home:before{content:'\e613'; margin-top:-2px}
.i_quote:before{content:'\e643'; font-size:.9em}
.i_prosv:before{content:'\e660'}
.i_support:before{content:'\e67a'}
.i_jiepei2:before{content:'\e699'}
.i_jiepei:before{content:'\e64d'}
.iftb:before{font-family:iconfont_dg; display:block;}
.iftb.copy:before{content:'\e627'}


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

.boxShowBankSubAccount{position:relative; min-height: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(/Content/img/Topic/BoardLayer4/bk_footer_t.jpg?v2) #008C95 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:16.6%; font-size:.7em; 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:#008C95}
.boxFooterQuickPrice .pcsNum ul li:hover i,.boxFooterQuickPrice .pcsNum ul li.active i{border-color:#008C95}
.boxFooterQuickPrice .pcsNum ul li.active i:before{content:''; background-color:#008C95; 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:#008C95}
.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:#008C95}
.boxSendTagList .li .ft .t p{color:#899099; font-size:12px; padding-top:.3em}
.boxSendTagList .li .ft .el-button{padding:7px 1.5em;}
.boxSendTagList .li .ft .el-button.is-plain{padding:7px 1em;}
.boxSendTagList .li .ft .bnsa{font-size:.7em; padding:0 1em;}
.boxSendTagList .li .ft .option{padding:0}
.boxSendTagList .li .ft .option .bnsa+.bnsa{margin-top:.5em;}
.boxSendTagList .isDefault{position: absolute; left:0; top:0; z-index:3; border-radius:.5em 0 .5em 0; padding:0 .7em; background-color:#008C95; 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:#008C95}
.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:#008C95; z-index:3!important;}
.boxSendTagPanel .label.on{border-color:#008C95; z-index:3!important;}
.boxSendTagPanel .label.on .brk:after,.boxSendTagPanel .label.on .brk:before{content:''; width:9px; height:9px; background-color:#008C95; 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:#008C95;}
.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:#008C95;}
.bnPreviewSendTag:before{content:'\e655'; font-family: iconfont_dg; display: inline-block; margin-right:.3em;}
.bnShowEditSendTagJson,.bnShowSendTagList,.bnShowEditSendTag{color:#008C95; 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:#008C95; margin:0 .3em}

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

.ckRadio+.ckRadio{margin-left:1em}
.ckRadio{padding-left:2em; position:relative; display:inline-block; cursor:pointer; font-size:14px;}
.ckRadio input{display: none}
.ckRadio:hover{color:#008C95}
.ckRadio:hover i{border-color:#008C95}
.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:#008C95; width:1em; height:1em; border-radius:50%; display:none; margin:.15em 0 0 .15em}
.ckRadio input:checked+i{border-color:#008C95}
.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:#008C95; color:#008C95;}
.boxGoQuote .select.on .value:after{border-top-color:#008C95}
.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:#008C95}
.boxGoQuote .select .more .li.on{color:#008C95}
.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:#008C95; 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:#008C95; opacity:.7}
.boxFormSa .el-form-item.bn{margin-bottom:10px}
.boxFormSa .layui-layer-page{z-index:99999999!important;}
.altUserAgreement>.box{max-width:1200px; width:80%!important; padding-bottom:1em;}
.altUserAgreement h2{display: block; text-align: center; padding:20px 0 20px}
.altUserAgreement .xy_tl{font-size:14px; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; padding:1em 2em; height:320px; overflow-y:auto}
.altUserAgreement .xy_cont{padding:30px 40px}
.altUserAgreement .xy_cont h2{text-align:center; font-size:20px; margin:10px 0 25px 0}
.altUserAgreement .xy_tl p{color:#333}
.altUserAgreement .agree_btn{width:160px; height:40px; line-height:40px; text-align:center; margin:auto}
.boxAgreementText h3{font-size:inherit; font-weight: bold; display: block; margin:1.5em 0 1em;}
.boxAgreementText .c{text-align: center}
.boxAgreementText p{padding:.4em 0; line-height:1.6em; margin-bottom:0}
.boxAgreementText b,.boxAgreementText .b,.boxAgreementText .bl{color:#333; font-weight: bold;}
.boxAgreementText b.l,.boxAgreementText .bl{text-decoration:underline;}
.boxPwdQD{display: flex; gap:5px; color:#666}
.boxPwdQD span{color:#ccc}
.boxPwdQD.L1 .l1,.boxPwdQD.L2 .l2{color:#008C95}
.boxPwdQD.L3 .l3{color:#f30}
/*goTop*/
.goTop{display:none; width:48px; height:48px; border-radius:4px; box-shadow:0 10px 20px 0 rgba(0,0,0,0.10); background-color:#fff; overflow:hidden; cursor:pointer; position:fixed; bottom:20px; right:20px}
.goTop .icon_opinion{width:30px; height:30px; background-image:url('/Content/img/PcbRevision/icon_top.png'); background-size:100% 100%; margin:9px auto 0}
/*客服浮窗*/
.boxQWService{font-size:20px; position:fixed; min-height:2.5em; right:-2em; z-index:22; opacity:0; visibility: hidden; text-align: center; user-select:none}
.boxQWService.show{opacity:1; visibility:visible; right:1em;}
.boxQWService>*{box-shadow: rgba(0,0,0,.1) 0 0 1em; background-color:#fff; border-radius:.3em; min-width:2em}
.boxQWService>*:hover{box-shadow: rgba(0,0,0,.1) 0 .3em .5em;}
.boxQWService .maxSv{z-index:2; background-color:#fff; border-radius:.5em; position:absolute; right:0; bottom:2.5em;}/**/
.boxQWService.hideSV .maxSv{transform:scale(.2); transform-origin:bottom right; opacity:0; visibility:hidden}
.boxQWService .close{font-size:1em; top:-1.5em; 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 .sv{padding:.5em}
.boxQWService .sv div{color:#999}
.boxQWService .sv span{display: block}
.boxQWService .sv .bnsa{margin:.4em 0; display: block}
.boxQWService .sv .t,.boxQWService .sv div{font-size:.7em}
.boxQWService .sv .t{color:#666}
.boxQWService .sv img{display: block; margin:.5em auto 0; width:6.5em; height:6.5em}
.boxQWService .favorite{background:url("/Content/img/bk_QWService.png") no-repeat center center / cover; border-radius:0 0 .5em .5em; padding:1em; font-size:.7em; text-align:left; line-height:1.6em}
.boxQWService .favorite span{color:#999; display:inline-block; margin-right:.5em}
.boxQWService .favorite .bnDownloadDesktopGoJiepei{color:#333; text-decoration-line:underline; cursor:pointer}
.boxQWService .favorite .bnDownloadDesktopGoJiepei:hover{color:#008C95}
.boxQWService .miniSv{width:2em; height:0; float:right; clear:both; cursor:pointer; opacity:0; visibility:hidden; transform:scale(.6); display:flex; flex-direction:column; justify-content:center}
.boxQWService.hideSV .miniSv{opacity:1; margin-top:.5em; height:3em; visibility:visible; transform:scale(1)}
.boxQWService .miniSv:before{content:"\ec2e"; font-family:iconfont_dg; display:block; font-size:1.1em; transition:all 0.3s ease; position:relative; bottom:0; line-height:1em; padding-bottom:4px}
.boxQWService .miniSv span{display:block; font-size:13px; line-height:1em;}
.boxQWService .dragmove{position:absolute; right:0; bottom: 100%; opacity:0; visibility:hidden; cursor:move}
.boxQWService:hover .dragmove{opacity:1; visibility:visible}
.boxQWService .dragmove span{display:block; font-size:12px; zoom:.7}
.boxQWService .backTop{background-color:#fff; width:2em; height:0; line-height:2em; float:right; clear:both; overflow:hidden; cursor:pointer}/*; position:absolute; right:0; bottom:0*/
.boxQWService .backTop.show{height:2em; margin-top:.5em}
.boxQWService .backTop:after{content:'\e632'; font-family:iconfont_dg; display:block; transform:rotate(180deg); position:relative; bottom:0; transition:all .1s ease}
.boxQWService .miniSv:hover:before,.boxQWService .backTop:hover:after{bottom:3px}
.boxQWService .miniSv:hover,.boxQWService .backTop:hover{color:#008C95}

/* 校验滑块 */
.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:#008C95}
.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:#008C95; border-color:#008C95}
.boxRecSilde .silde:after{content:'\e640'; font-family: iconfont_dg; display: block; text-align: center; font-size:20px;}
.boxRecSilde.success .silde:after{content:'\e63f'; color:#008C95}
.boxRecSilde.success .silde{border-color:#008C95}
.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:url('/Content/img/activity/JP1111/alt_member.png') no-repeat center center / contain; max-width:500px; max-height:424px; width:100%; height:100%; position:absolute;}
.activityMember2411 a{position:absolute; width:44%; height:13%; bottom:13%; left:50%; transform:translateX(-50%)}

.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:url("/Content/img/loading.gif") #fff no-repeat center center / 50%; position:relative; cursor:pointer}
.BoxShowPics ul li+li{margin-left:10px;}
.BoxShowPics ul li:after{content:''; border:0 solid #008C95; 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:#E1F8FA; color:#008C95}
.BoxShowPics.Simulation ul li:hover{color:#008C95}
.BoxShowPics.Simulation ul li.on:after{display:none}
.BoxShowPics.Simulation ul li span{font-size:.8em; display:block;}
.BoxShowPics.Simulation ul li img{display:none}
/*拼版示例*/
.boxShowImpositionSchematic{position:relative; display:inline-block}
.boxShowImpositionSchematic>span{color:#3883FA; text-decoration-line:underline; cursor:pointer}
.boxShowImpositionSchematic>div{position:absolute; top:90%; left:50%; transform:translateX(-50%); opacity:0; visibility:hidden; border-radius:8px; border:1px solid #eee; box-shadow:rgba(0,0,0,.1) 0 0 1em; width:388px; height:318px}
.boxShowImpositionSchematic>div:before{content:''; border:5px solid transparent; border-top:none; border-bottom-color:#fff; position:absolute; bottom:100%; left:50%; transform:translateX(-50%)}
.boxShowImpositionSchematic iframe{width:100%; height:100%; border-radius:8px;}
.boxShowImpositionSchematic:hover>div{top:calc(100% + 6px); opacity:1; visibility:visible}
.boxShowImpositionSchematic.r>div{top:50%; left:auto; right:90%; transform:translate(0,-50%)}
.boxShowImpositionSchematic.r:hover>div{right:calc(100% + 6px)}
.boxShowImpositionSchematic.r>div:before{ border:5px solid transparent; border-left-color:#fff; top:50%; left:100%; transform:translate(0,-50%)}
.boxShowImpositionSchematic.rt>div{top:90%; left:auto; right:0; transform:translate(0,0)}
.boxShowImpositionSchematic.rt:hover>div{top:calc(100% + 6px)}
.boxShowImpositionSchematic.rt>div:before{top:-5px; left:auto; right:10px; transform:translate(0,0)}

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

.tooltipNew{font-size:20px!important; display:inline-block!important; position:relative; width:.8em!important; height:.8em!important; overflow:hidden}
.tooltipNew i{width:.8em!important; height:.8em!important; font-size:inherit!important; display:block; line-height:1em; box-sizing:border-box; text-align:center; border:1px solid #318489; border-radius:50%!important; color:#318489; margin:0!important;}
.tooltipNew.ok{overflow:visible}
.tooltipNew.ok .cnt{overflow:auto; max-height:500px;}
.tooltipNew i:before{content:'?'; display:block; font-family:arial, verdana, helvetica, sans-serif; font-size:.7em; line-height:1em; cursor:pointer}
.tooltipNew i:after{content:''; display:block; opacity:0; visibility:hidden; position:absolute; top:calc(100% + 1px); left:50%; z-index:999; transform:translateX(-50%); width:0; height:0; border:5px solid transparent; border-top:none; border-bottom-color:#318489}
.tooltipNew:hover i{background-color:#318489; color:#fff}
.tooltipNew:hover i:after{opacity:1; visibility:visible}
.tooltipNew .cnt{position:absolute; top:calc(100% + 6px); left:50%; z-index:9; transform:translateX(-50%); background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0, 0.1) 0 4px 10px; font-size:12px; line-height:1.8em; padding:0 1em; color:#333; visibility:hidden; opacity:0; text-align:left}
.tooltipNew .cnt,.tooltipNew .cnt>*{font-family:"Microsoft Yahei", "微软雅黑", Tahoma, Arial, Helvetica, STHeiti,'宋体'}
.tooltipNew .cnt>b:first-of-type{display:block; color:#000; margin-bottom:.5em; font-size:1.1em}
.tooltipNew .cnt>img{display:block; margin:.5em auto; max-width:100%}
.tooltipNew.on .cnt{opacity:1; visibility:visible; padding:1em}
.tooltipNew .cnt table{width:100%; border:1px solid #ddd; border-right:none; border-bottom:none}
.tooltipNew .cnt table th,.tooltipNew .cnt table td{border:1px solid #ddd; border-top:none; border-left:none; padding:.5em .8em}
.tooltipNew .cnt table th{background-color:#eee; text-align:center}
.tooltipNew .cnt table td img{display:block; margin:0 auto}
.tooltipNew .cnt table.fds tr td:first-of-type{font-weight:bold; text-align:center}
.tooltipNew .cnt table.fds tr td.nfw:first-of-type{font-weight:normal}
.tooltipNew.fb i:after{top:auto; bottom:calc(100% + 1px)}
.tooltipNew.fb .cnt{top:auto; bottom:calc(100% + 6px)}
.tooltipNew.br .cnt{transform:none; left:-114px!important;}
/* 计价页类别 工程师微信 */
.showWeChatServiceEQ{position:relative}
.boxEngineerWeChat{font-size:20px; position:absolute; top:-.4em; right:-.2em; user-select:none} /*position:absolute; top:0; right:0; */
.boxEngineerWeChat i{display:block; cursor:pointer; background-color:#1EC663; border-radius:50%; width:1em; height:1em; text-align:center; line-height:1em;}
.boxEngineerWeChat i:before{content:'\e6ea'; font-family:iconfont_dg; color:#fff; display:block; font-size:.6em}
.boxEngineerWeChat div{position:absolute; top:1.1em; left:50%; transform:translateX(-50%); opacity:0; z-index:3; visibility:hidden; background-color:#fff; width:140px; box-sizing:border-box; padding:.5em .7em; text-align:center; box-shadow:rgba(0,0,0,.15) 0 .5em .5em; border-radius:5px;}
.boxEngineerWeChat div>*{display:block; margin:0 auto; font-size:.7em; line-height:1em}
.boxEngineerWeChat div b{margin:.4em 0 .5em; color:#333}
.boxEngineerWeChat div span{color:#999;}
.boxEngineerWeChat div img{max-width:100%; margin-bottom:.3em}
.boxEngineerWeChat:hover div{opacity:1; visibility:visible; padding:1em .7em;}
/* 通用hover展示客服二维码 */
.showQWService{position:relative;}
.showQWService .anmt3{position:absolute; left:50%; transform:translateX(-50%); bottom:50%; padding:10px; width:120px; background-color:#fff; border-radius:5px; box-shadow:rgba(0,0,0,.1) 0 0 10px; opacity:0; visibility:hidden}
.showQWService .anmt3:before{content:''; position:absolute; left:0; right:0; bottom:-10px; height:10px;}
.showQWService .anmt3:after{content:''; position:absolute; left:50%; bottom:-5px; transform:translateX(-50%); border:5px solid transparent; border-bottom:none; border-top-color:#fff;}
.showQWService .anmt3 img{display:block; width:100%;}
.showQWService .anmt3 em{font-size:12px; color:#999; line-height:1em; display:block; text-align:center; padding:5px 0 0;}
.showQWService.v:hover{opacity:1!important;}
.showQWService.v:hover .anmt3{opacity:1; visibility:visible; bottom:calc(100% + 10px);}
/* 协议更新弹窗 */
.altUpRAPP.showAltBox i.close{display:none}
.altUpRAPP .n{padding:1.5em 0 1em;}
.altUpRAPP .n p.t{text-indent:0; padding-top:1em}
.altUpRAPP .n p{padding:.3em 0; text-indent:2em; margin:0;}
.altUpRAPP .n p span{display:inline}
.altUpRAPP .n .bn{padding-top:2em}
.altUpRAPP .n .bnsa{font-size:1em;}

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