@charset "UTF-8";
.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; }

.display { display: none; }

.blue { color: #3b6e8c !important; }

.green { color: #708e05 !important; }

.clarity { color: #2c4f67 !important; }

.red { color: #9b3d3c !important; }

.gray { color: #717274 !important; }

.yellow { color: #E1C48A !important; }

.yellow1 { color: #F1AD4D !important; }

.green1 { color: #397439 !important; }

.green2 { color: #488B48 !important; }

.red1 { color: #993A38 !important; }

.red2 { color: #B7625F !important; }

body { background-color: #1b2838 !important; }

.backgroundcolor { background-color: rgba(0, 0, 0, 0) !important; }

.spacing { padding: 15px; }

.maincolumn { width: 1200px; margin: auto; position: relative; clear: both; }

.maincolumn p, .maincolumn a { font-size: 14px; color: #C6D4DF; }

.maincolumn span { color: #C6D4DF; }

.navigation { width: 100%; }

.navigation ul { width: 100%; background-color: #16202D; white-space: nowrap; border-bottom: 1px solid #2D3D50; }

.navigation ul li { text-align: center; float: left; padding: 10px; white-space: normal; position: relative; margin-top: 10px; }

.navigation ul li a { display: inline-block; }

.navigation ul li:hover { background-color: #2D3D50; }

.navigation ul li:last-child { border-right: none; }

.navigation .nav-shu { height: 100px; }

.navigation .nav-shu li { width: 91px; }

.navigation .nav-shu li:last-child { width: 92px; }

.navigation .nav-shu li img { width: 75px; height: 50px; }

.navigation .nav-shu li p { max-width: 84px; white-space: nowrap; overflow: hidden; }

.navigation .nav-shu .nav-show { top: 98px; z-index: 1111; }

.navigation .nav-heng { display: flex; justify-content: space-between; align-items: center; box-sizing: border-box; padding: 10px 32.5px; height: 120px; }

.navigation .nav-heng::after { display: none; }

.navigation .nav-heng li { flex: 1; box-sizing: border-box; margin: 0; max-width: 100px; max-height: 100px; padding: 10px 0; text-align: center; }

.navigation .nav-heng li img { width: 52px; height: 52px; vertical-align: middle; }

.navigation .nav-heng li p { margin-top: 7px; max-width: 80px; height: 21px; font-size: 16px; overflow: hidden; }

.navigation .nav-heng li .scrollstyle { max-height: 481px; }

.navigation .nav-heng .single-row .nav-show { width: 112px; }

.navigation .nav-heng .single-row .showimg { left: 112px; }

.navigation .nav-heng .three-row .nav-show { width: 326px; }

.navigation .nav-heng .three-row .showimg { left: 326px; }

.navigation .nav-heng .nav-show { top: 100px; padding-bottom: 8px; }

.nav-show { z-index: 10000; display: none; text-align: left; width: 216px; position: absolute; left: 0; background-color: #1B2838; }

.showli { text-align: center; width: 96px; height: 32px; float: left; background-color: #2D3D50; margin: 8px 0 0 8px; }

.showli:hover { background-color: #2D3D50; }

.showli a { height: 32px; line-height: 32px; width: 100%; overflow: hidden; }

.showimg { display: none; position: absolute; top: 100px; left: 216px; width: 175px; height: 175px; padding: 14px; background-color: #16202D; z-index: 99; }

.showimg img { width: 100% !important; height: 100% !important; object-fit: contain; }

.showright .nav-shu .nav-show { left: -180px; }

.showright .nav-heng .single-row .nav-show { left: -12px; }

.showright .nav-heng .single-row .showimg { left: -215px; }

.showright .nav-heng .two-row .nav-show { left: -116px; }

.showright .nav-heng .two-row .showimg { left: -319px; }

.showright .nav-heng .three-row .nav-show { left: -226px; }

.showright .nav-heng .three-row .showimg { left: -429px; }

.property ul { background-color: #16202D; padding: 14px; height: 114px; position: relative; }

.property li { position: absolute; display: inline-block; overflow: hidden; }

.property .setting1 { left: 14px; }

.property .setting2 { left: 182px; }

.property .setting3 { left: 351px; }

.property .setting4 { left: 520px; }

.property .setting5 { left: 690px; }

.property .setting6 { left: 860px; }

.property .setting7 { left: 1030px; }

.property .pro-parent { margin-top: -14px; height: 44px; line-height: 44px; }

.property .pro-parent img { width: 22px; height: 22px; vertical-align: middle; }

.property .pro-parent p { display: inline-block; margin-left: 4px; }

.property dl { background-color: #171A21; overflow: hidden; border: 1px solid transparent; min-height: 81px; }

.property dl dd { display: inline-block; width: 77px; height: 41px; text-align: center; background-color: #1B2838; float: left; }

.property dl dd a { white-space: nowrap; display: block; font-size: 12px; overflow: hidden; height: 40px; position: relative; border: 1px solid #16202d; }

.property .prochild-img { width: 154px; height: 83px; }

.property .prochild-img dd img { width: 77px; height: 40px; }

.property .prochild-img dd a:hover .name-show { bottom: 0px; }

.property .prochild-img:hover { width: 308px; height: auto; border-color: #2D3D50; }

.property .prochild-zi { width: 154px; height: 83px; }

.property .prochild-zi dd a { line-height: 40px; }

.property .prochild-zi dd a:hover { background-color: #2D3D50; }

.property .prochild-zi:hover { height: auto; border-color: #2D3D50; }

.prochild-imgcheck { border-color: #ffffff !important; z-index: 55 !important; }

.name-show { background: #000000; height: 15px; width: 77px; position: absolute; bottom: -20px; left: 0; opacity: 0.5; transition: bottom 0.5s; -webkit-transition: bottom 0.5s; }

.name-show p { color: #FFFFFF; opacity: 1; white-space: nowrap; font-size: 12px; overflow: hidden; }

.advert { margin-top: 20px; width: 1200px; }

.advert img { height: 100px; width: 1200px; }

.screen { padding: 14px 20px 14px; background-color: #16202D; }

.screen .sellist { display: inline-block; }

/*模拟下拉框*/
.sel { display: inline; }

.divselect { margin-top: 12px; margin-right: 10px; background-color: #2C4F67; display: inline-block; position: relative; cursor: pointer; height: 40px; }

.divselect img { vertical-align: middle; width: 22px; height: 22px; margin-right: 4px; }

.divselect p { display: inline-block; color: #FFFFFF; font-size: 14px; line-height: 37px; padding-left: 14px; }

.divselect .downtin { display: inline-block; width: 0; height: 0; vertical-align: middle; margin: -1px 14px 0px 4px; border-width: 5px 5px 0px 5px; border-color: #FFFFFF transparent transparent transparent; border-style: solid; }

.divselect ul { z-index: 222; display: none; margin-top: -1px; position: absolute; background-color: #171A21; border: 1px solid #2D3D50; }

.divselect li { display: block; clear: both; height: 40px; line-height: 40px; border-top: 1px solid #2D3D50; }

.divselect li:first-child { border-top: none; }

.divselect li:hover { background-color: #2D3D50; }

.divselect li a { display: block; width: 100%; height: 100%; margin: 0 14px; white-space: nowrap; }

/*模拟下拉框---end*/
.check { display: inline-block; line-height: 59px; }

.check span { color: #B8B6B4; }

.checkbox { display: inline-block; margin-left: 14px; }

.checkbox input { vertical-align: sub; margin-right: 4px; }

.checkbox span { color: #C6D4DF; }

.screenlist { display: inline-block; float: right; margin-top: 15px; }

.screenlist a { display: inline-block; background-color: #2C4F67; text-align: center; width: 63px; height: 30px; line-height: 30px; border: none; color: #FFFFFF; }

.screenlist .creen_1 { float: right; }

.screenlist .creen_1 .fi-hidden { top: 33px; }

.screenlist .creen_1 .fi-hidden ul { overflow-y: hidden; }

.creen_2 { display: inline-block; clear: both !important; position: relative; width: 150px; }

.moneyscreen .xian { display: inline-block; width: 9px; height: 2px; background-color: #2D3D50; margin: 2px 4px; }

.moneyscreen span { position: relative; display: inline-block; line-height: 30px; }

.moneyscreen span i { display: inline-block; color: #626366; position: absolute; top: 0; left: 6px; }

.moneyscreen a { display: none; }

.moneyscreen input { width: 38px; height: 30px; border: 1px solid #2d3d50; background-color: #171a21; color: #ffffff; padding-left: 20px; }

.moneyscreen input:focus { border: 1px solid #2c4f67; }

.moneyscreen a { margin-left: 4px; }

.cr-left-hide { position: absolute; top: -24px; right: -89px; left: unset; z-index: 10; width: 230px; height: 50px; border: 1px solid #2D3D50; background-color: #171A21; line-height: 50px; padding-left: 14px; }

.sellscreen, .stockscreen, .pricescreen, .createtimescreen { display: inline-block; position: relative; }

.sellscreen a, .stockscreen a, .pricescreen a, .createtimescreen a { padding-right: 12px; }

.sellscreen .uptodown, .stockscreen .uptodown, .pricescreen .uptodown, .createtimescreen .uptodown { position: relative; width: 10px; height: 20px; vertical-align: sub; margin-left: -2px; }

.sellscreen .uptodown i, .stockscreen .uptodown i, .pricescreen .uptodown i, .createtimescreen .uptodown i { position: absolute; display: inline-block; }

.sellscreen .uptodown .price-up, .stockscreen .uptodown .price-up, .pricescreen .uptodown .price-up, .createtimescreen .uptodown .price-up { top: 2px; left: 4px; border: 4px solid transparent; border-top: none; border-bottom-color: #ffffff; }

.sellscreen .uptodown .price-down, .stockscreen .uptodown .price-down, .pricescreen .uptodown .price-down, .createtimescreen .uptodown .price-down { top: 10px; left: 4px; border: 4px solid transparent; border-bottom: none; border-top-color: #fff; }

.sellscreen[sort-way=up] .price-up, .stockscreen[sort-way=up] .price-up, .pricescreen[sort-way=up] .price-up, .createtimescreen[sort-way=up] .price-up { border-bottom-color: #66c0f4; }

.sellscreen[sort-way=down] .price-down, .stockscreen[sort-way=down] .price-down, .pricescreen[sort-way=down] .price-down, .createtimescreen[sort-way=down] .price-down { border-top-color: #66c0f4; }

.pricescreen a { display: block; padding-left: 18px; padding-right: 0; text-align: left; width: 75px; box-sizing: border-box; }

.pricescreen .uptodown { width: 10px; vertical-align: middle; margin-left: 0; }

.pricescreen .uptodown .price-down { top: 11px; }

.pricescreen .uptodown .price-up { top: 3px; }

.goodslist { position: relative; width: 102%; margin-left: -12px; }

.goods { width: 226px; display: inline-block; margin: 15px 0 10px 12px; background-color: #16202D; border: 1px solid #2d3d50; position: relative; transition: all 0.3s; }

.goods:hover { border-color: #2D3D50; transform: perspective(500px) rotateX(8deg); }

.goods:hover .goodsimg img { transform: scale(1.3); }

.goods .search { position: absolute; top: 14px; right: 14px; background-color: #16202d; padding-left: 10px; }

.goods .search a { display: inline-block; width: 20px; height: 20px; background: url(../../images/search.jpg) no-repeat; opacity: 0.5; }

.goods .search a:hover { opacity: 1; }

.goods .search p { z-index: 222; text-align: center; position: absolute; left: -14px; width: 154px; color: #626366; height: 30px; line-height: 30px; background-color: #C6D4DF; }

.goods .btn-unable { height: 30px; line-height: 30px; color: #626366; pointer-events: none; }

.goods .goodsimg { text-align: center; height: 152px; position: relative; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); background: -webkit-radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); background: -ms-radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); background: -moz-radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); transition: all 0.3s; }

.goods .goodsimg img { vertical-align: middle; max-height: 100%; max-width: 100%; transition: all 0.3s; }

.goodsname { padding: 14px 14px 10px; overflow: hidden; white-space: nowrap; }

.goodsname span { display: inline-block; vertical-align: super; }

.goodsname a { color: #FFFFFF; max-width: 100%; display: inline-block; overflow: hidden; text-overflow: ellipsis; }

.goodsattr { height: 30px; line-height: 30px; overflow: hidden; }

.goodsattr span, .goodsattr img { margin-left: 14px; color: #FFFFFF; }

.goodsattr img { vertical-align: text-bottom; width: 22px; height: 22px; }

.goodsbuy { position: relative; padding: 14px; margin-bottom: 0; }

.goodsbuy p { line-height: 24px; white-space: nowrap; overflow: hidden; max-width: 159px; }

.goodsbuy .price { color: #e1c48a; display: inline-block; width: 49%; }

.goodsbuy .price span { color: #e1c48a; }

.goodsbuy .number { display: inline-block; width: 49%; text-align: right; }

.goodsbuy a { display: inline-block; font-size: 12px; color: #FFFFFF; }

.goodsbuy .DDprice { text-decoration: line-through; }

.goodsbuy .buybtn { position: relative; margin-top: 14px; }

.goodsbuy .buybtn1 a { width: 93px; }

.goodsbuy .buybtn1 .q_buybtn { margin-left: 10px; }

.goodsbuy .buybtn1 .btn-thirty-green:hover { background: #708e05; }

.goodsbuy .buybtn2 .q_buybtn { width: 198px; }

.goodsbuy .scale { position: absolute; top: 14px; right: 14px; }

.goodsbuy .scale p { width: 30px; height: 18px; font-size: 12px; text-align: center; line-height: 18px; }

.goodsbuy .scale p:first-child { background-color: #2C4F67; }

.goodsbuy .scale p:last-child { background-color: #4c6b22; }

.searchfor { float: right; position: relative; }

.searchfor .btn-thirty-blue { width: 34px; height: 34px; line-height: 34px; margin-left: -4px; vertical-align: top; }

.triangle-right { display: inline-block; border-top: 5px solid transparent; border-left: 5px solid #B8B6B4; border-bottom: 5px solid transparent; }

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

.form-select .form-inp-select { padding-left: 8px; }

.form-select .triangle-top { top: 12px !important; right: 10px !important; }

.form-select .active { background-color: #2D3D50; }

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

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

.form-select .fi-hidden ul li { background-color: #171A21; height: 34px; color: #C6D4DF; border-top: 0.5px solid #16202D; padding: 0; font-size: 12px; position: relative; width: 108px; box-sizing: border-box; }

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

.form-select .fi-hidden ul li a span { display: inline-block; width: 92%; overflow: hidden; }

.form-select .fi-hidden ul li a .triangle-right { position: relative; top: -11px; }

.form-select .fi-hidden ul li:hover { background-color: #2D3D50; }

.form-select .fi-hidden ul li:hover .triangle-right { border-left: 5px solid #9BDAFF; }

.form-select .nav-show { top: 0px; left: 109px; padding-bottom: 8px; line-height: 0; font-size: 0; }

.form-select .nav-show .showli { line-height: 32px; overflow: hidden; }

.form-select .nav-show.three-row { width: 326px; }

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

.smallnav { background-color: #16202D; margin-top: 20px; }

.smallnav .screenlist { margin-right: 14px; }

.smallnav .screenlist a { height: 32px; line-height: 32px; }

.abradabilitytips { position: absolute; left: 1px; top: 1px; padding: 0 5px; height: 22px; opacity: 1; background-color: rgba(0, 0, 0, 0.3); }

.small-nav { display: inline-block; }

.small-nav a { display: inline-block; width: 150px; height: 60px; line-height: 60px; font-size: 18px; text-align: center; }

.small-nav .active { background-color: #4C6B22; color: #FFFFFF; }

#page { float: right; }

.footer-contain { margin-top: 90px; }

.notfind { background-color: #16202D; height: 200px; position: relative; margin-top: 14px; margin-bottom: 90px; }

.notfind .not_find { background: url(../../images/notfind.png) no-repeat; background-size: 100px 95px; width: 180px; height: 100px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; padding-left: 130px; }

.notfind .not_find .sorry { font-size: 48px; color: #2C4F67; }

#page a { font-size: 12px; }

.icon-errorC1 { vertical-align: middle; margin-right: 4px; display: inline-block; }

.tt { font-size: 12px; color: #b8b6b4; padding-left: 24px; }

.shopcart .layui-layer-btn1 { background-color: #2c4f67 !important; border: 1px solid #2c4f67 !important; }

.shopshow { width: 582px; margin: 14px; }

.shopshow ul { background-color: #16202D; }

.shopshow ul li { float: left; height: 40px; line-height: 40px; text-align: center; }

.shopshow ul li:first-child { width: 250px; text-align: left; padding-left: 14px; }

.shopshow ul li:nth-child(2) { width: 106px; }

.shopshow ul li:nth-child(3) { width: 102px; }

.shopshow ul li:nth-child(4) { width: 106px; }

.shopshow .showgoods { background-color: #16202D; height: 80px; margin-top: 2px; overflow: hidden; }

.shopshow .showgoods > div { float: left; margin: 14px 0; }

.shopshow .showgoods .goodsinfo { width: 250px; padding-left: 14px; }

.shopshow .showgoods .goodsinfo .left, .shopshow .showgoods .goodsinfo .right { float: left; }

.shopshow .showgoods .goodsinfo .left { width: 78px; }

.shopshow .showgoods .goodsinfo .right { width: 165px; }

.shopshow .showgoods .goodsinfo img { width: 78px; height: 52px; }

.shopshow .showgoods .goodsinfo .goodsname { padding: 0 14px; }

.shopshow .showgoods .goodsinfo .goodsgame { margin-top: 14px; }

.shopshow .showgoods .goodsinfo .goodsgame p { color: #B8B6B4; font-size: 12px; }

.shopshow .showgoods .goodsprice { width: 106px; vertical-align: top; text-align: center; }

.shopshow .showgoods .goodsnumber { width: 102px; text-align: center; vertical-align: top; }

.shopshow .showgoods .goodsnumber p { font-size: 12px; }

.shopshow .showgoods .goodsmoney { width: 106px; vertical-align: top; text-align: center; }

.shopshow .showgoods .goodsmoney p { color: #E1C48A; }

.shopshow .showbuy { height: 45px; line-height: 45px; position: relative; }

.shopshow .showbuy .diamond, .shopshow .showbuy .pass { display: inline-block; margin: 14px 0; }

.shopshow .showbuy .pass { margin-left: 12px; }

.shopshow .showbuy .pass a { color: #66C0F4; font-size: 12px; }

.shopshow .showbuy .diamond-icon { display: inline-block; background: url(../../images/diamond.jpg) no-repeat; width: 16px; height: 16px; }

.shopshow .showbuy input { width: 180px; height: 40px; background-color: #171A21; border: 1px solid #2D3D50; padding-left: 10px; color: #FFFFFF; }

.shopshow .showbuy span { font-size: 12px; }

.shopshow .showbuy i { display: inline-block; width: 16px; height: 16px; background-size: 51px 48px; background-position: 0px -17px; vertical-align: text-bottom; }

.lay_btn { position: absolute; right: 12px; top: -40px; text-align: center; height: 40px !important; width: 120px; line-height: 40px !important; font-size: 14px; }

.scrollstyle { overflow-y: scroll; overflow-x: hidden; max-height: 481px; /*三角箭头的颜色*/ scrollbar-arrow-color: #1b2838; /*滚动条滑块按钮的颜色*/ scrollbar-face-color: #2c4f67; /*滚动条整体颜色*/ scrollbar-highlight-color: #333; /*滚动条阴影*/ scrollbar-shadow-color: #2c4f67; /*滚动条轨道颜色*/ scrollbar-track-color: #1b2838; }

.scrollstyle::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); background-color: #1b2838; border-radius: 4px; border: 1px solid #1b2838; }

.scrollstyle::-webkit-scrollbar { border: none; width: 8px; }

.scrollstyle::-webkit-scrollbar-thumb { border-radius: 10px; background: #2c4f67; }

.crumb-pro > div { display: inline-block; }

.deterstyle { background-color: #2D3D50; }

.layer-DDdefined-cont { width: 578px; 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 { overflow: hidden; 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; }

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

.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%; width: 100%; }

.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 .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.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 .float-left { float: left; }

.layer-DDdefined-cont .float-right { float: right; }

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

.unclickable { background-color: #333333 !important; pointer-events: none; }

.suspend-banner { position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index: 111; }

.search-associate { width: 333px; background-color: #16202D; position: absolute; z-index: 9; left: 0; top: 34px; }

.search-associate ul li { height: 34px; line-height: 34px; color: #C6D4DF; padding: 0; overflow: hidden; cursor: pointer; }

.search-associate ul li:hover { background-color: #2D3D50; }

.search-associate ul li a { display: inline-block; width: 100%; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box; }

.search-associate ul li a span { color: #ffffff; }

.hot-search { display: flex; margin-top: 70px; align-items: baseline; }

.hot-search > p { display: inline-block; font-size: 14px; color: #B8B6B4; }

.hot-search > div { flex: 1; }

.hot-search > div a { font-size: 14px; color: #B8B6B4; margin-right: 20px; margin-bottom: 20px; display: inline-block; }

.hot-search > div a:hover { color: #FFFFFF; }