input:-moz-placeholder { color: #bbb; }
input::-moz-placeholder { color: #bbb; }
input:-ms-input-placeholder { color: #bbb; }
input::-webkit-input-placeholder { color: #bbb; }

textarea::placeholder { color: #bbb; }

html { overflow: hidden; height: 100%; width: 100%; font-size: 20px; }

body { background-color: #fff; font-family: "HiraginoSansGB W3","Helvetica Neue",Helvetica,sans-serif,"Lantinghei SC","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","STHeiti","WenQuanYi Micro Hei",SimSun,sans-serif,"Microsoft YaHei UI", "Microsoft YaHei"; overflow: auto; height: 100%; width: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

ul { padding: 0; margin: 0; list-style: none; }

p { margin: 0; }

a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; color: #333; }

.hide { display: none !important; }

.mask-black { background-color: rgba(0, 0, 0, 0.2); position: fixed; z-index: 500; bottom: 0; right: 0; left: 0; top: 0; display: flex; justify-content: center; align-items: center; }

.empty-data { min-height: 20rem; width: 100%; background: url(../images/empty.png) no-repeat 55% center; background-size: 33% auto; text-align: center; padding-top: 14rem; color: #333; font-size: .7rem; }

.pop_slide_head { position: relative; height: 2rem; line-height: 2rem; padding-left: .5rem; font-size: .8rem; color: #333; background-color: #f3f2f8; }
.pop_slide_head i { position: absolute; top: 0; right: 0; width: 2rem; height: 2rem; line-height: 2rem; font-size: .8rem; text-align: center; color: #666; }

.bar .icon { padding: .5rem; }

.bar-nav { background-color: #fff; border-bottom: none; }
.bar-nav::after { background-color: #dfdfdf; height: 2px; }
.bar-nav .logo-icon { width: 132px; height: 27px; background: url("../images/logo.png") no-repeat; background-size: 132px 27px; margin-top: 0.5rem; }
.bar-nav .menu-icon { width: 3rem; height: 2rem; background: url("../images/menu.png") center center no-repeat; background-size: 23px 14px; cursor: pointer; position: relative; z-index: 1; }
.bar-nav .title { font-size: 0.9rem; color: #000; font-weight: 600; z-index: 0; }

.buttons-tab:after { background-color: #fff; }

.panel { height: auto; background: #fff; box-shadow: 0 0 8px #ccc; border-radius: 3px; overflow: hidden; }
.panel.panel-right.panel-cover { right: -11rem; top: 2rem; }
.panel .menu-list { background: #fff; }
.panel .menu-list li { padding: 0 1rem 0 1.25rem; height: 2.5rem; vertical-align: top; border-bottom: 0.05rem #dfdfdf solid; font-size: 0.75rem; }
.panel .menu-list li:last-child { border-bottom: none; }
.panel .menu-list li a { display: block; color: #333; line-height: 2.5rem; }
.panel .menu-list li a:hover { color: #333; }
.panel .menu-list li a i { text-align: right; line-height: 2.5rem; }

.content { background-color: #f5f5f5; }

.bar-tab { background-color: #f9f9f9; padding: 0.4rem 0 0.2rem; }
.bar-tab::before { background-color: #ddd; }
.bar-tab .tab-item { height: 1.75rem; line-height: 1.75rem; border-right: 0.05rem #ddd solid; font-size: 0.65rem; color: #333; font-weight: 600; }
.bar-tab .tab-item:last-child { border-right: none; }
.bar-tab .tab-item.active, .bar-tab .tab-item:active { color: #009ee5; }

.buttons-tab .button { font-size: 0.7rem; }

.qq-client { margin-bottom: 0.5rem; margin-right: 0.6rem; font-size: 0.7rem; text-align: right; }
.qq-client span { display: inline-block; vertical-align: top; }

.buy-inner { position: absolute; left: .6rem; margin-top: .5rem; }

.help-box { position: fixed; right: 1rem; bottom: 10rem; width: 55px; background-color: #555; z-index: 999999999; }
.help-box ul li { position: relative; }
.help-box ul li a.link { display: block; width: 100%; padding: .1rem 0; text-align: center; color: #fff; font-size: 150%; border-bottom: 1px solid #fff; }
.help-box ul li a.link:hover { background-color: #e45151; }
.help-box ul li a.link.last { border-bottom: none; background-color: #009ee5; }
.help-box ul li a.link.last:hover { background-color: #0471d8; }
.help-box ul li .dialog { position: absolute; top: 50%; margin-top: -27px; right: 80px; padding: 10px 20px; border: 1px solid #e3e3e3; background-color: #fff; padding: 15px; font-size: 14px; color: #666; white-space: nowrap; text-align: center; line-height: 2em; }
.help-box ul li .dialog .arrow { position: absolute; right: -8px; top: 20px; width: 8px; height: 13px; background: url(../images/dialog_arrow.png) no-repeat 50% 50%; }

.page { background: #f5f5f5; }
.page .content-box .tabs .content-item .buy-info { background: #fff; }
.page .content-box .tabs .content-item .buy-info .select-item { padding: 1.1rem 0.6rem 0; }
.page .content-box .tabs .content-item .buy-info .select-item .select-title { font-size: 0.7rem; color: #333; margin-bottom: 0.25rem; }
.page .content-box .tabs .content-item .buy-info .select-item ul { overflow: hidden; }
.page .content-box .tabs .content-item .buy-info .select-item ul li { width: 50%; float: left; height: 1.5rem; padding: 0 0.5rem; margin-top: 0.5rem; }
.page .content-box .tabs .content-item .buy-info .select-item ul li .select-info { width: 100%; height: 1.5rem; border-radius: 3px; border: 0.05rem #ccc solid; line-height: 1.5rem; vertical-align: top; text-align: center; font-size: 0.7rem; color: #666; }
.page .content-box .tabs .content-item .buy-info .select-item ul li .select-info.selected { color: #d73438; border-color: #d73438; background: url("../images/buy/selected.png") no-repeat right bottom; background-size: 0.75rem 0.75rem; }
.page .content-box .tabs .content-item .buy-info .select-item ul li .select-info span { margin-left: 0.8rem; }
.page .content-box .tabs .content-item .buy-info .select-item .group-explain { font-size: 0.65rem; color: #999; padding-left: 0.5rem; margin-top: 0.5rem; }
.page .content-box .tabs .content-item .buy-info .buy-num { margin-top: 1.2rem; padding: 0.75rem 0.6rem 1.1rem; border-top: 0.05rem #eef2f4 solid; overflow: hidden; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-title { display: inline-block; float: left; font-size: 0.7rem; color: #333; margin-top: 0.4rem; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select { display: inline-block; float: right; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info { overflow: hidden; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel { height: 1.5rem; border: 1px solid #ccc; display: inline-block; float: left; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel .down, .page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel .up { width: 1.75rem; height: 1.5rem; display: inline-block; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel .down { border-right: 1px solid #ccc; background: url("../images/buy/down.png") no-repeat center; background-size: 0.55rem 0.05rem; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel .up { border-left: 1px solid #ccc; background: url("../images/buy/up.png") no-repeat center; background-size: 0.55rem 0.55rem; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info .num-handel input { border: none; margin: 0; padding: 0; background: none; width: 2.25rem; height: 1.5rem; line-height: 1.5rem; vertical-align: top; text-align: center; color: #d73438; font-size: 0.75rem; display: inline-block; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .num-info span { font-size: 0.7rem; color: #333; margin-left: 0.4rem; display: inline-block; margin-top: 0.6rem; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .price { text-align: right; font-size: 0.7rem; color: #999; margin-right: 1.1rem; margin-top: 0.3rem; }
.page .content-box .tabs .content-item .buy-info .buy-num .num-select .price span { color: #d73438; font-size: 0.9rem; font-weight: bold; }
.page .content-box .tabs .text-item { background: #fff; margin-top: 0.5rem; }
.page .content-box .tabs .text-item .head { padding: 0.625rem 0.6rem; border-bottom: 1px #eee solid; overflow: hidden; }
.page .content-box .tabs .text-item .head span { display: inline-block; height: 0.75rem; line-height: 0.75rem; }
.page .content-box .tabs .text-item .head span.text-title { font-size: 0.75rem; padding-left: 0.55rem; border-left: 0.2rem #009ee5 solid; float: left; }
.page .content-box .tabs .text-item .head span.remark { font-size: 0.65rem; color: #999; float: right; }
.page .content-box .tabs .text-item .product-content { padding: 0.75rem 0.6rem 1.2rem; }
.page .content-box .tabs .text-item .product-content p { color: #333; font-size: 0.7rem; line-height: 1.2rem; word-wrap: break-word; margin-bottom: 0.5rem; }
.page .content-box .tabs .text-item .product-content p:last-child { margin-bottom: 0; }
.page .content-box .tabs .text-item .product-content p.no-space { margin-bottom: 0; }
.page .content-box .tabs .text-item .product-content p.product-remark { font-size: 0.65rem; color: #999; line-height: 1rem; }
.page .content-box .tabs .text-item.product-explain .product-content img { display: block; width: 8.2rem; height: auto; margin: 0.5rem auto; }
.page .content-box .tabs .text-item.product-contrast .product-content .product-info { margin-bottom: 0.75rem; }
.page .content-box .tabs .text-item.product-contrast .product-content .product-info:last-child { margin-bottom: 0; }
.page .content-box .tabs .text-item.product-contrast .product-content .product-info .product-name { color: #009ee5; font-size: 0.7rem; line-height: 1.2rem; margin-bottom: 0.1rem; }

.bar-tab { border: none; background-color: #d73438; }
.bar-tab .button { font-weight: 600; border: none; color: #fff; line-height: 1.25rem; border-radius: 0; }