/* 2024 Quote */
.anmt3,.listDataCheck,.listDataCheck:after,.boxBotValuation,#rightcontent,.workmanship_Box{transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease}

.pro_item .item.img:before,.pro_item .item.img span{display:inline-block; vertical-align:middle}
.pro_item .item.img:before{content:''; width:28px; height:18px; background-color:#999; margin-right:4px}
.pro_item .item.i_proImgFR4:before{background-image:url("/Content/img/home/img_pro_FR4.png")}
.pro_item .item.i_proImgRogers:before{background-image:url("/Content/img/home/img_pro_Rogers.png")}
.pro_item .item.i_proImgHDI:before{background-image:url("/Content/img/home/img_pro_HDI.png")}
.pro_item .item.i_proImgAluminum:before{background-image:url("/Content/img/home/img_pro_Aluminum.png")}
.pro_item .item.i_proImgCopper:before{background-image:url("/Content/img/home/img_pro_Copper.png")}
.pro_item .item.i_proImgCEM1:before{background-image:url("/Content/img/home/img_pro_CEM1.png")}
.pro_item .item.i_proImgCEM3:before{background-image:url("/Content/img/home/img_pro_CEM3.png")}
.pro_item .item.i_proImg22F:before{background-image:url("/Content/img/home/img_pro_22F.png")}
.pro_item .item.i_proImgFR1:before{background-image:url("/Content/img/home/img_pro_FR1.png")}

.JumpCard{display:none}
.newNavPrent .newNavRight,.boxBody{background-color:#F7F5F2}
.boxNewQuote.w1280{padding:20px 0; gap:10px}
.w1280{width:100%; max-width:1280px;}
.top-header.line-wrap{border-bottom:1px solid #DED6C8!important; min-width:1120px}
.top-header.line-wrap .top-nav{width:100%!important}
.basic_Box{padding:0}
.basic_Box .firstBox{border:none; margin-bottom:0}
.basic_Box.workmanship_Box h4.title_left.first{margin-bottom:20px}
h4.title_left.first>span.rm a{font-weight: normal; font-size:14px; margin-left:20px}
/*.basic_Box.workmanship_Box h4.title_left.first a{float:right; margin:0 1em 0 0;}*/
.form-control{padding:6px}
.option .option-con.pull-left.board-option{border:none; max-width:100%}
#Num{border:1px solid #dcdcdc}
.basic_Box .common_area{color:#008C95; font-weight: bold;}
.basic_Box .common_area em{color:#333; font-weight: normal}
.basic_Box.workmanship_Box{padding-bottom:0}

.workmanship_Box{background-color:#fff; border-radius:8px; margin-bottom:10px; padding-bottom:0}
.workmanship_Box h4.title_left{padding:15px 20px!important; border-left:none; margin:0; border-bottom:1px solid #EFF6F5; align-items: center}
.workmanship_Box > .shrinkBox{padding:20px 0;}

#leftcontent{width:100%} /* width:66%; */
#leftcontent .option{padding:0 20px; margin-bottom:10px}
#leftcontent .option.nm{margin-bottom:0}
#leftcontent .option.nm>div{margin-bottom:12px}
.option .option-con.pull-left{width: auto; max-width: calc(100% - 120px)}
#leftcontent .option .title{margin-top:3px}
.option-size{width: auto; border-right:none;}
.specialBox{margin-top:0}
.option-con .option-choose{width:100%;}
.option-con .option-choose+.cl-7b5822{margin-top:0; margin-bottom:3px}
.option-con .option-choose+.cl-7b5822.mt5{margin-top:5px}

.workmanshipSmt{padding-bottom:0}
.workmanshipSmt .option-con.pull-left{max-width:100%}
#leftcontent .workmanshipSmt .option{padding-right:10px}
.workmanshipSmt .smtTitle{border:none; padding-left:30px}
.workmanshipSmt h4.title_left{margin-bottom:0; border-bottom:none}
.workmanshipSmt .shrinkCheck{top:12px; left:20px}
.workmanshipSmt .shrinkBox{padding:20px 0; border-top:1px solid #eee}
.workmanshipSmt .smtParam>div{flex: auto; width: auto!important;}
/* width:34%; */
#rightcontent{min-width:420px; width:100%; max-width:420px; box-shadow:none; background-color:#fff; border-radius:3px;}
#rightcontent .rTitle{font-size:16px;}
.rightcontentTable.TableTitle{width:auto}
.rightcontentTable li{width: auto}
.rightcontentTable.TableTitle li span{line-height:30px; font-size:13px}
.rightcontentTable.TableTitle li span .top-order{top:5px}
.rightcontentTable.TableTitle li span .bottom-order{top:15px}
#rightcontent .noOrderList{height:150px; position:relative; display:flex; justify-content: center; align-items:center;}
#rightcontent .noOrderList p{line-height:1.4em; color:#666; position: absolute; top:50%; transform: translateY(-50%)}
#rightcontent .noOrderList p:before{content:''; background: url("/Content/img/PcbQuote/img_status0.png") no-repeat center center; width: 32px; height: 36px; display: block; margin:0 auto 15px;}
#rightcontent .note{font-size:13px; color:#999; padding:10px 15px; background-color:#fff}
#rightcontent .note em{color:#DE0629}
.pullBox{height:44px; padding:0 15px}
.pullBox .pull-left{padding-top:3px}
#rightcontent .notQupteList{background-color:#eee!important; color:#888}
#rightcontent.isYouPin .priceCarBox{position:sticky; top:calc(100% - 96px); bottom:0;}
#rightcontent.isYouPin .ypbox{top:28px}
.addCar{height:36px; line-height:36px; width: auto; display: block}
.boxAddCart{padding:0 15px; display: flex; align-items: center; background-color:#fff;}
.boxAddCart .addCar{width:100%; background-color:#008C95; height:auto; line-height:46px;}
.boxAddCart .openValuation{display: none; color:#fff; background-color:#007A80; width:120px; cursor:pointer; line-height:46px; text-align: center; border-radius:0 4px 4px 0}
.boxAddCart .openValuation:hover{opacity:.9}
.boxAddCart.showOV .openValuation{display: block;}
.boxAddCart.showOV .addCar{border-radius:4px 0 0 4px}

.newQuoteList{padding-top:8px}
.newQuoteList li{border:none; padding:0 5px; background-color:#F7F8F9; margin-bottom:5px;}
.newQuoteList li:hover{background-color:#E1F8FA}
.newQuoteList .panelLeft{line-height:32px; border:none}
.newQuoteList .panelLeft>*{margin-right:5px;}
.newQuoteList .panelLeft .yqIcon{height:20px; line-height:20px; font-size:12px; padding:0 5px; background-color:#FEEDE6; color:#E10707;}
.newQuoteList .radioB,.newQuoteladder .radioB, .newQuoteSmt .radioB{display: none}
.newQuoteList li,.newQuoteList .panelLeft{width: auto}
.quoteListDetail .listDataCheck,.newQuoteList .quoteListDetail > div:last-child{border:1px solid #e6e6e6; border-radius:5px; background-color:#fff; padding:0 0 0 10px; margin-bottom:5px; position: relative; overflow: hidden}
.newQuoteList .quoteListDetail > div:last-child:hover,.quoteListDetail .listDataCheck:hover{border-color:#008C95}
.quoteListDetail .listDataCheck:after{content:''; position:absolute; bottom:0; right:0; background: url('/Content/img/icons.png') no-repeat -203px -362px; width:16px; height:16px; opacity:0}
.quoteListDetail .listDataCheck.active:after{opacity:1}
.newQuoteList .quoteListDetail > div.active:last-child,.quoteListDetail .listDataCheck.active{border:1px solid #008C95;}
.newQuoteList .quoteListDetail > div.active,.newQuoteList li .listDataCheck:hover{background-color:#fff}
.newQuoteList .quoteListDetail span{line-height:36px;}
.active .zyIcon,.active .xyIcon{font-weight: normal}
.newQuoteList .xyIcon{line-height:16px; font-weight: normal}
.rightcontentTable li span:nth-of-type(2){text-indent:24px; width:85px}
.rightcontentTable li span:nth-of-type(3){width:44px; text-align: left}
.rightcontentTable li span:nth-of-type(4){width:80px}
.rightcontentTable li span:nth-of-type(5){width:50px; text-align: left; padding-left:5px;}
.rightcontentTable li span:nth-of-type(6){text-align: left}
.newQuoteList .quoteListDetail span:nth-of-type(1){width:52px}
.newQuoteList .quoteListDetail span:nth-of-type(2){width:52px}
.newQuoteList .quoteListDetail span:nth-of-type(3){width:70px}
.newQuoteList .quoteListDetail span:nth-of-type(4){width:54px}
.newQuoteList .quoteListDetail span:nth-of-type(5){width:58px; color:#333; text-align:center}
.newQuoteList .quoteListDetail span:nth-of-type(6){width: auto; font-size:12px}
.newQuoteList .quoteListDetail span:nth-of-type(6) b{padding:1px 3px}
.newQuoteList .quoteListDetail span.IsRecommendHtml{font-size:12px;}
.ypbox,.bpbox{left:-122px; top:30px}
/* 单价隐藏 */
/*.rightcontentTable li span:nth-of-type(4),.newQuoteList .quoteListDetail span:nth-of-type(3),.bottomCssListQuote .quoteListDetail span:nth-of-type(3){display: none}*/

.boxBotValuation{width:100%; padding:0; opacity:0; visibility: hidden; background-color:rgba(0,0,0,0.5); position: fixed; top:0; left:0; right:0; bottom:0; z-index:9999;}
.boxBotValuation.show{opacity:1; visibility: visible}
.boxBotValuation .paramsFirst{display: none}
.boxBotValuation .detailAlert{width:900px; position: absolute; top:50%; left:50%; right:auto; bottom: auto; transform: translate(-50%,-50%); box-shadow:0 0 10px rgba(0,0,0,.3)}
.boxBotValuation .sj{display: none}
.boxBotValuation .detailAlert i.close{font-size:14px; position: absolute; top:1em; right:1em;}
.boxBotValuation .detailAlert i.close:after{content:'\ebb3'; font-family: iconfont_dg}
.boxBotValuation .detailAlert .tit{font-size:16px; font-weight: bold; color:#333; margin-bottom:.5em}
.boxBotValuation .detailAlert .dTitle{color:#333; font-size:14px; font-weight: bold}
.boxBotValuation .detailAlert .con2{margin-bottom:20px}
.boxBotValuation .detailAlert ul{border-bottom:1px solid #ccc; display: flex; flex-wrap: wrap; align-items: flex-start; gap:8px; padding-bottom:20px}
.boxBotValuation .detailAlert li>em:first-child{display: inline-block; min-width:7em; color:#909090}
.boxBotValuation .detailAlert > div ul li,.detailAlert > div ul li.longLi{line-height:18px; min-width:200px; flex:auto; display: flex; gap:5px}
.boxBotValuation .detailAlert > div ul li{max-width:20%}
.detailAlert > div ul li.longLi{max-width:100%}
.boxBotValuation .detailAlert > div ul li span{max-width:100%; white-space: pre-wrap}
.botValuation .detailAlert .con1 ul li:nth-child(1) span,.botValuation .detailAlert .con1 ul li:nth-child(2) span,.botValuation .detailAlert .con1 ul li:nth-child(3) span,.botValuation .detailAlert .con1 ul li:nth-child(4) span{color:#f30}
.boxBotValuation .detailAlert > div ul li:last-child{width: auto}

.smtList{background-color:#F2F6FC; padding:0 10px; border-radius:8px 8px 0 0}
.smtList .smtLine .listDataCheck span:nth-of-type(1){width:144px}
.smtList .smtLine .listDataCheck span:nth-of-type(2){width:50px}
.smtHeader{border:none; line-height:28px; font-size:14px; padding:4px 0 0!important}
.smtHeader img{width:18px!important; margin-left:5px;}
.newQuoteladder li, .newQuoteSmt li{width: auto; margin-bottom:0; background-color: transparent}
.newQuoteladder .CoreTypeEm{width:104px; margin-right:5px;}
.newQuoteladder .CoreTypeEm .icon-PDF{display: none}
.newQuoteladder .quoteListDetail span,.newQuoteSmt .quoteListDetail span{line-height:38px}
.bottomCssListQuote .listDataCheck{padding-left:5px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(1){width:162px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(2){width:32px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(3){width:52px}
.bottomCssListQuote .quoteListDetail span:nth-of-type(4){padding-left:0}
.newQuoteSmt .quoteListDetail{margin-top:5px}
.newQuoteSmt .radioC{margin:0 10px 0 0;}

.priceDetailBox{width:420px; left:auto; top: auto; bottom:26px; right:-223px; padding:10px 20px; border:1px solid #ddd; border-radius:8px}
.priceDetailBox ul{display: block}
.priceDetailBox ul li{float: left; width:50%; padding:2px 0;}
.priceDetailBox ul li:before{content:''; display:inline-block; width:7px; height:7px; margin-right:7px; border-radius:50%; background-color:#008C95; vertical-align: middle}
.priceDetailBox ul li p{display: inline-block; font-size:12px; vertical-align: middle}
.priceDetailBox ul li p:first-child{min-width:4em;}
.priceDetail .downIco{margin:0 0 1px 6px; transform: rotate(180deg)}
/*选择捷配层压结构*/
.altStackedStructure .tit{position: absolute; top:0; left:0;}
.altStackedStructure .box > .n{display: flex; font-size:20px; padding:0;}
.altStackedStructure .list{width:100%; max-width:290px; background-color:#F5F5F5; padding:3em 1em 1em; max-height:600px; overflow-x:auto;}
.altStackedStructure .bnCheckbox{margin-right:0}
.altStackedStructure .detail{width:100%; padding:2.5em 0 4em}
.altStackedStructure .detail .BBCI{border-bottom:1px solid #F1F3F6; padding:0 1em .5em;}
.altStackedStructure .detail .BBCI li{display: inline-block; font-size:14px;}
.altStackedStructure .detail .BBCI li span{font-weight: bold; color:#008C95}
.altStackedStructure .detail .BBCI li+li{margin-left:8%}
.altStackedStructure .bn{position: absolute; right:0; bottom:0}
.altStackedStructure .bn .bnsa{padding:.4em 4em}

.altStackedStructure .table{padding:1em 1em 0}
.altStackedStructure table{text-align: center; font-size:12px; table-layout:fixed; border-collapse:collapse; border:1px solid #eee; width:100%}
.altStackedStructure table th,.altStackedStructure table td{padding:.5em}
.altStackedStructure table th{border:1px solid #eee; background:#f5f5f5;font-weight: normal; text-align: center}
.altStackedStructure table td{border:1px solid #eee; background-color:#fff; line-height:1.4em;}
.altStackedStructure .noTable{border:1px solid #eee; line-height:1.4em; padding:5em 0; font-size:16px; font-weight: bold; text-align: center;}
.boxDcImg>div{width:90%; margin:0 auto;}
.boxDcImg i{display:block; margin:0 0 0 40px; position:relative; height:24px;}
.boxDcImg i em{position:absolute; top:50%; right:calc(100% + 10px); transform:translateY(-50%); white-space: nowrap;}
.boxDcImg i.GTL,.boxDcImg i.GBL,.boxDcImg i.C{background-color:#f90}
.boxDcImg i.PP{background-color:#FFE5AF}
.boxDcImg i.Core{background-color:#FFE5AF; height:40px}
.boxDcImg i.C{height:10px;}
.boxDcAnmImg{font-size:20px;}
.boxDcAnmImg i{display: block; width:12em; margin:0 auto; background:no-repeat right center; height:1em; padding:.15em 0; box-sizing: content-box; position:relative;opacity:1;}
.boxDcAnmImg i em{font-size:.7em; position:absolute; top:50%; right:84%; transform: translateY(-50%);}
.boxDcAnmImg i.L em:first-of-type{top:0; transform:none;}
.boxDcAnmImg i.L em:last-of-type{top:auto; bottom:0; transform:none;}
.boxDcAnmImg i.GTL{background-image: url("/Content/img/OrderMustReadForPcb/icon_GTL_x.png")}
.boxDcAnmImg i.PP{background-image: url("/Content/img/OrderMustReadForPcb/icon_PP_x.png")}
.boxDcAnmImg i.L{background-image: url("/Content/img/OrderMustReadForPcb/icon_L_x.png"); height:3.5em}

.bpImgHover{text-decoration: underline}
.freeCoupon16{font-size:14px; color:#333; font-weight:normal; display: inline-block; padding:2px 5px; border-radius:3px; float:right; margin-top:1px}
.freeCoupon16:hover{color:#2B5EBF}
.freeCoupon16 span{display: none;}
.freeCoupon16.bkgSr span{display:inline-block;}
.listDataCheck .freeCoupon{display:none}
.newFreeCoupon.active{border-color:#008C95!important}
.newFreeCoupon.active .freeCoupon{display:flex; justify-content: space-between}
/*.newFreeCoupon.active span>.iFree{display:none}*/
.newFreeCoupon .freeCoupon{border-top:1px dashed #ff5f5f; margin-right:10px; font-size:12px; font-weight:normal; line-height:20px; padding:3px 2em 3px 0}
.newFreeCoupon .freeCoupon em{color:#f30; margin-right:1em}
.newFreeCoupon .freeCoupon em s{color:#999; margin-right:.5em}
.newFreeCoupon .freeCoupon span,.newQuoteList .iFree{line-height:20px; font-size:12px!important; width:auto!important; font-weight: normal}
.newQuoteList .newFreeCoupon .iFree{display: block; text-align:center}
.newQuoteList span>.iFree{line-height:20px; margin-top:8px}
.newFreeCoupon .freeCoupon span.bkgSr,.newQuoteList .iFree.bkgSr{padding:0 5px; border-radius:3px}
.newFreeCoupon .listDataCheck.active .freeCoupon{display:flex; justify-content: space-between; align-items:center}
.quoteSelPrice{display:flex; align-items:center}
.quoteSelPrice #price{display:block; line-height:1em}
.con3 .bnCheckFreeCoupon{margin-top:5px; white-space: nowrap}
.con3 .bnCheckFreeCoupon .beforePrice{color:#999; text-decoration:line-through; font-size:14px;}
.bnCheckFreeCoupon{display:none}
.bnCheckFreeCoupon.show{display:flex!important; justify-content:space-between; align-items:center; margin-right:.5em; cursor:pointer; user-select:none}
.bnCheckFreeCoupon:before{content:''; font-family: iconfont_dg; width:20px; height:20px; line-height:16px; border:2px solid #008C95; box-sizing: border-box; text-align: center; margin-right:5px}
.bnCheckFreeCoupon.active:before{content:'\e63f'; color:#008C95}
.bnCheckFreeCoupon span{color:#fff; font-size:12px; border-radius:3px; padding:2px 5px; font-weight: normal;}

/*序列号 - 弹窗*/
.altSerialNumber>.box{max-width:960px}
.altSerialNumber>.box>.tit{border-bottom:1px solid #eee; padding:15px 20px;}
.altSerialNumber .n{display:flex; justify-content:space-between; gap:1em}
.altSerialNumber .n .left{width:60%; display:flex; flex-direction:column}
.altSerialNumber .n .left .cnt{height:100%;}
.altSerialNumber .n .right{width:40%}
.altSerialNumber .n .cnt{background-color:#F5F5F5; padding:1em}
.altSerialNumber .bnCheckboxCK:before{margin-right:.5em; line-height:1.2em}
.altSerialNumber .SerialNumber_typeTemp,.altSerialNumber .t{line-height:30px; padding-bottom:10px; display:block; font-size:16px}
.altSerialNumber .SerialNumber_typeTemp{display:flex; justify-content:stretch; gap:1em; flex-wrap:wrap; line-height:30px; padding-bottom:10px}
.altSerialNumber dl{padding:.5em 1em .5em 0; margin:0}
.altSerialNumber dl dt{float:left; width:7em; line-height:34px;}
.altSerialNumber dl dd{margin-left:7em; position:relative; line-height:34px}
.altSerialNumber dl dd+dd{margin-top:.5em;}
.altSerialNumber dl dd input.ipt{width:100%; border:1px solid #E6E6E6; padding:0 5em 0 1em;}
.altSerialNumber dl dd .maxLength{position:absolute; top:50%; right:1em; transform:translateY(-50%); user-select:none; color:#999; pointer-events:none}
.altSerialNumber dl dd .bnCheckboxCK{margin-right:1em;}
.altSerialNumber i.demo{min-height:239px; position:relative; display:block; color:#fff; background:#00715F no-repeat center center / cover;}
.altSerialNumber i.demo span{position:absolute; top:55%; left:auto; right:.5em; transform:translateY(-50%); text-align:right}
.altSerialNumber i.demo span img{width:80px; height:80px; background-color:transparent; display:inline-block; margin:0 0 5px; padding:5px}
.altSerialNumber i.demo span em{display:block;}
.altSerialNumber .n[type='1'] dl[name="QrCode"],.altSerialNumber .n[type='1'] dl[name="QRCodeSize"]{display:none}
.altSerialNumber .n[type='1'] i.demo span img{display:none}
.altSerialNumber .n[type='2'] dl[name="SerialCode"],.altSerialNumber .n[type='2'] dl[name="AcceptBrokenCodes"]{display:none}
.altSerialNumber .n[type='2'] dl dd+dd{margin-top:0}
.altSerialNumber .n[type='2'] dl[name="QrCode"] dd:nth-child(3){display:none}
.altSerialNumber .n[type='2'] i.demo span em{display:none}
.altSerialNumber .n[type='3'] dl[name="SerialCode"]{display:none}
.altSerialNumber .n[type='3'] i.demo span em{display:none}
.altSerialNumber .right .cnt>p{display:none; min-height:8em; text-align:center; color:#008C95; padding-top:1em}
.altSerialNumber .n[type='1'] .right p.type1,.altSerialNumber .n[type='2'] .right p.type2,.altSerialNumber .n[type='3'] .right p.type3,.altSerialNumber .n[type='4'] .right p.type4{display:block}
.tsgy1 .tooltipNew{margin:2px 0 2px 5px}
.tsgy1 .tooltipNew .cnt{pointer-events:none; max-height:1000px}

    /* 2024 10 14 */
#rightcontent{background:#fff!important}
.workmanship_Box:hover,#rightcontent:hover{box-shadow:0 0 10px #ccc}
.workmanship_Box h4.title_left{padding:10px 20px !important}
.rightcontentTable li span:nth-of-type(2){width:50px !important}
.rightcontentTable li span:nth-of-type(4){width:96px}
.rightcontentTable li span:nth-of-type(5){width:56px}
.newQuoteList .quoteListDetail span:nth-of-type(1){width:20px !important}
.newQuoteList2 .quoteListDetail span:nth-of-type(1){width:30px !important}
.newQuoteList .quoteListDetail span:nth-of-type(3){width:88px}
.newQuoteList2 .quoteListDetail span:nth-of-type(2){width:60px!important}
.newQuoteList2 .quoteListDetail span:nth-of-type(3){width:80px}
.newQuoteList .quoteListDetail span:nth-of-type(4){width:60px}
.rightcontentTable li span:nth-of-type(4){width:105px}
.option-choose .item:hover{background:#E1F8FA}
.note{font-size:13px}
.note em{color:#DE0629}
.newQuoteList .quoteListDetail span,.newQuoteList2 .quoteListDetail span{line-height:32px !important}
.boxAddCart .openValuation,.boxAddCart .addCar{line-height:40px !important}
.icon-PDF{width:20px; height:22px; background-position:0 center; display:inline-block; margin-right:1px; background-image:url(/Content/img/PcbQuote/pdf.png); background-repeat:no-repeat; vertical-align:middle}

.boxOptionsMore .option-choose{height:33px; overflow:hidden}
.boxOptionsMore .moreOptions{position:absolute; top:0; left:100%; border:1px solid #DFE1E6; min-width:50px; text-align:center; line-height:26px; margin:0 0 5px -5px; clear:right;}
.boxOptionsMore .option-choose .item{min-width:48px;}
.boxOptionsMore .moreOptions>span{display:block; padding:0 6px; white-space:nowrap;}
.boxOptionsMore .moreOptions>span:after{content:'\e62e'; transform:scale(.8); font-family:iconfont_dg; display:inline-block; transition:all 0.3s ease;}
.boxOptionsMore .moreOptions:hover>span{background-color:#E1F8FA}
.boxOptionsMore .moreOptions:hover>span:after{transform:scale(.8) rotate(90deg);}
.boxOptionsMore .moreOptions.active{background-color:#E1F8FA; border-color:#008C95}
.boxOptionsMore .moreOptions.active>span:before{content:''; background-image: url(/Content/img/icons.png?v2); background-repeat: no-repeat; vertical-align: middle; display: inline-block; position: absolute; bottom: -1px; right: -1px; background-position: -202px -362px; width: 16px; height: 16px; border-radius: 0 0 4px 0; }
.boxOptionsMore li.br+li{clear:left}
.boxOptionsMore .moreList{position:absolute; top:90%; right:0; z-index:1; background-color:#fff; box-shadow:rgba(0,0,0,.1) 0 0 10px; border-radius:5px; opacity:0; visibility:hidden; transition:all 0.3s ease; min-width:100px; text-align:center; line-height:26px;}
.boxOptionsMore .moreOptions:hover .moreList{top:100%; opacity:1; visibility:visible;}
.boxOptionsMore .moreList li:hover{color:#008C95; cursor:pointer}
.boxOptionsMore .moreList li+li{border-top:1px solid #eee;}
.boxOptionsMore .moreList li.active{background-color:#E1F8FA; color:#008C95;}