.indexCarousel { position: absolute; width: 100%; min-width: 1200px; left: 0; top: 0; }

.top { opacity: 1; background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); -webkit-background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); -moz-background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 159px; bottom: 0; z-index: 21; }

.bottom { opacity: 1; background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); -webkit-background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); -moz-background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); position: absolute; left: 0; width: 100%; height: 159px; bottom: 0; z-index: 21; }

#index-carousel { position: relative; min-width: 1200px; height: 470px; max-width: 2560px; }

#index-carousel img { display: block; object-fit: cover; margin: 0 auto; width: 100%; height: 100%; background-position-x: center; background-size: cover; }

#index-carousel .top { opacity: 1; background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); -webkit-background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); -moz-background: linear-gradient(180deg, #1B2838 -2%, rgba(27, 40, 56, 0) 100%); position: absolute; top: 0; left: 0; width: 100%; height: 159px; bottom: 0; }

#index-carousel .bottom { opacity: 1; background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); -webkit-background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); -moz-background: linear-gradient(180deg, rgba(27, 40, 56, 0) -2%, #1B2838 100%); position: absolute; left: 0; width: 100%; height: 159px; bottom: 0; }

#index-carousel .layui-icon-left { background: url(../../images/ban_arrow_left.png) no-repeat; width: 14px; height: 14px; background-size: 54px 94px; display: inline-block; background-position: -20px -19px; vertical-align: text-bottom; cursor: pointer; }

#index-carousel .layui-icon-left:hover { background-position: -20px -60px; }

#index-carousel .layui-icon-right { background: url(../../images/ban_arrow.png) no-repeat; width: 14px; height: 14px; background-size: 54px 94px; display: inline-block; background-position: -20px -19px; vertical-align: text-bottom; cursor: pointer; }

#index-carousel .layui-icon-right:hover { background-position: -20px -60px; }

#index-carousel .layui-carousel-ind { bottom: 43px; width: 1200px; margin: 0 auto; text-align: left; }

#index-carousel .layui-carousel-ind ul { text-align: left; vertical-align: super; }

#index-carousel .layui-carousel-ind li { width: 10px; height: 10px; }

.box_skitter { min-width: 1200px; height: 470px !important; max-width: 2560px; width: 100% !important; margin: 0 auto; position: relative; }

.bg-container { padding-bottom: 20px; margin-top: 400px; }

#notice-carousel { width: 100%; z-index: 1; position: absolute; top: 0px; background-color: #1b2838; opacity: 0.8; height: 40px; overflow: hidden; line-height: 40px; }

#notice-carousel #notice-contain { position: relative; margin: 0 auto; width: 1200px !important; overflow: hidden; height: 40px; }

#notice-carousel #notice-contain div { background-color: #1b2838 !important; }

#notice-carousel #notice-contain a { display: inline-block; width: 1180px; white-space: nowrap; vertical-align: middle; color: #e1c48a; margin-bottom: 5px; overflow: hidden; }

#notice-carousel #notice-contain a:hover { color: #e1c48a; }

#notice-carousel .close-notie { position: absolute; right: 0; font-size: 14px; color: #fff; top: 14px; cursor: pointer; }

.shop-floor { margin-bottom: 20px; width: 100%; }

.shop-floor .shop-title { width: 1200px; height: 65px; margin: 0 auto; display: inline-block; }

.shop-floor .shop-title .game-title { box-sizing: border-box; float: left; height: 80px; line-height: 80px; font-weight: bold; display: inline-block; font-size: 20px; color: white; }

.shop-floor .shop-title img { float: left; margin-top: 22px; width: 16px; height: 16px; }

