.compare-table-head-wrapper,
.compare-table-body-wrapper { overflow: hidden; margin-left: 200px; }
.compare-table-body-wrapper, .compare-labels { padding-top: 10px; }
.compare-table-body-scroll { position: relative; }
.compare-table-head-fixed { position: absolute; top: 0; }
.compare-table-head-fixed.fixed { position: fixed; top: 0; z-index: 9990; }


.compare { width: 100%; position: relative; padding-top: 138px; }
.compare-table { position: relative; }
.compare-table.compare-table-head { border-bottom: 1px solid #ddd; background: #fff; position: relative; }
.compare-table.compare-table-body {  }
.compare-table.compare-table-body-labels { margin-bottom: 15px; }

.cell-label-wrapper { width: 190px; height: 133px; position: absolute; top: 0; left: 0; background: #fff; border-bottom: 1px solid #eee; margin-bottom: 4px; }
.cell-label-wrapper ul { overflow: hidden; zoom: 1; position: absolute; bottom: 15px; }
.cell-label-wrapper ul li { line-height: 20px; }
.cell-label-wrapper ul li a { text-decoration: none; border-bottom: 1px dotted #70AAE0; }
.cell-label-wrapper ul li.active a { border-color: #ccc; color: #333; cursor:default; }

.compare-labels { width: 200px; position: absolute; top: 138px; left: 0; }

.compare-table-wrapper { padding-bottom: 15px; }
.compare-table-wrapper.compare-table-hidden { padding: 0; }
.compare-table-wrapper.compare-table-hidden table { display: none; }

.compare-table th { font-weight: normal; text-align: left; }
.compare-table th h3 { font-size: 12px; }
.compare-table th img { height: 50px; }
.compare-table .cell-label span { display: block; width: 200px; }

.compare-table tbody .cell-label { font-weight: bold; padding: 10px 12px 10px 0; }
.compare-table tbody .cell-label i { font-weight: normal; }
.compare-table tbody td { padding: 10px 12px; }
.compare-table .cell-value span,
.compare-table .compare-item { display: block; width: 130px; }
.compare-table .compare-item { height: 100px; overflow: hidden; background: #f7f7f7; padding: 10px; margin: 2px 2px 15px; position: relative; }
.compare-table .compare-item a { color: #2973B5; text-decoration: none; }
.compare-table .compare-item .close { position: absolute; top: 5px; right: 10px; color: #333; opacity: .5; }
.compare-table .compare-item .close:hover { opacity: 1; }


.compare-folding { text-decoration: none; font-weight: bold; margin-bottom: 10px; cursor: pointer; font-size: 14px; color: #333; font-family: Arial, sans-serif; }
.compare-folding span { border-bottom: 1px dashed #333;  }
.compare-folding:after { content: "▲"; margin-left: 2px; }
.compare-folding.folded:after { content: "▼"; }