.detail_content { display: block; position: relative; width: 318px; padding-bottom: 4px; border: 1px solid #333; background: #171A21; }

.detail_content .operate_btn { position: absolute; left: 0; top: 0; height: 34px; padding: 5px 6px; }

.detail_content .operate_btn span { cursor: pointer; display: inline-block; min-width: 58px; padding: 0 8px; height: 24px; font-size: 12px; text-align: center; color: #DBDBDB; line-height: 24px; border-radius: 2px; background: #16202D; }

.detail_content .operate_btn span i { vertical-align: middle; display: inline-block; margin-right: 6px; background-size: cover; width: 14px; height: 14px; background-repeat: no-repeat; }

.detail_content .operate_btn span:first-of-type i { background-image: url(../../images/store/show_btn.html); }

.detail_content .operate_btn span:last-of-type { margin-left: 5px; }

.detail_content .operate_btn span:last-of-type i { background-image: url(../../images/store/share_btn.html); }

.detail_content .product_image { width: 100%; height: 180px; text-align: center; line-height: 180px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); }

.detail_content .product_image img { max-width: 80%; max-height: 80%; object-fit: contain; }

.detail_content .product_image img.product_parse-img { max-width: 100%; max-height: 100%; object-fit: cover; width: 100%; height: 100%; }

.detail_content .product_price { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; }

.detail_content .product_price.rentPRice { align-items: flex-start; }

.detail_content .product_price > div { font-size: 12px; color: #B8B6B4; line-height: 28px; text-align: left; }

.detail_content .product_price > div span:last-of-type { font-size: 18px; font-weight: bold; color: #E1C48A; }

.detail_content .product_price > div div.longPrice, .detail_content .product_price > div div.sellPrice, .detail_content .product_price > div div.shortPrice { white-space: nowrap; height: 24px; line-height: 24px; margin-bottom: 3px; }

.detail_content .product_price > div div.longPrice.Font14 span, .detail_content .product_price > div div.sellPrice.Font14 span, .detail_content .product_price > div div.shortPrice.Font14 span { font-size: 14px; }

.detail_content .product_price > div div.cash_pledge { white-space: nowrap; line-height: 16px; }

.detail_content .product_price > div div.cash_pledge span { font-size: 12px; color: #B8B6B4; }

.detail_content .product_price > div.operating-button { display: flex; justify-content: flex-start; align-items: center; }

.detail_content .product_price > div.operating-button .cart-add { cursor: pointer; padding: 0 6px; margin-right: 8px; display: inline-block; flex: 1; height: 100%; line-height: 30px; font-size: 14px; border-radius: 2px; background: #2C4F67; color: #FFFFFF; text-align: center; white-space: nowrap; }

.detail_content .product_price > div.operating-button .cart-add.btn-gray { background: #626366; }

.detail_content .product_price > div.operating-button .cart-add .icon-cart-add { margin-right: 4px; display: inline-block; width: 18px; height: 18px; vertical-align: sub; background: url(../../images/cart_add.html) no-repeat; background-position: center; background-size: 100% 100%; }

.detail_content .product_price > div.operating-button .op_btn { cursor: pointer; box-sizing: border-box; padding: 0 15px; min-width: 60px; white-space: nowrap; height: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #FFFFFF; border-radius: 2px; background: #4C6B22; }

.detail_content .productkucun_price { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; }

.detail_content .productkucun_price > div { flex: 1; width: 100%; line-height: 28px; text-align: left; }

.detail_content .productkucun_price > div span { font-size: 12px; color: #B8B6B4; }

.detail_content .productkucun_price > div span:last-of-type { font-size: 18px; font-weight: bold; color: #E1C48A; }

.detail_content .productkucun_price > div:last-of-type span { font-size: 12px; color: #B8B6B4; }

.detail_content .productkucun_price > div:last-of-type span:last-of-type { font-size: 18px; font-weight: bold; color: #A4D007; }

.detail_content .product_info { padding: 5px 15px 0px; text-align: left; }

.detail_content .product_info .name { margin-bottom: 10px; max-height: 36px; line-height: 18px; font-size: 14px; font-weight: bold; color: #FFFFFF; }

.detail_content .product_info .type { margin-bottom: 10px; line-height: 16px; font-size: 12px; color: #B8B6B4; }

.detail_content .product_info .tags { padding: 8px 7px; background: #16202D; color: #E3A53C; margin-bottom: 15px; }

.detail_content .product_info .tags span { font-size: 12px; line-height: 16px; word-break: break-all; }

.detail_content .product_info .tags span i { position: relative; top: 3px; margin-right: 3px; display: inline-block; width: 16px; height: 16px; background-image: url("../../images/store/orange_danger.html"); background-repeat: no-repeat; background-size: cover; }

.detail_content .product_info .paint_seed, .detail_content .product_info .paint_index, .detail_content .product_info .wear_description { margin-bottom: 10px; font-size: 12px; line-height: 16px; color: #B8B6B4; }

.detail_content .product_info .wear_land { margin-bottom: 18px; }

.detail_content .product_info .wear_land .colorBj { position: relative; width: 100%; margin-top: 10px; }

.detail_content .product_info .wear_land .colorBj .pointer { position: absolute; top: -70%; left: 0%; transform: translateX(-50%); width: 0; height: 0; border: 4px solid transparent; border-top: 4px solid #FFFFFF; }

.detail_content .product_info .wear_land .colorBj .ColorBackground { width: 100%; height: 5px; border-radius: 5px; background: linear-gradient(to right, #397439 7%, #488B48 0, #488B48 15%, #F1AD4D 0, #F1AD4D 38%, #B7625F 0, #B7625F 45%, #993A38 0); background-size: 100% 100%; }

.detail_content .addAnote { cursor: pointer; margin: 10px auto 5px; width: 290px; height: 40px; color: #66C0F4; text-align: center; line-height: 40px; font-size: 14px; background: #1B2838; }

.detail_content .showNote { cursor: pointer; margin: 10px auto 5px; width: 290px; color: #66C0F4; text-align: left; line-height: 18px; font-size: 14px; word-break: break-all; }

.detail_content .seller_description { box-sizing: border-box; width: 100%; padding: 0 15px; margin-bottom: 15px; text-align: left; font-size: 12px; line-height: 16px; color: #B8B6B4; }

.detail_content .seller_info { padding: 10px 15px 10px; font-size: 12px; }

.detail_content .seller_info .info { width: 100%; height: 30px; line-height: 30px; margin-bottom: 10px; }

.detail_content .seller_info .info .sell_avatar { float: left; margin-right: 10px; font-size: 0px; overflow: hidden; }

.detail_content .seller_info .info .sell_avatar img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; }

.detail_content .seller_info .info .sell_name { float: left; color: #B8B6B4; }

.detail_content .seller_info .info > div:last-of-type { float: right; width: 74px; height: 30px; color: #fff; border-radius: 2px; line-height: 30px; text-align: center; box-sizing: border-box; border: 1px solid #2D3D50; }

.detail_content .seller_info .deliver_info { padding-top: 10px; }

.detail_content .seller_info .deliver_info li { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 12px; line-height: 16px; color: #B8B6B4; }

.detail_content .property_info { text-align: left; padding: 5px 15px 10px; }

.detail_content .property_info .property_title { font-size: 14px; line-height: 18px; color: #FFFFFF; }

.detail_content .property_info p { margin-top: 10px; font-size: 12px; line-height: 16px; color: #B8B6B4; }

.detail_content .strick_info { padding: 10px 15px; text-align: left; }

.detail_content .strick_info .strick_title { font-size: 14px; line-height: 18px; color: #FFFFFF; }

.detail_content .strick_info .strick_list { margin-top: 14px; font-size: 12px; color: #FFFFFF; }

.detail_content .strick_info .strick_list li { position: relative; margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; }

.detail_content .strick_info .strick_list li .full_name { display: none; position: absolute; bottom: 45px; right: 0; color: #E4E8EE; background-color: rgba(0, 0, 0, 0.7); padding: 8px; }

.detail_content .strick_info .strick_list li .strick_img { margin-right: 10px; width: 48px; height: 48px; background: #16202D; }

.detail_content .strick_info .strick_list li .strick_img img { width: 100%; height: 100%; object-fit: cover; }

.detail_content .strick_info .strick_list li > div:last-of-type { width: calc(100% - 58px); }

.detail_content .strick_info .strick_list li > div:last-of-type p { color: #FFFFFF; line-height: 16px; }

.detail_content .strick_info .strick_list li > div:last-of-type p:first-of-type { cursor: pointer; margin-bottom: 6px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; color: #B8B6B4; }

.detail_modal_shop { display: none; position: absolute; z-index: 99; overflow-y: auto; }

.detail_modal_list, .detail_modal_shop { scrollbar-gutter: stable; scrollbar-width: thin; }

.detail_modal_list::-webkit-scrollbar, .detail_modal_shop::-webkit-scrollbar { width: 4px; height: 0; background-color: #F5F5F5; }

.detail_modal_list::-webkit-scrollbar-thumb, .detail_modal_shop::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: #999; }

.detail_modal_list::-webkit-scrollbar-track, .detail_modal_shop::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); border-radius: 2px; background-color: #e5e5e5; }

.details .strick_info .strick_list { background-color: #171A21; }

.details .strick_info .strick_list li { background-color: #171A21 !important; margin-top: 0px !important; }

.details .strick_info .strick_list li .strick_img { text-align: center; }

.details .strick_info .strick_list li .strick_img img { max-width: 90%; max-height: 90%; vertical-align: baseline; }

.cart-add-tips .layui-layer-content { font-size: 14px; color: #C6D4DF; text-align: center; }

.cart-add-tips .layui-layer-content .icon-bind-success { margin-top: 40px; margin-bottom: 15px; display: inline-block; width: 80px; height: 80px; vertical-align: middle; background: url(../../images/bind_success.html) no-repeat; background-position: center; background-size: 100% 100%; }

.cart-add-tips .layui-layer-content .btn-thirty-green { height: 34px; line-height: 34px; width: 180px; font-size: 14px; margin-top: 44px; }

.cart-add-tips .layui-layer-content .btn-thirty-green:hover { color: #ffffff; background: #708e05; }
