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

.content { background: #f5f5f5; }

.company-pic { width: 100%; background-color: #fff; }
.company-pic img { width: 100%; height: 100%; }

.company-desc { background-color: #fff; font-size: 0.8rem; padding: 0.7rem 0.5rem; }
.company-desc p { text-indent: 2em; margin-bottom: 0.5rem; }

.q-content { background: #fff; padding-bottom: 1rem; }
.q-content .head { text-align: center; font-size: 0.75rem; color: #009ee5; }
.q-content .head span { display: inline-block; width: 2.3rem; height: 0.05rem; margin: 0.35rem 0.3rem; background-color: #009ee5; }
.q-content .q-pic-list { overflow: hidden; margin-top: 1rem; }
.q-content .q-pic-list li { float: left; width: calc(100% / 3); padding: 0 .6rem; text-align: center; font-size: .7rem; }
.q-content .q-pic-list li .thumb img { width: 100%; margin: 0 auto; }

.news-list { margin-top: 0.5rem; background-color: #fff; }
.news-list .head { height: 2rem; padding: 0.625rem 0.6rem; border-bottom: 1px #eee solid; }
.news-list .head span { display: block; height: 0.75rem; line-height: 0.75rem; font-size: .8rem; padding-left: 0.55rem; border-left: 0.2rem #009ee5 solid; }
.news-list ul { overflow: hidden; padding: 0.75rem; font-size: .8rem; }
.news-list ul li { clear: both; overflow: hidden; height: 1.6rem; line-height: 1.6rem; color: #555; }
.news-list ul li .news-title { width: 70%; overflow: hidden; float: left; height: 1.6rem; text-overflow: ellipsis; white-space: nowrap; }
.news-list ul li .date { width: 30%; float: right; text-align: right; height: 1.6rem; color: #999; }

.news-detail h1 { font-size: 1rem; font-weight: bold; text-align: center; }
.news-detail .news-content { font-size: .7rem; padding: .5rem; }
.news-detail .news-content img { max-width: 80%; display: block; margin: 0 auto .5rem; }
.news-detail .news-content p { margin: 0.5rem; }