#rings-details{
    background-color: #f4f4f4;
	height:700px;
    position: fixed;
    z-index: 10000;
    left: 500px;
    top: 1%;
    display:none;
}
.rings-bg{width:100%;height:100%;position:fixed;top:0px;left:0px;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;display:none;z-index:999;}
.ring-title{width:100%;margin:10px 0px 0px 0px;text-align:center;line-height:40px;font-size:18px;position:relative;}
.ring-title span{position:absolute;font-size:12px;right:-20px;top:-30px;background:#ffffff;border:#ebebeb solid 1px;width:40px;height:40px;border-radius:20px;}
.ring-title span a{display:block;color:#68a32b;}





.navbar-default .navbar-nav>li>a{color: #777;}
.item_box{background-color: #f4f4f4;margin-top: 20px;}
.item_content{width:1200px;margin: 0px auto;}
.item_detail_box {float:right;width:500px;height:660px;background-color:#fff;display:inline-block;padding:10px 10px 0 10px;box-sizing:border-box;}

.pop_bg_box{width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.5);
    z-index: 1111111; }
.modalPop{ display: none;}
.pop { width: 550px;background-color: #fff; z-index: 9999999;position: absolute; left: 50%; top: 50%; margin-left: -288px;}
.pop .colse_popbox, .delete_box, .colse_delbox { position: absolute; top: 5px; right: 8px; font-size: 18px; color: #fff; cursor: pointer; }
.pop h5 { height: 35px; color: #fff; font-size: 16px; text-align: center; line-height: 35px;background-color: #61da9a }
.pop .supbtn { margin: 15px 10px; width:auto; border: none; background-color: #61da9a }
.pop .form-inline{padding: 5px 5px 5px 30px;}
/*详情页面start*/
.item_detail_table{ display:table;display: block;} 
.detail_left,.detail_right{display: inline-block;width:50%;vertical-align: text-top;}
.tr{ display:table-row; width:100%; min-height:20px;display: inline-block;line-height: 20px;height:auto;
vertical-align:text-top;padding: 10px 0;border-bottom: 1px solid #e2e2e2;} 
.tr_icon{
	display:table-row; width:100%; min-height:20px;display: inline-block;line-height: 20px;height:auto;
vertical-align:text-top;padding: 8px 0;border-bottom: 1px solid #e2e2e2;
}
#StyleNo{cursor: pointer;position: relative;color: #0080ff; text-decoration: underline;}
.styleDetail{text-align: left;position: absolute;opacity: 0.9;color: rgb(17, 17, 17);top: 16px;left: 0px;
}
.styleDetail b{width: 42px;display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;font-weight: normal;
}
.styleDetail b:first-child{font-weight: 900;
}
.showNo{color: #0080ff
}
.table_main{width: 100%;text-align: center;line-height: 30px;
}
.table_main th{width: 20%;text-align: center;background: aliceblue
}
#styleNo_content .divCom{width: 100%;color: #0080ff;
}
#styleNo_content .divCom p{display: inline;color: #0080ff
}
.styleButton button{display: inline-block;width: 120px;height: 46px;color: #fff;background-color: #61d19a;font-size: 16px;line-height: 46px;margin-top: 10px;cursor: pointer;text-align: center;margin:50px 0 30px 90px;
}
#styleNo_content .innerTable{max-height: 250px;overflow-y: scroll;font-size: 12px;margin-top: 20px
}
.tr_block{display: block;width:100%;line-height: 20px;}
.td{ display:table-cell; height:inherit;} 
.td a{cursor: pointer;text-decoration: none;}
.td_str{color: #323232;font-style: normal;font-weight: bold;font-size: 13px;min-width: 76px; text-align:justify;text-align-last:justify;}
.tr .td_str{}
.td_data span{font-weight: normal;color:#f60;font-size: 12px;font-weight: bold;}
.tr_normal .td_str,.tr_normal .td_data{color:#808080;font-weight: normal;}
.td_data{font-size: 14px;color: #323232;word-wrap: break-word;width:auto;white-space: normal;word-break: break-all;}
.tr_block .td_data{width:auto;max-width: 100%;white-space: normal;word-break: break-all;}
.td_data.price_color{color: #f60;font-weight: bold;}
.td_data a.inlays_link{color:#0080ff;}
.item_detail_btn_box {margin: 0 auto;width: 100%;padding:40px 0 0 32px;}
.item_detail_btn_box a {display:inline-block;width:120px;height:46px;color:#fff;background-color:#61d19a;
font-size:16px;line-height:46px;margin-top:10px;cursor: pointer;text-align: center;}
.item_detail_btn_box a.i_chat_icon{position:relative;padding-left:38px;max-width:120px;padding-right:10px;width:auto;}
.item_detail_btn_box a i{display:inline-block;width:25px;height:22px;background:url(../img/inventory/call.png) no-repeat 0 0;background-size: 25px 22px;position: absolute;top:14px;left:8px;}
#_remarks{height: 100px;width: 490px;padding: 4px;border: 1px solid #888;resize: vertical;overflow: auto; -webkit-user-select:text}

#loading_item{z-index: 100}

#_remarks:empty:before {content: attr(placeholder);color: #bbb;}
.item_detail_btn_box a.buy_btn{margin-left: 30px;}
.detail_container { width: 100%; height: 660px; }
/* .img_box {width:700px;height:740px;float:left;border:14px solid #fff;background-color:#000;box-sizing:border-box;} */
.img_box {width:500px;height:632px;float:left;border:14px solid #fff;background-color:#000;box-sizing:border-box;}


.video-box-bg{
	width:480px;height:440px;float:left;background-color:#fff;box-sizing:border-box;display:none;
}
.video-box-bg video{
    width: 472px;
    height: 442px
}
.ImgBtn{
    margin-left:200px;
}
.VideoBtn,.ImgBtn{
	width: 24px;
	height: 24px;
	margin-right: 40px;
	cursor: pointer;
}
.tr.tr_video{
	padding: 8px 0;
}

.cart_btn{margin-left: 20px;}

/* 上传历史相关 */
.tr_history{display:flex;}
.tr_history .history_img{
    font-size:16px;width:300px;
}
.tr_history .history_img img{
    height:30px;border-radius:16px;width:30px;
}
.tr_history .history_href{line-height:28px;cursor:pointer;}
.tr_history .history_href a{color:#61d19a;font-size:14px;font-weight:bold}





i.click_chat_icon{display: inline-block;width: 16px;height: 16px;margin-left: 6px;vertical-align: text-bottom;
    background: url(../img/inventory/click_chat_btn.png) no-repeat 0 0;background-size: 16px 16px; -webkit-animation: Tada 1s both;
    -webkit-animation: Tada 1s linear infinite;;
    -moz-animation: Tada 1s linear infinite;
    -ms-animation: Tada 1s linear infinite;
    -o-animation:Tada 1s linear infinite;
    animation: Tada 1s linear infinite;
    }
@keyframes Tada {
    0% {
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform:scale(1);
        -o-transform:scale(1);
        transform: scale(1);
        transform: scale(1);
     }

    10%,20% {
    	-webkit-transform: scale(0.9) rotate(-3deg);
    	-webkit-transform: scale(0.9) rotate(-3deg);
    	-moz-transform: scale(0.9) rotate(-3deg);
    	-moz-transform:scale(0.9) rotate(-3deg);
    	-ms-transform:scale(0.9) rotate(-3deg);
    	-ms-transform:scale(0.9) rotate(-3deg);
    	-o-transform:scale(0.9) rotate(-3deg);
    	-o-transform:scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
        transform: scale(0.9) rotate(-3deg);
    }

    30%,50%,70%,90% {
    	-webkit-transform: scale(1.1) rotate(3deg);
    	-webkit-transform: scale(1.1) rotate(3deg);
    	-moz-transform: scale(1.1) rotate(3deg);
    	-moz-transform: scale(1.1) rotate(3deg);
    	-ms-transform: scale(1.1) rotate(3deg);
    	-ms-transform: scale(1.1) rotate(3deg);
    	-o-transform:scale(1.1) rotate(3deg);
    	-o-transform:scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg);
        transform: scale(1.1) rotate(3deg)
    }

    40%,60%,80% {
    	-webkit-transform: scale(1.1) rotate(-3deg);
    	-webkit-transform: scale(1.1) rotate(-3deg);
    	-moz-transform: scale(1.1) rotate(-3deg);
    	-moz-transform: scale(1.1) rotate(-3deg);
    	-ms-transform: scale(1.1) rotate(-3deg);
    	-ms-transform: scale(1.1) rotate(-3deg);
    	-o-transform:scale(1.1) rotate(-3deg);
    	-o-transform:scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg);
        transform: scale(1.1) rotate(-3deg)
    }

    100% {
    	-webkit-transform: scale(1) rotate(0);
    	-webkit-transform: scale(1) rotate(0);
    	-moz-transform: scale(1) rotate(0);
    	-moz-transform: scale(1) rotate(0);
    	-ms-transform: scale(1) rotate(0);
    	-ms-transform: scale(1) rotate(0);
    	-o-transform:scale(1) rotate(0);
    	-o-transform:scale(1) rotate(0);
        transform: scale(1) rotate(0);
        transform: scale(1) rotate(0)
    }
}

@media (max-width: 1199px) {
    .item_detail_box { width:280px;padding-top:10px;box-sizing:border-box;}
    .detail_left,.detail_right{width:100%;}
    .item_detail_box .inlays_detail_right span b{ width:120px;}
    .item_detail_box .inlays_detail_block span b{width:120px;}
    .tr{width: 100%;min-height: 24px;}
    /*.tr_block .td_data{max-width:116px;}*/
}
/*详情页面end*/



.supplierBg{width: 100%;height: 100%;position: fixed;top:0;left:0;background: #222;opacity: 0.7;z-index: 9999;display: none;}
.dia_title{
    text-align: center;
    line-height:60px;
    font-size:16px;
}
.dialog_div{
    width: 400px;
    height: auto;
    padding: 10px;
    border-radius: 10px;
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    margin-top: -190px;
    z-index: 10000;
    display:none;
  }
  .dialog_div .display_f{
    display: flex;
    background-color: #e7e7e7;
    border-bottom: 1px solid #b6b5b5;
    line-height: 36px;
    text-align: center;
  }
  .dialog_div .display_f .display_f_l{
    width: 40%;
    border-right: 1px solid #b6b5b5;
  }
  .dialog_div .display_f .display_f_r{
    flex: 1;
    color: rgb(32, 175, 231);
  }
  .dialog_div .display_f:last-child{
    border-bottom: none;
  }
  .dialog_div .dialog_close{
    display: inline-block;
    position: absolute;
    top: 5px;
    right: -12px;
    height: 30px;
    width: 40px;
    font-size: 20px;
    cursor: pointer;
  }
@media (max-width:1200px){
	.item_content{width:1000px;}
    .item_detail_box { width:300px;padding-top:10px;box-sizing:border-box;}
    .tr{width: 100%;min-height: 24px;padding: 5px 0;}
	
}