/*************combo**************/

.j-combo {
    width: 998px;
    height: 305px;
    border: 1px solid #d9d9d9;
    background: #fff;
    font-family: "Microsoft Yahei";
    margin: 0 auto;
}

.j-combo-nav {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.j-combo-nav li {
    float: left;
    padding: 0 30px;
    cursor: pointer;
    display: inline;
    color: #ff4400;
    font: bold 16px/50px "Microsoft Yahei";
}

.j-combo-nav li.selected {
    position: relative;
    top: -1px;
    border-top: 3px solid #ff4400;
}

.j-combo-main {
    width: 100%;
    height: 250px;
    position: relative;
    /*float: left;*/
}

.j-combo-mitem {
    float: left;
    padding: 10px;
    width: 160px;
    text-align: center;
    overflow: hidden;
    font-size: 14px;
    white-space: nowrap;
}

.j-img {
    width: 150px;
    height: 150px;
    text-align: center;
    line-height: 150px;
    margin: 0 auto;
}

.j-img img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    display: inline;
}

.j-info {
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.j-price {
    color: #666;
}

.j-price s,
.j-price i {
    color: #e7242e;
    text-decoration: none;
}

.j-combo-spliter {
    width: 30px;
    color: #ddd;
    font-size: 40px;
    font-weight: bold;
    float: left;
    margin-top: 65px;
    line-height: 40px;
}

.j-combo-action {
    float: right;
    width: 160px;
    margin-top: 25px;
}

.j-combo-navgroup {
    float: right;
    width: 42px;
    margin-right: 20px;
}

.j-trigger {
    width: 42px;
    height: 52px;
    background: url(//static.snail.com/images/item/taocan/icon.png);
    display: block;
    margin-top: 25px;
}

.j-trigger.j-trigger-prev {
    background-position: -46px -176px;
}

.j-trigger.j-trigger-prev.disabled {
    background-position: 0 -100px;
}

.j-trigger.j-trigger-next {
    background-position: 0 -176px;
}

.j-trigger.j-trigger-next.disabled {
    background-position: -46px -100px;
}

.j-combo-price {
    font-size: 14px;
    color: #e7242e;
    line-height: 18px;
}

.j-combo-price s,
.j-combo-price i {
    font-weight: bold;
    font-size: 18px;
    text-decoration: none;
}

.j-original-price {
    font-size: 14px;
    color: #888;
}

.j-combo-btn {
    width: 120px;
    height: 30px;
    display: block;
    border: 1px solid #ff4400;
    margin-top: 15px;
    text-align: center;
    font: 15px/30px "Microsoft Yahei";
    text-decoration: none;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
}

.j-combo-btn.j-combo-buy {
    background: #ffeded;
    color: #ff4400;
}

.j-combo-btn.j-combo-addcart {
    background: #ff4400;
    color: #fff;
}

.j-combo-btn.j-combo-buys {
    background: #fff7ee;
    color: #ff870c;
    border: 1px solid #ff870c;
}

.j-combo-btn.j-combo-addcarts {
    background: #cd9349;
    color: #fff;
    border: 1px solid #cd9349;
}

.j-combo-check {
    width: 100%;
    height: 16px;
}

.j-combo-check .check-icon {
    width: 17px;
    height: 16px;
    background: url(//static.snail.com/images/item/taocan/icon.png) no-repeat;
    display: block;
    cursor: pointer;
}

.j-combo-check .check-icon.default {
    background-position: 0 -28px;
}

.j-combo-check .check-icon.checked {
    background-position: 0 -51px;
}

.j-combo-check .check-icon.unchecked {
    background-position: 0 -76px;
}

.j-combo-items {
    width: 540px;
    height: 230px;
    float: left;
    position: relative;
    overflow: hidden;
}

.j-combo-items .j-combo-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.j-combo-items .j-combo-groups {
    width: 100%;
    height: 250px;
    visibility: hidden;
}

.j-combo-items .j-combo-groups .j-combo-item {
    width: 146px;
    height: 225px;
    float: left;
    padding: 10px;
    margin-right: 10px;
    font-size: 14px;
    white-space: nowrap;
    text-align: center;
    border: 2px solid #fff;
    background: #fff;
}

.j-combo-items .j-combo-groups .j-combo-item.checked {
    border: 2px solid #e5e5e5;
    height: auto;
    position: relative;
    z-index: 11;
}

.j-combo-items .j-combo-groups .j-combo-item.checked .j-sku {
    display: block;
}

.j-sku {
    width: 150px;
    border-top: 1px dashed #e5e5e5;
    padding: 5px 0;
    margin-top: 10px;
    color: #999;
    font-size: 14px;
    text-align: left;
    display: none;
}

.j-sku .j-prop {
    padding-bottom: 6px;
}

.j-sku .j-prop .j-metatit {
    display: block;
}

.j-sku .j-prop li {
    float: left;
    position: relative;
    margin: 0 4px 4px 0;
    vertical-align: middle;
    padding: 1px;
    line-height: 28px;
    height: 28px;
}

.j-sku .j-prop li a {
    padding: 0 9px;
    white-space: nowrap;
    background: #fff;
    text-align: center;
    color: #999;
    border: 1px solid #d9d9d9;
    display: block;
}

.j-sku .j-prop li.selected a {
    border: 1px solid #e7242e;
}

.j-sku .j-prop li.disabled a {
    border: 1px dashed #fc8e07;
    cursor: not-allowed;
}

.j-sku .j-prop li.j-item-img a,
.j-sku .j-prop li.j-item-img img {
    width: 28px;
    outline: none;
    height: 28px;
    padding: 0;
    line-height: 28px;
}

.j-sku .j-btn-area {
    border-top: 1px dashed #e5e5e5;
    width: 100%;
    padding-top: 5px;
}

.j-sku .j-btn-area .j-btn {
    width: 58px;
    height: 28px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    text-decoration: none;
}

.j-sku .j-btn-area .j-btn.sure {
    border: 1px solid #fc8e07;
    color: #fff;
    background: #fc8e07;
}

.j-sku .j-btn-area .j-btn.cancel {
    background: #fff;
    color: #999;
    border: 1px solid #e5e5e5;
}


/*pop server*/

.j-mask {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 90;
    background: #000;
    opacity: .7;
    filter: alpha(opacity=70);
}

.j-pop {
    width: 470px;
    height: 240px;
    position: fixed;
    left: 50%;
    top: 50%;
    margin-top: -120px;
    margin-left: -235px;
    z-index: 91;
}

.j-pop-outter {
    background: #000;
    opacity: .2;
    filter: alpha(opacity=20);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

.j-pop-inner {
    width: 454px;
    height: 224px;
    margin: 8px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.j-pop-inner .j-pop-top {
    width: 434px;
    height: 46px;
    background: #eee;
    color: #666;
    font: 17px/46px "Microsoft Yahei";
    padding-left: 20px;
    position: relative;
}

.j-pop-inner .j-pop-top .j-pop-close {
    width: 20px;
    height: 20px;
    background: url(//static.snail.com/images/pop-close.png) no-repeat;
    position: absolute;
    top: 10px;
    right: 10px;
}

.j-pop-inner .j-pop-box {
    text-align: center;
    font-size: 14px;
    padding: 30px 0;
}

.j-pop-inner .j-area {
    width: 150px;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 32px;
    margin: 0 15px;
    position: relative;
}

.j-pop-inner .j-area .toggle {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    line-height: 30px;
    height: 30px;
    background: #fff;
    border: 1px solid #d0d0d0;
    text-align: left;
    padding-left: 10px;
    background: url(//static.snail.com/images/item/taocan/arrow.png) no-repeat;
    color: #888;
}

.j-pop-inner .j-area .toggle.selected {
    color: #444;
}

.j-pop-inner .j-area .toggle.up {
    background-position: 120px -24px;
}

.j-pop-inner .j-area .toggle.down {
    background-position: 120px -24px;
}

.j-pop-inner .j-area .toggle.error {
    color: red;
    border: 1px solid red;
}

.j-pop-inner .j-area .toggle-area {
    width: 148px;
    left: 0;
    top: 30px;
    background: #fff;
    max-height: 90px;
    _height: 90px;
    overflow-y: scroll;
    position: absolute;
    border: 1px solid #d0d0d0;
    display: none;
}

.j-pop-inner .j-area .toggle-area a {
    height: 30px;
    line-height: 30px;
    color: #444;
    padding: 0 10px;
    display: block;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
}

.j-pop-inner .j-area .toggle-area a:hover {
    color: #fff;
    background: #dda064;
}

.j-pop-inner .j-pop-area {
    width: 396px;
    margin: 0 auto;
    border-top: 1px dashed #d9d9d9;
    padding-top: 20px;
    text-align: center;
}

.j-pop-inner .j-pop-area .btn {
    width: 83px;
    height: 40px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    background: #fc8c05;
    color: #fff;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    text-decoration: none;
    font: 18px/40px "Microsoft Yahei";
}


/*# sourceMappingURL=combo.css.map */