.sitewidget-prodTableList table{width:100%;max-width:100%;overflow-x:scroll}
.sitewidget-prodTableList table td,.sitewidget-prodTableList table th{padding:8px;text-align:left}
.sitewidget-prodTableList table img{max-width:80px;max-height:80px}
.sitewidget-prodTableList .table-wrap{width:100%;overflow-x:auto}
.footable{width:100%;line-height:1.7em}
.footable td,.footable th{padding:8px;text-align:left}
.footable th.prod-image{width:64px}
.footable td.prod-image{padding:0;text-align:center;width:80px;height:80px}
.footable th.prod-color{width:44px}
.footable td.prod-color{padding:0;text-align:center;width:60px;height:60px}
.footable-row-detail-inner{display:table}
.footable-row-detail-row{display:table-row;line-height:2em}
.footable-row-detail-group{display:block;line-height:2em;font-size:1.2em;font-weight:bold}
.footable-row-detail-name{display:table-cell;font-weight:bold;padding-right:.5em}
.footable-row-detail-value{display:table-cell}
.footable.breakpoint td:first-child{position:relative}
.footable.breakpoint span.footable-toggle{font-family:"fontAwesome";position:absolute;top:50%;right:5px;line-height:10px;background:#80828c;color:#fff;padding:3px 5px;margin-top:-8px}
.footable.breakpoint span.footable-toggle:before{content:"\f103"}
.footable.breakpoint .prod-image span.footable-toggle,.footable.breakpoint .prod-color span.footable-toggle{position:absolute;left:5px;top:50%;margin-top:-12px}
.footable.breakpoint .footable-detail-show span.footable-toggle:before{content:"\f102"}
table.table-style-border th{border-top:1px solid #ddd;font-weight:bold}
table.table-style-border td,table.table-style-border th{border-bottom:1px solid #ddd;border-right:1px solid #ddd}
table.table-style-border td:first-child,table.table-style-border th:first-child{border-left:1px solid #ddd}
table.table.table-style-interval th{border-top:1px solid #ddd;font-weight:bold}
table.table.table-style-interval td,table.table.table-style-interval th{border-bottom:1px solid #ddd;border-right:1px solid #ddd}
table.table.table-style-interval td:first-child,table.table.table-style-interval th:first-child{border-left:1px solid #ddd}
.compareMenu{position:fixed;bottom:-200%;width:100%;left:0;border:1px solid #ccc;background-color:rgba(34,34,34,0.95);box-shadow:0 0 10px rgba(0,0,0,0.2);transition:bottom .5s;-moz-transition:bottom .5s;-webkit-transition:bottom .5s;-o-transition:bottom .5s;z-index:99}
.compareMenu.show{bottom:0}
.compareMenu .compareBody{width:1240px;margin:10px auto;overflow:hidden}
.compareMenu .compareList{overflow:hidden;float:left}
.compareMenu .compareList-detail.compareList-detail-small{width:160px !important;margin-right:10px !important}
.compareMenu .compareList-detail:last-child{margin-right:10px}
.compareMenu .compareList-detail a{color:#333;font-size:12px;display:block}
.compareMenu .compareList-detail a>span{display:block;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.compareMenu .compareList-detail{width:20%;box-sizing:border-box;padding:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:left;margin-left:0;margin-right:0;border:1px solid #eee;position:relative;background:#fff;border-radius:3px;height:82px}
.compareMenu .compareList-detail img{width:80px;max-height:50px;margin-right:10px;vertical-align:top}
.compareMenu .comparedOpt{overflow:hidden;float:right;margin-top:20px}
.compareMenu .comparedOpt .compareButton{width:100px;height:40px;border-radius:3px;line-height:40px;text-align:center;color:#fff;margin-right:20px;cursor:pointer;background:#e05a54;float:left;opacity:.65;cursor:not-allowed;overflow:hidden;font-size:12px}
.compareMenu .comparedOpt .compareButton.show{opacity:1;cursor:pointer}
.compareMenu .comparedOpt .compareRemove{width:80px;height:40px;border-radius:3px;line-height:40px;text-align:center;color:#333;cursor:pointer;background:#fff;float:left;font-size:12px}
.compareMenu .compareMenu_small .compareBody{position:relative}
.compareMenu .errorMsg{position:absolute;color:#e4393c;top:0;left:1040px;display:none;font-size:12px}
.compareMenu .compareList-detail .removeThis{position:absolute;top:-2px;right:2px;cursor:pointer}
.compareMenu .compareMenu_large{overflow:hidden;display:none;background:#f4f6f9;position:relative;padding-top:48px;z-index:100}
.compareMenu .compareMenu_large td{border:1px solid #dee0e5}
.compareMenu .compareMenu_large tr{background:#fff}
.compareMenu .compareMenu_large tr:hover{background:#f4f6f9}
.compareMenu .compareMenu_large .intro{width:100%;left:0}
.compareMenu .compareMenu_large .intro-wrap{width:1240px;margin:0 auto;overflow:hidden}
.compare-prev{width:10% !important;display:flex;height:100%;justify-content:center;align-items:center;vertical-align:middle;float:right;margin:0;font-size:22px;cursor:pointer}
.compareMenu .compareMenu_large .intro-wrap div.compare-next{width:2% !important;display:flex;justify-content:center;align-items:center;vertical-align:middle;float:left;margin:0;font-size:22px;cursor:pointer}
.compareMenu .compareMenu_large .intro .compareList-detail{width:20%;margin-right:0}
.compareMenu .compareMenu_large .intro .space{width:18%;float:left;margin:0}
.compareMenu .compareMenu_large .table-wrap{max-height:400px;overflow-y:auto}
.compareMenu .compareMenu_large table{width:1240px;margin:0 auto 60px auto}
.compareMenu .compareMenu_large table td{width:20%;height:32px;font-size:12px;line-height:16px;padding:6px;word-break:break-word}
.compareMenu .compareMenu_large table td:first-child{width:18%}
.compareMenu .compareMenu_large_title{float:left}
.compareMenu .compareMenu_large_title div{border-bottom:1px solid #fff;color:#fff;height:20px;line-height:20px;overflow:hidden}
.compareMenu .compareMenu_large_content{float:left;overflow:hidden}
.compareMenu .compareMenu_large_content_detail{float:left;margin:0 10px}
.compareMenu .compareMenu_large_content_detail div{border-bottom:1px solid #fff;color:#fff;height:20px;line-height:20px;overflow:hidden}
.compareMenu .compareMenu_large .opt-btn{background:#dfe5ef;text-align:center;padding:10px 0;position:fixed;bottom:0;left:0;right:0;line-height:0}
.compareMenu .compareMenu_large .opt-btn span{width:90px;height:40px;border-radius:3px;cursor:pointer;line-height:40px;text-align:center;display:inline-block;margin:0 5px;background:#e05a54;color:#fff;font-size:12px}
.compareMenu .compareMenu_large .opt-btn span.empty{background:#fff;color:#333}
.compareMenu .compareMenu_large .compareList-detail{margin-left:0;margin-right:0}
.compareMenu .compareMenu_large .compareList-detail.cp-flag{margin-left:0;margin-right:0}
.compareMenu .compareMenu_large .retract{position:absolute;right:10px;top:10px;cursor:pointer}
.compareMenu .compareMenu_large .retract i{margin-right:4px}
@media(min-width:1800px){.compareMenu .compareBody{width:1800px}
.compareMenu .compareList-detail{width:20%}
.compareMenu .compareMenu_large .compareList-detail{margin-left:0;margin-right:7px}
.compareMenu .compareMenu_large .intro-wrap{width:1800px}
.compareMenu .compareMenu_large table{width:1800px}
.compareMenu .compareMenu_large .intro .space{width:18%}
.compareMenu .compareMenu_large .opt-btn span{width:140px}
.compareMenu .errorMsg{left:1600px}
}