@charset "UTF-8";
@import url(onclick_seting.css);
.layui-layer.tokenPop { background: #1B2838; color: #fff; }

.layui-layer.tokenPop .colorblue { color: #1083EE; }

.layui-layer.tokenPop .color999 { color: #999; }

.layui-layer.tokenPop .layui-layer-title { color: #fff; text-align: left; font-size: 14px; border: none; height: 40px; line-height: 40px; background: #16202D; }

.layui-layer.tokenPop .layui-layer-setwin a { height: 13px; width: 13px; font-size: 20px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; top: 0; right: 0; }

.layui-layer.tokenPop .steam-content { background: #1B2838; }

.layui-layer.tokenPop .steam-content > h3 { height: 48px; line-height: 48px; text-align: center; color: #C6D4DF; font-size: 14px; }

.layui-layer.tokenPop .steam-content .user-steam { background: #16202D; width: 370px; height: 110px; padding: 15px; box-sizing: border-box; margin: 0 auto; }

.layui-layer.tokenPop .steam-content .user-steam > p { font-size: 12px; line-height: 18px; color: #C6D4DF; }

.layui-layer.tokenPop .steam-content .user-steam > .infos { margin-top: 20px; }

.layui-layer.tokenPop .steam-content .user-steam > .infos > img { width: 37px; height: 37px; border-radius: 50%; margin-right: 12px; }

.layui-layer.tokenPop .steam-content .user-steam > .infos .steam-info { display: inline-block; width: calc(100% - 49px - 76px); vertical-align: top; }

.layui-layer.tokenPop .steam-content .user-steam > .infos .steam-info h4 { font-size: 14px; color: #C6D4DF; margin-bottom: 5px; }

.layui-layer.tokenPop .steam-content .user-steam > .infos .steam-info p { font-size: 12px; color: #FFFFFF; }

.layui-layer.tokenPop .steam-content .user-steam > .infos > div { display: inline-block; }

.layui-layer.tokenPop .steam-content .user-steam > .infos > div > span:first-of-type { width: 25px; height: 25px; line-height: 25px; border-radius: 13px; background: #2D3D50; text-align: center; display: inline-block; vertical-align: middle; }

.layui-layer.tokenPop .steam-content .user-steam > .infos > div > .year-num { width: 26px; height: 26px; display: inline-block; text-align: center; margin-left: 20px; vertical-align: middle; }

.layui-layer.tokenPop .steam-content .remain { margin-top: 15px; padding-left: 15px; }

.layui-layer.tokenPop .steam-content .remain > h4 { color: #E1C48A; line-height: 21px; font-size: 12px; }

.layui-layer.tokenPop .steam-content .remain > h4 .refersh-steam-info { color: #A4D007; cursor: pointer; }

.layui-layer.tokenPop .steam-content .check-info { width: 180px; height: 34px; line-height: 34px; pointer-events: inherit; border: none; background: #4C6B22; color: #FFFFFF; margin: 16px auto 0; display: block; font-size: 14px; cursor: pointer; }

.layui-layer.tokenPop .steam-content .check-info.nopoint { background: #333333; color: #626366; pointer-events: none; }

.layui-layer.parsingpop { background-color: #16202d; color: #fff; background: url("../../images/warer_mark.png") repeat 85% 42%; background-color: #16202d; }

.layui-layer.parsingpop .colorblue { color: #1083EE; }

.layui-layer.parsingpop .color999 { color: #999; }

.layui-layer.parsingpop #parsingpop { height: auto !important; max-height: 818px; padding-bottom: 25px; }

.layui-layer.parsingpop .layui-layer-title { color: #333333; text-align: center; font-size: 18px; font-weight: bold; background-color: #fff; border: none; padding: 40px 0; height: 18px; line-height: 18px; }

.layui-layer.parsingpop .layui-layer-setwin a { height: 20px; width: 20px; font-size: 20px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; top: 0px; right: 0px; }

.layui-layer.parsingpop .parsing-content { padding: 24px 40px 25px; }

.layui-layer.parsingpop .parsing-content .parsing-title { font-size: 20px; line-height: 26px; }

.layui-layer.parsingpop .parsing-content .img-box { margin-top: 20px; position: relative; height: 400px; }

.layui-layer.parsingpop .parsing-content .img-box .img-pre { position: relative; }

.layui-layer.parsingpop .parsing-content .img-box .img-pre > img { display: block; width: 592px; max-height: 200px; object-fit: cover; text-align: center; margin: 0 auto; }

.layui-layer.parsingpop .parsing-content .img-box > .yihua-contet { position: absolute; left: 12px; bottom: 20px; }

.layui-layer.parsingpop .parsing-content .img-box > .yihua-contet ul li { display: inline-block; width: 48px; }

.layui-layer.parsingpop .parsing-content .img-box > .yihua-contet ul li img { max-width: 48px; height: 36px; object-fit: contain; }

.layui-layer.parsingpop .parsing-content .img-box > .yihua-contet ul li span { display: block; text-align: center; font-size: 12px; }

.layui-layer.parsingpop .parsing-content .parsing-des { width: 100%; margin-top: 20px; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left { float: left; width: calc(100% - 100px); }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left .p-title { font-size: 20px; font-weight: bold; line-height: 26px; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left ul { margin-top: 18px; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left ul li { float: left; font-size: 14px; box-sizing: border-box; margin-bottom: 15px; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left ul li:nth-of-type(2n+1) { width: 260px; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left ul li span { width: 70px; color: #C6D4DF; font-weight: normal; margin-right: 24px; display: inline-block; }

.layui-layer.parsingpop .parsing-content .parsing-des .des-left ul li em { font-style: normal; }

.layui-layer.parsingpop .parsing-content .parsing-des .code-right { width: 100px; float: right; }

.layui-layer.parsingpop .parsing-content .parsing-des .code-right > div { background-color: #fff; width: 100px; height: 100px; }

.layui-layer.parsingpop .parsing-content .parsing-des .code-right > div .detail-canvas { padding-top: 5px; margin-left: 5px; object-fit: contain; }

.layui-layer.parsingpop .parsing-content .parsing-des .code-right > span { font-size: 14px; display: block; text-align: center; margin-top: 10px; }

.putAwayPop.layui-layer { background-color: #1b2838; border: 1px solid #2d3d50; border-radius: 0; }

.putAwayPop.layui-layer-dialog .layui-layer-content { padding: 20px 10px; }

.putAwayPop.layui-layer-dialog .layui-layer-content span, .putAwayPop.layui-layer-dialog .layui-layer-content i { display: inline-block; }

.putAwayPop .layui-layer-setwin { top: 19px; }

.putAwayPop { width: 800px !important; overflow: hidden; color: #B8B6B4; }

.putAwayPop .layui-layer-title { color: #fff; text-align: left; padding-left: 15px; font-size: 14px; height: 48px; border-bottom: 1px solid #1B2838; background: #16202D; box-sizing: border-box; }

.putAwayPop .layui-layer-setwin a { height: 20px; width: 20px; font-size: 20px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; top: 0px; right: 0px; }

.putAwayPop .layui-layer-content { background-color: #1b2838; }

.putAwayPop .mr-50 { margin-right: 50px; }

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

.putAwayPop .abradability.hide { display: none; }

.putAwayPop .icon-rod { width: 10px; height: 6px; background: url(../../images/write_tringle.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0px; top: -6px; }

.putAwayPop #putAwayPop { /* 交易方式 */ }

.putAwayPop #putAwayPop .goods-box-types { height: 542px; overflow: auto; padding-bottom: 15px; box-sizing: border-box; overflow-x: hidden; }

.putAwayPop #putAwayPop .goods-info-box { background: #16202D; margin: 15px auto 0; width: 770px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img { width: 300px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .gunImg { margin: 14px 0 14px 12px; display: inline-block; float: left; width: 88px; height: 66px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); text-align: center; line-height: 66px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .gunImg > img { width: 68px; height: 31px; vertical-align: middle; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels { float: left; width: 180px; display: flex; flex-direction: column; justify-content: center; height: 84px; margin-left: 14px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels li:first-child { line-height: 18px; margin-bottom: 4px; overflow: hidden; font-size: 14px; width: 180px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels li:first-child > span:last-child { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; font-size: 14px; color: #fff; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels .wear { color: #B8B6B4; font-size: 12px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels .wear > p { margin-bottom: 6px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels .meLen.hide { display: none; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels .print { margin-top: 4px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .goods-img .goodsDels .print .printing-group ul li img { width: 32px; height: 24px; display: inline-block; vertical-align: middle; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua { width: 280px; display: inline-block; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua ul { display: flex; justify-content: center; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua ul li { width: 40px; margin-right: 5px; text-align: center; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua ul li:last-of-type { margin-right: 0; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua ul li img { width: 32px; height: 24px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .yinhua ul li span { display: block; text-align: center; color: #B8B6B4; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .cankao-price { display: inline-block; width: 156px; font-size: 14px; }

.putAwayPop #putAwayPop .goods-info-box .goods-info .cankao-price > span { color: #E1C48A; }

.putAwayPop #putAwayPop .goods-info-box .des-info { padding: 0px 14px 14px; position: relative; min-height: 22px; box-sizing: border-box; }

.putAwayPop #putAwayPop .goods-info-box .des-info.hide { display: none; }

.putAwayPop #putAwayPop .goods-info-box .des-info p { padding: 3px 5px; background: #1b2838; color: #B8B6B4; font-size: 12px; line-height: 16px; display: inline-block; cursor: pointer; }

.putAwayPop #putAwayPop .goods-info-box .yinhua-tip { height: 16px; color: #E1C48A; padding-bottom: 14px; }

.putAwayPop #putAwayPop .goods-info-box .yinhua-tip.hide { display: none; }

.putAwayPop #putAwayPop .goods-info-box .yinhua-tip span { width: 14px; height: 14px; background: url("../../images/full_atten.png") no-repeat center; background-size: 100%; margin-right: 6px; margin-left: 16px; margin-top: -2px; vertical-align: middle; display: inline-block; }

.putAwayPop #putAwayPop .in-goods-type { background: #1B2838; box-sizing: border-box; margin: 10px auto 0; font-size: 0; }

.putAwayPop #putAwayPop .in-goods-type.hide { display: none; }

.putAwayPop #putAwayPop .in-goods-type .in-left { float: left; font-size: 12px; color: #B8B6B4; width: 108px; height: 34px; line-height: 34px; text-align: right; }

.putAwayPop #putAwayPop .in-goods-type .in-left > em { font-style: normal; color: #E1C48A; margin-right: 4px; }

.putAwayPop #putAwayPop .in-goods-type span { width: 120px; height: 34px; opacity: 1; line-height: 34px; margin-left: 14px; /* #16202D 板块背景色 */ background: #16202D; box-sizing: border-box; text-align: center; color: #B8B6B4; font-size: 14px; display: inline-block; cursor: pointer; border: 1px solid #2D3D50; }

.putAwayPop #putAwayPop .in-goods-type span:first-of-type { margin-left: 35px; }

.putAwayPop #putAwayPop .in-goods-type span.active { border: 1px solid #E1C48A; }

.putAwayPop #putAwayPop .in-goods-type span.hide { display: none; }

.putAwayPop #putAwayPop .in-day .in-days-type { display: inline-block; margin-left: 35px; font-size: 0; }

.putAwayPop #putAwayPop .in-day .in-days-type span, .putAwayPop #putAwayPop .in-day .in-days-type input { vertical-align: middle; cursor: pointer; display: inline-block; width: 120px; height: 34px; line-height: 34px; text-align: center; opacity: 1; color: #B8B6B4; font-size: 12px; /* #16202D 板块背景色 */ background: #16202D; font-size: 12px; box-sizing: border-box; margin-right: 14px; /* #2D3D50 表单边框 板块头分割线 弹出菜单边框 菜单悬浮背景 */ border: 1px solid #2D3D50; }

.putAwayPop #putAwayPop .in-day .in-days-type span.active, .putAwayPop #putAwayPop .in-day .in-days-type input.active { border: 1px solid #E1C48A; }

.putAwayPop #putAwayPop .goodLists { margin: 0 auto; display: block; }

.putAwayPop #putAwayPop .in-info .in-left, .putAwayPop #putAwayPop .in-info-sold .in-left { float: left; font-size: 12px; color: #B8B6B4; width: 108px; height: 34px; line-height: 34px; text-align: right; }

.putAwayPop #putAwayPop .in-info .in-left > em, .putAwayPop #putAwayPop .in-info-sold .in-left > em { font-style: normal; color: #E1C48A; margin-right: 4px; }

.putAwayPop #putAwayPop .in-info > div, .putAwayPop #putAwayPop .in-info-sold > div { margin-top: 14px; }

.putAwayPop #putAwayPop .in-info > div > input, .putAwayPop #putAwayPop .in-info-sold > div > input { margin-left: 35px; width: 300px; height: 34px; display: inline-block; padding: 10px; color: #fff; /* #171A21 页面顶部菜单背景 底部背景 展开菜单背景 */ background: #171A21; box-sizing: border-box; /* #2D3D50 表单边框 板块头分割线 弹出菜单边框 菜单悬浮背景 */ border: 1px solid #2D3D50; }

.putAwayPop #putAwayPop .in-info > div > span, .putAwayPop #putAwayPop .in-info-sold > div > span { margin-left: 10px; font-size: 12px; color: #fff; }

.putAwayPop #putAwayPop .in-info > div > a, .putAwayPop #putAwayPop .in-info-sold > div > a { color: #66C0F4; cursor: pointer; margin-left: 10px; }

.putAwayPop #putAwayPop .reminder-info { width: 770px; margin: 14px auto 0; box-sizing: border-box; color: #E1C48A; font-size: 12px; background: #16202D; }

.putAwayPop #putAwayPop .reminder-info .reminder-info-content { padding: 15px; max-height: 120px; }

.putAwayPop #putAwayPop .reminder-info.hide { padding: 0; display: none; }

.putAwayPop #putAwayPop .rent-up { height: 90px; padding: 0 14px; width: 100%; box-sizing: border-box; background: #2D3D50; }

.putAwayPop #putAwayPop .rent-up .info-left { display: flex; flex-direction: row; }

.putAwayPop #putAwayPop .rent-up .info-left.hide { display: none; }

.putAwayPop #putAwayPop .rent-up .info-left > div { color: #B8B6B4; }

.putAwayPop #putAwayPop .rent-up .info-left > div span { font-size: 14px; color: #fff; }

.putAwayPop #putAwayPop .rent-up .info-left > p { margin-left: 34px; color: #B8B6B4; }

.putAwayPop #putAwayPop .rent-up .info-left > p .tottlePrice { color: #E1C48A; }

.putAwayPop #putAwayPop .rent-up .pub-righ { margin-top: 11px; float: right; font-size: 0; }

.putAwayPop #putAwayPop .rent-up .pub-righ > .merge-box { display: inline-block; height: 40px; line-height: 40px; margin-right: 20px; cursor: pointer; }

.putAwayPop #putAwayPop .rent-up .pub-righ > .merge-box.point-none { pointer-events: none; }

.putAwayPop #putAwayPop .rent-up .pub-righ > .merge-box > input { margin-right: 9px; vertical-align: middle; cursor: pointer; pointer-events: none; }

.putAwayPop #putAwayPop .rent-up .pub-righ > .merge-box label { font-size: 12px; cursor: pointer; display: inline-block; vertical-align: middle; }

.putAwayPop #putAwayPop .rent-up .pub-righ > span:not(.merge-box), .putAwayPop #putAwayPop .rent-up .pub-righ button { border: none; display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; background: #2C4F67; vertical-align: middle; cursor: pointer; text-align: center; }

.putAwayPop #putAwayPop .rent-up .pub-righ .noUse { margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 0; }

.putAwayPop #putAwayPop .rent-up .pub-righ .noUse .js-submit { position: relative; background-color: #4c6b22; width: 120px; height: 40px; line-height: 40px; text-align: center; float: right; font-size: 14px; color: #fff; cursor: pointer; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns { margin-top: 10px; display: flex; justify-content: right; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns li { float: left; font-size: 12px; line-height: 16px; color: #fff; cursor: pointer; font-size: 0; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns li input { vertical-align: middle; pointer-events: none; cursor: pointer; margin-top: 4px; margin-right: 8px; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns li label { vertical-align: middle; color: #C6D4DF; height: 13px; font-size: 12px; display: inline-block; box-sizing: border-box; cursor: pointer; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns li > a { color: #66C0F4; cursor: pointer; vertical-align: middle; top: 2px; position: relative; font-size: 12px; }

.putAwayPop #putAwayPop .rent-up .pub-righ .groundingBtns li > a:hover { color: #fff; }

.putAwayPop .upFrame.sold.hide { display: none; }

.putAwayPop .upFrame.sold .sold-up { display: flex; justify-content: space-between; align-items: center; background: #2D3D50; height: 90px; padding: 0 14px; }

.putAwayPop .upFrame.sold .sold-up .pub-righ { font-size: 0; }

.putAwayPop .upFrame.sold .sold-up .pub-righ > span, .putAwayPop .upFrame.sold .sold-up .pub-righ button { border: none; display: inline-block; width: 120px; height: 40px; line-height: 40px; color: #ffffff; font-size: 14px; background: #2C4F67; vertical-align: middle; cursor: pointer; text-align: center; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .noUse { margin-left: 20px; display: inline-block; vertical-align: middle; font-size: 0; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .noUse .js-submit { position: relative; background-color: #4c6b22; width: 120px; height: 40px; line-height: 40px; text-align: center; float: right; font-size: 14px; color: #fff; cursor: pointer; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns { margin-top: 10px; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns li { float: left; font-size: 12px; line-height: 16px; color: #fff; cursor: pointer; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns li input { vertical-align: middle; pointer-events: none; margin-top: 4px; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns li label { vertical-align: middle; color: #C6D4DF; width: 180px; height: 12px; border-radius: 2px; display: inline-block; box-sizing: border-box; cursor: pointer; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns li label a { color: #66C0F4; cursor: pointer; }

.putAwayPop .upFrame.sold .sold-up .pub-righ .groundingBtns li label a:hover { color: #fff; }

.putAwayPop .upFrame.rent.hide { display: none; }

.putAwayPop .upFrame.rent .up-box { overflow: auto; }

.layui-layer.despop { background-color: #16202D; }

.layui-layer.despop .layui-layer-title { color: #fff; text-align: left; padding-left: 15px; font-size: 14px; height: 48px; background: #16202D; border-bottom: 1px solid #1B2838; }

.layui-layer.despop .layui-layer-setwin a { height: 20px; width: 20px; font-size: 20px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; top: 0px; right: 0px; }

.layui-layer.despop .layui-layer-content { background: #16202D; }

.layui-layer.despop .des-text textarea { width: 370px; height: 142px; border: none; outline: none; /* #171A21 页面顶部菜单背景 底部背景 展开菜单背景 */ background: #171A21; display: block; margin: 15px auto; box-sizing: border-box; resize: none; padding: 10px; color: #fff; font-size: 12px; /* #2D3D50 表单边框 板块头分割线 弹出菜单边框 菜单悬浮背景 */ border: 1px solid #2D3D50; }

.layui-layer.despop .opt-btn { float: right; font-size: 0; margin-right: 15px; }

.layui-layer.despop .opt-btn span { display: inline-block; width: 120px; height: 34px; line-height: 34px; color: #fff; font-size: 14px; vertical-align: middle; text-align: center; background: #626366; cursor: pointer; }

.layui-layer.despop .opt-btn span.sure-info { margin-left: 20px; background: #4C6B22; }

.layui-layer.popup-common.yinhuaTip .layui-layer-btn .layui-layer-btn0 { float: right; }

.layui-layer.popup-common.yinhuaTip .layui-layer-btn .layui-layer-btn0.btn-unabled { pointer-events: none; }

.layui-layer.popup-common.yinhuaTip .neverTip { float: left; margin-right: 106px; border: none; color: #fff; background: #1b2838; cursor: pointer; height: 34px; }

.know-layer.popup-common.layui-layer-dialog .layui-layer-content { padding: 20px; }

.icon-down { background: url("../../../images/upanddown.png") no-repeat 0px 0px; background-size: 30px 8px; width: 14px; height: 8px; display: inline-block; }

.icon-up { background: url("../../../images/upanddown.png") no-repeat -16px 0px; background-size: 30px 8px; width: 14px; height: 8px; display: inline-block; }

.popup-nobg { background-color: transparent !important; }

.popup-nobg .layui-layer-content { overflow: inherit !important; }

.goodsdetail-popup { width: 1394px; height: 656px; font-size: 14px; }

.goodsdetail-popup .goodsimg-box { width: 534px; height: 656px; background: url(../../images/goodsimgbg.png) no-repeat; background-size: 100% 100%; text-align: center; position: relative; line-height: 656px; margin-left: 20px; }

.goodsdetail-popup .goodsimg-box img { max-width: 300px; max-height: 300px; }

.goodsdetail-popup > div { float: left; }

.goodsdetail-popup .middle-content > div { float: left; }

.goodsdetail-popup .goodsinfo-box { width: 680px; background-color: #16202D; height: 656px; box-sizing: border-box; padding: 30px; overflow-y: auto; overflow-x: hidden; padding-bottom: 106px; }

.goodsdetail-popup .goodsinfo-box .goodsName { color: #FFFFFF; font-size: 24px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: relative; padding-right: 32px; }

.goodsdetail-popup .goodsinfo-box .goodsName a { position: absolute; right: 0; }

.goodsdetail-popup .goodsinfo-box .goodsAttr { margin-top: 15px; }

.goodsdetail-popup .goodsinfo-box .goodsAttr span { color: #B8B6B4; margin-right: 15px; font-size: 14px; }

.goodsdetail-popup .goodsinfo-box .goodsSteamInfo { margin-left: -20px; width: 103.8%; font-size: 0; }

.goodsdetail-popup .goodsinfo-box .goodsSteamInfo p { margin-top: 15px; width: 46.8%; height: 50px; background-color: #1B2838; padding: 16px; margin-left: 20px; display: inline-block; box-sizing: border-box; }

.goodsdetail-popup .goodsinfo-box .goodsSteamInfo p span { font-size: 14px; }

.goodsdetail-popup .goodsinfo-box .goodsSteamInfo p span:first-child { color: #B8B6B4; float: left; }

.goodsdetail-popup .goodsinfo-box .goodsSteamInfo p span:first-child + span { color: #FFFFFF; float: right; }

.goodsdetail-popup .goodsinfo-box .abradability-box { width: 100%; background-color: #1B2838; padding: 20px 15px; margin-top: 15px; color: #FFFFFF; box-sizing: border-box; }

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

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

.goodsdetail-popup .goodsinfo-box .contentbox { background-color: #1B2838; margin-top: 15px; width: 100%; box-sizing: border-box; color: #B8B6B4; padding: 15px; }

.goodsdetail-popup .goodsinfo-box .contentbox h3 { color: #FFFFFF; font-size: 18px; }

.goodsdetail-popup .goodsinfo-box .sellInfo p { margin-top: 14px; }

.goodsdetail-popup .goodsinfo-box .sellInfo p:first-child { margin-top: 0; margin-bottom: 20px; }

.goodsdetail-popup .goodsinfo-box .sellInfo p img { width: 30px; height: 30px; margin-right: 10px; border-radius: 50%; }

.goodsdetail-popup .goodsinfo-box .sellInfo p span:first-child { float: right; }

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

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

.goodsdetail-popup .action-bar { background-color: #2D3D50; padding: 18px 20px 18px 30px; position: absolute; bottom: 0; right: 80px; width: 680px; box-sizing: border-box; height: 76px; }

.goodsdetail-popup .action-bar .total-money { vertical-align: middle; color: #C6D4DF; line-height: 40px; }

.goodsdetail-popup .action-bar .total-money span { color: #E1C48A; font-size: 18px; font-weight: bold; vertical-align: middle; }

.goodsdetail-popup .action-bar .total-money span.LongRentPrice { font-size: 14px; margin-left: 20px; color: #C6D4DF; }

.goodsdetail-popup .action-bar .btn-group { float: right; }

.goodsdetail-popup .action-bar .btn-group a { width: 80px; margin-left: 10px; }

.goodsdetail-popup .action-bar .deposits { float: left; height: 40px; margin-top: -15px; }

.goodsdetail-popup .action-bar .deposits p:first-child + p { color: #C6D4DF; }

.goodsdetail-popup .action-bar .deposits p:first-child + p span { color: #C6D4DF; }

.goodsdetail-popup .m-t10 { margin-top: 10px; }

.goodsdetail-popup .stickersbox li { margin-top: 10px; }

.goodsdetail-popup .stickersbox li img { width: 48px; height: 48px; vertical-align: top; background-color: #16202D; }

.goodsdetail-popup .stickersbox li .stickers-info { display: inline-block; margin-left: 10px; }

.goodsdetail-popup .stickersbox li .stickers-info p:first-child { font-size: 14px; }

.goodsdetail-popup .stickersbox li .stickers-info p:first-child + p { color: #FFFFFF; font-size: 12px; margin-top: 6px; }

.goodsdetail-popup .right-btn > a { width: 60px; height: 60px; background-color: #16202D; border-radius: 5px; display: block; margin-left: 20px; margin-bottom: 20px; }

.goodsdetail-popup .right-btn .share { position: relative; }

.goodsdetail-popup .right-btn .share > a { width: 60px; height: 60px; border-radius: 5px; display: block; margin-left: 20px; margin-bottom: 20px; background: url(../../images/layer-share.png) no-repeat; background-color: #16202D; background-position: center; }

.goodsdetail-popup .right-btn .share:hover .sharepop { display: block; }

.goodsdetail-popup .right-btn .sharepop { position: absolute; left: 80px; top: 0; display: none; width: 186px; height: 228px; }

.goodsdetail-popup .right-btn .sharepop > div { padding: 17px; text-align: center; background-color: #1B2838; border: 1px solid #2D3D50; box-sizing: border-box; border-radius: 5px; position: absolute; left: 10px; top: 0; }

.goodsdetail-popup .right-btn .sharepop > div .triangle-left { border: 8px solid transparent; border-right-color: #1b2838; border-left: 0; position: relative; width: 0; height: 0; transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transition: transform 0.5s; -webkit-transition: transform 0.5s; position: absolute; left: -8px; top: 20px; }

.goodsdetail-popup .right-btn .sharepop a { width: 140px; margin-top: 14px; }

.goodsdetail-popup .content-notes { font-size: 14px; cursor: pointer; color: #66C0F4 !important; }

.goodsdetail-popup .content-notes span { color: #66C0F4 !important; }

.goodsdetail-popup .content-notes p { line-height: 21px; }

.goodsdetail-popup .content-notes .center { text-align: center; }

.left-carousel { position: relative; }

.goods-carousel { height: 656px; position: relative; height: 656px; overflow: hidden; border-radius: 5px; width: 80px; }

.goods-carousel .up-btn, .goods-carousel .down-btn { height: 18px; line-height: 18px; width: 80px; background: #2D3D50; position: absolute; left: 0; z-index: 22; text-align: center; }

.goods-carousel .up-btn i, .goods-carousel .down-btn i { text-align: center; }

.goods-carousel .up-btn { top: 0; }

.goods-carousel .down-btn { bottom: 0; }

.goods-carousel .carousel-li { position: absolute; left: 0; top: 28px; animation-duration: .3s; animation-fill-mode: both; transition: top .5s; -webkit-transition: .5s; }

.goods-carousel .carousel-li div { cursor: pointer; width: 80px; height: 80px; position: relative; overflow: hidden; border-radius: 5px; margin-top: 8px; border: 1px solid; border-color: #2D3D50; box-sizing: border-box; background: url(../../images/shipinbg.png) no-repeat; background-size: 100% 100%; text-align: center; }

.goods-carousel .carousel-li div:first-child { margin-top: 0; }

.goods-carousel .carousel-li div img { width: 60px; height: 60px; object-fit: contain; margin-top: 5px; }

.goods-carousel .carousel-li div p { color: #E1C48A; position: absolute; text-align: center; width: 100%; bottom: 6px; left: 0; }

.goods-carousel .carousel-li .active { border-color: #569bc4; }

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

.popgoodslist { background-color: #16202D; width: auto; margin: 15px 15px 0 15px; box-sizing: border-box; }

.popgoodslist .img-wrap { position: relative; width: 437px; padding: 14px 0; margin-left: 15px; }

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

.popgoodslist .goodsimg img { width: 100%; height: 100%; object-fit: contain; }

.popgoodslist .goodsname { display: inline-block; width: 213px; vertical-align: middle; font-size: 14px; }

.popgoodslist .goodsname p { white-space: nowrap; text-overflow: ellipsis; color: #C5D3DF; font-size: 14px; width: 320px; overflow: hidden; }

.popgoodslist .goodsprice { font-size: 14px; color: #E1C48A; }

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

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

.popgoodslist .printing-group { width: 200px; text-align: left; }

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

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

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

.popgoodslist .printing-group .printing-tips p { color: #B8B6B4; }

.give-target { padding: 15px 20px 15px; width: auto; }

.give-target .add { width: 100%; height: 110px; background-color: #16202D; text-align: center; line-height: 110px; margin-top: 15px; cursor: pointer; }

.give-target .add span:first-child { width: 31px; height: 31px; line-height: 31px; display: inline-block; background-color: #2D3D50; border-radius: 50%; text-align: center; font-size: 14px; font-weight: 600; margin-right: 15px; }

.give-target-list li { width: auto; height: 110px; background-color: #16202D; cursor: pointer; position: relative; margin-top: 15px; border: 1px solid; border-color: #16202D; }

.give-target-list li > div:first-child { padding: 15px; }

.give-target-list li > div:first-child a { float: right; position: relative; z-index: 111; }

.give-target-list li > div:first-child + div { display: flex; flex: 1; padding: 5px 15px 20px 15px; }

.give-target-list .lose-efficacy-shade { display: none; cursor: no-drop; width: 100%; height: 110px; position: absolute; left: 0; top: 0; background-color: rgba(51, 61, 74, 0.85); z-index: 11; }

.give-target-list .lose-efficacy-shade p { color: #EA0000; text-align: center; line-height: 110px; }

.give-target-list .steam-grade { width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 13px; opacity: 1; display: inline-block; background: #2D3D50; color: #FFFFFF; }

.give-target-list .account-seniority { width: 26px; height: 25px; margin-left: 20px; }

.give-target-list .targetinfo { width: 84%; }

.give-target-list .targetinfo img { width: 37px; height: 37px; border-radius: 18.5px; margin-right: 12px; vertical-align: bottom; }

.give-target-list .targetinfo > div p:first-child { font-size: 14px; color: #C6D4DF; margin-bottom: 5px; }

.give-target-list .targetinfo + div { width: 96px; line-height: 37px; }

.give-target-list .btn-b { width: 78px; text-align: right; }

.give-target-list .btn-edit { width: 68px; text-align: right; z-index: 111; }

.give-target-list .btn-edit .btn-text-gray { color: #B8B6B4; display: inline-block; }

.give-target-list .btn-edit .btn-text-gray:first-child { margin-bottom: 5px; }

.give-target-list li.active { border-color: #4C6B22; }

.give-target-list li.active .border { display: block; }

.give-target-list .border { width: 24px; height: 20px; position: absolute; background: url(../../images/checked.png) no-repeat; right: 0; bottom: 0; display: none; background-position: 100% 100%; border-color: #4C6B22; }

.steamDealUrl-verify .layui-layer-content { text-align: center; padding: 15px; }

.steamDealUrl-verify .layui-layer-content p { font-size: 14px; color: #C6D4DF; }

.steamDealUrl-verify .layui-layer-content textarea { background: #171A21; width: 100%; height: 100px; padding: 10px; border: 0; box-sizing: border-box; color: #FFFFFF; margin-top: 15px; resize: none; }

.steamDealUrl-verify .layui-layer-content .btn-forty-green { width: 120px; margin-top: 20px; }

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

.pop-big-btn .layui-layer-btn .layui-layer-btn0 { width: 120px; height: 38px; line-height: 38px; font-size: 14px; }

.pop-big-btn .layui-layer-btn .layui-layer-btn1 { width: 120px; height: 38px; line-height: 38px; font-size: 14px; }

.give-target-manage .layui-tab, .editFriend-pop .layui-tab { margin: 15px 10px 15px 15px; }

.give-target-manage .layui-tab-title, .editFriend-pop .layui-tab-title { height: 40px; line-height: 40px; border-color: #2D3D50; border-width: 2px; background-color: transparent; }

.give-target-manage .layui-tab-title li, .editFriend-pop .layui-tab-title li { font-size: 16px; height: 40px; }

.give-target-manage .layui-tab-title .layui-this, .editFriend-pop .layui-tab-title .layui-this { background-color: #2D3D50; color: #FFFFFF; }

.give-target-manage .give-target-list, .editFriend-pop .give-target-list { margin: 0 15px; }

.give-target-manage .give-target-list li, .editFriend-pop .give-target-list li { margin-top: 15px; }

.give-target-manage .notarget, .editFriend-pop .notarget { text-align: center; padding-top: 140px; }

.give-target-manage .notarget p, .editFriend-pop .notarget p { color: #C6D4DF; font-size: 14px; margin-bottom: 30px; }

.give-target-manage .notarget p a, .editFriend-pop .notarget p a { width: 120px; }

.give-target-manage .tips, .editFriend-pop .tips { font-size: 14px; color: #C6D4DF; padding: 5px 0; }

.give-target-manage .form-main input, .editFriend-pop .form-main input { width: 600px !important; }

.add-give-target .give-target-list .btn-edit { line-height: 37px; }

.popup-common .form-main { overflow: hidden; padding-top: 10px; padding-left: 15px; }

.popup-common .form-main > a { float: right; margin-top: 7px; width: 302px; }

.popup-common .form-main ul li { line-height: 45px; }

.popup-common .form-main ul li span { color: #ffffff; font-size: 12px; }

.popup-common .form-main ul li p { width: 70px; margin-right: 2px; display: inline-block; text-align: right; color: #B8B6B4; font-size: 12px; }

.popup-common .form-main ul li p > span { color: #e1c48a; }

.popup-common .form-main ul li input { width: 290px; }

.popup-common .form-main ul li a { width: 145px; }

#verificationCode { width: 135px; margin-right: 10px; }

.width { width: 200px; }

.getcode-pop .form-main { text-align: center; }

.getcode-pop .form-main ul li p { width: auto; }

.getcode-pop .form-main ul li { line-height: inherit; margin-top: 20px; }

.getcode-pop .form-main ul li span { color: #C6D4DF; line-height: 24px; }

.getcode-pop .form-main ul li .get-verification-code { line-height: 34px; height: 34px; vertical-align: bottom; }

.getcode-pop .form-main ul .dd-opt { margin-top: 25px; }

.getcode-pop .form-main ul .dd-opt a { width: 120px; }

.getcode-pop .form-main ul .dd-opt a:first-child { margin-right: 15px; }

.getcode-pop .btn-unable span { color: #626366 !important; }

.del { position: absolute; background-color: #171a21; width: 30px; height: 30px; line-height: 30px; left: 252px; top: 8px; cursor: pointer; display: none; }

.del b { width: 16px; height: 16px; display: inline-block; background: url("../../images/layer-del.png") no-repeat center; background-size: 100%; vertical-align: sub; }

.counter-offer-pop .popgoodslist thead td { height: 40px; border-bottom: 1px solid #2D3D50; }

.counter-offer-pop .popgoodslist thead td:first-child { padding-left: 15px; }

.counter-offer-pop .popgoodslist td:first-child { width: 317px; }

.counter-offer-pop .popgoodslist td:first-child + td { width: 240px; }

.counter-offer-pop .popgoodslist td:first-child + td + td { width: 117px; }

.counter-offer-pop .popgoodslist tbody td:first-child { width: 332px; }

.counter-offer-pop .popgoodslist .img-wrap { width: 303px; }

.counter-offer-pop .popgoodslist .img-wrap .goodsname { width: 193px; }

.counter-offer-pop .popgoodslist .img-wrap .goodsname p { white-space: inherit; overflow: initial; width: auto; }

.counter-offer-pop .popgoodslist .printing-group { width: 240px; }

.counter-offer-pop .form-main .counter-offer-price { position: relative; }

.counter-offer-pop .form-main .counter-offer-price p { width: auto; }

.counter-offer-pop .form-main .counter-offer-price .form-inp { padding-left: 30px; width: 270px; }

.counter-offer-pop .form-main .counter-offer-price i { position: absolute; left: 50px; bottom: -1px; color: #E1C48A; font-size: 14px; }

.counter-offer-pop .form-main .counter-offer-price a { float: right; margin-right: 15px; }

.counter-offer-pop .tips { margin-top: 20px; padding: 0 15px; color: #E1C48A; }

.counter-offer-pop .tips p, .counter-offer-pop .tips span { color: #E1C48A; }

.close-layer { background: url(../../images/close-layer.png) no-repeat; background-position: center; }

.lease-pop .popgoodslist thead td { height: 40px; border-bottom: 1px solid #2D3D50; }

.lease-pop .popgoodslist thead td:first-child { padding-left: 15px; }

.lease-pop .popgoodslist td:first-child { width: 480px; }

.lease-pop .popgoodslist td:first-child + td { width: 322px; }

.lease-pop .popgoodslist .img-wrap { width: 303px; }

.lease-pop .popgoodslist .img-wrap .goodsname { width: 193px; }

.lease-pop .popgoodslist .img-wrap .goodsname p { font-size: 12px; white-space: inherit; overflow: initial; width: auto; }

.lease-pop .popgoodslist .img-wrap .WearRate { color: #B8B6B4; }

.lease-pop .popgoodslist .img-wrap .WearRate span { color: #B8B6B4; }

.lease-pop .popgoodslist .printing-group { width: 226px; }

.lease-pop .lease-type a { width: 120px; height: 34px; line-height: 34px; background-color: #16202D; color: #B8B6B4; text-align: center; display: inline-block; margin-left: 10px; box-sizing: border-box; border: 1px solid; border-color: #16202D; }

.lease-pop .lease-type a:first-child { margin-left: 0; }

.lease-pop .lease-type .active { border-color: #E1C48A; }

.lease-pop .number-add { overflow: initial; width: auto; font-size: 0; }

.lease-pop .number-add .na-minus, .lease-pop .number-add .na-add { padding-left: 0; padding-right: 0; }

.lease-pop .number-add input { font-size: 12px; }

.lease-pop .na-add, .lease-pop .na-minus { border: 1px solid #2c4f67; height: 30px; line-height: 28px; padding-top: 0; display: block; box-sizing: border-box; }

.lease-pop .na-add:hover, .lease-pop .na-minus:hover { border: 1px solid #3b6e8c; }

.lease-pop .lease-action-bar { padding: 0 15px; background-color: #2D3D50; position: absolute; bottom: 0; left: 0; height: 90px; width: 100%; box-sizing: border-box; }

.lease-pop .lease-action-bar > span { color: #B8B6B4; font-size: 12px; display: inline-block; width: 120px; margin-top: 36px; }

.lease-pop .lease-action-bar > span > span { font-size: 14px; color: #E1C48A; }

.lease-pop .lease-action-bar .btn-group { float: right; margin-top: 12px; text-align: right; }

.lease-pop .lease-action-bar .btn-group .btn-forty-green { width: 200px; }

.lease-pop .lease-action-bar .btn-group > div { margin-top: 10px; }

.lease-pop .lease-action-bar .btn-group > div span { font-size: 12px; }

.lease-pop .form { margin-top: 20px; position: relative; margin-left: 71px; }

.lease-pop .form .form_line { display: flex; height: 34px; line-height: 34px; margin-bottom: 15px; align-items: center; color: #b8b6b4; position: relative; }

.lease-pop .form .form_line .form_label { width: 70px; font-size: 12px; text-align: left; }

.lease-pop .form .form_line .tips-grey { font-size: 12px; color: #B8B6B4; margin-left: 10px; }

.wear_dialog { padding: 60px 50px 38px; }

.wear_dialog .in_oneline { display: flex; margin-bottom: 62px; }

.wear_dialog .in_oneline span { line-height: 34px; margin: 0 8px; }

.wear_dialog .in_oneline input { width: 130px; height: 34px; background: #171a21; border: 1px solid #2d3d50; padding: 0 10px; font-size: 12px; color: #fff; box-sizing: border-box; }

.wear_dialog .btn { display: flex; justify-content: space-between; }

.wear_dialog .btn .reset { width: 120px; height: 40px; line-height: 40px; background: #2c4f67; margin: 0 auto; color: #fff; }

.wear_dialog .btn .submit { width: 120px; height: 40px; line-height: 40px; background: #4c6b22; margin: 0 auto; color: #fff; }

.confirm_info { width: 400px; padding: 20px; font-size: 14px; }

.confirm_info .in_oneline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }

.confirm_info .in_oneline .yellow { color: #e1c48a; }

.confirm_info .confirm_btn, .confirm_info .charge_btn { width: 120px; line-height: 40px; height: 40px; background: #4c6b22; color: #fff; margin: 0 auto; }

.confirm_info .tips { text-align: center; color: #e1c48a; font-size: 12px; }

.hidden { display: none; }

.tipbox { max-width: 256px; height: max-content; padding: 10px; background: #101822; position: absolute; left: 450px; top: 50px; display: none; }

.price_tip { left: 350px; top: 310px; }

.buyinbulk-pop .btn-group, .buyinbulk-goodslist .btn-group { background-color: #2D3D50; position: absolute; bottom: 0; left: 0; height: 76px; width: 100%; }

.buyinbulk-pop .fi-hidden ul, .buyinbulk-goodslist .fi-hidden ul { overflow-y: hidden; }

.buyinbulk-pop .layui-layer-content, .buyinbulk-goodslist .layui-layer-content { overflow: visible !important; }

.buyinbulk-pop .maxnumtips, .buyinbulk-goodslist .maxnumtips { position: absolute; left: 80px; color: #E1C48A; bottom: 37px; }

.buyinbulk-pop .content_box, .buyinbulk-goodslist .content_box { color: #519fff; background: #1b2838; padding: 15px 0 15px 15px; position: relative; box-sizing: border-box; width: 100%; height: 100%; }

.buyinbulk-pop .content_box .money_receive, .buyinbulk-goodslist .content_box .money_receive { line-height: 40px; height: 40px; background-color: #16202d; font-size: 14px; color: #FFFFFF; display: flex; justify-content: space-between; padding: 0 14px; width: 662px; }

.buyinbulk-pop .content_box .money_receive .in_oneline, .buyinbulk-goodslist .content_box .money_receive .in_oneline { display: flex; align-items: center; }

.buyinbulk-pop .content_box .money_receive .layui-form-switch, .buyinbulk-goodslist .content_box .money_receive .layui-form-switch { margin: 0 6px; width: 35px; height: 18px; box-sizing: border-box; display: flex; align-items: center; }

.buyinbulk-pop .content_box .money_receive .layui-form-switch i, .buyinbulk-goodslist .content_box .money_receive .layui-form-switch i { width: 14px; height: 14px; top: 1px; left: 3px; }

.buyinbulk-pop .content_box .money_receive .layui-form-onswitch i, .buyinbulk-goodslist .content_box .money_receive .layui-form-onswitch i { left: 36px; }

.buyinbulk-pop .content_box .money_receive .money, .buyinbulk-goodslist .content_box .money_receive .money { color: #e1c48a; }

.buyinbulk-pop .content_box .money_receive .charge, .buyinbulk-goodslist .content_box .money_receive .charge { display: inline-block; width: 48px; height: 20px; line-height: 20px; background: #3b6e8c; font-size: 12px; text-align: center; border-radius: 2px; margin-left: 16px; }

.buyinbulk-pop .content_box .img_title, .buyinbulk-goodslist .content_box .img_title { padding: 15px; display: flex; width: 740px; background-color: #16202D; }

.buyinbulk-pop .content_box .img_title .goods_img, .buyinbulk-goodslist .content_box .img_title .goods_img { width: 133px; height: 100px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); text-align: center; }

.buyinbulk-pop .content_box .img_title .goods_img img, .buyinbulk-goodslist .content_box .img_title .goods_img img { width: 100px; height: 100px; object-fit: contain; }

.buyinbulk-pop .content_box .img_title .title_price, .buyinbulk-goodslist .content_box .img_title .title_price { margin-left: 20px; width: max-content; }

.buyinbulk-pop .content_box .img_title .title_price h2, .buyinbulk-goodslist .content_box .img_title .title_price h2 { color: #fff; font-size: 14px; margin-top: 10px; }

.buyinbulk-pop .content_box .img_title .title_price .price, .buyinbulk-goodslist .content_box .img_title .title_price .price { font-size: 14px; color: #b8b6b4; display: block; padding: 0; }

.buyinbulk-pop .content_box .img_title .title_price .price p, .buyinbulk-goodslist .content_box .img_title .title_price .price p { margin-right: 30px; margin-top: 14px; }

.buyinbulk-pop .content_box .img_title .title_price .price span, .buyinbulk-goodslist .content_box .img_title .title_price .price span { color: #e1c48a; }

.buyinbulk-pop .content_box .form, .buyinbulk-goodslist .content_box .form { margin-top: 20px; position: relative; }

.buyinbulk-pop .content_box .form .form_line, .buyinbulk-goodslist .content_box .form .form_line { display: flex; height: 34px; margin-bottom: 25px; align-items: center; color: #b8b6b4; position: relative; }

.buyinbulk-pop .content_box .form .form_line .form_label, .buyinbulk-goodslist .content_box .form .form_line .form_label { width: 70px; font-size: 12px; text-align: left; }

.buyinbulk-pop .content_box .form .form_line .unit_price_input, .buyinbulk-pop .content_box .form .form_line select, .buyinbulk-goodslist .content_box .form .form_line .unit_price_input, .buyinbulk-goodslist .content_box .form .form_line select { width: 300px; height: 34px; background: #171a21; border: 1px solid #2d3d50; padding: 0 10px; font-size: 12px; color: #fff; box-sizing: border-box; }

.buyinbulk-pop .content_box .check_submit, .buyinbulk-pop .content_box .topay, .buyinbulk-goodslist .content_box .check_submit, .buyinbulk-goodslist .content_box .topay { width: 120px; height: 40px; line-height: 40px; background: #4c6b22; width: 120px; height: 40px; line-height: 40px; background: #4c6b22; float: right; margin-right: 20px; margin-top: 18px; }

.buyinbulk-pop .content_box .tips, .buyinbulk-goodslist .content_box .tips { color: #e1c48a; font-size: 12px; line-height: 18px; }

.buyinbulk-pop .content_box .layui-icon-help, .buyinbulk-goodslist .content_box .layui-icon-help { margin-left: 10px; cursor: pointer; margin-right: 16px; }

.buyinbulk-pop .content_box .btn-thirtyf-blue, .buyinbulk-goodslist .content_box .btn-thirtyf-blue { width: 60px; }

.buyinbulk-pop .content_box .layui-icon-help::before, .buyinbulk-goodslist .content_box .layui-icon-help::before { font-size: 13px; }

.buyinbulk-pop .content_box .layui-icon-help::after, .buyinbulk-goodslist .content_box .layui-icon-help::after { content: ""; display: inline-block; width: 15px; height: 15px; border-radius: 100%; border: 0.5px solid #fff; margin-left: -14.5px; margin-bottom: -4px; font-size: 12px; }

.buyinbulk-pop .content_box .layui-layer-close, .buyinbulk-goodslist .content_box .layui-layer-close { color: #b8b6b4; }

.buyinbulk-pop .screenlist, .buyinbulk-goodslist .screenlist { float: left; margin-top: 14px; }

.buyinbulk-pop .screenlist a, .buyinbulk-goodslist .screenlist a { width: 100px; }

.buyinbulk-pop .sellgoodslist, .buyinbulk-goodslist .sellgoodslist { clear: both; width: 690px; box-sizing: border-box; overflow-y: auto; height: 389px; margin-top: 60px; }

.buyinbulk-pop .sellgoodslist > div, .buyinbulk-goodslist .sellgoodslist > div { background-color: #16202D; margin-bottom: 14px; }

.buyinbulk-pop .sellgoodslist > div > div:first-child, .buyinbulk-goodslist .sellgoodslist > div > div:first-child { height: 40px; line-height: 40px; border-bottom: 1px solid #2D3D50; }

.buyinbulk-pop .sellgoodslist > div > div:first-child img, .buyinbulk-goodslist .sellgoodslist > div > div:first-child img { width: 24px; height: 24px; border-radius: 50%; margin-left: 15px; }

.buyinbulk-pop .sellgoodslist > div > div:first-child span, .buyinbulk-goodslist .sellgoodslist > div > div:first-child span { color: #B8B6B4; margin-left: 6px; }

.buyinbulk-pop .sellgoodslist > div > div:first-child a, .buyinbulk-goodslist .sellgoodslist > div > div:first-child a { float: right; margin-right: 18px; }

.buyinbulk-pop .sellgoodslist .popgoodslist, .buyinbulk-goodslist .sellgoodslist .popgoodslist { margin: 0; }

.buyinbulk-pop .sellgoodslist .popgoodslist .img-wrap, .buyinbulk-goodslist .sellgoodslist .popgoodslist .img-wrap { width: 317px; cursor: default; }

.buyinbulk-pop .sellgoodslist .popgoodslist .WearRate, .buyinbulk-goodslist .sellgoodslist .popgoodslist .WearRate { color: #ffffff; }

.buyinbulk-pop .sellgoodslist .popgoodslist .goodsname, .buyinbulk-goodslist .sellgoodslist .popgoodslist .goodsname { width: 200px; }

.buyinbulk-pop .sellgoodslist .popgoodslist .printing-group, .buyinbulk-goodslist .sellgoodslist .popgoodslist .printing-group { width: 241px; }

.buyinbulk-goodslist .content_box { width: 100%; height: 100%; }

.buyinbulk-goodslist .content_box .btn-group { padding-left: 15px; box-sizing: border-box; }

.buyinbulk-goodslist .content_box .btn-group span { font-size: 14px; margin-right: 30px; color: #B8B6B4; line-height: 76px; }

.buyinbulk-goodslist .content_box .btn-group span:first-child span { color: #E1C48A; }

.buyinbulk-goodslist .content_box .btn-group span:first-child + span span { color: #FFFFFF; }

.help-tips .layui-layer-content { background-color: #101822; }

.help-tips .layui-layer-content i.layui-layer-TipsB { top: -15px; border-bottom-style: solid; border-bottom-color: #101822; border-right-style: solid; border-right-color: transparent; left: 120px; }

.supply-dialog { color: #B8B6B4; font-size: 14px; box-sizing: border-box; height: 658px; position: relative; padding: 15px; }

.supply-dialog .game-info { width: 100%; display: flex; margin-bottom: 15px; }

.supply-dialog .game-info .img-back { width: 150px; height: 100px; margin-right: 20px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); }

.supply-dialog .game-info img { width: 150px; height: 100px; }

.supply-dialog .game-info .title { font-size: 14px; margin-top: 5px; color: #fff; }

.supply-dialog .game-info .wear-con { color: #B8B6B4; font-size: 12px; border: 1px solid #2D3D50; padding: 4px 8px; margin-top: 6px; border-radius: 2px; display: inline-block; }

.supply-dialog .game-info .price { margin: 6px 0 5px 0; }

.supply-dialog .game-info .price span { color: #E1C48A; }

.supply-dialog .supply-num { color: #C6D4DF; display: flex; justify-content: space-between; background: #16202D; line-height: 18px; padding: 12px 15px; margin-bottom: 15px; box-sizing: border-box; }

.supply-dialog .supply-dialog-con { margin: 0 auto; font-size: 0px; height: 385px; overflow-y: auto; width: 702px; }

.supply-dialog .supply-dialog-con > li { cursor: pointer; display: inline-block; position: relative; background-color: #16202d; width: 224px; height: 180px; box-sizing: border-box; margin-bottom: 20px; text-align: center; vertical-align: middle; margin-right: 9px; }

.supply-dialog .supply-dialog-con > li .goods-cards { position: absolute; left: 0; top: 0; display: flex; justify-content: space-between; z-index: 2; width: 100%; }

.supply-dialog .supply-dialog-con > li .goods-cards .card-left { font-size: 12px; text-align: left; }

.supply-dialog .supply-dialog-con > li .goods-cards .card-left > span, .supply-dialog .supply-dialog-con > li .goods-cards .card-left > a { height: 22px; line-height: 22px; display: inline-block; padding: 0 9px; background: rgba(0, 0, 0, 0.3); margin-right: 5px; margin-bottom: 4px; }

.supply-dialog .supply-dialog-con > li .goods-cards .inject-3d > div { position: relative; margin-top: 7px; margin-right: 7px; z-index: 2; }

.supply-dialog .supply-dialog-con > li .goods-cards .inject-3d > div:hover a em + span { position: absolute; left: -10px; top: 16px; width: 60px; height: 38px; font-size: 12px; line-height: 38px; background: #101822; color: #C6D4DF; display: inline-block; }

.supply-dialog .supply-dialog-con > li .goods-cards .inject-3d a { display: block; width: 100%; height: 100%; position: relative; z-index: 3; }

.supply-dialog .supply-dialog-con > li .goods-cards .inject-3d a em { width: 12px; height: 12px; background: url("../../images/3d.png") no-repeat center; background-size: 100%; cursor: pointer; display: inline-block; }

.supply-dialog .supply-dialog-con > li .goods-cards .inject-3d a > span { display: none; }

.supply-dialog .supply-dialog-con > li .img-box { position: relative; height: 125px; }

.supply-dialog .supply-dialog-con > li .img-box > .firearm { width: 140px; height: 105px; display: block; margin: 0 auto; position: relative; top: 10px; }

.supply-dialog .supply-dialog-con > li .img-box .change-name { position: absolute; bottom: 20px; left: 8px; z-index: 1; width: 15px; height: 15px; background: url("../../images/atten.png") no-repeat center; background-size: 100%; }

.supply-dialog .supply-dialog-con > li .img-box .yinhua-box { position: absolute; bottom: 0; left: 8px; z-index: 1; }

.supply-dialog .supply-dialog-con > li .img-box .yinhua-box img { width: 27px; height: 24px; }

.supply-dialog .supply-dialog-con > li .img-box .viewes { position: absolute; bottom: 0; right: 10px; width: 48px; height: 24px; z-index: 3; cursor: pointer; }

.supply-dialog .supply-dialog-con > li .img-box .viewes.hide { display: none; }

.supply-dialog .supply-dialog-con > li .img-box .viewes span { pointer-events: none; width: 48px; height: 24px; border-radius: 18px; opacity: 1; color: #9FB0BB; line-height: 22px; box-sizing: border-box; display: inline-block; /* #2D3D50 表单边框 板块头分割线 弹出菜单边框 菜单悬浮背景 */ font-size: 12px; border: 1px solid #2D3D50; }

.supply-dialog .supply-dialog-con > li .redLockImg, .supply-dialog .supply-dialog-con > li .yeLockImg { position: absolute; right: 10px; top: 10px; }

.supply-dialog .supply-dialog-con > li > p { color: #B8B6B4; font-size: 12px; text-align: left; padding: 10px 12px 0; }

.supply-dialog .supply-dialog-con > li .abradability { width: 200px; height: 5px; background: url(../../images/SUKabradability.png) no-repeat center; background-size: 100% 100%; position: relative; display: inline-block; margin: 10px auto 10px; }

.supply-dialog .supply-dialog-con > li .abradability.hide { display: none; }

.supply-dialog .supply-dialog-con > li .icon-rod { width: 8px; height: 4px; background: url(../../images/write_tringle.png) no-repeat; background-size: 100% 100%; position: absolute; left: -4px; top: -6px; }

.supply-dialog .supply-dialog-con > li .goodsName { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #c6d4df; text-align: left; font-size: 14px; padding: 0 15px; position: absolute; width: 100%; box-sizing: border-box; bottom: 56px; left: 0; }

.supply-dialog .supply-dialog-con > li .info-footer { display: flex; justify-content: space-between; position: absolute; bottom: 19px; width: 100%; left: 0; }

.supply-dialog .supply-dialog-con > li .info-footer > P { color: #E1C48A; font-size: 14px; margin-left: 15px; }

.supply-dialog .supply-dialog-con > li .info-footer .info-status { color: #B8B6B4; font-size: 14px; margin-right: 15px; }

.supply-dialog .supply-dialog-con > li .info-footer .info-status span { width: 60px; height: 24px; border-radius: 18px; display: inline-block; box-sizing: border-box; /* #2D3D50 表单边框 板块头分割线 弹出菜单边框 菜单悬浮背景 */ }

.supply-dialog .supply-dialog-con > li .info-footer .info-status span.has-border { line-height: 21px; border: 1px solid #2D3D50; font-size: 12px; }

.supply-dialog .supply-dialog-con > li .info-footer .info-status span.has-border em { width: 16px; height: 16px; display: inline-block; vertical-align: middle; background: url("../../images/timer.png") no-repeat center; background-size: 100%; margin-right: 4px; margin-top: -2px; }

.supply-dialog .supply-dialog-con > li:nth-child(3n) { margin-right: 0; }

.supply-dialog .motai { display: none; position: absolute; top: 0px; left: 0px; width: 224px; height: 180px; border-width: 1px; border-color: #66c0f4; border-style: solid; background-color: rgba(44, 79, 103, 0.6); z-index: 99999; }

.supply-dialog .motai .right { background-color: #4c6b22; position: absolute; right: 0px; top: 0px; width: 24px; height: 24px; z-index: 100; background-image: url(../../images/gou.png); background-repeat: no-repeat; background-position: 9px 8px; }

.supply-dialog .footer { display: flex; justify-content: space-between; padding: 18px 20px 18px 15px; line-height: 40px; background: #2D3D50; width: 720px; position: absolute; bottom: 0; left: -2px; box-sizing: border-box; }

.supply-dialog .sure-supply { position: relative; text-align: center; background: #4c6b22; width: 120px; height: 40px; line-height: 40px; cursor: pointer; display: inline-block; margin-left: 15px; color: #fff; }

.supply-dialog .num-color { color: #C6D4DF; }

.supply-dialog #allSelect { margin-right: 10px; }

.supply-dialog .total-price { color: #E1C48A; margin-left: 10px; }

.btn-area { margin-top: 9px; float: right; }

.btn-area .btn { width: 96px; text-align: center; background: #626366; display: inline-block; height: 34px; box-sizing: border-box; line-height: 34px; margin-left: 15px; cursor: pointer; }

.btn-area .apply-sure { background: #4C6B22; }

.supply-context .info-desc .supply-min { color: #E1C48A; }

.info-desc { font-size: 12px; color: #E1C48A; margin-top: 20px; display: inline-flex; width: 370px; }

.send-btn { width: 300px; height: 40px; background: #4C6B22; margin-top: 70px; text-align: center; line-height: 40px; box-sizing: border-box; color: #fff; }

.supply-dialog .layui-layer-content { height: 658px !important; overflow: hidden; }

.supply-dialog-con::-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; }

.supply-dialog-con::-webkit-scrollbar { border: none; width: 8px; }

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

.supply-dialog-con { scrollbar-width: thin; scrollbar-color: #2c4f67 #1b2838; }

.supply-dialog-con::-moz-scrollbar-thumb { background-color: #2c4f67; border-radius: 10px; }

.supply-dialog-con::-moz-scrollbar-thumb:hover { background-color: #2c4f67; border-radius: 10px; }

.supply-dialog-con::-moz-scrollbar-track { background-color: #1b2838; border-radius: 4px; border: 1px solid #1b2838; }

.supply-context { color: #C6D4DF; font-size: 14px; padding: 10px 15px 20px 15px; }

.supply-context .item { display: flex; justify-content: space-between; margin-bottom: 5px; }

.supply-context .supply-item { line-height: 30px; }

.supply-context .last-item { margin-bottom: 20px; }

.supply-context span:first-child { color: #B8B6B4; }

.supply-context .btn-area .btn { color: #fff; }

.supply-context .price, .supply-context .new-pay { color: #E1C48A; }

.send-text { padding: 15px; padding-bottom: 20px; font-size: 14px; color: #C6D4DF; }

.send-text div { margin-bottom: 17px; }

.send-text .send-btn { margin: 0 auto; margin-top: 70px; cursor: pointer; color: #fff; }

.shop-setting-style .layui-layer-content { height: auto !important; }

.shop-setting-style .shop-setting-dialog { width: 400px; padding: 15px; box-sizing: border-box; }

.shop-setting-style .shop-setting-dialog .tips { padding: 15px; font-size: 12px; color: #E1C48A; background: #16202D; }

.shop-setting-style .shop-setting-dialog .shop_setting_form { margin-top: 15px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item { display: flex; align-items: center; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .layui-form-label { padding: 0; font-size: 12px; color: #B8B6B4; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .layui-input-block { margin-left: 10px; width: 300px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .layui-input-block input { box-sizing: border-box; height: 34px; padding-left: 10px; background: #171A21; color: #fff; border: none; font-size: 12px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_state_block { display: flex; align-items: center; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_state_block .layui-form-radio { display: flex; align-items: center; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_state_block .layui-icon { display: inline-block; width: 19px; height: 19px; line-height: 19px; border-radius: 100%; transform: scale(0.7); background: #fff; display: flex; justify-content: center; align-items: center; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_state_block .layui-form-radioed > i { transform: scale(0.72) !important; color: #666666; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_auto_block .layui-form-checked[lay-skin=primary] i { border-color: #DEDEDE; background-color: #DEDEDE; color: #424242; font-size: 17px; font-weight: 600; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .layui-form-item .shop_auto_block .layui-icon { transform: scale(0.8); }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time { display: flex; align-items: center; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time .form-content_end { margin-left: 10px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time .time-para { height: 150px; overflow-y: auto; width: 130px; box-sizing: border-box; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time .time-para li { display: inline-block; width: 100%; border: none; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time .select_two { margin-left: 140px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time ::-webkit-scrollbar { width: 2px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time ::-webkit-scrollbar-thumb { background-color: #636468; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .time-range_group .form-content-time input { width: 130px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .btn_group { padding-left: 68px; margin-top: 5px; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .btn_group .layui-btn { width: 96px; height: 30px; box-sizing: border-box; line-height: 30px; font-size: 14px; color: #fff; background: #4C6B22; border: none; }

.shop-setting-style .shop-setting-dialog .shop_setting_form .btn_group .cancle { background: #626366; }

.offline_dialog { width: 400px !important; height: 200px !important; font-size: 14px; }

.offline_dialog .layui-layer-content { height: auto !important; }

.offline_dialog .dialog_box { width: auto; }

.offline_dialog .dialog_box .setting { background: #4C6B22; }

.offline_dialog .dialog_box .layui-btn { border-radius: 0px; }

.zl_want_dialog { top: 50%  !important; left: 50%  !important; transform: translate(-50%, -50%) !important; }

.zl_want_dialog .layui-layer-content { height: auto !important; }

.zl_want_dialog .content_box { width: 580px; box-sizing: border-box; color: #519fff; background: #1B2838; padding: 15px 15px 31px; position: relative; }

.zl_want_dialog .content_box .money_receive { line-height: 40px; height: 40px; background-color: #16202D; font-size: 14px; color: #B8B6B4; display: flex; justify-content: space-between; padding: 0 14px; }

.zl_want_dialog .content_box .money_receive .in_oneline { display: flex; align-items: center; justify-content: space-between; }

.zl_want_dialog .content_box .money_receive .layui-form-switch { margin: 0 6px; width: 35px; height: 18px; box-sizing: border-box; display: flex; align-items: center; }

.zl_want_dialog .content_box .money_receive .layui-form-switch i { width: 14px; height: 14px; top: 1px; left: 3px; }

.zl_want_dialog .content_box .money_receive .layui-form-onswitch { border-color: #4C6B22; background-color: #4C6B22; }

.zl_want_dialog .content_box .money_receive .layui-form-onswitch i { left: 36px; }

.zl_want_dialog .content_box .money_receive .money { color: #E1C48A; }

.zl_want_dialog .content_box .money_receive .charge { display: inline-block; width: 48px; height: 20px; line-height: 20px; background: #3B6E8C; font-size: 12px; text-align: center; border-radius: 2px; margin-left: 16px; }

.zl_want_dialog .content_box .img_title { margin: 10px 0; display: flex; }

.zl_want_dialog .content_box .img_title .goods_img_box { width: 150px; height: 100px; background: radial-gradient(54% 54% at 50% 57%, #969696 0%, #474747 100%); text-align: center; }

.zl_want_dialog .content_box .img_title img { width: 100px; height: 100px; object-fit: contain; }

.zl_want_dialog .content_box .img_title .title_price { margin-left: 20px; width: max-content; }

.zl_want_dialog .content_box .img_title .title_price h2 { color: #fff; font-size: 18px; margin-top: 10px; }

.zl_want_dialog .content_box .img_title .title_price .price { display: flex; padding: 24px 0; font-size: 14px; color: #B8B6B4; }

.zl_want_dialog .content_box .img_title .title_price .price p { margin-right: 30px; }

.zl_want_dialog .content_box .img_title .title_price .price span { color: #E1C48A; }

.zl_want_dialog .content_box .form .form_line { display: flex; height: 34px; margin-bottom: 15px; align-items: center; color: #B8B6B4; position: relative; }

.zl_want_dialog .content_box .form .form_line .triangle-top { border-left-width: 4.8px; border-right-width: 4.8px; border-top-color: #C9D2DF !important; border-radius: 1px !important; }

.zl_want_dialog .content_box .form .form_line .form_label { width: 60px; font-size: 12px; margin-right: 10px; text-align: right; }

.zl_want_dialog .content_box .form .form_line .unit_price_input, .zl_want_dialog .content_box .form .form_line select { width: 300px; height: 34px; background: #171A21; border: 1px solid #2D3D50; padding: 0 10px; font-size: 12px; color: #fff; box-sizing: border-box; }

.zl_want_dialog .content_box .form .form_line .zl_qustion_icon { margin-left: 10px; }

.zl_want_dialog .content_box .check_submit { width: 120px; height: 40px; line-height: 40px; background: #4C6B22; margin-left: 70px; margin-bottom: 19px; }

.zl_want_dialog .content_box .tips { color: #E1C48A; font-size: 12px; line-height: 18px; }

.zl_want_dialog .content_box .layui-icon-help { margin-left: 10px; cursor: pointer; }

.zl_want_dialog .content_box .layui-icon-help::before { font-size: 13px; }

.zl_want_dialog .content_box .layui-icon-help::after { content: ''; display: inline-block; width: 15px; height: 15px; border-radius: 100%; border: .5px solid #fff; margin-left: -14.5px; margin-bottom: -4px; font-size: 12px; }

.wear_dialog { padding: 60px 50px 38px; }

.wear_dialog .in_oneline { display: flex; margin-bottom: 62px; }

.wear_dialog .in_oneline span { line-height: 34px; margin: 0 8px; }

.wear_dialog .in_oneline input { width: 130px; height: 34px; background: #171A21; border: 1px solid #2D3D50; padding: 0 10px; font-size: 12px; color: #fff; box-sizing: border-box; }

.wear_dialog .btn { display: flex; justify-content: space-between; }

.wear_dialog .btn .reset { width: 120px; height: 40px; line-height: 40px; background: #2C4F67; margin: 0 auto; color: #fff; }

.wear_dialog .btn .submit { width: 120px; height: 40px; line-height: 40px; background: #4C6B22; margin: 0 auto; color: #fff; }

.confirm_qg .confirm_info { width: 400px; padding: 20px; font-size: 14px; }

.confirm_qg .confirm_info .in_oneline { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; color: #B8B6B4; font-weight: 400; }

.confirm_qg .confirm_info .in_oneline .num { color: #C6D4DF; }

.confirm_qg .confirm_info .in_oneline .yellow { color: #E1C48A; }

.confirm_qg .confirm_info .confirm_btn, .confirm_qg .confirm_info .charge_btn { width: 120px; line-height: 40px; height: 40px; background: #4C6B22; color: #fff; margin: 0 auto; }

.confirm_qg .confirm_info .tips { text-align: center; color: #E1C48A; font-size: 12px; }

.zl_qustion_icon { cursor: pointer; display: inline-block; width: 20px; height: 20px; background-image: url(../../images/quest.png); background-size: 20px 20px; }

.tipbox_dialog { width: 267px; height: max-content; padding: 10px; background: #101822; position: absolute; left: 376px; top: 30px; display: none; color: #C6D4DF; text-align: left; white-space: pre-wrap; font-size: 12px; line-height: 18px; }

.auto_tip_dialog { width: 250px; z-index: 99; left: 440px; top: 55px; font-size: 12px; line-height: 18px; }

/****************************************   全局样式    ******************************/
body { background-color: #1b2838; }

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, table, thead, tfoot, tbody, tr, th, td { margin: 0; padding: 0; }

body, button, input, select, textarea { font-family: "Microsoft Yahei","Arial"; font-size: 12px; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

address, cite, dfn, em, var { font-style: normal; }

code, kbd, pre, samp { font-family: couriernew, courier, monospace; }

ul, ol { list-style: none; }

a { text-decoration: none; color: #ffffff; }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

fieldset, img { border: 0; }

button, input, select, textarea { font-size: 100%; outline: none; }

table { border-collapse: collapse; border-spacing: 0; }

i { font-style: normal; }

/****************************************   合成图标样式    ******************************/
.icon-lv1 { background: url("../../images/lv.png") no-repeat 0px 0px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv2 { background: url("../../images/lv.png") no-repeat 0px -16px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv3 { background: url("../../images/lv.png") no-repeat -32px 0px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv4 { background: url("../../images/lv.png") no-repeat -32px -16px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv5 { background: url("../../images/lv.png") no-repeat 0px -32px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv6 { background: url("../../images/lv.png") no-repeat -32px -32px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv7 { background: url("../../images/lv.png") no-repeat 0px -48px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-lv8 { background: url("../../images/lv.png") no-repeat -32px -48px; background-size: 62px 62px; width: 30px; height: 14px; }

.icon-bigClose { background: url("../../images/other-img.png") no-repeat -38px 0px; background-size: 52px 47px; width: 14px; height: 14px; }

.icon-bkgBottom { background: url("../../images/other-img.png") no-repeat -45px -16px; background-size: 52px 47px; width: 7px; height: 4px; }

.icon-bkgTop { background: url("../../images/other-img.png") no-repeat -42px -29px; background-size: 52px 47px; width: 7px; height: 4px; }

.icon-hollowLeft { background: url("../../images/other-img.png") no-repeat 0px 0px; background-size: 52px 47px; width: 17px; height: 27px; }

.icon-hollowRight { background: url("../../images/other-img.png") no-repeat -19px 0px; background-size: 52px 47px; width: 17px; height: 27px; }

.icon-right { background: url("../../images/other-img.png") no-repeat -38px -16px; background-size: 52px 47px; width: 5px; height: 9px; }

.icon-roundClose1 { background: url("../../images/other-img.png") no-repeat -28px -29px; background-size: 52px 47px; width: 12px; height: 12px; }

.icon-roundClose2 { background: url("../../images/other-img.png") no-repeat -14px -29px; background-size: 52px 47px; width: 12px; height: 12px; }

.icon-smallClose { background: url("../../images/other-img.png") no-repeat 0px -29px; background-size: 52px 47px; width: 12px; height: 12px; }

.icon-solidBottom { background: url("../../images/other-img.png") no-repeat -42px -35px; background-size: 52px 47px; width: 7px; height: 4px; }

.icon-solidTop { background: url("../../images/other-img.png") no-repeat 0px -43px; background-size: 52px 47px; width: 7px; height: 4px; }

.icon-errorC { background: url("../../images/prompt.png") no-repeat 0px 0px; background-size: 70px 66px; width: 22px; height: 22px; }

.icon-errorC1 { background: url("../../images/prompt.png") no-repeat -24px 0px; background-size: 70px 66px; width: 22px; height: 22px; }

.icon-errorS { background: url("../../images/prompt.png") no-repeat -48px -24px; background-size: 70px 66px; width: 18px; height: 18px; }

.icon-normalC { background: url("../../images/prompt.png") no-repeat 0px -24px; background-size: 70px 66px; width: 22px; height: 22px; }

.icon-normalS { background: url("../../images/prompt.png") no-repeat -20px -48px; background-size: 70px 66px; width: 14px; height: 14px; }

.icon-promptC { background: url("../../images/prompt.png") no-repeat -24px -24px; background-size: 70px 66px; width: 22px; height: 22px; }

.icon-promptS { background: url("../../images/prompt.png") no-repeat 0px -48px; background-size: 70px 66px; width: 18px; height: 18px; }

.icon-successC { background: url("../../images/prompt.png") no-repeat -48px 0px; background-size: 70px 66px; width: 22px; height: 22px; }

.icon-successS { background: url("../../images/prompt.png") no-repeat -36px -48px; background-size: 70px 66px; width: 14px; height: 14px; }

.icon-db { background: url("../../images/sell-mode.png") no-repeat 0px 0px; background-size: 66px 58px; width: 32px; height: 18px; }

.icon-gd { background: url("../../images/sell-mode.png") no-repeat -34px 0px; background-size: 66px 58px; width: 32px; height: 18px; }

.icon-js { background: url("../../images/sell-mode.png") no-repeat 0px -20px; background-size: 66px 58px; width: 32px; height: 18px; }

.icon-delete1 { background: url("../../images/shop-cart.png") no-repeat 0px -41px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-delete2 { background: url("../../images/shop-cart.png") no-repeat 0px -64px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-emailbox { background: url("../../images/emailbox.png") no-repeat; background-size: 20px 20px; width: 20px; height: 20px; }

.icon-heart { background: url("../../images/shop-cart.png") no-repeat -88px -58px; background-size: 108px 85px; width: 16px; height: 13px; }

.icon-key { background: url("../../images/shop-cart.png") no-repeat -88px -41px; background-size: 108px 85px; width: 20px; height: 15px; }

.icon-quistion-mark { background: url("../../images/shop-cart.png") no-repeat -88px 0px; background-size: 108px 85px; width: 20px; height: 20px; }

.icon-rotate { background: url("../../images/shop-cart.png") no-repeat 0px 0px; background-size: 108px 85px; width: 39px; height: 39px; }

.icon-shop-cart1 { background: url("../../images/shop-cart.png") no-repeat -23px -64px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-shop-cart2 { background: url("../../images/shop-cart.png") no-repeat -46px -64px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-shop-cart3 { background: url("../../images/shop-cart.png") no-repeat -65px -23px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-shop-cart4 { background: url("../../images/shop-cart.png") no-repeat -65px 0px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-time1 { background: url("../../images/shop-cart.png") no-repeat -23px -41px; background-size: 108px 85px; width: 21px; height: 21px; }

.icon-upload { background: url("../../images/shop-cart.png") no-repeat -88px -22px; background-size: 108px 85px; width: 20px; height: 17px; }

.icon-customer-service { background: url("../../images/customer-service.png") no-repeat 0px 0px; background-size: 28px 28px; width: 28px; height: 28px; }

.icon-customerService { background: url("../../images/vertical-menu.png") no-repeat -32px 0px; background-size: 94px 62px; width: 30px; height: 30px; }

.icon-help { background: url("../../images/vertical-menu.png") no-repeat 0px -32px; background-size: 94px 62px; width: 30px; height: 30px; }

.icon-sell { background: url("../../images/vertical-menu.png") no-repeat -32px -32px; background-size: 94px 62px; width: 30px; height: 30px; }

.icon-validate { background: url("../../images/vertical-menu.png") no-repeat -64px 0px; background-size: 94px 62px; width: 30px; height: 30px; }

/****************************************   发布图标样式    ******************************/
.icon-speed { width: 32px; height: 18px; display: inline-block; background-color: #3b6e8c; text-align: center; border-radius: 2px; font-size: 12px; }

.icon-speed::after { content: '极速'; }

.icon-artificial { width: 32px; height: 18px; display: inline-block; background-color: #4c6b22; text-align: center; border-radius: 2px; font-size: 12px; }

.icon-artificial::after { content: '人工'; }

.icon-gs { width: 32px; height: 18px; display: inline-block; background-color: #a0382b; text-align: center; border-radius: 2px; font-size: 12px; color: #ffffff; }

.icon-gs::after { content: '挂售'; }

.icon-qg { width: 32px; height: 18px; display: inline-block; background-color: #c07b2d; text-align: center; border-radius: 2px; font-size: 12px; color: #ffffff; }

.icon-qg::after { content: '求购'; }

.icon-zs { width: 32px; height: 18px; display: inline-block; background-color: #4c6b22; text-align: center; border-radius: 2px; font-size: 12px; color: #ffffff; }

.icon-zs::after { content: '自售'; }

/****************************************   按钮、弹出框、提示框、分页等全局样式    ******************************/
.btn-forty-blue, .btn-thirtyf-blue, .btn-thirty-blue, .btn-forty-green, .btn-thirtyf-green, .btn-thirty-green, .btn-forty-clarity, .btn-forty-red, .btn-thirtyf-red, .btn-thirty-red, .btn-forty-gray, .btn-thirtyf-gray, .btn-thirty-gray { width: 100px; color: #ffffff; text-align: center; display: inline-block; border: 0; }

.btn-forty-blue, .btn-thirtyf-blue, .btn-thirty-blue { background: #2c4f67; }

.btn-forty-green, .btn-thirtyf-green, .btn-thirty-green { background: #4c6b22; }

.btn-forty-clarity { width: 130px; border: 1px solid #2c4f67; }

.btn-forty-red, .btn-thirtyf-red, .btn-thirty-red { background: #773535; }

.btn-forty-gray, .btn-thirtyf-gray, .btn-thirty-gray { background: #626366; }

/*  高度40px按钮  */
.btn-forty-blue, .btn-forty-green, .btn-forty-clarity, .btn-forty-red, .btn-forty-gray { line-height: 40px; height: 40px; font-size: 14px; }

.btn-forty-blue:hover { color: #ffffff; background: #3b6e8c; }

.btn-forty-green:hover { color: #ffffff; background: #708e05; }

.btn-forty-clarity { height: 38px; }

.btn-forty-clarity i { font-size: 16px; }

.btn-forty-clarity span { width: 20px; height: 20px; display: inline-block; background-color: #773535; line-height: 20px; border-radius: 50%; margin-left: 3px; font-size: 12px; }

.btn-forty-clarity:hover { color: #ffffff; background: #2c4f67; }

.btn-forty-red:hover { color: #ffffff; background: #9b3d3c; }

.btn-forty-gray:hover { color: #ffffff; background: #717274; }

/*  高度34px按钮  */
.btn-thirtyf-blue, .btn-thirtyf-green, .btn-thirtyf-red, .btn-thirtyf-gray { line-height: 34px; height: 34px; font-size: 14px; }

.btn-thirtyf-blue:hover { color: #ffffff; background: #3b6e8c; }

.btn-thirtyf-green:hover { color: #ffffff; background: #708e05; }

.btn-thirtyf-red:hover { color: #ffffff; background: #9b3d3c; }

.btn-thirtyf-gray:hover { color: #ffffff; background: #717274; }

/* 高度30px按钮 */
.btn-thirty-blue, .btn-thirty-green, .btn-thirty-red, .btn-thirty-gray { line-height: 30px; height: 30px; font-size: 12px; }

.btn-thirty-blue:hover { color: #ffffff; background: #3b6e8c; }

.btn-span { overflow: hidden; display: inline-block; }

.btn-span a { float: left; }

.btn-span i { width: 28px; height: 28px; display: inline-block; border: 1px solid #4c6b22; font-size: 16px; line-height: 30px; color: #ffffff; margin-left: 10px; text-align: center; }

.btn-span .btn-thirty-green:hover { color: #ffffff; background: #708e05; cursor: pointer; }

.btn-span i:hover { cursor: pointer; border: 1px solid #708e05; background-color: #708e05; }

.btn-thirty-red:hover { color: #ffffff; background: #9b3d3c; }

.btn-thirty-gray:hover { color: #ffffff; background: #717274; }

/* 高度20px按钮 */
.btn-twenty-login, .btn-twenty-service, .btn-twenty-seller { width: 68px; height: 20px; line-height: 20px; color: #ffffff; font-size: 12px; background-color: #2d3d50; border-radius: 2px; display: inline-block; text-align: center; }

.btn-twenty-login { width: 84px; }

.btn-twenty-login:hover, .btn-twenty-service:hover, .btn-twenty-seller:hover { background-color: #3b6e8c; color: #ffffff; }

/* 12px的文字按钮 */
.btn-text-blue { color: #66c0f4; }

.btn-text-gray { color: #c6d4df; }

.btn-text-green { color: #a4d007; }

.btn-text-yellow { color: #e1c48a; }

.btn-text-blue:hover, .btn-text-gray:hover, .btn-text-green:hover, .btn-text-yellow:hover { color: #ffffff; }

/* 无法购买 */
.btn-unable { width: 100px; height: 40px; line-height: 40px; color: #626366; font-size: 14px; background-color: #333333; display: inline-block; text-align: center; }

.btn-unable:hover { color: #626366; cursor: default; }

/* form表单全局设置 */
/* input和textarea的placeholder的颜色的设置 */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #626366; }

input:-moz-placeholder, textarea:-moz-placeholder { color: #626366; }

input::-moz-placeholder, textarea::-moz-placeholder { color: #626366; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #626366; }

input[readonly="readonly"]:hover { cursor: pointer; }

.form-prompt { padding: 0; margin: 0; }

.form-inp { width: 288px; height: 32px; font-size: 12px; line-height: 34px; padding-left: 10px; background-color: #171a21; border: 1px solid #2d3d50; color: #ffffff; }

.form-tea { width: 278px; padding: 10px; height: 150px; background-color: #171a21; border: 1px solid #2d3d50; color: #ffffff; }

.form-inp:focus, .form-tea:focus { border-color: #2c4f67; }

.form-inp-err { border-color: #773535 !important; }

.form-prompt { display: inline-block; overflow: hidden; position: relative; top: 3px; }

.form-prompt i { display: inline-block; float: left; margin-right: 3px; }

.fpc-pro { color: #c6d4df; }

.fpc-err { color: #e1c48a; }

.fpc-suc { color: #a4d007; }

.form-inp-time { width: 253px; padding-right: 35px; }

.form-content { position: relative; }

.fc-picture { display: inline-block; }

.form-content > i { font-size: 16px; color: #ffffff; position: absolute; top: 9px; right: 10px; }

.form-content-time { position: relative; display: inline-block; }

.form-content-time .form-content > input { width: 83px; }

.form-content-time span { padding: 0 10px; color: #ffffff; }

.triangle-top { display: inline-block; border: 5px solid transparent; border-top-color: #fff; border-bottom: 0; position: relative; top: 15px !important; right: 10px !important; width: 0; height: 0; transform: rotate(0deg); -ms-transform: rotate(0deg); /* IE 9 */ -webkit-transform: rotate(0deg); /* Safari and Chrome */ transition: transform 0.5s; -webkit-transition: transform 0.5s; /* Safari */ transform: translateX(-50%); }

.triangle-bottom { transform: rotate(180deg); -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari and Chrome */ }

.form-inp-select { width: 258px; padding-right: 30px; }

.fi-hidden { width: 100%; border: 1px solid #2d3d50; box-sizing: border-box; margin-top: -1px; display: none; position: absolute; top: 35px; left: 0; z-index: 9999; }

.fi-hidden ul { max-height: 397px; overflow-y: auto; }

.fi-hidden ul li { height: 33px; line-height: 34px; text-align: left; padding: 0 10px; border-top: 1px solid #16202d; background-color: #171a21; margin-top: -1px; color: #ffffff; }

.fi-hidden ul li:hover { background-color: #2d3d50; border-top: 1px solid #2d3d50; cursor: pointer; }

.number-add { overflow: hidden; }

.number-add input { width: 40px; height: 28px; border: 1px solid #2c4f67; float: left; color: #ffffff; text-align: center; background-color: #1b2838; }

.number-add span { float: left; font-size: 18px; display: inline-block; width: 30px; height: 27px; padding-top: 3px; font-weight: 100; color: #ffffff; background-color: #2c4f67; text-align: center; }

.number-add span:hover { cursor: pointer; background-color: #3b6e8c; }

.progress-before ul { padding: 15px 0 15px 6px; }

.progress-before ul li { position: relative; line-height: 30px; padding-left: 15px; color: #ffffff; border-left: 1px dotted #b8b6b4; font-size: 12px; }

.progress-before ul li:before { position: absolute; content: ""; top: 7px; left: -7px; width: 10px; height: 10px; background: #1b2838; border-radius: 50%; border: 1px solid #ffffff; }

.progress-before ul li span { color: #999; padding-right: 15px; font-size: 12px; display: block; line-height: 12px; padding-bottom: 15px; }

.progress-before ul li.probef:before { border-color: #4c6b22; }

/* 弹出框长条型提示 */
.prompt-orderform { min-width: 270px; height: 50px; line-height: 50px; margin: 0 auto; text-align: left; padding: 0 50px 0px 15px; color: #ffffff; position: relative; }

.prompt-orderform span { display: inline-block; position: relative; top: 5px; margin-right: 5px; }

.prompt-orderform i { margin-top: 19px; position: absolute; right: 15px; }

.prompt-orderform i:hover { cursor: pointer; opacity: 0.7; }

.po-success { background-color: #4c6b22; }

.po-delete { background-color: #2c4f67; }

.po-select { background-color: #773535; }

.prompt-pop.layui-layer-dialog .layui-layer-content { padding: 0; }

.layui-layer-border { border: 0 !important; box-shadow: 0 !important; }

/* 商品交易进度条 */
.progress div { display: inline-block; width: 185px; color: #ffffff; }

.progress div i, .progress div span { display: inline-block; }

.progress div i { width: 135px; height: 1px; background-color: #b8b6b4; margin-right: 5px; position: relative; top: -3px; }

.progress div:first-child i { display: none; }

.progress div:first-child { width: 45px; text-align: center; }

.progress div:first-child p { width: 57px; position: relative; right: 7px; }

.progress div span { width: 32px; height: 32px; border: 1px dashed #b8b6b4; border-radius: 50%; line-height: 32px; text-align: center; }

.progress div p { text-align: right; margin-top: 10px; font-size: 14px; color: #c6d4df; position: relative; right: -4px; }

.progress-col span { border: 1px solid #4c6b22 !important; color: #4c6b22; }

.progress-backcol span { border: 1px solid #4c6b22 !important; background-color: #4c6b22; }

.progress-backcol i, .progress-col i { background-color: #4c6b22 !important; }

/* 透明箭头设置 */
.icon-lr { position: relative; width: 29px; height: 50px; }

.icon-lr, .icon-lr i { display: inline-block; }

.icon-lr i { position: absolute; top: 12px; left: 6px; }

.icon-lr:hover { background-color: #0d141c; }

.icon-backcol-l { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }

.icon-backcol-r { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }

/* 进度条设置 */
.step-progressbar-left { width: 500px; height: 10px; position: relative; display: inline-block; }

.step-progressbar-down { width: 500px; height: 10px; background-color: #b8b6b4; border-radius: 10px; }

.step-progressbar-up { width: 200px; height: 10px; background-color: #4c6b22; border-radius: 10px; position: absolute; top: 0; left: 0; }

.step-progressbar-surplus { display: inline-block; font-size: 12px; color: #ffffff; margin-left: 5px; }

.step-progressbar-surplus span { color: #ffffff; }

/* layui框架-进度条样式修改 */
.layui-progress { background-color: #b8b6b4; height: 10px; }

.layui-progress-bar { background-color: #4c6b22 !important; height: 10px !important; }

.layui-progress-text { color: #ffffff; }

/* layui框架-分页样式修改 */
.layui-laypage a, .layui-laypage span { border: none; background-color: #1b2838; color: #ffffff; margin: 0 1px; padding: 0 10px; height: 18px; line-height: 20px; }

.layui-laypage a:hover { color: #e1c48a; }

.layui-laypage > a:last-child, .layui-laypage > a:first-child { border-radius: 0 !important; }

.layui-laypage .layui-laypage-curr em { color: #e1c48a; }

.layui-laypage-next, .layui-laypage-prev { border: 1px solid #2c4f67 !important; background-color: #2c4f67 !important; width: 20px; }

.layui-laypage-next > i, .layui-laypage-prev > i { font-size: 10px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8); display: inline-block; position: relative; top: -1px; left: 5px; }

.layui-laypage-prev > i { left: 4px; }

.layui-disabled { border: 1px solid #2c4f67 !important; background-color: #1b2838 !important; }

.layui-disabled > i { color: #2c4f67 !important; }

#pagesa { height: 20px; color: #ffffff; display: inline-block; }

#pagesa > em { color: #e1c48a; }

#pagesa > i { font-size: 11px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8); display: inline-block; }

/* layui框架-弹出框样式修改 */
.badge-font, .badge-solid { position: relative; color: #ffffff; }

.badge-font > i { width: 18px; height: 18px; line-height: 18px; display: inline-block; position: absolute; top: -10px; left: 24px; border-radius: 50%; background-color: #a0382b; text-align: center; }

.badge-solid > i { width: 9px; height: 9px; line-height: 18px; display: inline-block; position: absolute; top: -3px; left: 20px; border-radius: 50%; background-color: #a0382b; }

.popup-common.layui-layer { background-color: #1b2838; color: #ffffff; border: 1px solid #2d3d50; border-radius: 0; }

.popup-common.layui-layer-dialog .layui-layer-content { padding: 20px 10px; }

.popup-common.layui-layer-dialog .layui-layer-content span, .popup-common.layui-layer-dialog .layui-layer-content i { display: inline-block; }

.popup-common .layui-layer-setwin { top: 19px; }

.popup-common .layui-layer-title { line-height: 48px; height: 48px; background-color: #16202d; color: #ffffff; border: 0; }

.popup-common .layui-layer-close { margin: 0; color: #c6d4df !important; position: relative; }

.popup-common .layui-layer-close::before { position: absolute; width: 16px; height: 16px; line-height: 16px; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }

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

.popup-common .layui-layer-btn .layui-layer-btn0 { background-color: #4c6b22; border: 1px solid #4c6b22; border-radius: 0; padding: 0 20px; }

.popup-common .layui-layer-btn .layui-layer-btn1 { background-color: #626366; border: 1px solid #626366; color: #ffffff; border-radius: 0; padding: 0 20px; }

.popup-common .layui-layer-btn { position: absolute; bottom: 0; right: 0; }

/* layui框架-时间插件样式修改 */
.layui-laydate { background-color: #171a21 !important; border: 1px solid #2d3d50 !important; width: 299px; border-radius: 0 !important; }

.layui-laydate-static.layui-laydate { display: none; position: absolute; top: 33px; left: 0; z-index: 9999; }

.layui-laydate-static .layui-laydate-footer { display: none; }

.layui-laydate-header { border-bottom: 1px solid #2d3d50 !important; }

.layui-laydate-footer { border-top: 1px solid #2d3d50 !important; }

.layui-laydate-static.layui-laydate .layui-this, .laydate-theme-custom.layui-laydate .layui-this { background-color: #2c4f67 !important; }

.laydate-footer-btns span { background-color: #4c6b22 !important; border: 1px solid #4c6b22 !important; color: #ffffff; margin-left: 5px !important; border-radius: 0 !important; }

.layui-laydate-footer span:hover { background-color: #708e05 !important; border: 1px solid #708e05 !important; color: #ffffff !important; }

.layui-laydate-content .laydate-day-next, .layui-laydate-content .laydate-day-prev { color: #626366 !important; }

.layui-laydate-content td, .layui-laydate-content th, .layui-laydate-list > li { color: #ffffff !important; }

.layui-laydate-list > li:hover, .layui-laydate-content td:hover { background: #2c4f67 !important; }

.laydate-set-ym span, .layui-laydate-header i { color: #ffffff !important; }

.laydate-set-ym span:hover, .layui-laydate-header i:hover { color: #4c6b22 !important; }

.layui-laydate-list { background-color: #171a21 !important; }

.layui-laydate-main, .layui-laydate-content table { width: 100% !important; }

/* 选择小时的时间样式 */
.form-content-time .time-para { position: absolute; top: 33px; z-index: 9999; width: 298px; overflow: hidden; padding-bottom: 1px; padding-right: 1px; background-color: #171a21; color: #ffffff; display: none; }

.form-content-time > ul > li { float: left; border: 1px solid #2d3d50; margin-right: -1px; margin-bottom: -1px; width: 58.5px; text-align: center; line-height: 30px; height: 30px; }

.form-content-time > ul > li:hover { cursor: pointer; background-color: #2c4f67; }

/* layui-轮播图样式修改 */
.layui-carousel-ind ul { background-color: transparent !important; }

.layui-carousel-ind li { width: 40px; height: 8px; border-radius: 0; margin: 0 5px; background-color: #626366 !important; }

.layui-carousel-ind li.layui-this { background-color: #66c0f4 !important; }

/*页头的scss*/
ul:after { content: ""; display: block; clear: both; }

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

.turning { transform: perspective(600px) rotate(180deg) translate(0px, 0px); -ms-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* IE 9 */ -moz-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Firefox */ -webkit-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Safari and Chrome */ -o-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Opera */ transition: all 0.3s ease; }

#headContain { width: 100%; min-width: 1200px; height: 70px; position: relative; z-index: 99; }

#headContain > .top-nav { background: transparent; width: 100%; min-width: 1200px; height: 70px; margin: 0 auto; }

#headContain > .top-nav .top-nav-color { width: 1200px; height: 70px; margin: 0 auto; }

#headContain > .top-nav .top-nav-color .top-btn-contain { float: left; width: 1200px; }

#headContain > .top-nav .top-nav-color .top-btn-contain::after { content: ""; display: block; clear: both; }

#headContain > .top-nav .top-nav-color .top-btn-contain #topLeft > a { float: left; }

#headContain > .top-nav .top-nav-color .top-btn-contain #topLeft > a .webLogo { width: 76px; height: 48px; margin-top: 11px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn { float: left; margin-left: 38px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li { float: left; cursor: pointer; font-size: 14px; height: 70px; line-height: 70px; position: relative; box-sizing: border-box; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li:hover { background: linear-gradient(180deg, rgba(38, 66, 96, 0.9) 0%, rgba(27, 44, 71, 0) 98%); }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li > img { width: 14px; height: 13px; margin-bottom: 2px; margin-right: 5px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li a { display: inline-block; padding: 0 14px; color: #C6D4DF; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li a:hover { color: #FFFFFF; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li a::after { content: ''; text-align: center; width: 24px; height: 2px; opacity: 1; left: 29%; top: 55px; position: absolute; background: #FFFFFF; display: none; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .nav-arrow { border-top: #fff; border-right: #000; border-left: #000; border-style: solid; border-width: 4px 4px 0px 4px; display: inline-block; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-left: 2px; transition: all 0.3s ease; top: 18px; transition: all 0.3s ease; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 { position: absolute; z-index: 201; box-sizing: border-box; border: 1px solid #2d3d50; width: 130px; top: 40px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > li, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > li { box-sizing: border-box; float: left; width: 128px; height: 40px; line-height: 40px; background: #171a21; padding-left: 15px; border-bottom: 1px solid #16202d; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > li:first-child > span, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > li:first-child > span { float: left; margin-top: 14px; margin-right: 2px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > li:hover, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > li:hover { color: #ffffff; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > li > img, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > li > img { width: 16px; height: 15px; margin-right: 2px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > li > a, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > li > a { vertical-align: middle; width: 84px; white-space: nowrap; overflow: hidden; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > .erweima, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > .erweima { padding: 15px; height: 146px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > .erweima img, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > .erweima img { width: 100px; height: 100px; margin-bottom: -8px; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner > .erweima > a, #headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn > li .show-inner1 > .erweima > a { font-size: 12px; color: #b8b6b4; width: 100px; text-align: center; white-space: nowrap; overflow: hidden; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn li:last-child a::after { left: 35%; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn .nav-active { font-weight: bold; background: transparent; color: #ffffff; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn .nav-active a { color: #ffffff; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn .nav-active:hover { background: transparent; }

#headContain > .top-nav .top-nav-color .top-btn-contain .top-left-btn .nav-active a::after { display: block; }

#headContain > .top-nav .top-nav-color .nav-login { font-size: 14px; font-weight: normal; line-height: normal; letter-spacing: 0em; color: #C6D4DF; margin-right: 0; float: right; margin-top: 26px; }

#headContain > .top-nav .top-nav-color .nav-login li { float: right; cursor: pointer; }

#headContain > .top-nav .top-nav-color .nav-login li:hover { color: #ffffff; }

#headContain > .top-nav .top-nav-color .nav-login li > a { color: #C6D4DF; }

#headContain > .top-nav .top-nav-color .nav-login li > a:hover { color: #fff; }

#headContain > .top-nav .top-nav-color .nav-logining { float: right; height: 40px; margin-left: 8px; }

#headContain > .top-nav .top-nav-color .nav-logining > li { float: left; height: 40px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:first-child { position: relative; width: 40px; margin-right: 10px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:first-child a { display: block; }

#headContain > .top-nav .top-nav-color .nav-logining > li:first-child span { display: block; margin-top: 25px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:first-child .msg-num { position: absolute; line-height: 14px; border-radius: 50px; background: #a0382b; top: -7px; left: 11px; font-size: 12px; color: #ffffff; text-align: center; padding: 1px 3px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) { position: relative; margin-right: 5px; line-height: 40px; margin-top: 20px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .nav-help { width: 32px; height: 32px; margin-right: 9px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .nav-help > img { float: left; display: block; background-size: 172px 136px; width: 32px; height: 32px; border-radius: 50%; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) a { float: left; display: block; line-height: 32px; font-size: 14px; overflow: hidden; text-overflow: ellipsis; color: #C6D4DF; white-space: nowrap; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) a:hover { color: #ffffff; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info { z-index: 100; position: absolute; top: 50px; right: -5px; height: 72px; box-sizing: border-box; background: #16202d; border: 1px solid #2d3d50; width: max-content; width: -webkit-max-content; width: -moz-max-content; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info .userNowImg { border-radius: 50%; float: left; width: 44px; height: 44px; margin-top: 14px; margin-left: 14px; margin-right: 12px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul { float: left; margin-right: 15px; min-width: 115px; margin-top: 18px; box-sizing: border-box; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul li:nth-child(1) { color: #C6D4DF; font-size: 14px; line-height: 19px; margin-bottom: 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul li:nth-child(1) a { display: inline; line-height: normal; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul li:nth-child(2) { cursor: pointer; color: #66C0F4; text-align: center; font-size: 12px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul li:nth-child(2) > a { color: #66C0F4; cursor: pointer; line-height: 16px; font-size: 12px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(2) .user-info ul li:nth-child(2):hover { background: #2d3d50; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(3) { width: 30px; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(3) > a { display: block; }

#headContain > .top-nav .top-nav-color .nav-logining > li:nth-child(3) span { display: block; margin-top: 13px; }

#headContain > .top-nav .top-nav-color .nav-logining .open-info { height: 50px; }

#headContain > .top-nav .nav-peizhi { float: right; height: 70px; }

#headContain > .top-nav .nav-peizhi > li { float: left; height: 70px; line-height: 70px; color: #B8B6B4; font-size: 14px; position: relative; box-sizing: border-box; }

#headContain > .top-nav .nav-peizhi > li > img { width: 14px; height: 13px; margin-bottom: 2px; margin-right: 5px; }

#headContain > .top-nav .nav-peizhi > li a { display: inline-block; padding: 0 14px; color: #C6D4DF; }

#headContain > .top-nav .nav-peizhi > li a:hover { color: #ffffff; background: linear-gradient(180deg, rgba(38, 66, 96, 0.9) 0%, rgba(27, 44, 71, 0) 98%); }

#headContain > .top-nav .nav-peizhi > li span { display: inline-block; padding: 0 14px; color: #C6D4DF; }

#headContain > .top-nav .nav-peizhi > li .nav-arrow { border-top: #fff; border-right: #000; border-left: #000; border-style: solid; border-width: 4px 4px 0px 4px; display: inline-block; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-left: 2px; transition: all 0.3s ease; top: 18px; transition: all 0.3s ease; }

#headContain > .top-nav .nav-peizhi > li .show-inner, #headContain > .top-nav .nav-peizhi > li .show-inner1 { position: absolute; z-index: 201; box-sizing: border-box; border: 1px solid #2d3d50; width: 130px; top: 40px; }

#headContain > .top-nav .nav-peizhi > li .show-inner > li, #headContain > .top-nav .nav-peizhi > li .show-inner1 > li { box-sizing: border-box; float: left; width: 128px; height: 40px; line-height: 40px; background: #171a21; padding-left: 15px; border-bottom: 1px solid #16202d; }

#headContain > .top-nav .nav-peizhi > li .show-inner > li:first-child > span, #headContain > .top-nav .nav-peizhi > li .show-inner1 > li:first-child > span { float: left; margin-top: 14px; margin-right: 2px; }

#headContain > .top-nav .nav-peizhi > li .show-inner > li:hover, #headContain > .top-nav .nav-peizhi > li .show-inner1 > li:hover { color: #ffffff; }

#headContain > .top-nav .nav-peizhi > li .show-inner > li > img, #headContain > .top-nav .nav-peizhi > li .show-inner1 > li > img { width: 16px; height: 15px; margin-right: 2px; }

#headContain > .top-nav .nav-peizhi > li .show-inner > li > a, #headContain > .top-nav .nav-peizhi > li .show-inner1 > li > a { vertical-align: middle; width: 84px; white-space: nowrap; overflow: hidden; }

#headContain > .top-nav .nav-peizhi > li .show-inner > .erweima, #headContain > .top-nav .nav-peizhi > li .show-inner1 > .erweima { padding: 15px; height: 146px; }

#headContain > .top-nav .nav-peizhi > li .show-inner > .erweima img, #headContain > .top-nav .nav-peizhi > li .show-inner1 > .erweima img { width: 100px; height: 100px; margin-bottom: -8px; }

#headContain > .top-nav .nav-peizhi > li .show-inner > .erweima > a, #headContain > .top-nav .nav-peizhi > li .show-inner1 > .erweima > a { font-size: 12px; color: #b8b6b4; width: 100px; text-align: center; white-space: nowrap; overflow: hidden; }

#headContain > .top-nav .nav-peizhi li:nth-child(6) { box-sizing: border-box; }

#headContain > .top-nav #topRight .game-select { cursor: pointer; position: relative; float: right; line-height: 30px; color: #C6D4DF; box-sizing: border-box; padding-left: 14px; font-size: 14px; margin-right: 28px; margin-top: 20px; }

#headContain > .top-nav #topRight .game-select .ongame { display: inline-block; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; line-height: 16px; margin-bottom: 2px; }

#headContain > .top-nav #topRight .game-select .ongameImg { margin-bottom: 2px; width: 16px; height: 16px; margin-right: 4px; }

#headContain > .top-nav #topRight .game-select .icon-arrow { background: url(../../images/header_bottom.png) no-repeat; background-size: 100% 100%; width: 16px; height: 16px; display: inline-block; vertical-align: middle; }

#headContain > .top-nav #topRight .game-select .game-inner { display: none; z-index: 1000; position: absolute; padding-top: 20px; top: 30px; left: -1px; width: 161px; border-bottom: 1px solid #2d3d50; box-sizing: border-box; font-size: 0; }

#headContain > .top-nav #topRight .game-select .game-inner li { cursor: pointer; box-sizing: border-box; width: 161px; background-color: #171a21; padding-left: 15px; border: 1px solid #2d3d50; border-bottom: 0; color: #FFFFFF; }

#headContain > .top-nav #topRight .game-select .game-inner li > img { width: 16px; height: 16px; margin-right: 10px; margin-top: 2px; }

#headContain > .top-nav #topRight .game-select .game-inner li > span { display: inline-block; line-height: 38px; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; font-size: 14px; }

#headContain > .top-nav #topRight .game-select .game-inner li:hover { background: #2d3d50; }

#headContain > .top-nav #topRight .game-select:hover .icon-arrow { background: url(../../images/header_top.png) no-repeat; background-size: 100% 100%; }

#headContain > .top-nav #topRight .game-select .inline-block:hover .ongame { color: #ffffff; }

#headContain > .top-nav #topRight .game-select .inline-block:hover .icon-arrow { background: url(../../images/header_top_hover.png) no-repeat; background-size: 100% 100%; }

#headContain > .top-nav #topRight .icon-emailbox:hover { background: url("../../images/emailbox-hover.png") no-repeat; }

#headContain .nav-after { background-color: #171a21; height: 90px; }

#headContain .nav-after .nav-logo { width: 1200px; line-height: 90px; height: 90px; margin: 0 auto; }

#headContain .nav-after .nav-logo a:nth-child(1) { cursor: pointer; float: left; width: 235px; height: 90px; line-height: 90px; padding-top: 0px; margin-right: 42px; }

#headContain .nav-after .nav-logo a:nth-child(1) img { width: 235px; height: 90px; float: left; }

#headContain .nav-after .nav-logo a:nth-child(2) { cursor: pointer; float: left; height: 90px; width: 310px; margin-right: 26px; }

#headContain .nav-after .nav-logo a:nth-child(2) img { width: 300px; height: 50px; }

#headContain .nav-after .nav-logo .select-contain { position: relative; float: right; width: 434px; height: 40px; margin-top: 25px; }

#headContain .nav-after .nav-logo .select-contain .game-select { cursor: pointer; position: relative; float: left; width: 134px; height: 40px; line-height: 40px; background-color: #16202d; color: #B8B6B4; box-sizing: border-box; border: 1px solid #2d3d50; padding-left: 12px; font-size: 14px; }

#headContain .nav-after .nav-logo .select-contain .game-select .ongame { display: inline-block; width: 70px; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; line-height: 16px; margin-bottom: 2px; }

#headContain .nav-after .nav-logo .select-contain .game-select .ongameImg { margin-bottom: 2px; width: 16px; height: 16px; }

#headContain .nav-after .nav-logo .select-contain .game-select .nav-arrow { border-top: #fff; border-right: #000; border-left: #000; border-style: solid; border-width: 4px 4px 0px 4px; display: inline-block; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-left: 2px; transition: all 0.3s ease; right: 14px; top: 17px; border-color: #ffffff #16202d #16202d #16202d; transition: all 0.3s ease; }

#headContain .nav-after .nav-logo .select-contain .game-select .game-inner { display: none; z-index: 1000; position: absolute; top: 38px; left: -1px; width: 134px; border: 1px solid #2d3d50; box-sizing: border-box; }

#headContain .nav-after .nav-logo .select-contain .game-select .game-inner li { cursor: pointer; box-sizing: border-box; width: 132px; line-height: 40px; background-color: #171a21; color: #b5c2cd; padding-left: 12px; }

#headContain .nav-after .nav-logo .select-contain .game-select .game-inner li > img { width: 16px; height: 16px; margin-right: 3px; margin-top: 2px; }

#headContain .nav-after .nav-logo .select-contain .game-select .game-inner li > span { display: inline-block; width: 100px; line-height: 55px; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; }

#headContain .nav-after .nav-logo .select-contain .game-select .game-inner li:hover { background: #2d3d50; }

#headContain .nav-after .nav-logo .select-contain input { float: left; box-sizing: border-box; background: #171a21; width: 260px; height: 40px; border: 1px solid #2d3d50; border-left: none; padding-left: 16px; color: #fff; outline: none; }

#headContain .nav-after .nav-logo .select-contain .serch-game { float: left; width: 40px; height: 40px; line-height: 47px; text-align: center; background: #2c4f67; cursor: pointer; }

#headContain .nav-after .nav-logo .select-contain .serch-game span { width: 18px; height: 18px; font-size: 18px; color: #b8b6b4; }

#headContain .nav-after .nav-logo .select-contain .serch-game:hover { background: #2d3d50; }

#headContain .nav-after .nav-logo .select-contain .add-car { cursor: pointer; box-sizing: border-box; width: 142px; height: 40px; line-height: 38px; float: left; background: #1b2838; border: 1px solid #2d3d50; background-repeat: no-repeat; background-size: 16px; background-position: 13px 12px; padding-left: 14px; color: #ffffff; font-size: 14px; }

#headContain .nav-after .nav-logo .select-contain .add-car i { float: left; display: inline-block; margin-top: 8px; margin-right: 2px; font-size: 21px; }

#headContain .nav-after .nav-logo .select-contain .add-car span { background: #a0382b; display: inline-block; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; text-align: center; font-size: 12px; }

#headContain .nav-after .nav-logo .select-contain .add-car:hover { background: #2c4f67; }

.game-nav { width: 100%; height: 40px; line-height: 40px; background: #171a21; border-bottom: 2px solid #2d3d50; }

.game-nav .game-contain { position: relative; width: 1200px; margin: 0 auto; height: 40px; }

.game-nav .game-contain .navigationChoose { float: left; cursor: pointer; position: relative; box-sizing: border-box; width: 235px; height: 40px; line-height: 40px; background-color: #2d3d50; color: #c6d4df; font-size: 16px; }

.game-nav .game-contain .navigationChoose .ChooseImg { width: 16px; height: 16px; margin-bottom: 30px; }

.game-nav .game-contain .navigationChoose .toSelect { box-sizing: border-box; text-align: center; width: 100%; height: 100%; }

.game-nav .game-contain .navigationChoose .toSelect .menuicon { display: inline-block; width: 16px; height: 16px; background-image: url(../../images/game-kind.png); background-repeat: no-repeat; background-size: 16px; margin: 0px 0 10px; }

.game-nav .game-contain .navigationChoose .toSelect .arrowbox { position: relative; width: 8px; height: 4px; display: inline-block; margin: 0 0 17px; }

.game-nav .game-contain .navigationChoose .toSelect .arrowbox .nav-arrow { border-top: #fff; border-right: #000; border-left: #000; border-style: solid; border-width: 4px 4px 0px 4px; display: inline-block; overflow: hidden; vertical-align: middle; margin-bottom: 2px; margin-left: 2px; transition: all 0.3s ease; position: absolute; right: 0px; top: 0px; border-color: #ffffff #2d3d50 #2d3d50 #2d3d50; }

.game-nav .game-contain .navigationChoose .toSelect .ChooseAfterImg { display: none; margin-left: 0px; width: 16px; height: 16px; margin-bottom: 30px; }

.game-nav .game-contain .navigationChoose .toSelect > i { display: inline-block; height: 40px; max-width: 170px; line-height: 40px; overflow: hidden; text-overflow: clip; white-space: nowrap; }

.game-nav .game-contain .navigationChoose:hover .nav-arrow { transform: perspective(600px) rotate(180deg) translate(0px, 0px); -ms-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* IE 9 */ -moz-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Firefox */ -webkit-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Safari and Chrome */ -o-transform: perspective(600px) rotate(180deg) translate(0px, 0px); /* Opera */ transition: all 0.3s ease; }

.game-nav .game-contain .main-nav { float: left; width: 960px; overflow: hidden; height: 40px; }

.game-list { z-index: 10; display: none; box-sizing: border-box; position: absolute; top: 40px; left: 0px; width: 235px; border: 1px solid #2d3d50; border-top: none; }

.game-list li { position: relative; box-sizing: border-box; background: #171a21; width: 233px; line-height: 40px; border-top: 1px solid #16202d; }

.game-list li:hover a { color: #fff; }

.game-list li a { font-size: 14px; color: #c6d4df; display: block; width: 233px; height: 41px; margin: 0 auto; }

.game-list li a:hover { background: #2d3d50; }

.game-list li .beforeImg { display: inline-block; margin-left: 13px; width: 16px; height: 16px; margin-right: 5px; vertical-align: middle; }

.game-list li .afterImg { display: inline-block; margin-left: 0px; width: 16px; height: 16px; }

.game-list li .gameOptionName { border: none; display: inline-block; max-width: 170px; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; }

.main-nav li { position: relative; box-sizing: border-box; cursor: pointer; float: left; height: 40px; }

.main-nav li:hover a { color: #fff; }

.main-nav li > a { display: block; font-size: 16px; color: #c6d4df; padding-left: 20px; padding-right: 20px; }

.main-nav li > a > span { display: inline-block; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; }

.main-nav li > a .beforeNavImg { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-right: 4px; }

.main-nav li > a .afterNavImg { display: inline-block; width: 23px; height: 9px; vertical-align: middle; margin-left: 6px; margin-top: 3px; }

.main-nav li:hover { background: #16202d; }

/*头部end*/
/*页尾scss*/
.shuxian { border-right: 2px solid #a8a6a4; margin-left: 8px; margin-right: 4px; display: inline-block; height: 9px; }

.footer-contain { min-width: 1200px; width: 100%; background: url(../../images/server-bg.png) no-repeat 0 0; background-size: 100%; margin-top: 70px; }

.footer-contain .footer-server { box-sizing: border-box; padding-right: 0px; margin: 0 auto; width: 1200px; height: 108px; padding-top: 26px; }

.footer-contain .footer-server .serverList { margin-left: 38px; }

.footer-contain .footer-server :last-child > ul { border: none; }

.footer-contain .serverList { float: left; height: 50px; line-height: 50px; }

.footer-contain .serverList > span { float: left; font-size: 48px; color: #66c0f4; margin-right: 5px; }

.footer-contain .serverList > ul { padding-right: 30px; box-sizing: border-box; float: left; width: 209px; height: 52px; border-right: 2px solid #333333; }

.footer-contain .serverList > ul li:first-child { height: 32px; line-height: 22px; width: 209px; font-size: 16px; color: #ffffff; }

.footer-contain .serverList > ul li:last-child { width: 209px; height: 16px; line-height: 16px; font-size: 12px; color: #b8b6b4; }

.footer-contain .foot-help { background: #171a21; padding: 60px 0; width: 100%; }

.footer-contain .foot-help > div { margin: 0 auto; width: 1200px; }

.footer-contain .foot-help > div .help-contain { display: inline-block; vertical-align: text-top; width: 172px; margin-right: 40px; box-sizing: border-box; }

.footer-contain .foot-help > div .help-contain > span { display: inline-block; color: #fff; font-size: 16px; margin-bottom: 20px; font-weight: 600; }

.footer-contain .foot-help > div .help-contain > span a { color: #fff; }

.footer-contain .foot-help > div .help-contain > span a img { width: 12px; height: 12px; margin: 0 5px 0 0; }

.footer-contain .foot-help > div .help-contain > span img { width: 12px; height: 12px; margin: 0 5px 0 0; }

.footer-contain .foot-help > div .help-contain ul li { margin-bottom: 10px; }

.footer-contain .foot-help > div .help-contain ul li:last-child { margin-bottom: 0px; }

.footer-contain .foot-help > div .help-contain ul li a { font-size: 14px; color: #b8b6b4; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; display: inline-block; }

.footer-contain .foot-help > div .help-contain ul li a:hover { color: #fff; }

.footer-contain .foot-help > div .help-contain ul li span { font-size: 14px; color: #b8b6b4; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; max-width: 100%; white-space: nowrap; display: inline-block; }

.footer-contain .foot-help > div .footer-phone { width: 250px; height: 187px; border-left: 1px solid #1B2838; float: right; margin-top: 20px; box-sizing: border-box; }

.footer-contain .foot-help > div .footer-phone span { display: block; text-align: center; width: 250px; }

.footer-contain .foot-help > div .footer-phone span:first-child { font-size: 24px; color: #E1C48A; margin-top: 16px; margin-bottom: 20px; }

.footer-contain .foot-help > div .footer-phone span:nth-child(2) { font-size: 12px; color: #B8B6B4; margin-bottom: 14px; }

.footer-contain .foot-help > div .footer-phone span:nth-child(3) { font-size: 12px; color: #B8B6B4; margin-bottom: 40px; }

.footer-contain .foot-help > div .footer-phone span:nth-child(4) { box-sizing: border-box; cursor: pointer; display: block; line-height: 30px; color: #c6d4df; border-radius: 2px; margin-left: 62px; width: 124px; height: 34px; border: 1px solid #c6d4df; }

.footer-contain .foot-help > div .footer-phone .phone-connect:hover { border-color: transparent; background: #2c4f67; }

.footer-contain .font-zizhi { box-sizing: border-box; width: 100%; height: 90px; background: #000000; display: flex; align-items: center; }

.footer-contain .font-zizhi p, .footer-contain .font-zizhi span, .footer-contain .font-zizhi font, .footer-contain .font-zizhi i { color: #B8B6B4; }

.footer-contain .font-zizhi em, .footer-contain .font-zizhi i { font-style: italic; }

.footer-contain .font-zizhi a { color: #FFFFFF; }

.footer-contain .font-zizhi > div { width: 1200px; margin: 0 auto; }

.footer-contain .font-zizhi > div .footer-last { float: left; }

.footer-contain .font-zizhi > div .footer-last > ul { margin-left: 30px; margin-top: 12px; }

.footer-contain .font-zizhi > div .footer-last > ul > li { font-size: 12px; background: #16202D; width: 100px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #1B2838; float: left; margin-right: 10px; color: #B8B6B4; }

.footer-contain .font-zizhi > div .footer-last > ul > li:first-child span { float: left; background: url("../../images/zizhi.png") no-repeat 0px 0px; background-size: 91px 86px; width: 30px; height: 30px; margin-top: 5px; margin-left: 2px; }

.footer-contain .font-zizhi > div .footer-last > ul > li:nth-child(2) span { float: left; background: url("../../images/zizhi.png") no-repeat -32px 0px; background-size: 91px 86px; width: 29px; height: 30px; margin-top: 5px; margin-left: 4px; }

.footer-contain .font-zizhi > div .footer-last > ul > li:nth-child(3) span { float: left; background: url("../../images/zizhi.png") no-repeat -63px 0px; background-size: 91px 86px; width: 28px; height: 30px; margin-top: 6px; margin-left: 4px; }

.footer-contain .font-zizhi > div .footer-last > ul > li:nth-child(4) span { float: left; background: url("../../images/zizhi.png") no-repeat 0px -59px; background-size: 91px 86px; width: 27px; height: 27px; margin-top: 6px; margin-left: 4px; }

.footer-contain .font-zizhi > div .footer-last > ul > li:last-child { margin-right: 0; }

.footer-contain .font-zizhi > div .footer-last > ul > li:last-child span { float: left; background: url("../../images/zizhi.png") no-repeat 0px -32px; background-size: 91px 86px; width: 30px; height: 25px; margin-top: 7px; margin-left: 3px; }

.footer-contain .font-zizhi > div .footer-last > ul > li > a ul { height: 40px; margin-right: 2px; float: right; width: 65px; box-sizing: border-box; padding-top: 2px; }

.footer-contain .font-zizhi > div .footer-last > ul > li > a ul > li { height: 18px; line-height: 18px; color: #B8B6B4; }

.intelligence { float: left; width: 100%; text-align: center; }

.intelligence a { cursor: pointer; font-size: 12px; color: #a8a6a4; }

.intelligence a:first-child, .intelligence a:nth-child(2), .intelligence a:nth-child(3) { margin-right: 6px; }

.intelligence a:nth-child(5) { display: block; width: 635px; margin-top: 4px; margin-bottom: 2px; }

.intelligence a:hover { color: #fff; }

/*页尾end*/
/*页尾sprit图片样式*/
.icon-360 { background: url("../../images/zizhi.png") no-repeat 0px -59px; background-size: 91px 86px; width: 27px; height: 27px; }

.icon-beian { background: url("../../images/zizhi.png") no-repeat -32px -32px; background-size: 91px 86px; width: 14px; height: 14px; }

.icon-pinpai { background: url("../../images/zizhi.png") no-repeat 0px -32px; background-size: 91px 86px; width: 30px; height: 25px; }

.icon-police { background: url("../../images/zizhi.png") no-repeat -32px 0px; background-size: 91px 86px; width: 29px; height: 30px; }

.icon-renzheng { background: url("../../images/zizhi.png") no-repeat -63px 0px; background-size: 91px 86px; width: 28px; height: 30px; }

.icon-wangwen { background: url("../../images/zizhi.png") no-repeat 0px 0px; background-size: 91px 86px; width: 30px; height: 30px; }

/*页尾sprit图片样式end*/
.crumb { height: 50px; line-height: 50px; margin-left: -10px; font-size: 12px; }

.crumb a { padding: 0 10px; color: #c6d4df; }

.crumb span { color: #FFFFFF; font-size: 10px; -webkit-transform-origin-x: 0; -webkit-transform: scale(0.8); display: inline-block; margin-top: -2px; vertical-align: middle; }

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

.crumb .crumb-pro a { display: inline-block; background-color: #2C4F67; height: 30px; vertical-align: middle; line-height: 30px; padding: 0 15px 0 20px; margin: 0 5px; }

.crumb .crumb-pro a i { width: 15px; height: 15px; display: inline-block; background: url(../../images/close.png) no-repeat; background-size: 16px; margin-left: 15px; vertical-align: text-bottom; opacity: 0.5; }

.crumb .crumb-pro a i:hover { opacity: 1; }

.left-menu { float: left; width: 200px; background-color: #16202d; font-size: 14px; }

.left-menu a { color: #C6D4DF; }

.left-menu li { border-bottom: 1px solid #2D3D50; overflow: hidden; }

.left-menu li:last-child { border-bottom-color: transparent; }

.left-menu .menu-a { position: relative; height: 50px; display: block; width: 100%; height: 100%; line-height: 50px; padding-left: 14px; }

.left-menu .menu-a:hover { background-color: #2D3D50 !important; }

.left-menu .menu-a > p { display: inline-block; max-width: 120px; height: 50px; vertical-align: middle; overflow: hidden; }

.left-menu img { width: 22px; height: 22px; vertical-align: middle; padding-right: 8px; border-style: none; }

.left-menu dl { overflow: hidden; display: none; }

.left-menu dl .menu-a { background-color: #171a21; }

.left-menu dl .menu-a > p { max-width: 140px; }

.left-menu dd { border-top: 1px solid #2D3D50; }

.left-menu dd:last-child { border-bottom-color: transparent; }

.menuDownBg { height: auto; }

.menuDownBg .down-tin { position: absolute; right: 16%; top: 48%; width: 0; height: 0; border-width: 5px 5px 0px 5px; border-color: #C6D4DF transparent transparent transparent; border-style: solid; }

.clickstyle { background-color: #2D3D50 !important; }

.hide { display: none; }

.right-button { cursor: pointer; position: fixed; right: 20px; top: 50%; transform: translateY(-50%); }

.right-button .button-all { width: 60px; }

.right-button .button-all:after { display: block; clear: both; content: ""; }

.right-button .button-all > li { position: relative; float: left; width: 60px; height: 60px; background: #16202d; line-height: 92px; text-align: center; font-size: 12px; color: #FFFFFF; margin-bottom: 2px; }

.right-button .button-all > li:hover { background: #2d3d50; }

.right-button .button-all > li a { display: block; }

.right-button .button-all > li a > img { width: 28px; height: 28px; display: block; margin: 8px auto; margin-bottom: 2px; }

.right-button .button-all > li a > p { display: block; width: 47px; height: 20px; line-height: 20px; overflow: hidden; text-overflow: clip; white-space: nowrap; margin: 0 auto; font-size: 12px; }

.right-button .button-all > li a:hover { color: #c6d4df; }

.right-button .button-all > li:last-child span { position: absolute; top: 5px; left: 15px; }

.button-all .second-center { display: none; position: absolute; top: 0px; left: -130px; z-index: 100; box-sizing: border-box; border: 1px solid #2d3d50; width: 130px; }

.button-all .second-center > li { text-align: left; box-sizing: border-box; float: left; width: 128px; height: 40px; line-height: 40px; background: #171a21; padding-left: 15px; border-bottom: 1px solid #16202d; color: #B8B6B4; }

.button-all .second-center > li > img { display: inline-block; width: 28px; height: 28px; }

.button-all .second-center > li:first-child > span { float: left; margin-top: 14px; margin-right: 2px; }

.button-all .second-center > li:hover { color: #ffffff; }

.button-all .second-center > li:nth-child(2) { position: relative; padding-left: 37px; }

.button-all .second-center > li:nth-child(2) span { position: absolute; font-size: 16px; color: #ffffff; margin-right: 7px; top: 12px; left: 16px; }

.button-all .second-center > li a { display: inline-block; color: #B8B6B4; }

.button-all .second-center > li a:hover { color: #fff; }

.button-all .second-center > .erweima { padding: 15px; height: 146px; }

.button-all .second-center > .erweima img { width: 100px; height: 100px; margin-bottom: -8px; }

.button-all .second-center > .erweima > a { font-size: 12px; color: #b8b6b4; width: 100px; text-align: center; white-space: nowrap; overflow: hidden; }

.second-center { display: none; position: absolute; top: 0px; left: -130px; z-index: 100; box-sizing: border-box; border: 1px solid #2d3d50; width: 130px; }

.second-center > li { text-align: left; box-sizing: border-box; float: left; width: 128px; height: 40px; line-height: 40px; background: #171a21; padding-left: 15px; border-bottom: 1px solid #16202d; color: #B8B6B4; }

.second-center > li > img { margin-bottom: 2px; margin-right: 3px; margin: 0 auto; margin-right: 3px; }

.second-center > li:first-child > span { float: left; margin-top: 14px; margin-right: 2px; }

.second-center > li:hover { color: #ffffff; }

.second-center > li:nth-child(2) { position: relative; padding-left: 15px !important; }

.second-center > li:nth-child(2) span { position: absolute; font-size: 16px; color: #ffffff; margin-right: 7px; top: 12px; left: 16px; }

.second-center > li a { color: #B8B6B4; display: inline-block; width: 72px; line-height: 20px; overflow: hidden; text-overflow: clip; white-space: nowrap; vertical-align: middle; margin-bottom: 2px; }

.second-center > li a:hover { color: #fff; }

.second-center > .erweima { padding: 15px; height: 146px; }

.second-center > .erweima img { width: 100px; height: 100px; margin-bottom: -8px; }

.second-center > .erweima > a { width: 100px; white-space: nowrap; overflow: hidden; text-align: center; font-size: 12px; color: #b8b6b4; text-align: center; }

.aHover:hover { color: #fff; }

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

.layui-carousel { background: none !important; }

.popuserset .layui-layer-btn > a { width: 162px; text-align: center; height: 40px; line-height: 40px; }

.popuserset.popup-common.layui-layer-dialog .layui-layer-content { padding: 14px; padding-top: 10px; }

.popuserset .layui-layer-btn { padding: 14px; padding-top: 0; font-size: 14px; position: static; }

.popuserset .layui-layer-btn .layui-layer-btn0 { margin-left: 0px; }

.popuserset .layui-layer-btn .layui-layer-btn1 { margin-right: 0px; }

.pop-person { width: 418px; }

.pop-person > p { font-size: 14px; color: #ffffff; }

.pop-person ul li { margin-top: 25px; overflow: hidden; }

.pop-person ul li i { font-size: 32px; color: #c6d4df; float: left; position: relative; top: 3px; }

.pop-person ul li section { float: left; padding-left: 14px; }

.pop-person ul li section > p { padding-top: 4px; }

.pop-person ul li:first-child { margin-top: 20px; }

.pop-person ul li section h3 { font-size: 14px; color: #c6d4df; color: #ffffff; line-height: 16px; }

.pop-person ul li section p { font-size: 12px; line-height: 16px; }

.layui-layer-shade { opacity: 0.7 !important; }

.game-inner::-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; }

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

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

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

.detailbox { font-size: 14px; width: 328px; min-height: 400px; padding: 10px; color: #8F98A0; background-color: #1d1d1d; border: 2px solid #fff; text-align: left; }

.detailbox .goosdimg { width: 320px; height: 190px; border: 1px solid #4D4D4D; }

.detailbox .fraudwarnings { margin: 8px 0; background-color: #1d1d1d; padding: 5px; border: 1px solid #393939; color: #bd4847; }

.detailbox .descriptor { color: #b4b4b4; margin: 5px 0; min-height: 1px; }

.prompt-pop { width: auto !important; }

.login-sub.layer-login .colorblue { color: #1083EE; }

.login-sub.layer-login .color999 { color: #999; }

.login-sub.layer-login .layui-layer-title { color: #333333; text-align: center; font-size: 18px; font-weight: bold; background-color: #fff; border: none; height: 40px; line-height: 40px; }

.login-sub.layer-login .layui-layer-setwin a { height: 20px; width: 20px; font-size: 20px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; }

.login-sub.layer-login .login-content { font-size: 0; }

.login-sub.layer-login .login-content .login-code-box { padding-left: 40px; width: 259px; height: 303px; box-sizing: border-box; display: inline-block; border-right: 1px solid #E8E8E8; float: left; }

.login-sub.layer-login .login-content .login-code-box > h3 { font-size: 18px; font-weight: bold; height: 24px; width: 180px; color: #333333; text-align: center; margin-bottom: 30px; }

.login-sub.layer-login .login-content .login-code-box > .code-contain { width: 180px; height: 180px; border-radius: 2px; box-sizing: border-box; border: 1px solid #E8E8E8; padding: 10px; position: relative; }

.login-sub.layer-login .login-content .login-code-box > .code-contain > img { width: 160px; height: 160px; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info { position: absolute; width: 100%; height: 100%; margin: 0 auto; left: 0; top: 0; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info span { width: 32px; height: 32px; display: block; margin: 38px auto 15px; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info p { font-size: 14px; color: #333; text-align: center; line-height: 19px; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info p button { color: #1083EE; border: none; background: transparent; cursor: pointer; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info p button.btn-disabled { pointer-events: none; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info.code-info-suc span { background: url("../../images/suc.png") no-repeat center; background-size: 100%; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info.code-info-fail span { background: url("../../images/fail.png") no-repeat center; background-size: 100%; }

.login-sub.layer-login .login-content .login-code-box > .code-contain .code-info.code-info-plaint span { background: url("../../images/plaint.png") no-repeat center; background-size: 100%; }

.login-sub.layer-login .login-content .login-code-box .opt-code-footer { margin-top: 26px; width: 180px; text-align: center; font-size: 14px; line-height: 21px; color: #333333; }

.login-sub.layer-login .login-content .login-code-box .opt-code-footer a { color: #1083EE; }

.login-sub.layer-login .login-content .login-inputs { font-size: 16px; height: 343px; position: relative; width: 380px; display: inline-block; box-sizing: border-box; }

.login-sub.layer-login .login-content .login-inputs > h2 { color: #333333; font-size: 18px; font-weight: bold; text-align: center; margin-bottom: 30px; }

.login-sub.layer-login .login-content .login-inputs .userName { position: relative; text-align: center; width: 320px; margin: 0 auto 20px; }

.login-sub.layer-login .login-content .login-inputs .userName input { width: 320px; height: 50px; background: #FFFFFF; border: 1px solid #999999; border-radius: 2px; text-indent: 10px; font-size: 16px; box-sizing: border-box; }

.login-sub.layer-login .login-content .login-inputs .del-login { position: absolute; background-color: #fff; width: 30px; height: 30px; line-height: 30px; right: 10px; top: 12px; cursor: pointer; display: none; }

.login-sub.layer-login .login-content .login-inputs .del-login b { width: 16px; height: 16px; display: inline-block; background: url("../../images/layer-del.png") no-repeat center; background-size: 100%; }

.login-sub.layer-login .login-content .login-inputs .vcode { width: 320px; height: 50px; background: #FFFFFF; border: 1px solid #999999; border-radius: 2px; position: relative; margin: 0 auto 20px; box-sizing: border-box; font-size: 16px; }

.login-sub.layer-login .login-content .login-inputs .vcode input { width: 50%; border: none; text-indent: 10px; line-height: 48px; height: 48px; }

.login-sub.layer-login .login-content .login-inputs .vcode .del-login { right: 124px; text-align: center; }

.login-sub.layer-login .login-content .login-inputs .vcode span { position: absolute; right: 15px; line-height: 50px; top: 0; font-size: 14px; cursor: pointer; z-index: 2; }

.login-sub.layer-login .login-content .login-inputs .vcode span.is-send { color: #999; pointer-events: none; }

.login-sub.layer-login .login-content .login-inputs .login-btn { width: 320px; height: 50px; background: #2C4F67; border-radius: 2px; border: none; margin: 0 auto 20px; color: #fff; display: block; cursor: pointer; }

.login-sub.layer-login .login-content .login-inputs .login-tip { width: 320px; font-size: 14px; font-weight: 400; color: #FF0000; line-height: 18px; margin: 0 auto; }

.login-sub.layer-login .login-content .login-inputs .login-tip.none { display: none; }

.login-sub.layer-login .login-content .login-inputs .xy-box { position: absolute; left: 40px; bottom: 63px; }

.login-sub.layer-login .login-content .login-inputs .xy-box em { cursor: pointer; font-size: 14px; }

.login-sub.layer-login .login-content .login-inputs .xy { font-size: 14px; cursor: pointer; color: #333; }

.login-sub.layer-login .login-content .login-inputs .xy.active span { width: 18px; height: 18px; border: none; background: url("../../images/layer-checked.png") no-repeat center; background-size: 100%; margin-left: -3px; margin-right: 5px; }

.login-sub.layer-login .login-content .login-inputs .xy span { width: 12px; height: 12px; display: inline-block; vertical-align: middle; cursor: pointer; margin-right: 8px; margin-top: -4px; background: #DEDEDE; border: 1px solid #AAAAAA; border-radius: 2px; position: relative; box-sizing: border-box; }

.login-sub.layer-login .login-content .login-inputs .xy.login-xy { display: inline-block; }

.login-sub.layer-login .login-content .login-inputs .xy.login-ssh { position: absolute; left: 40px; bottom: 40px; }

.login-sub.layer-xy .colorblue { color: #1083EE; }

.login-sub.layer-xy .color999 { color: #999; }

.login-sub.layer-xy .layui-layer-title { color: #333333; text-align: left; font-size: 18px; font-weight: bold; background-color: #fff; border: none; padding: 20px 0 20px 20px; height: 18px; line-height: 18px; }

.login-sub.layer-xy .layui-layer-setwin a { height: 16px; width: 16px; font-size: 16px; color: #999; background: url("../../images/layer-close.png") no-repeat center; background-size: 100%; }

.login-sub.layer-xy .layui-layer-content { padding-left: 20px; }

.login-sub.layer-xy .layui-layer-content h3 { font-size: 14px; }

.login-sub.layer-xy .layui-layer-btn > a { width: 60px; height: 34px; line-height: 34px; border-radius: 2px; text-align: center; font-size: 16px; color: #fff; padding: 0; margin: 0; border: none; }

.login-sub.layer-xy .layui-layer-btn .layui-layer-btn0 { background: #626366; margin-right: 14px; }

.login-sub.layer-xy .layui-layer-btn .layui-layer-btn1 { background: #4C6B22; }

.pay-layer .layui-layer-title { font-size: 18px; font-weight: bold; height: 80px; line-height: 80px; color: #C6D4DF; }

.pay-layer .layui-layer-close { color: #999999 !important; background: url(../../images/layer-close.png) no-repeat center; background-size: 100%; background-position: 0px 0px !important; top: 13px; }

.pay-layer .popup-common .layui-layer-setwin { top: 32px; }

.pay-content { color: #B7B5B3; width: 500px; }

.pay-content .icon-Alipay { background: url("../../images/pay.png") no-repeat -63px 0px; background-size: 187px 62px; width: 61px; height: 61px; }

.pay-content .icon-Weixin { background: url("../../images/pay.png") no-repeat -126px 0px; background-size: 187px 62px; width: 61px; height: 61px; }

.pay-content .icon-balance { background: url("../../images/pay.png") no-repeat 0px 0px; background-size: 187px 62px; width: 61px; height: 62px; }

.pay-content .paytype-item { display: flex; margin: 18px 40px 0; height: 61px; }

.pay-content .paytype-item:first-child { padding-top: 8px; }

.pay-content .paytype-item i:first-child { margin-right: 12px; }

.pay-content .paytype-item > div { width: 74%; padding: 15px 0; }

.pay-content .paytype-item p { font-size: 16px; color: #C5D3DF; }

.pay-content .p-l47 { padding-left: 47px; }

.pay-content .balancetips { font-size: 14px !important; color: #E0C389 !important; }

.pay-content .center.balancetips { margin-bottom: 30px; height: 20px; }

.pay-content .center.balancetips span { color: #E0C389 !important; }

.pay-content .font14 { font-size: 14px; }

.pay-content .pay-money { text-align: center; margin: 35px 0 50px; }

.pay-content .pay-money span { font-weight: bold; color: #E0C389; font-size: 30px; }

.pay-content .imitate-radio { width: 30px; height: 30px; background: #D7D7D7; display: inline-block; border: 2px solid #A9A9A9; border-radius: 50%; position: relative; margin: 14px 0; cursor: pointer; }

.pay-content .checked::after { content: ' '; width: 14px; height: 14px; background: #656565; border-radius: 50%; display: inline-block; margin: 8px; }

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

.pay-content .paybtn { width: 320px; height: 48px; background: #2B4F67; border-radius: 2px; border: 1px solid #999999; display: inline-block; text-align: center; font-size: 16px; line-height: 48px; margin-top: 44px; margin-bottom: 15px; }

.pay-content .paybtn:hover { color: #ffffff; background: #3b6e8c; }

.balancetips { font-size: 14px !important; color: #E0C389 !important; }

.countdown { color: #E1C48A; margin: 0 5px; }

.qr-code .layui-layer-title { background-color: #1b2838; height: 40px; }

.qr-code .layui-layer-content { text-align: center; padding: 0 !important; }

.qr-code .qrcode-title { font-weight: bold; color: #C5D3DF; line-height: 18px; font-size: 18px; }

.qr-code .qrcode-img { width: 200px; height: 200px; position: relative; margin: 40px auto; }

.qr-code .qrcode-img > div { display: none; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.6); }

.qr-code .qrcode-img > div p { font-size: 18px; margin-top: 88px; }

.qr-code .qrcode-img img { width: 100%; height: 100%; }

.qr-code p { color: #C5D3DF; font-size: 14px; }

.pay-success .layui-layer-content img { margin: 8px 0 10px; }

.pay-success .layui-layer-content > div > div { text-align: center; }

.pay-success .layui-layer-content > div > p { font-size: 14px; color: #B7B5B3; line-height: 18px; margin-left: 19px; margin-bottom: 12px; margin-top: 40px; }

.pay-success .layui-layer-content .font18 { font-size: 18px; font-weight: bold; color: #C5D3DF; }

.pay-success .layui-layer-content .flex { margin-left: 19px; display: flex; }

.pay-success .layui-layer-content .flex > div { width: 220px; height: 134px; background: #151F2D; opacity: 1; margin-right: 15px; padding: 35px 15px; box-sizing: border-box; cursor: pointer; }

.pay-success .layui-layer-content .flex > div .balancetips { text-align: left; }

.right-content, .steam-person-conter, .steamBag-contain { width: 980px !important; }

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

.form-select > i { color: #B8B6B4; }

.form-select .form-inp-select { font-size: 14px; line-height: 32px; padding-left: 18px; padding-right: 0px; }

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

.form-select .fi-hidden { top: 32px; }

.form-select .fi-hidden ul li { background-color: #171A21; height: 34px; color: #C6D4DF; border-top: 0.5px solid #16202D; }

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

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

.screenlist { display: inline-block; float: right; }

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

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

.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; left: 0; z-index: 10; width: 230px; height: 50px; border: 1px solid #2D3D50; background-color: #171A21; line-height: 50px; padding-left: 14px; }

.createtimescreen { display: inline-block; position: relative; }

.createtimescreen a { padding-right: 12px; }

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

.createtimescreen .uptodown i { position: absolute; display: inline-block; }

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

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

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

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

img[src=""], img:not([src]) { opacity: 0; }

/* 移动端 */
@media screen and (max-width: 751px) { html { font-size: calc(100vw/7.5); font-size: -webkit-calc(100vw/7.5); -webkit-text-size-adjust: 100%; }
  .login-sub { left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; } }