.app-footer ul,
.entry-grid,
.pagebar,
.private-placement-grid,
.stock-block-grid {
  list-style: none
}

body {
  font-size: .14rem;
  background-color: #f3f3f3
}

.design {
  /* width: 1200px; */
  margin: 0 auto
}

a,
a:active,
a:hover,
a:link,
a:visited {
  text-decoration: none;
  outline: 0
}

a {
  color: #222
}

[data-action-click],
[data-tap-click] {
  cursor: pointer
}

.highlight {
  color: #e65045
}

.red {
  color: #ff3e3e
}

.green {
  color: #1dc83d
}

.gray {
  color: #838383
}

.blue {
  color: #187cf3
}

.icon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: .05rem;
  background: url("icon.92de91246a21ded062a3838bad532a9803ae95af.png")
    /*tpa=http://stock.wabei.cn/static/v1.0/res/img/logic/d/icon.92de91246a21ded062a3838bad532a9803ae95af.png*/
    10000px 10000px no-repeat;
  background-size: .27rem .13rem
}

.icof-mobile:before {
  content: "\f10b";
  font-size: .18rem;
  vertical-align: top
}

.icof-wechat:before {
  content: "\f1d7"
}

.icof-servicetel:before {
  content: "\f2a0"
}

.icof-tag:before {
  content: "\f02b"
}

.icof-addr:before {
  content: "\f041"
}

.icof-noinfo:before {
  content: "\f06a"
}

.app-header {
  height: 1.24rem;
  position: relative;
  z-index: 9
}

.app-header .topbar {
  border-bottom: 1px solid #e5e5e5;
  background-color: #f3f3f3
}

.app-header .topnav {
  height: .88rem;
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff
}

.app-header .topbar-tips {
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1;
  color: #999
}

.app-header .topbar-loginstatus .already-login,
.app-header .topbar-loginstatus .not-login {
  display: none
}

.app-header .topbar-loginstatus .not-login {
  display: inherit
}

.app-header .topbar-loginstatus .not-login a {
  margin-left: 15px
}

.app-header .topbar-loginstatus.already .not-login {
  display: none
}

.app-header .topbar-loginstatus.already .already-login {
  display: inherit
}

.app-header .topbar-loginstatus .dropmenu {
  position: relative;
  margin-left: 15px;
  display: inline-block;
  height: .36rem;
  line-height: .36rem
}

.app-header .topbar-loginstatus .dropmenu ul {
  display: none;
  position: absolute;
  list-style: none;
  background-color: #fff;
  width: .8rem;
  padding: .1rem;
  border: 1px solid #c8c8c8;
  border-radius: .05rem;
  right: -50%;
  top: .35rem
}

.app-header .topbar-loginstatus .dropmenu ul:before {
  background-position: 0 0;
  width: .13rem;
  height: .07rem;
  position: absolute;
  margin-right: 0;
  top: -.06rem;
  left: 50%;
  margin-left: -.065rem
}

.app-header .topbar-loginstatus .dropmenu ul li {
  line-height: 1.8
}

.app-header .topbar-loginstatus .dropmenu ul li:hover {
  color: #2D9EEB
}

.app-header .topbar-loginstatus .dropmenu ul li:last-child {
  border-top: #eee 1px solid;
  margin-top: 6px;
  padding-top: 4px;
  text-align: center
}

.app-header .topbar-loginstatus .dropmenu ul li.highlight:hover {
  color: #e65045;
  text-decoration: underline
}

.app-header .topbar-loginstatus .dropmenu:hover ul {
  display: block
}

.app-header .topbar-products {
  margin-left: .16rem;
  border-left: 1px solid #222
}

.app-header .topbar-products .icofont:before {
  margin-right: .05rem;
  color: #949494
}

.app-header .topbar-products a {
  margin-left: .16rem;
  position: relative
}

.app-header .topbar-products a div {
  display: none;
  width: 1.6rem;
  height: 1.8rem;
  left: -.4rem;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  text-align: center;
  border-radius: .07rem;
  top: .24rem;
  position: absolute
}

.app-header .topbar-products a div:before {
  background-position: 0 0;
  width: .13rem;
  height: .07rem;
  position: absolute;
  top: -.06rem;
  margin-right: 0;
  left: 50%;
  margin-left: -.065rem
}

