.tj_box {float: left; width: 100%; border-top: 1px solid #ddd; margin-top: 10px; background: #fff; overflow: hidden;}
.tj_box .count {float: left; width: 100%; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;  border-bottom: 1px solid #ddd; overflow: hidden;}
.tj_box .count li {float: left; width: 100%; font-size: 16px; line-height: 30px; overflow: hidden;}
.tj_box .count li span {float: left; color: #333;}
.tj_box .count li em {float: right; color: #555; font-style: normal; font-weight: normal;}
.tj_box .count li em i {color: #b8a085; font-size: 18px; font-style: normal; font-weight: normal;}

.tj_box .youhui {float: left; width: 100%; padding: 0 12px 12px 0; -webkit-box-sizing: border-box; box-sizing: border-box;  border-bottom: 1px solid #ddd; overflow: hidden;}
.tj_box .youhui .tit {float: left; width: 100%; line-height: 45px; text-align: right; overflow: hidden;}
.tj_box .youhui .tit b {float: left; height: 45px; width: 42px; padding-top: 5px; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; overflow: hidden;}
.tj_box .youhui .tit i {float: left; font-style: normal; font-weight: normal; margin-right: 5px; color: #333;}
.tj_box .youhui .tit b input[type="checkbox"] {display: none;}
.tj_box .youhui .tit b [id^="CheckBox-"] + label {background: url(../images/ar_off.png) no-repeat center; background-size: 22px auto; width: 30px; height: 22px; margin: 7px; display: block;}
.tj_box .youhui .tit b [id^="CheckBox-"]:checked + label {background: url(../images/ar_on.png) no-repeat center; background-size: 22px auto;}
.tj_box .youhui .tit b [id^="CheckBox-"]:checked + label:after {background: url(../images/ar_on.png) no-repeat center; background-size: 22px auto;}
.tj_box .youhui li {float: left; width: 100%; text-indent: 42px; line-height: 26px; overflow: hidden; font-size: 14px; color: #666; overflow: hidden;}
.tj_box .youhui li em {font-style: normal; font-weight: normal; color: #b8a085;}
.tj_box .youhui li a {float: left; width: 100%; color: #666; display: block;}


.tj_box .prolist {float: left; width: 100%; padding: 12px; -webkit-box-sizing: border-box; box-sizing: border-box;  border-bottom: 1px solid #ddd; overflow: hidden;}
.tj_box .prolist .title {float: left; width: 100%; line-height: 30px; color: #666; font-size: 14px; overflow: hidden;}
.tj_box .prolist .title span {float: left;}
.tj_box .prolist .title span:nth-child(1) {width: 54%;}
.tj_box .prolist .title span:nth-child(2) {width: 31%; text-align: center;}
.tj_box .prolist .title span:nth-child(3) {width: 15%; text-align: center;}
.tj_box .prolist li {float: left; width: 100%; line-height: 30px; color: #333; overflow: hidden;}
.tj_box .prolist li span:nth-child(1) {float: left; width: 54%; overflow: hidden;}
.tj_box .prolist li span:nth-child(2) {float: left; width: 31%; color: #666; font-size: 14px; text-align: center; overflow: hidden;}
.tj_box .prolist li span em {font-style: normal; font-weight: normal; color: #b8a085; font-size: 16px;}
.tj_box .prolist li span:nth-child(3) {float: left; width: 15%; text-align: center; overflow: hidden;}

.total_btn {float: left; width: 100%; height: 55px; margin-top: 15px; background: #ff9a00;}
.total_btn a {float: left; width: 60%; height: 41px; margin: 7px 20%; background: #fff; border-radius: 5px; text-align: center; color: #b8a085; font-size: 18px; line-height: 41px; display: block;}

/*---------------分类-------------------*/
.capro_list {float: left; width: 100%; overflow: hidden;}
.capro_list .nav_list {float: left; width: 25%; overflow: hidden;}
.capro_list .nav_list li {float: left; width: 100%; height: 36px; line-height: 36px; color: #585657; text-align: center; font-size: 12px; border-bottom: 1px solid #ccc; background: #efefef; cursor: pointer; overflow: hidden;}
.capro_list .nav_list li.cur {background: #fff;}
.capro_list .content {float: left; width: 75%; padding: 0 5px; border-left: 2px solid #c9c9cb; -webkit-box-sizing: border-box; overflow: hidden;}
.capro_list .content li {float: left; position: relative; width: 100%; padding: 10px 0; overflow: hidden;}
.capro_list .content li:last-child {border: none;}
.capro_list .content li .pro {position: absolute; width: 70px; height: 70px; left: 5px; top: 15px;}
.capro_list .content li .pro img {width: 70px; height: 70px;}
.capro_list .content li .info {margin-left: 80px; overflow: hidden; margin-top:5px;}
.capro_list .content li .info .title {float: left; width: 100%; height: 20px; line-height: 20px; font-size: 12px; overflow: hidden;}
.capro_list .content li .info .yh_pic {float: left; padding: 0 5px; line-height: 18px; color: #fff; font-size: 12px; background: #f39700; overflow: hidden; clear: both;}
.capro_list .content li .info .price {float: left; width: 100%; padding-top: 5px; color: #d70050; overflow: hidden;}
.capro_list .content li .info .price i {font-style: normal; font-size: 12px;}
.capro_list .content li .info .price span {font-size: 12px;}
.capro_list .content li .info .price b {padding: 0 5px; margin-left: 3px; margin-bottom: -3px; line-height: 18px; color: #fff; font-style: normal; font-weight: normal; font-size: 12px; background: #d70050; overflow: hidden; clear: both; display: inline-block;}
.capro_list .content li .info .yprice {float: left; width: 100%; font-size: 12px; text-decoration: line-through; color: #999; overflow: hidden;}
.capro_list .content li .add {position: absolute; z-index: 995; right: 4px; bottom: 10px; width: 26px; height: 26px; border-radius: 13px; background: #FFFFFF; overflow: hidden;}
.capro_list .content li .add a {display: block;}
.capro_list .content li .add img {width: 100%;}

/*---------------添加产品弹窗-------------------*/
.popup {position: fixed; z-index: 9999; bottom: 0px; left: 0px; right: 0px; visibility: visible; transform: translate3d(0px, 0px, 0px);    transition: all 300ms ease; opacity: 1; background: white; box-shadow: 0 -1px 14px rgba(0,0,0,.9);}
.popup .sku_pro {margin: 15px 15px 8px; min-height: 88px; border-bottom: 1px solid #eee; display: block;}
.popup .sku_pro .thumb {position: relative; width: 100px; height: 100px; border-radius: 5px; float: left; margin: -27px auto 0 auto; background-size: cover; overflow: hidden;}
.popup .sku_pro .thumb img {position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; width: auto; height: auto; max-width: 100%; max-height: 100%;}
.popup .sku_pro .detail {margin-left: 115px; width: auto; position: relative; zoom: 1;}
.popup .sku_pro .detail .title {position: relative; padding-right: 33px; color: #333; margin-bottom: 5px; font-size: 16px; max-height: 44px; line-height: 22px; overflow: hidden;}
.popup .sku_pro .detail .goods-price {padding: 0 55px 0 0; text-align: left;}
.popup .sku_pro .detail .price {padding: 0 33px 0 0; text-align: left; font-size: 16px; color: #b8a085;}
.popup .sku_pro .detail .price em {font-style: normal; font-weight: normal; font-size: 12px; color: #999; padding-left: 5px;}
.popup .sku-cancel {position: absolute; height: 22px; width: 22px; right: 0; top: 0; padding: 10px;}
.popup .sku-cancel img {width: 22px; height: 22px;}
.popup .adv-opts {float: left; width: 100%; overflow: hidden;}
.popup .adv-opts h1 {float: left; width: 100%; line-height: 36px; text-indent: 12px; font-style: normal; font-weight: normal; font-size: 14px; text-align: left; color: #333; overflow: hidden;}
.popup .adv-opts ul {padding: 0 12px; overflow: hidden;}
.popup .adv-opts li {float: left; line-height: 28px; cursor: pointer; border: 1px solid #ccc; font-size: 14px; border-radius: 3px; background: #fff; padding: 0 10px; margin: 0 10px 10px 0; overflow: hidden;}
.popup .adv-opts li.active {border: 1px solid #b8a085; background: #b8a085; color: #fff;}

.popup .block-item {position: relative; border-top: 2px solid #e5e5e5; border-top-width: 1px; color: #333; padding: 10px 12px; overflow: hidden;}
.popup .block-item .pull-left {float: left; line-height: 29px; font-size: 14px;}
.popup .block-item .quantity {float: right; position: relative; display: inline-block;}
.popup .block-item .quantity .minus {float: left; position: relative; width: 30px; height: 29px; background: #f2f2f2; border: 1px solid #999; border-radius: 2px 0 0 2px; font-size: 14px; line-height: 10px; font-weight: 700; color: #333; padding: 5px; outline: 0!important; text-indent: -9999px; text-align: center; overflow: hidden;}
.popup .block-item .quantity .minus:before {position: absolute; height: 1px; width: 9px; top: 0; left: 0; right: 0; margin: auto; background-color: #6c6c6c; bottom: 0; content: "";color: #333;}
.popup .block-item .quantity .txt {float: left; width: 33px; height: 25px; padding: 1px; border: 1px solid #999; border-width: 1px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; font-size: 14px; color: #b8a085; -webkit-tap-highlight-color: transparent; border-radius: 0; text-align: center;}
.popup .block-item .quantity .plus {float: left; position: relative; width: 30px; height: 29px; background: #f2f2f2; border: 1px solid #999; border-radius: 0 2px 2px 0; font-size: 14px; line-height: 10px; font-weight: 700; color: #333; padding: 5px; outline: 0!important; text-indent: -9999px; text-align: center; vertical-align: middle; overflow: hidden;}
.popup .block-item .quantity .plus:before {position: absolute; height: 1px; width: 9px; top: 0; left: 0; right: 0; margin: auto; background: #6c6c6c; bottom: 0; content: "";color: #333;}
.popup .block-item .quantity .plus:after {position: absolute; width: 1px; height: 9px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; content: "";  background: #6c6c6c;}
.popup .block-item .stock {float: left; width: 100%; line-height: 30px; font-size: 14px; color: #333; text-align: left; overflow: hidden;}

.popup .item_btn {float: left; width: 100%; height: 51px; left: 0; bottom: 0; -webkit-box-sizing: border-box; overflow: hidden;}
.popup .item_btn li {float: left; width: 50%; padding: 0 8px; -webkit-box-sizing: border-box; overflow: hidden;}
.popup .item_btn li a {width: 100%; height: 35px; line-height: 35px; margin-top: 7px; color: #5a5655; text-align: center; font-size: 14px; border: 1px solid #c9c9c9; border-radius: 5px; background: #f7f7f7; -webkit-box-sizing: border-box; display: block; overflow: hidden;background: #b8a085; border: 1px solid #b8a085; color: #fff;}
.popup .item_btn li a:hover,.popup .item_btn li.cur a {background: #b8a085; border: 1px solid #b8a085; color: #fff;}
.black_div {height: 100%; position: fixed; top: 0px; left: 0px; right: 0px; z-index: 1000; transition: none 0.2s ease; opacity: 1; background-color: rgba(0, 0, 0, 0.8);}

.popup .sku-cancel a {padding:0px;}