﻿@import url(/css/font/iconfont.css);
.clear::after { content: '\20'; display: block; height: 0; clear: both; }
.tb-prop, .tb-count { padding-top: 6px; }
.tb-prop dt, .tb-count dt { width: 51px; float: left; margin-top: 6px; }
.tb-prop dd, .tb-count dd { float: left; width: 415px; }
.tb-prop li { float: left; position: relative; margin: 0 4px 4px 0; line-height: 28px; vertical-align: middle; padding: 1px; background-color: #fff;border: 1px solid #b8b7bd; }
.tb-prop li.tb-selected{border: 1px solid #EE4014;}
.tb-prop li.tb-img {border:none; }
.tb-prop li.tb-img.tb-selected { border: 1px solid #EE4014; }
.tb-prop li.tb-selected:after { content: "\20"; position: absolute; right: 0; bottom: 0; background: url(/Content/images/icon/sku-selected.png) no-repeat scroll -62px -16px; width: 12px; height: 12px; }
.tb-prop li a { float: left; white-space: nowrap; width: auto !important; min-width: 10px; padding: 0 9px; text-align: center; text-decoration: none; color: #000; }
.tb-prop li a:hover, li.tb-selected a { }
li.tb-img a { width: 38px !important; height: 38px; padding: 0; line-height: 38px; background-repeat: no-repeat; outline: 0; background-position: center center; overflow: hidden; }
.non-select { border: 1px solid #f00; margin: 2px -5px; padding: 0 4px; }
.input-product-count { height: 28px; width: 50px; padding-left: 5px; border: 1px solid #b8b7bd; }
.amount-btn { display: inline-block; vertical-align: bottom; }
.amount-increase { width: 16px; height: 11.5px; font-size: 8px; line-height: 11.5px; display: block; cursor: pointer; border: 1px solid #888; margin-bottom: 3px; text-align: center; vertical-align: middle; font-family: "iconfont"; }
.amount-decrease { width: 16px; height: 11.5px; font-size: 8px; line-height: 11.5px; display: block; cursor: pointer; border: 1px solid #888; text-align: center; vertical-align: middle; font-family: "iconfont"; }
.tb-stone li { margin-right: -2px; border: 1px solid #b8b7bd; }
.tb-stone li a { border: none; }
.tb-stone li a:hover, .tb-stone li.tb-selected a { border: none; }
.tb-stone li.tb-selected a { color: #fff; }
.tb-stone li.tb-selected { background-color: #EE4014; border: 1px solid #EE4014; }
.tb-stone li.tb-selected:after { background: none; }
.tb-prop.tb-stone li a:hover, .tb-stone li.tb-selected a { margin: 0; }
.tb-material li { border: 1px solid #b8b7bd; }
.tb-material li.tb-selected { border: 1px solid #EE4014; }
.tb-material li a { float: left; background-color: #fff; white-space: nowrap; width: auto !important; min-width: 10px; text-align: center; color: #000; text-decoration: none; }

.tb-color { border: 1px solid #b8b7bd; margin-top: -1px; padding-left: 20px; }
.tb-size ul { margin-bottom: -4px; overflow: hidden; }
p.tb-remark { color: #EE4014; padding-top: 5px; }
#btn_plate { width: 120px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; margin-left: 10px; background-color: #D3B050; color: #fff; border: 0; }