.app-header .topbar-products a div img {
  width: 1.44rem;
  height: 1.44rem;
  background-color: #e5e5e5;
  margin: .08rem auto;
  display: block
}

.app-header .topbar-products a:hover div {
  display: block
}

.app-header .topnav-menu {
  height: .42rem
}

.app-header .topnav-menu dt {
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.app-header .topnav-menu dt a {
  display: block;
  width: 3.51rem;
  height: .51rem;
  background: url("../images/wabei_stock_logo350x50-02.png")
    /*tpa=http://stock.wabei.cn/static/img/wabei_stock_logo350x50-02.png*/
    center center no-repeat;
  background-size: contain
}

.app-header .topnav-menu dd {
  width: 1.18rem;
  height: .88rem;
  text-align: center
}

.app-header .topnav-menu dd a {
  display: block;
  height: .86rem;
  width: 100%;
  line-height: .86rem;
  border-bottom: .02rem solid #fff;
  font-size: .16rem
}

.app-header .topnav-menu dd a.on,
.app-header .topnav-menu dd a:hover {
  border-bottom: .02rem solid #2d9eeb
}

.app-body {
  position: relative;
  z-index: 6
}

.app-footer {
  position: relative;
  z-index: 3;
  background-color: #383a3f;
  color: #999;
  padding: .34rem
}

.app-footer a {
  color: #999
}

.app-footer .footer-body {
  text-align: center;
  -ms-flex: 1;
  -moz-flex: 1;
  -webkit-flex: 1;
  flex: 1
}

.app-footer .footer-body p {
  line-height: 2
}

.app-footer .footer-body p a {
  margin-left: .12rem
}

.app-footer .footer-navmenu {
  margin-top: .1rem
}

.app-footer .footer-navmenu li {
  display: inline-block;
  padding-right: .12rem;
  margin-right: .12rem;
  border-right: 1px solid #e6e6e6
}

.app-footer .footer-navmenu li:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0
}

.app-footer .footer-navmenu a {
  color: #e6e6e6
}

.app-footer .footer-navmenu a:hover {
  color: #2d9eeb
}

.app-footer .footer-contact {
  padding: .26rem 0
}

.app-footer .footer-contact .icofont:before {
  margin-right: .06rem
}

.app-footer .footer-contact span {
  margin-right: .16rem
}

.app-footer .footer-contact strong {
  color: #fff;
  font-weight: 400;
  font-size: .18rem;
  margin-left: .06rem
}

.app-footer .footer-others .qrcode {
  text-align: center
}

.app-footer .footer-others .qrcode dd {
  padding-top: .12rem
}

.app-footer .footer-others .qrcode img {
  width: 1.44rem;
  height: 1.44rem;
  background-color: #fff
}

.app-footer .footer-others .qrcode p {
  line-height: 1.6
}

.entry-grid li {
  float: left;
  width: 1.87rem;
  height: 1.87rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin-right: .12rem;
  text-align: center;
  font-size: .16rem
}

.entry-grid li:hover {
  border: 1px solid #9ccdf3
}

.entry-grid li.nomargin,
.entry-grid li:last-child {
  margin-right: 0
}

.entry-grid li:last-child {
  float: right
}

.entry-grid li a {
  display: block;
  width: 100%;
  height: 100%
}

.entry-grid li i {
  display: block;
  background: center center no-repeat;
  background-size: contain;
  width: .8rem;
  height: .8rem;
  margin: .4rem auto .24rem
}

.market,
.protocol {
  display: inline-block;
  border: 1px solid #399ae6;
  color: #399ae6;
  border-radius: .03rem;
  font-size: .12rem;
  width: .18rem;
  height: .18rem;
  line-height: .18rem;
  text-align: center;
  margin-top: .05rem
}

.market {
  border: 1px solid #eb6363;
  color: #eb6363
}

.stock-block-grid li {
  float: left;
  width: 2.89rem;
  height: 1.3rem;
  background-color: #fff;
  margin-right: .11rem;
  margin-bottom: .12rem;
  border: 1px solid #e5e5e5
}

.stock-block-grid li:hover {
  border: 1px solid #f49b9b
}