.shop-floor .arrow { height: 0px; border-color: transparent transparent transparent #66c0f4; border-style: solid; border-width: 4px 4px 4px 4px; right: 0px; position: absolute; top: 27px; overflow: hidden; }

.shop-floor .enter-zhuanti { float: right; position: relative; line-height: 80px; }

.shop-floor .enter-zhuanti a { cursor: pointer; font-size: 14px; color: #FFFFFF; line-height: 16px; }

.shop-floor .enter-zhuanti .icon-right { background: url(../../images/icon-right.png) no-repeat; background-size: 100% 100%; display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-top: -3px; }

.shop-floor .shop-kind { width: 1200px; margin: 0 auto; }

.shop-floor .shop-kind > a { float: left; }

.shop-floor .shop-kind > a > img { width: 224px; height: 336px; }

.shop-floor .shop-kind .shop-contain { float: left; }

.shop-floor .shop-kind .shop-contain > li { width: 224px; height: 336px; float: left; }

.shop-floor .shop-kind > img { float: left; }

.shop-floor .shop-kind:after { content: ""; display: block; clear: both; }

.shop-contain > li { cursor: pointer; margin-left: 20px; }

.shop-contain .shop-up { background: #16202d; }

.shop-contain .shop-up li:first-child { height: 42px; line-height: 42px; box-sizing: border-box; padding-left: 12px; font-size: 14px; color: #fff; }

.shop-contain .shop-up li:first-child > a { display: block; width: 100%; height: 42px; overflow: hidden; }

.shop-contain .shop-up li:nth-child(2) { box-sizing: border-box; padding-left: 12px; font-size: 12px; color: #fff; height: 35px; line-height: 35px; width: 100%; overflow: hidden; }

.shop-contain .shop-up li:nth-child(2) > span { margin-right: 15px; }

.shop-contain .shop-up li:nth-child(2) > span > img { border-radius: 50%; width: 20px; height: 20px; margin-bottom: 3px; }

.shop-contain .shop-up li:nth-child(3) { height: 150px; text-align: center; vertical-align: middle; }

.shop-contain .shop-up li:nth-child(3) > a { display: inline-block; width: 224px; height: 150px; position: relative; }

.shop-contain .shop-up li:nth-child(3) > a > img { max-width: 196px; max-height: 131px; margin-top: 20px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }

.shop-contain .shop-down { height: 108px; background: #171a21; }

.shop-contain .shop-down li:first-child { color: #fff; height: 36px; line-height: 36px; font-size: 12px; padding-left: 12px; }

.shop-contain .shop-down li:nth-child(2) { height: 22px; line-height: 22px; color: #fff; padding-left: 12px; font-size: 12px; }

.shop-contain .shop-down li:nth-child(2) span { color: #baa374; }

.shop-contain .shop-down li:last-child { width: 198px; height: 30px; line-height: 30px; text-align: center; color: #2c4f67; box-sizing: border-box; padding-left: 20px; margin-top: 10px; }

.shop-contain .shop-down li:last-child > a { background: #2c4f67; display: block; margin: 0 auto; color: #fff; margin-left: 10px; cursor: pointer; }

.shop-contain .shop-down li:last-child > a:hover { background: #3b6e8c; }

.friend-link .link-contain { width: 1200px; margin: 0 auto; height: 98px; }

.friend-link .link-contain #link-carousel { background: #16202d; }

.friend-link .link-contain .ban-inner { background: #16202d; }

.friend-link .link-contain .ban-inner .someList { width: 1200px; height: 70px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }

.friend-link .link-contain .ban-inner > div { background: #16202d; }

.friend-link .link-contain .ban-inner > div ul > li { float: left; width: 223px; height: 70px; margin-left: 14px; }

.friend-link .link-contain .ban-inner > div ul > li a { display: inline-block; width: 223px; height: 70px; line-height: 70px; }

.friend-link .link-contain .ban-inner > div ul > li a > img { display: inline-block; vertical-align: middle; width: 223px; height: 70px; margin-bottom: 4px; }

.floor-contain { width: 1200px; margin: 0 auto; position: relative; }

.floor-contain .suspend-banner { cursor: pointer; text-align: center; position: fixed; top: 50%; left: 20px; transform: translateY(-50%); z-index: 111; }

.floor-contain .suspend-banner > a { display: block; }

.floor-contain .suspend-banner > a img { vertical-align: middle; display: inline-block; }

.popup-common.layui-layer-dialog .layui-layer-content { padding-left: 20px; padding-bottom: 60px; }

.layui-carousel > [carousel-item]:before { content: ""; }

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

.goods { width: 226px; display: inline-block; margin: 15px 0 0 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%); }

.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 { font-size: 14px; 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: 0 14px 14px; margin-bottom: 0; }

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

.goodsbuy .price { color: #BAA374; display: inline-block; }

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

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

.layui-icon.layui-carousel-arrow { display: none; }