@charset "UTF-8";
.price-ratio-box { width: 442px; border-radius: 10px; background-size: 100%; background-position: top; background-color: #FFFFFF; background-image: url(//cdnimg.dd373.com/newfile/usercenter/images/price-ratio-bg-5435bc49dc.png); background-repeat: no-repeat; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); padding: 0 20px; box-sizing: border-box; position: absolute; right: 20px; top: 0; z-index: 500; }

.price-ratio-box > h2 { font-size: 14px; font-weight: 500; color: #333333; text-align: center; padding: 24px 0 16px 0; }

.price-ratio-box .price-ratio-tab .tab-item { width: 195px; height: 50px; background-color: #FFFFFF; border-radius: 6px; display: inline-block; /* line1-浅灰-按钮描边 */ border: 1px solid #D6D6D6; text-align: center; padding-top: 6px; box-sizing: border-box; position: relative; overflow: hidden; cursor: pointer; }

.price-ratio-box .price-ratio-tab .tab-item:first-child { margin-right: 8px; margin-bottom: 0; }

.price-ratio-box .price-ratio-tab .tab-item p:first-child { font-size: 16px; font-weight: 500; color: #333333; }

.price-ratio-box .price-ratio-tab .tab-item > div { width: 16px; height: 12px; border-radius: 5px 0px 0px 0px; background-color: #D1D1D1; position: absolute; bottom: 0; right: 0; line-height: 12px; }

.price-ratio-box .price-ratio-tab .disable { opacity: 0.8; cursor: no-drop; }

.price-ratio-box .price-ratio-tab .active { border: 1px solid #ff5b01; background-color: #FEEFE4; }

.price-ratio-box .price-ratio-tab .active > p { color: #ff5b01; }

.price-ratio-box .price-ratio-tab .active > p:first-child { color: #ff5b01; }

.price-ratio-box .price-ratio-tab .active > div { background-color: #ff5b01; }

.price-ratio-box .tips { color: #999999; text-align: center; margin-top: 8px; }

.price-ratio-box .price-input-box { height: 32px; width: 100%; margin-top: 16px; }

.price-ratio-box .price-input-box .price-input { width: 50%; float: left; font-size: 14px; color: #333333; }

.price-ratio-box .price-input-box .price-input input { width: 98px; height: 32px; border-radius: 5px; background: #FFFFFF; font-size: 14px; color: #FF5B01; box-sizing: border-box; /* line1-浅灰-按钮描边 */ border: 1px solid #D6D6D6; padding: 0 4px; text-align: center; }

.price-ratio-box .price-input-box .price-input:last-child { text-align: right; }

.price-ratio-box .goods-sort-table { width: 100%; margin-top: 24px; }

.price-ratio-box .goods-sort-table .table-title { background-color: #F7F7F7; border-radius: 10px 10px 0 0; text-align: center; padding: 12px 0 10px 0; width: 100%; }

.price-ratio-box .goods-sort-table .table-title h2 { font-size: 14px; font-weight: 500; color: #333333; }

.price-ratio-box .goods-sort-table table { width: 402px; border: 1px solid #F7F7F7; border-radius: 0 0 10px 10px; }

.price-ratio-box .goods-sort-table table thead td { height: 32px; }

.price-ratio-box .goods-sort-table table tbody td { height: 48px; }

.price-ratio-box .goods-sort-table table tr { line-height: normal; }

.price-ratio-box .goods-sort-table table tr td { text-align: center; border: 1px solid #F7F7F7; padding: 0; vertical-align: middle; }

.price-ratio-box .goods-sort-table table tr td span { color: #ff5b01; float: none; }

.price-ratio-box .goods-sort-table table tr td:first-child { width: 66px; padding: 0; }

.price-ratio-box .goods-sort-table table tr td:first-child div { width: 66px; padding: 0; }

.price-ratio-box .goods-sort-table table tr td:first-child + td { width: 124px; }

.price-ratio-box .goods-sort-table table tr td:first-child + td div { width: 124px; }

.price-ratio-box .goods-sort-table table tr td:first-child + td + td { width: 101px; }

.price-ratio-box .goods-sort-table table tr td:first-child + td + td div { width: 101px; }

.price-ratio-box .goods-sort-table table tr td:first-child + td + td { width: 112px; }

.price-ratio-box .goods-sort-table table tr td:first-child + td + td div { width: 112px; }

.price-ratio-box .goods-sort-table table .isActive { background-color: #FFF7F2; color: #ff5b01; }

.price-ratio-box .btn-group { font-size: 0; text-align: center; padding: 24px 0; }

.price-ratio-box .btn-group a { width: 100px; height: 32px; line-height: 32px; border-radius: 6px; font-size: 14px; text-align: center; display: inline-block; }

.price-ratio-box .btn-group a:hover { opacity: 0.8; }

.price-ratio-box .btn-group .cancel-btn { background: #F7F7F7; color: #333333; margin-right: 12px; }

.price-ratio-box .btn-group .sure-btn { background: #ff5b01; color: #ffffff; }

.goods-box .goods-item tbody tr td .focus:hover { border-color: #FF5B01 !important; }