.stock-block-grid li:nth-child(4n) {
  margin-right: 0;
  float: right
}

.stock-block-grid li a {
  display: block;
  width: 100%;
  height: 100%
}

.stock-block-grid h3 {
  padding: .15rem .15rem .05rem;
  height: .3rem;
  line-height: .3rem;
  font-weight: 400
}

.stock-block-grid h3 strong {
  font-weight: 400;
  font-size: .18rem;
  float: left
}

.stock-block-grid h3 code {
  font-weight: 400;
  font-size: .14rem;
  color: #7f7f7f;
  float: left;
  padding-left: .1rem
}

.stock-block-grid h3 sup {
  float: right
}

.stock-block-grid li div {
  height: .64rem;
  padding: 0 .15rem .15rem
}

.stock-block-grid li div strong {
  display: block;
  float: left;
  height: 100%;
  line-height: .64rem;
  font-size: .32rem;
  color: #838383
}

.stock-block-grid li div span {
  display: block;
  float: right;
  color: #838383;
  margin-top: .16rem
}

.stock-block-grid li div span b,
.stock-block-grid li div span i {
  font-weight: 400;
  font-style: normal;
  display: block;
  text-align: right
}

.stock-block-grid li.green div span,
.stock-block-grid li.green div strong {
  color: #1dc83d
}

.stock-block-grid li.red div span,
.stock-block-grid li.red div strong {
  color: #ff3e3e
}

.stock-block-grid li.gray div span,
.stock-block-grid li.gray div strong {
  color: #838383
}

.private-placement-grid li {
  float: left;
  width: 3.9rem;
  height: 1.72rem;
  background-color: #fff;
  margin-right: .1rem;
  margin-bottom: .12rem;
  border: 1px solid #e5e5e5
}

.private-placement-grid li:hover {
  border: 1px solid #f49b9b
}

.private-placement-grid li:nth-child(3n) {
  margin-right: 0;
  float: right
}

.private-placement-grid li a {
  display: block;
  width: 100%;
  height: 100%
}

.private-placement-grid h3 {
  padding: .1rem .15rem;
  font-weight: 400;
  height: .3rem;
  line-height: .3rem
}

.private-placement-grid h3 strong {
  font-weight: 400;
  font-size: .18rem;
  float: left
}

.private-placement-grid h3 code {
  font-weight: 400;
  font-size: .14rem;
  color: #7f7f7f;
  float: left;
  padding-left: .1rem
}

.private-placement-grid h3 sup {
  float: right
}

.private-placement-grid .pp-body {
  background-color: #fff6eb;
  height: .85rem
}

.private-placement-grid .pp-body div {
  float: left;
  width: 33.33%;
  text-align: center
}

.private-placement-grid .pp-body div strong {
  display: block;
  font-size: .18rem;
  color: #e79e4a;
  font-weight: 400;
  line-height: 2;
  padding-top: .13rem
}

.private-placement-grid .pp-footer {
  height: .36rem;
  line-height: .36rem
}

.private-placement-grid .pp-footer address,
.private-placement-grid .pp-footer cite,
.private-placement-grid .pp-footer span {
  display: block;
  float: left;
  height: .36rem
}

.private-placement-grid .pp-footer span {
  width: 40%;
  text-indent: .12rem
}

.private-placement-grid .pp-footer cite {
  width: 38%;
  overflow: hidden;
  text-overflow: ellipsis;
  word-wrap: normal;
  word-break: normal;
  color: #8c8c8c
}

.private-placement-grid .pp-footer address {
  margin-left: 2%;
  width: 18%;
  text-align: right;
  color: #8c8c8c
}

.private-placement-grid .pp-footer .icofont:before {
  margin-right: .03rem;
  color: #C3C3C3
}

.mod-settings-frame {
  font-size: .16rem
}

.mod-settings-item dd,
.mod-settings-item dt {
  min-height: .46rem;
  position: relative
}

.mod-settings-item dt {
  text-align: right;
  padding-top: .15rem
}

.mod-settings-item dd input {
  height: .38rem;
  font-size: .16rem;
  margin-left: .12rem;
  padding-left: .08rem
}

.mod-settings-item dd input:focus {
  border-color: #2d9eeb
}

