@charset "UTF-8";
.select-group { margin-right: 10px; position: relative; display: inline-block; color: #fff; line-height: 30px; white-space: nowrap; }

.select-group .green { background-color: #4c6b22; }

.select-group .blue { background-color: #2c4f67; }

.select-group .normal { background: #171a21; border: 1px solid #2d3d50; }

.select-group .title { padding: 0 14px; display: block; cursor: pointer; }

.select-group .title img { margin-right: 4px; width: 16px; height: 16px; }

.select-group .title::after { content: ''; display: inline-block; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; margin-bottom: 3px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.select-group:hover .select-list { display: block; }

.select-group:hover .title::after { content: ''; display: inline-block; margin-left: 4px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #fff; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.select-group .select-list { display: none; position: absolute; top: 30px; left: 0; z-index: 9; min-width: calc(100% - 2px); color: #c6d4df; border: 1px solid #2d3d50; background-color: #171a21; }

.select-group .select-list .item { position: relative; border-bottom: 1px solid  #2d3d50; cursor: pointer; }

.select-group .select-list .item:last-child { border-bottom: none; }

.select-group .select-list .item a { padding: 0 14px; display: block; color: #c6d4df; }

.select-group .select-list .item:hover { background-color: #2d3d50; }

.select-group .select-list .item img { margin-right: 4px; width: 16px; height: 16px; }

.select-group .select-list .item.s::after { content: ''; display: inline-block; position: absolute; top: 11px; right: 13px; border-top: 4px solid transparent; border-left: 4px solid #c6d4df; border-bottom: 4px solid transparent; }

.select-group .select-list .item.s > a { padding-right: 23px; }

.select-group .select-list .item .select-list { display: none; position: absolute; top: 10px; left: 100%; max-height: 500px; overflow: auto; }

.select-group .select-list .item:hover > .select-list { display: block; }

.layer-strick_modal .layui-layer-title { background: #16202D; color: #fff; height: 48px; line-height: 48px; border-radius: 0; border-bottom-color: #2D3D50; }

.layer-strick_modal .layui-layer-ico { background: url("../../images/layer_close.png") no-repeat center center; background-size: contain; background-position: 0 0 !important; }

.layer-strick_modal .strick_modal_container { width: 760px; }

.layer-strick_modal .strick_modal_container .strick_modal_top { display: flex; justify-content: flex-start; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left { width: 160px; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_search { display: flex; padding: 8px 4px 4px; background: #1B2838; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_search .search_input { width: 120px; height: 34px; line-height: 34px; box-sizing: border-box; border: 1px solid #2D3D50; background: #171A21; padding: 0px 5px 0 10px; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_search .search_input input { width: 100%; font-size: 12px; color: #fff; background: transparent; border: none; outline: none; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_search .strick_modal_top_left_button { width: 34px; height: 34px; background: url("../../images/store/search_icon.png") center no-repeat; cursor: pointer; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item { width: 100%; height: 395px; overflow-y: auto; border-top: 1px solid #2D3D50; border-right: 1px solid #2D3D50; font-size: 14px; color: #C6D4DF; background: #1B2838; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item::-webkit-scrollbar { width: 4px; height: 0; background-color: #F5F5F5; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: #999; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); border-radius: 2px; background-color: #e5e5e5; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item li { height: 32px; line-height: 32px; padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #2D3D50; border-right: 1px solid #2D3D50; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item li.liactive { background: #2C4F67; color: #FFFFFF; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_left .strick_modal_top_left_item li:hover { background: #2C4F67; color: #FFFFFF; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right { width: calc(100% - 160px); height: 442px; padding: 0 14px; background: #1B2838; overflow-y: auto; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right::-webkit-scrollbar { width: 4px; height: 0; background-color: #F5F5F5; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right::-webkit-scrollbar-thumb { border-radius: 10px; -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); background-color: #999; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0); border-radius: 2px; background-color: #e5e5e5; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item { display: flex; box-sizing: border-box; padding: 14px; width: 100%; height: 76px; background: #1B2838; border: 1px solid #2D3D50; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item:first-of-type { border-top: none; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item:hover { background: #2D3D50; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_img { width: 48px; height: 48px; margin-right: 10px; overflow: hidden; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_img img { object-fit: cover; width: 100%; height: 100%; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_info { display: flex; flex-flow: column nowrap; justify-content: space-around; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_info div { font-size: 12px; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_info div.strick_item_info_name { height: 16px; color: #FFFFFF; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item .strick_item_info div:last-of-type { color: #E1C48A; }

.layer-strick_modal .strick_modal_container .strick_modal_top .strick_modal_top_right .strick_modal_top_right_item_empty { height: 100%; line-height: 442px; font-size: 20px; color: #FFFFFF; text-align: center; background: #1B2838; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom { padding: 0 20px 0 30px; height: 76px; background: #2D3D50; display: flex; justify-content: space-between; align-items: center; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left { width: 60%; display: flex; flex-flow: row nowrap; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left.active .strick_selected_item::before { display: inline-block; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item { position: relative; margin-right: 14px; display: flex; align-items: center; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item:nth-child(1)::before { content: '1'; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item:nth-child(2)::before { content: '2'; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item:nth-child(3)::before { content: '3'; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item:nth-child(4)::before { content: '4'; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item::before { display: none; content: ""; width: 18px; height: 18px; margin-right: 10px; text-align: center; font-size: 12px; font-weight: bold; line-height: 18px; color: #fff; border-radius: 5px; background: #626366; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item .close_icon { display: none; cursor: pointer; width: 12px; height: 12px; position: absolute; top: -6px; right: -6px; background: url("../../images/store/close_icon.png") no-repeat center; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item.selected .strick_item:hover .copy_strick { display: block; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item.selected .close_icon { display: block; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item .strick_item { cursor: pointer; width: 48px; height: 48px; text-align: center; line-height: 48px; background: #16202D; box-sizing: border-box; border: 1px solid #626366; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item .strick_item img { max-width: 80%; border: none; vertical-align: middle; object-fit: cover; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item .strick_item .copy_strick { position: absolute; right: 0; bottom: 0; width: 50px; background: #171A21; height: 18px; line-height: 17px; text-align: center; font-size: 12px; color: #FFFFFF; cursor: pointer; display: none; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_left .strick_selected_item .strick_item .copy_strick i { display: inline-block; vertical-align: middle; width: 16px; height: 16px; background: url("../../images/store/copy_icon.png") no-repeat; background-size: cover; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right { display: flex; flex-flow: row nowrap; align-items: center; cursor: pointer; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_position { width: 65px; height: 16px; line-height: 16px; display: flex; align-items: center; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_position.active div i { display: block; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_position div { width: 12px; height: 12px; border-radius: 2px; background: #DEDEDE; box-sizing: border-box; border: 1px solid #AAAAAA; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_position div i { display: none; width: 100%; height: 100%; background-image: url("../../images/store/checked.png"); background-repeat: no-repeat; background-position: center center; background-size: cover; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_position span { margin-left: 5px; font-size: 12px; color: #FFFFFF; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_button { width: 80px; height: 40px; line-height: 40px; text-align: center; background: #2C4F67; font-size: 14px; color: #FFFFFF; cursor: pointer; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_button.reset { margin: 0 15px; }

.layer-strick_modal .strick_modal_container .strick_modal_bottom .strick_modal_bottom_right .strick_button.confirm { background: #4C6B22; }

.price-color { color: #e1c48a !important; }

.btn-span i.btn-unable:hover { color: #626366; background-color: #333333; }

.crumb { margin-left: 0; font-size: 12px; }

.crumb a { color: #c6d4df; }

.float-left { float: left; }

.float-right { float: right; }

.text-center { text-align: center; }

.text-left { text-align: left; }

.text-right { text-align: right; }

.text-right .layui-laypage { text-align: center; }

.center-block { margin: 0 auto; }

.img-circle { border-radius: 50%; }

.icon-normalC { margin-right: 4px; }

table, thead, tbody, tfoot, tr { box-sizing: border-box; display: block; width: 100%; }

.icon-errorC1, .icon-successS, input { vertical-align: middle; }

.icon-successS { margin-right: 4px; }

.icon-diamond { display: inline-block; vertical-align: middle; width: 20px; height: 25px; background-image: url("../../images/diamond.html"); background-position: center; background-repeat: no-repeat; }

.icon-3d { display: inline-block; width: 12px; height: 13px; background: url(../../images/3d.png) no-repeat; background-position: center; background-repeat: no-repeat; margin-right: 4px; margin-top: -2px; }

.icon-xiaoren { display: inline-block; width: 11px; height: 14px; vertical-align: middle; background: url(../../images/xiaoren.html) no-repeat; background-position: center; background-repeat: no-repeat; margin-right: 3px; margin-top: -2px; }

.x-btn { display: inline-block; border-radius: 15px; line-height: 16px; border: 1px solid #2D3D50; padding: 3px 8px; margin-top: 11px; color: #9FB0BB; }

.x-btn i { vertical-align: bottom !important; }

.x-btn:first-child { margin-right: 15px; }

.x-btn:hover { color: #C5D3DF; }

.icon-cart-add { display: inline-block; width: 18px; height: 18px; vertical-align: middle; background: url(../../images/cart_add.html) no-repeat; background-position: center; background-size: 100% 100%; }

.icon-bind-success { 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%; }

.popup-common .layer-error-wrap .icon-errorC1 { margin-right: 4px; }

.popup-common .layui-layer-btn .layui-layer-btn1 { background-color: #2c4f67; border: none; }

.img-wrap { display: inline-block; cursor: pointer; }

.img-wrap .details-wrap { display: none; position: absolute; z-index: 3; width: auto; height: auto; background-color: #1d1d1d; border: 1px solid #333; }

.number-add span { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; }

.main-content { position: relative; margin: 0 auto; width: 1200px; clear: both; }

.main-content [class^="icon-"] { display: inline-block; vertical-align: middle; }

.main-content .icon-interest, .main-content .icon-interest-grey { display: inline-block; vertical-align: middle; }

.goodsdetail-wrap { position: relative; min-height: 260px; }

.goodsdetail-wrap::after { content: ""; display: block; clear: both; }

.goodsdetail-wrap .intraplate { margin: 0 20px 0 0; float: left; height: 100%; }

.goodsdetail-wrap .intraplate:last-child { margin-right: 0; }

.goodsdetail-wrap .goodsimg-wrap { position: relative; width: 390px; height: 260px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); }

.goodsdetail-wrap .goodsimg-wrap > img { width: 100%; height: 100%; object-fit: contain; }

.goodsdetail-wrap .goodsimg-wrap .lookup { display: none; position: absolute; top: 0; right: 0; padding: 0 14px; height: 30px; line-height: 30px; font-size: 12px; color: #66c0f4; background-color: #2d3d50; cursor: pointer; white-space: nowrap; border-bottom-left-radius: 6px; }

.goodsdetail-wrap .goodsimg-wrap .lookup::after { display: inline-block; content: ''; border-color: #66c0f4 transparent  transparent  transparent; border-style: solid; border-width: 4px 4px 4px 4px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap { box-sizing: border-box; position: absolute; top: 0; left: 390px; z-index: 99; padding: 20px; width: 812px; height: auto; color: #c6d4df; background-color: #1d1d1d; border: solid 1px #333333; cursor: default; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .float-right { width: 530px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .title { clear: both; font-size: 14px; margin-bottom: 14px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .compriseimg-wrap { margin: 34px 20px 0 0; text-align: center; width: 220px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .compriseimg-wrap img { width: 100%; height: 147px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .compriseimg-wrap p { margin-top: 14px; font-size: 14px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont { overflow: hidden; text-align: center; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont li { box-sizing: border-box; position: relative; margin: 0 10px 10px 0; float: left; width: 80px; height: 80px; line-height: 80px; border: solid 1px #626366; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont li:nth-child(6n) { margin-right: 0; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont li img { width: 52px; height: 52px; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont li .badge { position: absolute; display: block; top: 0; left: 0; border-bottom: 15px solid #1d1d1d; border-left: 15px solid transparent; }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .shoplist-cont li .price { display: block; position: absolute; right: 0; bottom: 0; width: 60px; height: 20px; line-height: 20px; color: #e1c48a; background-color: rgba(0, 0, 0, 0.5); }

.goodsdetail-wrap .goodsimg-wrap .comprise-goods-wrap .layui-laypage { float: right; margin: 4px 0 20px; }

.goodsdetail-wrap .goodsimg-wrap .detailbox { position: relative; }

.goodsdetail-wrap .goodsinfo-wrap { width: 790px; color: #b8b6b4; }

.goodsdetail-wrap .goodsinfo-wrap .title-wrap { overflow: hidden; margin-bottom: 12px; }

.goodsdetail-wrap .goodsinfo-wrap .title-wrap .tradeType { margin-left: 6px; vertical-align: middle; display: inline-block; }

.goodsdetail-wrap .goodsinfo-wrap .title-wrap .goods-name { font-size: 18px; font-weight: bold; color: #fff; }

.goodsdetail-wrap .goodsinfo-wrap .title-wrap .czs-angle-right-l { font-size: 10px; }

.goodsdetail-wrap .goodsinfo-wrap .game-name { margin-bottom: 14px; display: flex; align-items: center; color: #b8b6b4; }

.goodsdetail-wrap .goodsinfo-wrap .game-name img { vertical-align: middle; margin-right: 4px; width: 16px; height: 16px; }

.goodsdetail-wrap .goodsinfo-wrap .game-name .comtext { font-size: 16px; vertical-align: middle; }

.goodsdetail-wrap .goodsinfo-wrap .game-name .keychains_tip { margin-left: 15px; display: flex; align-items: center; }

.goodsdetail-wrap .goodsinfo-wrap .game-name .keychains_tip img { width: 16px; height: 16px; }

.goodsdetail-wrap .goodsinfo-wrap .game-name .keychains_tip p { font-size: 13px; color: #E1C48A; margin-left: 4px; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap { box-sizing: border-box; padding: 0 20px; height: 70px; line-height: 70px; background-color: #1f2d3f; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap > div { height: 100%; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .start-price { width: 253px; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .start-price > .price { font-size: 24px; color: #e1c48a; font-weight: bold; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .market-price { margin: 0 auto; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .market-price > .price { font-size: 24px; color: #e1c48a; font-weight: bold; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .market-price > .price > span:last-child { color: #C6D4DF; font-size: 18px; vertical-align: top; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .market-price > .dollar { font-size: 18px; font-weight: bold; color: #C6D4DF; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .amount-wrap { padding: 20px 0; box-sizing: border-box; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .amount-wrap dl { margin-right: 15px; line-height: 15px; height: 30px; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .amount-wrap dl:last-child { margin: 0 0 0 15px; position: relative; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .amount-wrap dl:last-child::before { content: ""; position: absolute; top: 0; bottom: 0; left: -15px; margin: auto; width: 1px; height: 30px; background-color: #2d3d50; }

.goodsdetail-wrap .goodsinfo-wrap .priceinfo-wrap .amount-wrap dl > dd { font-size: 14px; color: #c6d4df; margin-bottom: 8px; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap { margin: 20px 0; clear: both; color: #626366; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap img { width: 22px; height: 22px; vertical-align: middle; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap span { margin-right: 30px; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap sup { line-height: 1; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap .text-white { color: #fff; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap .text-green { color: #a4d007; }

.goodsdetail-wrap .goodsinfo-wrap .goodsattr-wrap .text-graygreen { color: #4c6b22; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap > a { margin-right: 10px; vertical-align: middle; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .btn-forty-green { width: 140px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .long-btn { width: auto; padding: 0 10px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .btn-unable { border: none; color: #626366; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .long-btn-single { width: 170px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .czs-star-l-wrap { vertical-align: middle; margin-left: 20px; cursor: pointer; font-size: 14px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .czs-star-l-wrap .czs-star-l, .goodsdetail-wrap .goodsinfo-wrap .btn-wrap .czs-star-l-wrap .czs-star { display: inline-block; width: 16px; height: 16px; line-height: 16px; color: #e1c48a; text-align: center; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .czs-star-l-wrap.singlegoods { margin: 0; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing { line-height: 40px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing [class^="czs-"], .goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing [class*=" czs-"] { line-height: 40px !important; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing [class^="czs-"]:hover, .goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing [class*=" czs-"]:hover { color: #fff; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing span { margin-left: 10px; cursor: pointer; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .sharing span:first-child { margin-left: 4px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .addshop-wrap { margin-right: 10px; vertical-align: middle; height: 40px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .addshop-wrap > a, .goodsdetail-wrap .goodsinfo-wrap .btn-wrap .addshop-wrap i { height: 100%; line-height: 40px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .addshop-wrap > a { font-size: 14px; width: 140px; }

.goodsdetail-wrap .goodsinfo-wrap .btn-wrap .addshop-wrap > i { box-sizing: border-box; width: 40px; height: 40px; }

.goodsdetail-wrap .whychoose-wrap { width: 170px; }

.goodsdetail-wrap .whychoose-wrap dl { height: 100%; font-size: 14px; }

.goodsdetail-wrap .whychoose-wrap dl dt { margin-bottom: 1px; height: 40px; line-height: 40px; color: #fff; background-color: #16202d; }

.goodsdetail-wrap .whychoose-wrap dl > div { box-sizing: border-box; padding: 20px 0; height: 216px; background-color: #16202d; }

.goodsdetail-wrap .whychoose-wrap dl dd { margin-bottom: 30px; color: #b8b6b4; }

.goodsdetail-wrap .whychoose-wrap dl dd:last-child { margin-bottom: 0; }

.goodsdetail-wrap .whychoose-wrap dl dd span { vertical-align: top; }

.goodsdetail-wrap .whychoose-wrap dl dd span[class^="czs-"] { display: inline-block; margin-right: 4px; width: 22px; height: 22px; text-align: center; font-size: 22px; line-height: 20px; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap dd { margin-bottom: 0; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .portrait-wrap { margin-bottom: 14px; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .portrait-wrap img { width: 70px; height: 70px; border-radius: 50%; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .name-wrap { color: #c6d4df; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .name-wrap [class^="icon-"] { display: inline-block; vertical-align: middle; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .shopinfo-wrap { overflow: hidden; margin-top: 26px; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .shopinfo-wrap > dl { position: relative; float: left; width: 50%; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .shopinfo-wrap > dl::before { position: absolute; content: ''; width: 1px; height: 40px; top: 0; bottom: 0; right: -1px; margin: auto; background-color: #2d3d50; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .shopinfo-wrap > dl > dt { margin-bottom: 18px; font-size: 12px; color: #b8b6b4; height: auto; line-height: 1; }

.goodsdetail-wrap .whychoose-wrap dl.sellerinfo-wrap .shopinfo-wrap > dl > dd { font-size: 14px; color: #c6d4df; }

.layui-tab { margin: 18px 0 10px 0; }

.layui-tab-title { height: 50px; line-height: 50px; border-color: #1f2c3a; background-color: #16202d; }

.layui-tab-title li { padding: 0 20px; height: 50px; float: left; line-height: inherit; font-size: 16px; color: #c6d4df; }

.layui-tab-title li > a { color: #c6d4df; }

.layui-tab-title li > a:hover { color: #c6d4df; }

.layui-tab-title .layui-this { color: #fff; background-color: #4c6b22; }

.layui-tab-title .layui-this::after { display: none; }

.layui-tab-title .showis-wrap { margin-right: 14px; height: 100%; font-size: 12px; color: #b8b6b4; }

.layui-tab-title .showis-wrap label { margin-left: 14px; color: #c6d4df; }

.layui-tab-title .showis-wrap label input { margin-right: 4px; }

.layui-tab-content { padding: 0; }

.layui-tab-content .btn-unable { border-color: transparent !important; color: #626366 !important; }

.layui-tab-content tbody tr { box-sizing: border-box; margin-bottom: 1px; padding: 0 14px; background-color: #16202d; }

.layui-tab-content tbody td .img-wrap { position: relative; padding: 14px 0; }

.layui-tab-content tbody td .img-wrap .WearRate { color: #ffffff; }

.layui-tab-content tbody td .goodsimg { width: 88px; height: 66px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); margin-right: 15px; display: inline-block; vertical-align: top; position: relative; }

.layui-tab-content tbody td .goodsimg img { width: 100%; height: 100%; object-fit: contain; }

.layui-tab-content tbody td img:nth-child(2) { vertical-align: text-bottom; }

.layui-tab-content tbody td img.userimg { width: 30px; height: 30px; border-radius: 50px; object-fit: cover; }

.layui-tab-content tbody td span { color: #fff; }

.layui-tab-content tbody td .goodsname { display: inline-block; vertical-align: middle; font-size: 0; width: 241px; }

.layui-tab-content tbody td .goodsname p { color: #C5D3DF; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.layui-tab-content tbody td .goodsname > span { border: 1px solid #2D3D50; display: inline-block; padding: 4px 8px; color: #B8B6B4; font-size: 12px; border-radius: 2px; margin-top: 6px; margin-right: 6px; }

.layui-tab-content tbody td .goodsname a { font-size: 12px; float: left; margin-right: 6px; }

.layui-tab-content tbody td .goodsname .style-icon { font-size: 12px; color: #C6D4DF; padding: 4px 8px; background-color: #2D3D50; display: inline-block; border-radius: 47px; border: 0; }

.layui-tab-content tbody td .goodsname .blue { color: #ffffff; background-color: #316ECA; }

.layui-tab-content tbody td .goodsname .green { color: #ffffff; background-color: #3B9F52; }

.layui-tab-content tbody td .goodsname .red { color: #ffffff; background-color: #BA5143; }

.layui-tab-content tbody td .goodsname .block { color: #ffffff; background: linear-gradient(142deg, #5B617B 15%, #2F3043 47%, #28293A 69%, #242B35 83%); }

.layui-tab-content tbody td .username { margin: 0 10px; color: #c6d4df; }

.layui-tab-content tbody td .scale { margin: 0; padding: .78px 3.01px; width: 30px; height: 18px; color: #a4d007; background: #4c6b22; }

.layui-tab-content tbody td .price { color: #E1C48A; font-size: 14px; }

.layui-tab-content tbody td .price .day_unit_color { color: #E1C48A; }

.layui-tab-content tbody td .btn-span { line-height: 1; vertical-align: middle; }

.layui-tab-content .layui-tab-item thead { width: 100%; height: 40px; line-height: 40px; border-bottom: 1px solid #2d3d50; background: -webkit-linear-gradient(#16202d, #1b2838); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#16202d, #1b2838); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#16202d, #1b2838); /* Firefox 3.6 - 15 */ background: linear-gradient(#16202d, #1b2838); /* 标准的语法 */ }

.layui-tab-content .layui-tab-item thead tr { padding: 0 14px; }

.layui-tab-content .layui-tab-item thead tr th { color: #fff; font-size: 14px; font-weight: normal; }

.layui-tab-content .layui-tab-item thead tr th:first-child { text-align: left; }

.layui-tab-content .layui-tab-item.sale thead th, .layui-tab-content .layui-tab-item.sale tbody tr td { width: 200px; }

.layui-tab-content .layui-tab-item.sale thead th:first-child, .layui-tab-content .layui-tab-item.sale tbody tr td:first-child { width: 348px; }

.layui-tab-content .layui-tab-item.sale thead th:first-child .img-wrap, .layui-tab-content .layui-tab-item.sale tbody tr td:first-child .img-wrap { width: 348px; }

.layui-tab-content .layui-tab-item.sale thead th:first-child .img-wrap .style-icon, .layui-tab-content .layui-tab-item.sale tbody tr td:first-child .img-wrap .style-icon { margin-top: 11px; margin-right: 0; }

.layui-tab-content .layui-tab-item.sale thead th:nth-child(2), .layui-tab-content .layui-tab-item.sale tbody tr td:nth-child(2) { width: 210px; }

.layui-tab-content .layui-tab-item.sale thead th:nth-child(3), .layui-tab-content .layui-tab-item.sale tbody tr td:nth-child(3) { width: 200px; }

.layui-tab-content .layui-tab-item.sale thead th:nth-child(3) .username, .layui-tab-content .layui-tab-item.sale tbody tr td:nth-child(3) .username { max-width: 115px; }

.layui-tab-content .layui-tab-item.sale thead th:nth-child(4), .layui-tab-content .layui-tab-item.sale tbody tr td:nth-child(4) { width: 158px; }

.layui-tab-content .layui-tab-item.sale thead th:last-child, .layui-tab-content .layui-tab-item.sale tbody tr td:last-child { width: 250px; }

.layui-tab-content .layui-tab-item.sale thead th .username, .layui-tab-content .layui-tab-item.sale tbody tr td .username { display: inline-block; max-width: 126px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }

.layui-tab-content .layui-tab-item.sale thead th .cart-add, .layui-tab-content .layui-tab-item.sale tbody tr td .cart-add { width: 86px; margin-right: 6px; vertical-align: middle; }

.layui-tab-content .layui-tab-item.sale thead th .cart-add i, .layui-tab-content .layui-tab-item.sale tbody tr td .cart-add i { margin-right: 6px; }

.layui-tab-content .layui-tab-item.sale thead th .btn-thirty-gray, .layui-tab-content .layui-tab-item.sale tbody tr td .btn-thirty-gray { pointer-events: none; }

.layui-tab-content .layui-tab-item.sale .else-btn { width: 28px; display: inline-block; vertical-align: middle; margin-left: 6px; }

.layui-tab-content .layui-tab-item.sale .else-btn a { margin-left: 0 !important; white-space: nowrap; display: inline-block; }

.layui-tab-content .layui-tab-item.sale .else-btn a:nth-child(2) { margin-top: 10px; }

.layui-tab-content .layui-tab-item.sale thead th, .layui-tab-content .layui-tab-item.sale tbody tr td, .layui-tab-content .layui-tab-item.rent thead th, .layui-tab-content .layui-tab-item.rent tbody tr td { text-align: left; }

.layui-tab-content .layui-tab-item.sale .tbody tr td:first-child .goodsname .style-icon, .layui-tab-content .layui-tab-item.rent .tbody tr td:first-child .goodsname .style-icon { margin-top: 11px; margin-right: 0px; }

.layui-tab-content .layui-tab-item.sale tbody tr td:last-child, .layui-tab-content .layui-tab-item.rent tbody tr td:last-child { box-sizing: border-box; }

.layui-tab-content .layui-tab-item.sale tbody tr td:last-child .btn-thirty-green, .layui-tab-content .layui-tab-item.rent tbody tr td:last-child .btn-thirty-green { width: 80px; font-size: 14px; margin-right: 12px; }

.layui-tab-content .layui-tab-item.sale tbody tr td:last-child .btn-text-gray, .layui-tab-content .layui-tab-item.rent tbody tr td:last-child .btn-text-gray { font-size: 14px; margin-left: 10px; vertical-align: text-top; }

.layui-tab-content .layui-tab-item.rent thead th, .layui-tab-content .layui-tab-item.rent tbody tr td { width: 200px; }

.layui-tab-content .layui-tab-item.rent thead th:first-child, .layui-tab-content .layui-tab-item.rent tbody tr td:first-child { width: 348px; }

.layui-tab-content .layui-tab-item.rent thead th:first-child .img-wrap, .layui-tab-content .layui-tab-item.rent tbody tr td:first-child .img-wrap { width: 348px; }

.layui-tab-content .layui-tab-item.rent thead th:first-child .style-icon, .layui-tab-content .layui-tab-item.rent tbody tr td:first-child .style-icon { margin-top: 11px; margin-right: 0; }

.layui-tab-content .layui-tab-item.rent thead th:nth-child(2), .layui-tab-content .layui-tab-item.rent tbody tr td:nth-child(2) { width: 210px; }

.layui-tab-content .layui-tab-item.rent thead th:nth-child(3), .layui-tab-content .layui-tab-item.rent tbody tr td:nth-child(3) { width: 214px; }

.layui-tab-content .layui-tab-item.rent thead th:nth-child(4), .layui-tab-content .layui-tab-item.rent tbody tr td:nth-child(4) { width: 140px; }

.layui-tab-content .layui-tab-item.rent thead th:nth-child(5), .layui-tab-content .layui-tab-item.rent tbody tr td:nth-child(5) { width: 140px; }

.layui-tab-content .layui-tab-item.rent thead th:nth-child(6), .layui-tab-content .layui-tab-item.rent tbody tr td:nth-child(6) { width: 120px; }

.layui-tab-content .layui-tab-item.sale tbody tr td:last-child { text-align: left; box-sizing: border-box; }

.layui-tab-content .layui-tab-item.buy tbody tr td:last-child .btn-thirty-blue { width: 77px; }

.layui-tab-content .layui-tab-item.buy thead th, .layui-tab-content .layui-tab-item.buy tbody td { width: 200px; text-align: left; }

.layui-tab-content .layui-tab-item.buy thead th .btn-text-gray, .layui-tab-content .layui-tab-item.buy tbody td .btn-text-gray { font-size: 14px; margin-left: 15px; vertical-align: text-top; }

.layui-tab-content .layui-tab-item.buy thead th:first-child, .layui-tab-content .layui-tab-item.buy tbody td:first-child { width: 420px; }

.layui-tab-content .layui-tab-item.buy thead th:first-child .img-wrap, .layui-tab-content .layui-tab-item.buy tbody td:first-child .img-wrap { width: 420px; }

.layui-tab-content .layui-tab-item.buy thead th:first-child .img-wrap .goodsname, .layui-tab-content .layui-tab-item.buy tbody td:first-child .img-wrap .goodsname { width: 293px; }

.layui-tab-content .layui-tab-item.buy thead th:nth-child(2), .layui-tab-content .layui-tab-item.buy tbody td:nth-child(2) { width: 252px; }

.layui-tab-content .layui-tab-item.buy thead th:nth-child(3), .layui-tab-content .layui-tab-item.buy tbody td:nth-child(3) { width: 160px; }

.layui-tab-content .layui-tab-item.buy thead th:nth-child(4), .layui-tab-content .layui-tab-item.buy tbody td:nth-child(4) { width: 160px; }

.layui-tab-content .layui-tab-item.buy thead th:nth-child(5), .layui-tab-content .layui-tab-item.buy tbody td:nth-child(5) { width: 180px; }

.layui-tab-content .layui-tab-item.bargain thead th, .layui-tab-content .layui-tab-item.bargain tbody tr td { width: 252px; }

.layui-tab-content .layui-tab-item.bargain thead th:first-child, .layui-tab-content .layui-tab-item.bargain tbody tr td:first-child { width: 520px; }

.layui-tab-content .layui-tab-item.bargain thead th:nth-child(2), .layui-tab-content .layui-tab-item.bargain tbody tr td:nth-child(2) { width: 400px; }

.layui-tab-content .layui-tab-item.bargain thead th:last-child, .layui-tab-content .layui-tab-item.bargain tbody tr td:last-child { text-align: center; }

.layui-tab-content .layui-tab-item.bargain .img-wrap { width: 520px; }

.layui-tab-content .layui-tab-item.bargain .img-wrap .goodsname { margin-top: 24px; width: 413px; }

.layui-tab-content .layui-tab-item.price-curve-wrap { background-color: #18202C; padding-top: 20px; position: relative; }

.layui-tab-content .layui-tab-item.price-curve-wrap .switch-Curve { position: absolute; top: 0; left: 0px; font-size: 0; overflow: hidden; border-radius: 5px; top: 17px; }

.layui-tab-content .layui-tab-item.price-curve-wrap .switch-Curve a { display: inline-block; font-size: 14px; width: 67px; height: 28px; text-align: center; line-height: 28px; background-color: #2D3D50; }

.layui-tab-content .layui-tab-item.price-curve-wrap .switch-Curve a:hover { color: #ffffff; }

.layui-tab-content .layui-tab-item.price-curve-wrap .switch-Curve p { color: #ffffff; font-size: 14px; }

.layui-tab-content .layui-tab-item.price-curve-wrap .switch-Curve .active { background-color: #2C4F67; }

.layui-tab-content .layui-tab-item.price-curve-wrap .time-filter { position: absolute; right: -15px; font-size: 0; top: 17px; }

.layui-tab-content .layui-tab-item.price-curve-wrap .time-filter .fi-hidden ul li { font-size: 12px; }

.layui-tab-content .layui-tab-item .btn-thirty-green { width: 80px; font-size: 14px; }

.layui-tab-content .layui-tab-item.presale thead th, .layui-tab-content .layui-tab-item.presale tbody tr td { text-align: left; }

.layui-tab-content .layui-tab-item.presale thead th:first-child, .layui-tab-content .layui-tab-item.presale tbody tr td:first-child { width: 348px; }

.layui-tab-content .layui-tab-item.presale thead th .img-wrap, .layui-tab-content .layui-tab-item.presale tbody tr td .img-wrap { width: 348px; }

.layui-tab-content .layui-tab-item.presale thead th:nth-child(2), .layui-tab-content .layui-tab-item.presale tbody tr td:nth-child(2) { width: 257px; }

.layui-tab-content .layui-tab-item.presale thead th:nth-child(3), .layui-tab-content .layui-tab-item.presale tbody tr td:nth-child(3) { width: 240px; }

.layui-tab-content .layui-tab-item.presale thead th:nth-child(4), .layui-tab-content .layui-tab-item.presale tbody tr td:nth-child(4) { width: 200px; }

.layui-tab-content .layui-tab-item.presale thead th:nth-child(4) p span, .layui-tab-content .layui-tab-item.presale tbody tr td:nth-child(4) p span { color: #c6d4df; }

.layui-tab-content .layui-tab-item.presale thead th:last-child, .layui-tab-content .layui-tab-item.presale tbody tr td:last-child { width: 127px; }

.layui-tab-content .layui-tab-item.presale thead th:last-child .btn-span, .layui-tab-content .layui-tab-item.presale tbody tr td:last-child .btn-span { margin-right: 14px; }

.layui-tab-content .layui-tab-item.presale thead th .font12, .layui-tab-content .layui-tab-item.presale tbody tr td .font12 { font-size: 12px; }

.layui-tab-content .layui-tab-item.presale thead th .username, .layui-tab-content .layui-tab-item.presale tbody tr td .username { display: inline-block; max-width: 126px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }

.layui-tab-content tbody tr { box-sizing: border-box; margin-bottom: 1px; padding: 0 14px; background-color: #16202d; }

.layui-tab-content tbody td .img-wrap { position: relative; width: 320px; padding: 14px 0; }

.layui-tab-content tbody td .img-wrap .WearRate { color: #ffffff; }

.layui-tab-content tbody td .goodsimg { width: 88px; height: 66px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); margin-right: 15px; display: inline-block; vertical-align: top; position: relative; }

.layui-tab-content tbody td .goodsimg img { width: 100%; height: 100%; object-fit: cover; }

.layui-tab-content tbody td .goodsimg .sku-2d { padding: 0 5px; height: 20px; min-width: 34px; background: #1B2838; position: absolute; left: 3px; bottom: 3px; box-sizing: border-box; border: 1px solid #2D3D50; color: #9FB0BB; font-size: 12px; }

.layui-tab-content tbody td .goodsimg .sku-2d del { text-decoration: none; }

.layui-tab-content tbody td .goodsimg .sku-2d.sku-2d-add { display: flex; align-items: center; justify-content: center; }

.layui-tab-content tbody td .goodsimg .sku-2d.sku-2d-add i { display: inline-block; width: 15px; height: 15px; background: url("../../images/amplification.png") no-repeat center; background-size: 100%; }

.layui-tab-content tbody td .goodsimg .sku-2d-third-add { padding: 0 5px; height: 20px; min-width: 34px; background: #1B2838; position: absolute; left: 3px; bottom: 3px; box-sizing: border-box; border: 1px solid #2D3D50; color: #9FB0BB; font-size: 12px; display: flex; align-items: center; justify-content: center; }

.layui-tab-content tbody td .goodsimg .sku-2d-third-add i { display: inline-block; width: 15px; height: 15px; background: url("../../images/amplification.png") no-repeat center; background-size: 100%; }

.layui-tab-content tbody td img:nth-child(2) { vertical-align: text-bottom; }

.layui-tab-content tbody td img.userimg { width: 30px; height: 30px; border-radius: 50px; }

.layui-tab-content tbody td span { color: #fff; }

.layui-tab-content tbody td .goodsname { display: inline-block; vertical-align: middle; font-size: 14px; }

.layui-tab-content tbody td .goodsname p { color: #C5D3DF; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.layui-tab-content tbody td .goodsname > span { border: 1px solid #2D3D50; display: inline-block; padding: 4px 8px; color: #B8B6B4; font-size: 12px; border-radius: 2px; margin-top: 6px; margin-right: 10px; }

.layui-tab-content tbody td .goodsname a { font-size: 12px; float: left; }

.layui-tab-content tbody td .username { margin: 0 5px 0 10px; color: #c6d4df; }

.layui-tab-content tbody td .scale { margin: 0; padding: .78px 3.01px; width: 30px; height: 18px; color: #a4d007; background: #4c6b22; }

.layui-tab-content tbody td .price { color: #E1C48A; font-size: 14px; }

.layui-tab-content tbody td .price .day_unit_color { color: #E1C48A; }

.layui-tab-content tbody td .btn-span { line-height: 1; vertical-align: middle; }

.layui-tab-content tfoot { margin: 10px 0 50px 0; }

.layui-tab-content tfoot td { display: block; }

.layui-layer-sharing { color: #b7b6b4; border: 1px solid #2c3d4f; }

.layui-layer-sharing .layui-layer-title { padding-right: 33px; color: #b7b6b4; text-align: right; border: none; background-color: #171a21; }

.layui-layer-sharing .layui-layer-title .ddclose { margin: 0 -10px 0 0; }

.layui-layer-sharing .layui-layer-content { background-color: #171a21; }

.layui-layer-sharing .layui-layer-content canvas { position: absolute; top: -40px; bottom: 0; left: 0; right: 0; margin: auto; }

.layui-layer-sharing .layui-layer-setwin a { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.layui-layer-sharing .layui-layer-setwin a::before { content: "\e942"; font-family: 'strawberryicon' !important; position: absolute; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #b7b6b4; }

.layui-layer-sharing .layui-layer-setwin a:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.layui-layer-DDdefined .layui-layer-title { height: 50px; color: #fff; background-color: #16202d; border: solid 1px #1b2838; }

.layui-layer-DDdefined .layui-layer-content { overflow: visible !important; height: auto !important; background-color: #1b2838; }

.layui-layer-DDdefined .layui-layer-close { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

.layui-layer-DDdefined .layui-layer-close::before { content: "\e942"; font-family: 'strawberryicon' !important; position: absolute; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 14px; color: #c6d4df; }

.layui-layer-DDdefined .layui-layer-close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.layer-DDdefined-cont { padding: 14px; color: #b8b6b4; }

.layer-DDdefined-cont .price { color: #e1c48a; font-size: 14px; }

.layer-DDdefined-cont .gray { font-size: 14px; color: #c6d4df; }

.layer-DDdefined-cont .form-inp { width: 200px; margin-right: 10px; }

.layer-DDdefined-cont .btn-wrap { width: 200px; }

.layer-DDdefined-cont .btn-wrap .btn { width: 100%; }

.layer-DDdefined-cont .title { margin: 10px 0; height: 50px; line-height: 50px; color: #fff; font-size: 14px; background-color: #171a21; }

.layer-DDdefined-cont .title > li { float: left; margin-left: 14px; width: 169px; }

.layer-DDdefined-cont .title > li:first-child { width: 170px; overflow: hidden; height: 50px; }

.layer-DDdefined-cont .title .title-item-wrap { font-size: 12px; color: #b8b6b4; }

.layer-DDdefined-cont .title .select-group { margin-left: 10px; text-align: center; }

.layer-DDdefined-cont .title .select-group .title { margin: 0; background-color: #4c6b22; }

.layer-DDdefined-cont .layui-tab .layui-tab-title { background-color: #1b2838; border-bottom: 2px solid #2f3d51; }

.layer-DDdefined-cont .layui-tab .layui-tab-title li { font-size: 14px; }

.layer-DDdefined-cont .layui-tab .layui-tab-title .layui-this { background-color: #2f3d51; }

.layer-DDdefined-cont .main-cont { margin: 14px 0; }

.layer-DDdefined-cont .main-cont:after { content: ""; display: block; clear: both; }

.layer-DDdefined-cont .main-cont .text-wrap { line-height: 2em; }

.layer-DDdefined-cont .main-cont .goodsimg { width: 200px; }

.layer-DDdefined-cont .main-cont .goodsimg img { width: 100%; height: 133.333px; max-height: 134px; object-fit: contain; }

.layer-DDdefined-cont .main-cont .forms { width: 360px; }

.layer-DDdefined-cont .main-cont .forms .input-name { display: inline-block; margin-right: 10px; font-size: 12px; width: 60px; }

.layer-DDdefined-cont .main-cont .forms .search-btn { width: 60px; vertical-align: middle; }

.layer-DDdefined-cont .main-cont .forms input { vertical-align: middle; }

.layer-DDdefined-cont .main-cont .forms li { line-height: 48px; }

.layer-DDdefined-cont .main-cont .forms label { margin-left: 14px; }

.layer-DDdefined-cont .main-cont .details, .layer-DDdefined-cont .main-cont .details .detailbox { position: relative; z-index: 1; }

.layer-DDdefined-cont .search-info { overflow: hidden; margin: 14px 0; height: 40px; line-height: 40px; }

.layer-DDdefined-cont .search-info > li { display: table-cell; }

.layer-DDdefined-cont .search-info .shopinfo { padding-left: 14px; width: 363px; height: 38px; color: #b8b6b4; border: 1px solid #2d3d50; border-right: none; }

.layer-DDdefined-cont .search-info .shopinfo .noinfo { color: #c6d4df; }

.layer-DDdefined-cont .search-info .shopinfo .shopnum { margin-right: 36px; }

.layer-DDdefined-cont .search-info .shopinfo .shopnum .num { font-size: 14px; }

.layer-DDdefined-cont .info-text { font-size: 12px; color: #e1c48a; }

.layer-DDdefined-cont.post-buy .form-inp { width: 248px; }

.layer-DDdefined-cont.post-buy .submit-info-wrap { overflow: hidden; margin: 14px 0; line-height: 40px; }

.layer-DDdefined-cont.post-buy .submit-info-wrap .float-left { width: 126px; }

.layer-DDdefined-cont.post-buy .submit-info-wrap .float-left.one { width: auto; }

.layer-DDdefined-cont.post-buy .submit-info-wrap .float-left.one input[type="password"] { width: 260px; height: 38px; }

.layer-DDdefined-cont.sale-goods { box-sizing: border-box; width: 590px; }

.layer-DDdefined-cont.sale-goods .title { height: 34px; line-height: 34px; background: none; }

.layer-DDdefined-cont.sale-goods .title .layui-laypage { margin: 0; }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap { position: relative; margin-right: 14px; float: left; width: 130px; height: 86px; cursor: pointer; }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap:last-child { margin-right: 0; }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap img { width: 100%; height: 100%; }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap.selected { position: relative; }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap.selected::after { content: ''; display: block; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(44, 79, 103, 0.5); border: solid 1px rgba(59, 110, 140, 0.5); }

.layer-DDdefined-cont.sale-goods .main-cont .goodslist-imgs .img-wrap.selected::before { content: '✔'; display: block; position: absolute; z-index: 2; top: 1px; left: 1px; width: 24px; height: 24px; line-height: 24px; text-align: center; color: #fff; font-weight: lighter; background-color: #4c6b22; }

.layer-DDdefined-cont.sale-goods .main-cont .infotext-wrap { overflow: hidden; margin-top: 14px; font-size: 14px; background-color: #171a21; }

.layer-DDdefined-cont.sale-goods .main-cont .infotext-wrap .num { color: #66c0f4; }

.layer-DDdefined-cont.sale-goods .main-cont .infotext-wrap dl { position: relative; float: left; width: 112px; height: 65px; line-height: 32.5px; text-align: center; }

.layer-DDdefined-cont.sale-goods .main-cont .infotext-wrap dl::before { content: ''; display: block; position: absolute; margin: auto; top: 0; bottom: 0; right: -2px; width: 1px; height: 37px; background-color: #1b2838; }

.layer-DDdefined-cont.sale-goods .main-cont .infotext-wrap dl dd { color: #c6d4df; }

.layer-DDdefined-cont .submit-info-wrap .one input[type="password"] { width: 218px; height: 38px; }

.layer-DDdefined-cont.buy-now { font-size: 14px; }

.layer-DDdefined-cont.buy-now *[class^="icon-"] { display: inline-block; vertical-align: middle; margin-right: 4px; }

.layer-DDdefined-cont.buy-now .buy-now-title { text-align: center; background-color: #16202d; height: 40px; line-height: 40px; color: #fff; border-bottom: 1px solid #2d3d50; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:first-child { text-indent: 14px; }

.layer-DDdefined-cont.buy-now .buy-now-title > li, .layer-DDdefined-cont.buy-now .buy-now-cont > li { float: left; }

.layer-DDdefined-cont.buy-now .buy-now-title > li, .layer-DDdefined-cont.buy-now .buy-now-cont > li { margin-right: 6px; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:first-child, .layer-DDdefined-cont.buy-now .buy-now-cont > li:first-child { width: 250px; text-align: left; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:nth-child(2), .layer-DDdefined-cont.buy-now .buy-now-title > li:last-child, .layer-DDdefined-cont.buy-now .buy-now-cont > li:nth-child(2), .layer-DDdefined-cont.buy-now .buy-now-cont > li:last-child { width: 106px; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:nth-child(3), .layer-DDdefined-cont.buy-now .buy-now-cont > li:nth-child(3) { width: 102px; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:nth-child(4), .layer-DDdefined-cont.buy-now .buy-now-cont > li:nth-child(4) { width: 56px; }

.layer-DDdefined-cont.buy-now .buy-now-title > li:last-child, .layer-DDdefined-cont.buy-now .buy-now-cont > li:last-child { margin-right: 0; }

.layer-DDdefined-cont.buy-now .buy-now-cont { text-align: center; padding: 14px 0; background-color: #16202d; }

.layer-DDdefined-cont.buy-now .buy-now-cont li { float: left; }

.layer-DDdefined-cont.buy-now .buy-now-cont .goods-info dl dt { margin: 0 14px; width: 78px; height: 52px; float: left; }

.layer-DDdefined-cont.buy-now .buy-now-cont .goods-info dl dt img { width: 100%; height: 100%; }

.layer-DDdefined-cont.buy-now .buy-now-cont .goods-info dl dd p { color: #b8b6b4; }

.layer-DDdefined-cont.buy-now .buy-now-cont .goods-info dl dd p:first-child { margin-bottom: 10px; color: #fff; }

.layer-DDdefined-cont.buy-now .buy-now-cont .goods-info dl dd p:first-child .goods-name { width: 108px; text-indent: 0; display: inline-block; vertical-align: middle; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }

.layer-DDdefined-cont.buy-now .buy-now-cont .unitprice { color: #c6d4df; }

.layer-DDdefined-cont.buy-now .buy-now-cont .canbuy { color: #b8b6b4; }

.layer-DDdefined-cont.buy-now .buy-now-cont .canbuy .num { color: #fff; font-size: 12px; }

.layer-DDdefined-cont.buy-now .buy-now-foot { margin-top: 14px; line-height: 40px; }

.layer-DDdefined-cont.buy-now .buy-now-foot > li { float: left; }

.layer-DDdefined-cont.buy-now .buy-now-foot > li:first-child { width: 180px; }

.layer-DDdefined-cont.buy-now .buy-now-foot > li:last-child { float: right; }

.layer-DDdefined-cont.buy-now .buy-now-foot .btn-forty-green { width: 120px; }

.layer-DDdefined-cont.buy-now .buy-now-foot .form-inp { width: 168px; }

.layer-DDdefined-cont.buy-now .buy-now-foot .fpc-pro { font-size: 12px; }

.no-result-cont { position: relative; width: 100%; height: 166px; background: #16202d url(../../images/notfind.png) no-repeat center; background-position: 44%; text-align: center; color: #c6d4df; }

.no-result-cont::after { content: 'SORRY'; position: absolute; top: 26%; font-size: 28px; color: #2c4f67; font-weight: bold; left: 50%; }

.no-result-cont .sorry-text { position: absolute; top: 90px; left: 50%; }

.abradability { width: 180px; height: 5px; background: url(../../images/SUKabradability.png) no-repeat; background-size: 100% 100%; position: relative; margin-top: 11px; }

.abradability .triangle-top { position: absolute; left: 0px; top: -5px !important; }

.color_group .color_pattern { display: flex; align-items: center; margin-bottom: 10px; }

.color_group .color_pattern .block { width: 12px; height: 12px; background: #EA975C; margin-right: 4px; }

.color_group .color_pattern .pattern_value { font-size: 14px; color: #B8B6B4; }

.color_group .color_stick { width: 160px; height: 10px; position: relative; }

.color_group .color_stick img { width: 8px; height: 5px; object-fit: cover; margin-left: -4px; position: absolute; top: 0; left: 20px; }

.color_group .color_stick .color_stick_block { position: absolute; top: 6px; left: 0; width: 160px; height: 4px; border-radius: 75px; background: linear-gradient(90deg, yellow, orange); }

.printing-group { width: 209px; text-align: left; font-size: 0; }

.printing-group .printing-tips { display: inline-block; text-align: center; margin-left: 5px; font-size: 12px; }

.printing-group .printing-tips:first-child { margin-left: 0; }

.printing-group .printing-tips .pendant_img { width: 24px !important; }

.printing-group .printing-tips img { width: 32px; height: 24px; }

.printing-group .printing-tips p { color: #B8B6B4; letter-spacing: -1px; }

.icon-interest { width: 16px; height: 16px; display: inline-block; background: url(../../images/interest.png) no-repeat; background-size: 100% 100%; }

.icon-interest-grey { width: 16px; height: 16px; display: inline-block; background: url(../../images/interest-grey.png) no-repeat; background-size: 100% 100%; }

.nobottomborder { margin-bottom: 0 !important; }

.icon-exclamation { position: absolute; right: 5px; bottom: 5px; width: 15px; height: 15px; box-sizing: border-box; border: 1px solid #DA9B3B; color: #DA9B3B; text-align: center; border-radius: 50px; line-height: 15px; }

.appearance { background-color: #1F2D3F; padding: 14px 20px; }

.appearance li { border-radius: 2px; border: 1px solid #2D3D50; padding: 6px 20px; text-align: center; display: inline-block; margin-right: 15px; cursor: pointer; }

.appearance li p { color: #B8B6B4; }

.appearance .acive { background: rgba(102, 192, 244, 0.1); border: 1px solid rgba(102, 192, 244, 0.5); }

.appearance .acive p { color: #FFFFFF; }

.templateQuery .fi-hidden { width: 110px; height: 34px; line-height: 34px; margin-bottom: 1px; background: #171A21; border: 1px solid #2d3d50; }

.templateQuery .fi-hidden input { float: left; padding-left: 10px; padding-right: 5px; width: 74px; height: 100%; color: #fff; background: transparent; box-sizing: border-box; border: none; }

.templateQuery .fi-hidden .icon-search { float: left; display: block; margin-top: -1px; width: 34px; height: 34px; background: url(../../images/store/search_icon.png) no-repeat; background-size: 100% 100%; background-position: center; }

.templateQuery ul li { padding: 0; }

.templateQuery ul li:hover i { border-right: 3px solid #EEA20E; border-bottom: 3px solid #EEA20E; }

.templateQuery ul li > i { position: absolute; bottom: 5px; right: 5px; width: 0; height: 0; border-top: 3px solid transparent; border-left: 3px solid transparent; border-right: 3px solid #7B8EB2; border-bottom: 3px solid #7B8EB2; }

.templateQuery ul li > a { width: calc(100% - 20px) !important; margin: 0 10px; }

.layer-dark-modal .layui-layer-title { height: 48px; line-height: 48px; color: #FFFFFF; background: #16202D; border-bottom: none; }

.layer-dark-modal .layui-layer-ico { background-position: center !important; background: url("../../images/store/close.png"); }

.layer-dark-modal .layui-layer-content { width: 400px; height: 226px; box-sizing: border-box; padding: 15px; background: #1B2838; }

.layer-dark-modal .layui-layer-content .Wear_interval { margin: 45px 0 50px 0; display: flex; justify-content: center; align-items: center; }

.layer-dark-modal .layui-layer-content .Wear_interval input { width: 130px; padding: 0 10px; height: 34px; color: #FFFFFF; line-height: 34px; background: #171A21; box-sizing: border-box; border: 1px solid #2D3D50; }

.layer-dark-modal .layui-layer-content .Wear_interval span { margin: 0 17px; color: #B8B6B4; }

.layer-dark-modal .layui-layer-content .tips { font-size: 14px; color: #C6D4DF; margin-bottom: 70px; }

.layer-dark-modal .layui-layer-content .btn { display: flex; justify-content: center; }

.layer-dark-modal .layui-layer-content .btn.sold_out_btn { justify-content: flex-end; }

.layer-dark-modal .layui-layer-content .btn div { cursor: pointer; width: 120px; height: 40px; margin: 10px 0; font-size: 14px; line-height: 40px; text-align: center; color: #FFFFFF; }

.layer-dark-modal .layui-layer-content .btn .resetWear, .layer-dark-modal .layui-layer-content .btn .cancle_btn { margin-right: 20px; background: #2C4F67; }

.layer-dark-modal .layui-layer-content .btn .confirmWear, .layer-dark-modal .layui-layer-content .btn .confirm_btn { background: #4C6B22; }

.layer-dark-modal .layui-layer-content .btn .cancle_btn, .layer-dark-modal .layui-layer-content .btn .confirm_btn { height: 30px; line-height: 30px; }

.transaction-record-tab { width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #2d3d50; background-color: #16202D; font-size: 0; }

.transaction-record-tab a { display: inline-block; font-size: 14px; padding: 0 20px; color: #626366; }

.transaction-record-tab .active { color: #ffffff; }

.icon-switch { width: 12px; height: 11px; background: url(../../images/switch.html) no-repeat; background-size: 100% 100%; display: inline-block; margin-right: 6px; }

.form-select .form-inp-select { padding-left: 16px; padding-right: inherit; line-height: 30px; width: 100%; display: inline-block; height: 100%; box-sizing: border-box; }

.form-select .triangle-top { transform: translateX(0%); -webkit-transform: rotate(0deg); transition: transform 0.5s; -webkit-transition: transform 0.5s; }

.form-select .triangle-bottom { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); }

.form-select.fadeQuery { width: auto; }

.form-select.fadeQuery .form-inp-select { padding-right: 32px; }

.form-select { width: 110px; height: 32px; border: 1px solid #2D3D50; box-sizing: border-box; display: inline-block; margin-right: 15px; }

.form-select .fi-hidden { top: 32px; left: -1px; width: 110px; }

.form-select .fi-hidden .searchTemplate { width: 100%; height: 34px; line-height: 34px; padding: 0; font-size: 12px; position: relative; width: 108px; box-sizing: border-box; background-color: #171A21; }

.form-select .fi-hidden ul { max-height: max-content; overflow: inherit; }

.form-select .fi-hidden ul li { position: relative; }

.form-select .fi-hidden ul li:hover a { color: #fff; }

.form-select .fi-hidden ul li a { display: inline-block; width: 100%; height: 100%; }

.form-select .nav-show { overflow-y: auto; overflow-x: hidden; display: none; width: fit-content; position: absolute; top: 0px; left: 108px; padding-bottom: 8px; line-height: 0; font-size: 0; max-height: 400px; z-index: 10000; text-align: left; background-color: #171A21; }

.form-select .nav-show.single-row { width: 112px; }

.form-select .nav-show .showli { line-height: 32px; overflow: hidden; text-align: center; width: 96px; height: 32px; float: left; background-color: #1B2838; margin: 8px 0 0 8px; }

.form-select .nav-show .showli.subActive { background: #2D3D50; }

.form-select .nav-show .showli a { display: inline-block; width: 100%; padding: 0 10px; font-size: 12px; height: 34px; line-height: 34px; overflow: hidden; box-sizing: border-box; }

.form-select .nav-show .showli:hover a { background: #2D3D50; color: #fff; }

.form-btn { border: 1px solid #2D3D50; font-size: 14px; color: #B8B6B4; padding: 6px 18px; display: inline-block; line-height: 18px; cursor: pointer; }

.form-btn .layui-icon { font-size: 14px; margin-left: 5px; }

.form-btn.active { border: 1px solid rgba(102, 192, 244, 0.5); background: rgba(102, 192, 244, 0.1); color: #FFFFFF; }

.createtimescreen .fi-hidden ul li.active { background-color: #2D3D50; }

.createtimescreen .uptodown { vertical-align: bottom; }

.goodstips { height: 46px; }

.goodstips td { height: 32px; background-color: #1b2838 !important; width: 1172px  !important; text-align: left; padding: 0 18px; color: #C6D4DF; position: relative; }

.goodstips td .triangle-bottom { position: absolute; left: 28px; top: -5px !important; border-top-color: #1b2838; }

.popup-guide { background-color: transparent; box-shadow: none; text-align: center; }

.popup-guide .btn-forty-blue { width: 120px; margin-top: 19px; }

.popup-guide .btn-text-blue { margin-top: 18px; display: inline-block; }

.popup-guide p { color: #FFFFFF; margin-top: 40px; }

.popup-guide .up-down { display: none; }

.popup-guide .left-right, .popup-guide .up-down { margin-top: 57px; }

.no-login { text-align: center; margin: 195px 0; }

.no-login p { color: #FFFFFF; margin: 10px 0 19px; }

.no-login a { width: 120px; }

.bind-steam-pop .layui-layer-title { border-bottom: 1px solid #16202D; }

.bind-steam-pop .layui-layer-content { padding: 15px; }

.bind-steam-pop .btn-group { text-align: right; margin-top: 57px; }

.bind-steam-pop .btn-group a { margin-left: 15px; width: 96px; }

.bind-steam-pop .btn-group a:hover { color: #ffffff; }

.nocontent { text-align: center; color: #ffffff; top: 49%; position: absolute; left: 49%; }

.stop-Goods .dialog_box { width: 400px; padding: 15px; }

.stop-Goods .dialog_box p { font-size: 14px; color: #C6D4DF; margin-bottom: 56px; }

.stop-Goods .dialog_box .btn { display: flex; justify-content: flex-end; }

.stop-Goods .dialog_box .btn .stop_cancle { background: #626366; margin-right: 16px; width: 96px; height: 30px; line-height: 30px; color: #fff; }

.stop-Goods .dialog_box .btn .stop_confirm { background: #4C6B22; width: 96px; height: 30px; line-height: 30px; color: #fff; }

.kuanshi-filter { position: absolute; top: 17px; right: 110px; }

.hide { display: none; }

.popTips.layui-layer-dialog .layui-layer-content { padding: 15px 15px 0; height: auto !important; }

.popTips.layui-layer-dialog .layui-layer-content p { color: #C6D4DF; }

.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; }

.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; }

.sku-icon-16 { cursor: pointer; }

.sku-cd { padding: 0 5px; height: 20px; border-radius: 10px; min-width: 34px; background: #1B2838; position: absolute; right: 3px; top: 3px; box-sizing: border-box; border: 1px solid #2D3D50; color: #9FB0BB; font-size: 0px; }

.sku-cd del { text-decoration: none; color: #C6D4DF; font-size: 12px; }

.sku-cd i { display: inline-block; width: 12px; height: 12px; background: url(../../images/icon-12.png) no-repeat; background-size: 100% 100%; margin-right: 1px; vertical-align: sub; }

.support-presell { position: absolute; bottom: 0; right: 0; padding: 0 4px; font-size: 10px; height: 16px; line-height: 16px; text-align: center; background: rgba(0, 0, 0, 0.5); display: flex; justify-content: center; align-items: center; }

.support-presell span { background: linear-gradient(270deg, #5CA740 0%, #74C555 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; }