.mod-settings-item dd input.error {
  border-color: #FF1B1B
}

.mod-settings-item dd textarea {
  margin-left: .12rem
}

.mod-settings-item dd ins {
  position: absolute;
  left: 55%;
  top: .1rem;
  width: 100%
}

.mod-settings-item dd ins.agree {
  left: 50%;
  top: .03rem
}

.mod-settings-item dd label.chooser {
  height: .42rem;
  margin-left: .12rem
}

.mod-settings-item dd label.chooser:hover {
  border-color: #2d9eeb
}

.mod-settings-item dd label.chooser input {
  width: 60%;
  height: .42rem;
  padding-left: .08rem
}

.mod-settings-item dd label.chooser span {
  width: 40%;
  line-height: .42rem;
  font-size: .14rem;
  background-color: #2d9eeb
}

.mod-settings-item dd label.chooser span:hover {
  background-color: #1f8bd8
}

.mod-dataset-footer:active {
  background-color: inherit
}

.pagebar li {
  float: left;
  margin-right: .08rem
}

.pagebar li:last-child {
  margin-right: 0
}

.pagebar li a {
  display: block;
  background-color: #fff;
  font-size: .16rem;
  min-width: .18rem;
  height: .35rem;
  line-height: .35rem;
  padding: 0 .1rem;
  border: 1px solid #E5E5E5;
  border-radius: .03rem;
  overflow-y: hidden;
  color: #6F6F6F
}

.pagebar li a.ellipsis {
  border-color: transparent;
  background-color: inherit
}

.pagebar li a.on,
.pagebar li a:hover {
  background-color: #2d9eeb;
  border: 1px solid #E5E5E5;
  color: #fff
}

.mod-dataset-nodata {
  margin-top: .24rem;
  margin-bottom: .24rem;
  font-size: .14rem
}

.mod-dataset-footer {
  margin: 10px auto 40px;
  cursor: default
}

.quick-guide {
  position: fixed;
  width: .46rem;
  height: auto;
  left: .1rem;
  bottom: .32rem;
  z-index: 1000;
  background-color: #fbfbfb;
  border: 1px solid #e5e5e5;
  border-bottom: 0
}

.quick-guide a {
  position: relative;
  display: block;
  width: .46rem;
  height: .46rem;
  text-align: center;
  border-bottom: 1px solid #e5e5e5;
  background: url("ico_index.45bfab85437191e78d25b69742125bee2390762a.jpg")
    /*tpa=http://stock.wabei.cn/static/v1.0/res/img/logic/d/ico_index.45bfab85437191e78d25b69742125bee2390762a.jpg*/
    no-repeat
}

.quick-guide a.wap {
  background-position: 0 0
}

.quick-guide a.app {
  background-position: 0 -.46rem
}

.quick-guide a.mp-weixin {
  background-position: 0 -.92rem
}

.quick-guide a.service {
  background-position: 0 -1.38rem
}

.quick-guide a.back {
  background-position: 0 -1.84rem
}

.quick-guide a div,
.quick-guide a span {
  display: none
}

.quick-guide a div {
  width: 1.6rem;
  height: 1.8rem;
  left: -1.7rem;
  border: 1px solid #c8c8c8;
  background-color: #fff;
  text-align: center;
  border-radius: .07rem;
  top: -.38rem;
  position: absolute
}

.quick-guide a.service div {
  top: -.86rem
}

.quick-guide a div:before {
  background-position: -.2rem 0;
  width: .07rem;
  height: .13rem;
  position: absolute;
  right: -.12rem;
  top: .38rem
}

.quick-guide a.wap div:before {
  top: .56rem
}

.quick-guide a.app div:before {
  top: .54rem
}

.quick-guide a.mp-weixin div:before {
  top: .52rem
}

.quick-guide a.service div:before {
  top: 1rem
}

.quick-guide a div img {
  width: 1.44rem;
  height: 1.44rem;
  background-color: #e5e5e5;
  margin: .08rem auto;
  display: block
}

.quick-guide a:hover {
  background-image: none;
  background-color: #eb6363
}

.quick-guide a:hover span {
  display: block;
  width: .46rem;
  padding-top: .1rem;
  color: #fff
}

.quick-guide a:hover div {
  display: block
}