.mainwrap{
  max-width: 750px;
  margin: 0 auto;
}

.btn,
.formbtn,
.btn-blue,
.btn-orange,
.btn-gray,
.btn_clear_txt i {
  display: inline-block;
  *display: inline;
  *zoom: 1
}

.index .hot-recommend,
.comm-list.hot-read dd>a,
.info-detail .info-info .related,
.menu dl dd,
.hqzx-more dl dd,
.stock-infos-list .switch,
.pankou .datas,
.comm-switch,
.zhuanti .img-group,
.im-chat .msg-wrap,
.im-chat .rate-wrap {
  *zoom: 1
}

.index .hot-recommend:before,
.comm-list.hot-read dd>a:before,
.info-detail .info-info .related:before,
.menu dl dd:before,
.hqzx-more dl dd:before,
.stock-infos-list .switch:before,
.pankou .datas:before,
.comm-switch:before,
.zhuanti .img-group:before,
.im-chat .msg-wrap:before,
.im-chat .rate-wrap:before,
.index .hot-recommend:after,
.comm-list.hot-read dd>a:after,
.info-detail .info-info .related:after,
.menu dl dd:after,
.hqzx-more dl dd:after,
.stock-infos-list .switch:after,
.pankou .datas:after,
.comm-switch:after,
.zhuanti .img-group:after,
.im-chat .msg-wrap:after,
.im-chat .rate-wrap:after {
  content: "";
  display: table
}

.index .hot-recommend:after,
.comm-list.hot-read dd>a:after,
.info-detail .info-info .related:after,
.menu dl dd:after,
.hqzx-more dl dd:after,
.stock-infos-list .switch:after,
.pankou .datas:after,
.comm-switch:after,
.zhuanti .img-group:after,
.im-chat .msg-wrap:after,
.im-chat .rate-wrap:after {
  clear: both
}

html {
  font-size: 62.5%;
  -webkit-user-select: none
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  -webkit-user-select: none;
  -webkit-text-size-adjust: 100% !important;
  text-size-adjust: 100% !important;
  -moz-text-size-adjust: 100% !important;
}

img,
div,
body,
html,
ul,
li,
a {
  -webkit-touch-callout: none
}

html,
body,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block
}

* {
  -webkit-tap-highlight-color: transparent
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline
}

audio:not([controls]) {
  display: none;
  height: 0
}

[hidden],
template {
  display: none
}

a {
  background-color: transparent;
  text-decoration: none
}

a:active,
a:hover {
  outline: 0
}

abbr[title] {
  border-bottom: 1px dotted
}

b,
strong {
  font-weight: bold
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup {
  top: -0.5em
}

sub {
  bottom: -0.25em
}

img {
  border: 0
}

svg:not(:root) {
  overflow: hidden
}

figure {
  margin: 1em 40px
}

hr {
  box-sizing: content-box;
  height: 0
}

pre {
  overflow: auto
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
  outline: 0
}

button {
  overflow: visible
}

button,
select {
  text-transform: none
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled],
html input[disabled] {
  cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

input {
  line-height: normal
}

input::-ms-clear {
  display: none
}

input[type="password"]::-ms-reveal {
  display: none
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em
}

legend {
  border: 0;
  padding: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

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

.clearfix:after {
  display: block;
  content: "$";
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden
}

.clearfix {
  *zoom: 1
}

html,
body,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
  color: #333333
}

li {
  list-style: none
}

@media only screen and (min-width: 481px) {
  html {
    font-size: 94% !important
  }
}

@media only screen and (min-width: 561px) {
  html {
    font-size: 75% !important
  }
}

.btn,
.formbtn,
.btn-blue,
.btn-orange,
.btn-gray {
  cursor: pointer;
  text-align: center;
  border: 0 none
}

.btn {
  padding: 0 16px;
  font-size: 14px;
  line-height: 28px;
  color: #333;
  background-color: #e6e6e6
}

.btn:hover {
  background-color: #d9d9d9;
  color: #333
}

.formbtn {
  padding: 0 16px;
  font-size: 14px;
  height: 28px;
  color: #333;
  background-color: #e6e6e6
}

.formbtn:hover {
  background-color: #d9d9d9;
  color: #333
}

.btn-primary {
  color: #fff;
  background-color: #0078E7
}

.btn-primary:hover {
  background-color: #006bce;
  color: #fff
}

.btn-blue,
.btn-orange,
.btn-gray {
  margin: 0 1rem 2rem;
  display: block;
  padding: 0 0;
  font-size: 1.7rem;
  line-height: 4.4rem;
  text-align: center;
  border-radius: 0.3rem;
  color: #fff;
  background-color: #3381E3
}

.btn-blue:hover,
.btn-orange:hover,
.btn-gray:hover {
  background-color: #1e73de;
  color: #fff
}

.btn-blue.hollow,
.hollow.btn-orange,
.hollow.btn-gray {
  color: #3381E3;
  background-color: transparent;
  border: 1px solid #3381E3
}

.btn-blue.hollow:hover,
.hollow.btn-orange:hover,
.hollow.btn-gray:hover {
  background-color: transparent;
  color: #3381E3
}

.btn-blue.disable,
.disable.btn-orange,
.disable.btn-gray {
  color: #fff;
  background-color: #CACACA
}

.btn-blue.disable:hover,
.disable.btn-orange:hover,
.disable.btn-gray:hover {
  background-color: #bdbdbd;
  color: #fff
}

.btn-orange {
  color: #fff;
  background-color: #fa8c2a
}

.btn-orange:hover {
  background-color: #f97f11;
  color: #fff
}

.btn-gray {
  color: #fff;
  background-color: #ccc
}

.btn-gray:hover {
  background-color: #bfbfbf;
  color: #fff
}

.two-btn {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.two-btn a,
.two-btn button {
  margin: 0 1rem 0 0;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.two-btn a:first-child,
.two-btn button:first-child {
  margin: 0 1rem 0 1rem
}

.error-btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.error-btn a {
  width: 8rem;
  height: 3rem;
  line-height: 3rem;
  display: inline-block;
  border: 1px solid #3391e3;
  color: #3391e3;
  border-radius: 0.3rem;
  font-size: 1.4rem;
  text-align: center
}

.btn_clear_txt {
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  text-align: right
}

.btn_clear_txt i {
  position: relative;
  top: 0.1rem;
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  background: #ccc;
  color: #fff
}

.btn_clear_txt i:before,
.btn_clear_txt i:after {
  position: absolute;
  content: '';
  height: 0.2rem;
  width: 0.8rem;
  left: 50%;
  top: 50%;
  -webkit-transform-origin: center;
  transform-origin: center;
  background: #fff
}

.btn_clear_txt i:before {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.btn_clear_txt i:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

#pop-mask {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0
}

.pop-mask {
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 99;
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0.3
}

.default-popup {
  display: block;
  margin: 0px auto;
  position: fixed;
  z-index: 100;
  top: 50%;
  left: 50%;
  width: 90%;
  padding: 0;
  opacity: 1;
  background: #fff;
  color: #555;
  -moz-border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -o-border-radius: 0.8rem;
  border-radius: 0.8rem;
  -webkit-transform: scale(0.5, 0.5);
  -webkit-transition: all 0.20s ease-in-out;
  transform: scale(0.5, 0.5);
  -webkit-transition: all 0.20s ease-in-out;
  transition: all 0.20s ease-in-out
}

.default-popup.animate {
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1)
}

.default-popup.hidden {
  opacity: 0;
  -webkit-transform: scale(0);
  top: 50%;
  left: 50%;
  margin: 0px auto
}

.default-popup.hd-no-underline header {
  padding: 1.4rem 0 1.2rem;
  color: #333;
  font-weight: 600;
  border-bottom: none;
  -webkit-border-image: none;
  background: none
}

.default-popup.hd-no-underline .content-body {
  margin-top: 0;
  padding: 0 1rem;
  font-size: 1.5rem
}

.default-popup>header {
  margin: 0;
  padding: 1.2rem 0;
  text-align: center;
  color: #333;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.7rem;
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
  background: #fff;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  box-sizing: content-box
}

.default-popup>header .icon-hotline {
  display: inline-block;
  margin: 0 0.5rem 0 0;
  vertical-align: middle;
  width: 1.6rem;
  height: 1.9rem;
  overflow: hidden;
  background: url(./img/login.png) no-repeat center -8.15rem;
  background-size: 1.6rem auto
}

.default-popup .content-body {
  font-size: 1.5rem;
  margin: 2rem 1rem;
  line-height: 180%;
  max-height: 20rem;
  overflow-y: auto;
  color: #666
}

.default-popup .content-body>div {
  font-size: 1.5rem;
  color: #666
}

.default-popup>footer {
  width: 100%;
  text-align: center;
  display: block !important;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  overflow: hidden;
  background: transparent;
  border-bottom-right-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem
}

.default-popup>footer .default-popup-cancel,
.default-popup>footer .default-popup-ok {
  float: left;
  padding: 1rem 0;
  width: 50%;
  color: #999;
  box-sizing: border-box;
  line-height: 3rem;
  font-size: 1.7rem;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  -webkit-tap-highlight-color: transparent
}

.default-popup>footer .default-popup-ok {
  float: right;
  border-right: none;
  color: #3381E3
}

.default-popup a.center {
  float: none !important;
  width: 100%;
  margin: auto;
  display: block
}

.default-popup.black {
  background: #131314
}

.default-popup.black>header {
  color: #fff;
  background: #131314
}

.default-popup.black .content-body {
  color: #fff
}

.default-popup.black .content-body>div {
  color: #fff
}

.default-popup.black>footer .default-popup-cancel,
.default-popup.black>footer .default-popup-ok {
  background: #131314
}

.pop-login-hotline .content-body {
  padding: 1rem 0;
  text-align: center;
  font-size: 1.7rem;
  color: #333
}

.pop-login-hotline .content-body>div {
  display: inline-block;
  text-align: left;
  font-size: 1.7rem;
  word-break: break-all
}

.pop-l-none .content-body {
  text-align: left
}

.pop-l-none footer {
  border: 0
}

.pop-l-none footer a.default-popup-ok {
  display: none
}

.pop-l-none footer a.default-popup-cancel {
  display: none
}

.pop-c-none .content-body {
  text-align: center
}

.pop-c-none footer {
  border: 0
}

.pop-c-none footer a.default-popup-ok {
  display: none
}

.pop-c-none footer a.default-popup-cancel {
  display: none
}

.pop-c-one .content-body {
  text-align: center
}

.pop-c-one footer a.default-popup-ok {
  display: block;
  float: none;
  width: 100%
}

.pop-c-one footer a.default-popup-cancel {
  display: none
}

.pop-l-one .content-body {
  text-align: left
}

.pop-l-one footer a.default-popup-ok {
  display: block;
  float: none;
  width: 100%
}

.pop-l-one footer a.default-popup-cancel {
  display: none
}

.pop-l-two .content-body {
  text-align: left
}

.pop-c-two .content-body {
  text-align: center
}

.pop-f-blue {
  color: #3381E1 !important
}

.comm-sns-share {
  position: relative;
  width: 29.5rem;
  margin: 3rem auto 0;
  padding: 2rem 0 1.5rem
}

.comm-sns-share:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border-top: 1px solid #e5e5e5;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.comm-sns-share p {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 0 0.5rem;
  background: #fff;
  font-size: 1.2rem;
  color: #999;
  z-index: 10
}

.comm-sns-share ul {
  text-align: center;
  white-space: nowrap
}

.comm-sns-share ul li {
  position: relative;
  display: inline-block;
  width: 8.5rem;
  margin-right: 1.2rem;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.4rem;
  color: #999;
  text-align: center;
  z-index: 2
}

.comm-sns-share ul li:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 6rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.comm-sns-share ul li:last-of-type {
  margin-right: 0
}

.comm-sns-share i {
  position: relative;
  top: -0.1rem;
  margin-right: 0.5rem
}

.comm-sns-share .sns-icon-wechat {
  display: inline-block;
  vertical-align: middle;
  width: 1.9rem;
  height: 1.6rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAgCAYAAAB+ZAqzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjEzZGJmNy03OGRlLTQzY2MtYjIzZi1iZDg1MzNjOGMzYTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTEzOEZEOTc1NDk4MTFFN0FEQjJBQUUzMjdGNjdGNTgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTEzOEZEOTY1NDk4MTFFN0FEQjJBQUUzMjdGNjdGNTgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWJjN2Q5YzYtZDI1Yi05ZTQ5LTgwNjAtODc3MDc4YjBhZWYzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Njg5YWRiMDAtNTI3OC0xMWU3LWI0NmYtOGMwZjQzNGEyMzM3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+xge0DQAAAx9JREFUeNq0mG2ITFEcxu/sLOUt623RLmtQbBa1tIVWNuvLErvKS5IkSaK2TSJKbZGQCMmHSUi2JK1FyutumN2VfMB+MsLKIMzGZoYZ1nP03Dpu58zMfXvqV7c59577nHP/53/+ZwJ1LVVGFoVALagEZWAsGAwSIAaegXvgFugyPFJ+hrZ5YC+oBgFF+wAwkSzjbxGwD1x3ayxP8dtQcBY8AIs0pnSaA66BFjDGS2Pis3WAdS4HvAQ8BqVeGCsGrWCKR2Ei+msD090Y6weugHGGtxoJmsEQp8YawGxF+31Qz6DOpC9gDzgGfivC44BdYwGkC7H03zHoZX0CJSAJBvGeAk0/K8ElXp8Cmy3taTAJvLUzY6sUpoS+g5+8ThCdvkrXnzVpaYPdT1mjaRMjPAzmghNMrDodZb5bDbZq7qmxm2BnZWhvINlUxsxvSsTZQ8ZmFPSAP3aNjfZwFX7jAhAJuoKzWM3U0Z9tr8ATcBPcViyWrFuSXV0GO8B60AmGK+4ZBoq479ZzNg+CsNVgPoO12IWhPhrq5GY+3sazIo5Pc6dZC17Lwf/U5UztZCq5a9OUtWAQW1i5bOyGC1Nit2hnTAWlwA8zn6U0zz0HjeCFZZe4aq5+YawJ9DowleRsnWNgmzoCNoItfLlqgcxnSVXJfGmqiAP6Z6yHeciuzoPF3B1kRTXXcjKO8zpuSc4Ga7uKYOmakFng1YFCG8a2g12KdDOVn7eQ6WGUpb2AnzvKHFmr6DsVkErryeCRoiOVUgz0mOGPuuR67CWo4grLpjeMB78UslawYpWsyOHBhLQK/VBQVfOX5PCgOIh88NFYTGVshqVQXAp2M4GaK2gC+Aje+2SsQ2VsJuNtOWNOnHj2g4VgBBjIFZdiDvRDTSpjF8A0ZnVdfMVZxoj898NjU+IA3awydhH8yrGTbmZ/ryTeu0kMOs+Dzo6Dkx7008ezQrvuJO5E27j3pR0+n2ZZfibTXwROR9vIzTni4HlRF97J9t+FG0V4eFnA0XdrBiES+SHOtHlPuV+ltaxWYpbTZs3fy+0sKd0bZmz9l9j/CjAAoYytFNcUHBYAAAAASUVORK5CYII=") no-repeat;
  background-size: 100% 100%
}

.comm-sns-share .sns-icon-moment {
  display: inline-block;
  vertical-align: middle;
  width: 1.8rem;
  height: 1.8rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjEzZGJmNy03OGRlLTQzY2MtYjIzZi1iZDg1MzNjOGMzYTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QThGQUYxNkY1NDk4MTFFNzkwOEREN0IwNDdEOTRCMEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QThGQUYxNkU1NDk4MTFFNzkwOEREN0IwNDdEOTRCMEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWJjN2Q5YzYtZDI1Yi05ZTQ5LTgwNjAtODc3MDc4YjBhZWYzIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Njg5YWRiMDAtNTI3OC0xMWU3LWI0NmYt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") no-repeat;
  background-size: 100% 100%
}

.comm-sns-share .sns-icon-weibo {
  display: inline-block;
  vertical-align: middle;
  width: 1.9rem;
  height: 1.5rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAdCAYAAADGgB7AAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjNjEzZGJmNy03OGRlLTQzY2MtYjIzZi1iZDg1MzNjOGMzYTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODVFNjg1MTE5OUJCMTFFNzgwRjk5MjU0QTBGQThBMTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODVFNjg1MTA5OUJCMTFFNzgwRjk5MjU0QTBGQThBMTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZDFiZGU3YWYtMzk5YS1mODQxLTk5MTMtNGJjYTA2Yzk3MzM5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6Njg5YWRiMDAtNTI3OC0xMWU3LWI0NmYt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") no-repeat;
  background-size: 100% 100%
}

html,
body,
h2,
h3,
h4,
h5,
h6,
div,
dl,
dt,
dd,
ul,
ol,
li,
p,
blockquote,
pre,
hr,
figure,
table,
caption,
th,
td,
form,
fieldset,
legend,
input,
button,
textarea,
menu {
  margin: 0;
  padding: 0;
  color: #282828
}

.icons-index-logo {
  width: 2.1rem;
  height: 2.4rem
}

.icons-index-logo:before {
  width: 42px;
  height: 47px;
  margin-left: -2.1rem;
  margin-top: -2.35rem;
  background: url('./img/index-sa1d168aa37.png') 0 -542px no-repeat;
  transform: scale(.5, .51064);
  -ms-transform: scale(.5, .51064);
  -webkit-transform: scale(.5, .51064);
  -o-transform: scale(.5, .51064);
  -moz-transform: scale(.5, .51064)
}

@media only screen and (min-width: 480px) {
  .icons-index-logo:before {
    margin-left: -1.39628rem;
    margin-top: -1.5625rem;
    transform: scale(.62667, .64);
    -ms-transform: scale(.62667, .64);
    -webkit-transform: scale(.62667, .64);
    -o-transform: scale(.62667, .64);
    -moz-transform: scale(.62667, .64)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-logo:before {
    margin-left: -1.75rem;
    margin-top: -1.95833rem;
    transform: scale(.6, .61277);
    -ms-transform: scale(.6, .61277);
    -webkit-transform: scale(.6, .61277);
    -o-transform: scale(.6, .61277);
    -moz-transform: scale(.6, .61277)
  }
}

.icons-index-iphone {
  width: .8rem;
  height: 1.3rem
}

.icons-index-iphone:before {
  width: 16px;
  height: 26px;
  margin-left: -.8rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -512px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-iphone:before {
    margin-left: -.53191rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-iphone:before {
    margin-left: -.66667rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-menu {
  width: 1.1rem;
  height: 1.3rem
}

.icons-index-menu:before {
  width: 22px;
  height: 26px;
  margin-left: -1.1rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -593px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-menu:before {
    margin-left: -.73138rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-menu:before {
    margin-left: -.91667rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-menu2 {
  width: 2.4rem;
  height: 1.8rem
}

.icons-index-menu2:before {
  width: 47px;
  height: 36px;
  margin-left: -2.35rem;
  margin-top: -1.8rem;
  background: url('./img/index-sa1d168aa37.png') 0 -623px no-repeat;
  transform: scale(.51064, .5);
  -ms-transform: scale(.51064, .5);
  -webkit-transform: scale(.51064, .5);
  -o-transform: scale(.51064, .5);
  -moz-transform: scale(.51064, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-menu2:before {
    margin-left: -1.5625rem;
    margin-top: -1.19681rem;
    transform: scale(.64, .62667);
    -ms-transform: scale(.64, .62667);
    -webkit-transform: scale(.64, .62667);
    -o-transform: scale(.64, .62667);
    -moz-transform: scale(.64, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-menu2:before {
    margin-left: -1.95833rem;
    margin-top: -1.5rem;
    transform: scale(.61277, .6);
    -ms-transform: scale(.61277, .6);
    -webkit-transform: scale(.61277, .6);
    -o-transform: scale(.61277, .6);
    -moz-transform: scale(.61277, .6)
  }
}

.icons-index-mobile {
  width: 1rem;
  height: 1.6rem
}

.icons-index-mobile:before {
  width: 20px;
  height: 32px;
  margin-left: -1rem;
  margin-top: -1.6rem;
  background: url('./img/index-sa1d168aa37.png') 0 -663px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-mobile:before {
    margin-left: -.66489rem;
    margin-top: -1.06383rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-mobile:before {
    margin-left: -.83333rem;
    margin-top: -1.33333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-user {
  width: 1.3rem;
  height: 1.3rem
}

.icons-index-user:before {
  width: 26px;
  height: 26px;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1367px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-user:before {
    margin-left: -.86436rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-user:before {
    margin-left: -1.08333rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-pc {
  width: 1.4rem;
  height: 1.3rem
}

.icons-index-pc:before {
  width: 28px;
  height: 26px;
  margin-left: -1.4rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -861px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-pc:before {
    margin-left: -.93085rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-pc:before {
    margin-left: -1.16667rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-back {
  width: 1rem;
  height: 1.8rem
}

.icons-index-back:before {
  width: 20px;
  height: 35px;
  margin-left: -1rem;
  margin-top: -1.75rem;
  background: url('./img/index-sa1d168aa37.png') 0 -36px no-repeat;
  transform: scale(.5, .51429);
  -ms-transform: scale(.5, .51429);
  -webkit-transform: scale(.5, .51429);
  -o-transform: scale(.5, .51429);
  -moz-transform: scale(.5, .51429)
}

@media only screen and (min-width: 480px) {
  .icons-index-back:before {
    margin-left: -.66489rem;
    margin-top: -1.16356rem;
    transform: scale(.62667, .64457);
    -ms-transform: scale(.62667, .64457);
    -webkit-transform: scale(.62667, .64457);
    -o-transform: scale(.62667, .64457);
    -moz-transform: scale(.62667, .64457)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-back:before {
    margin-left: -.83333rem;
    margin-top: -1.45833rem;
    transform: scale(.6, .61714);
    -ms-transform: scale(.6, .61714);
    -webkit-transform: scale(.6, .61714);
    -o-transform: scale(.6, .61714);
    -moz-transform: scale(.6, .61714)
  }
}

.icons-index-refresh {
  width: 1.95rem;
  height: 1.9rem
}

.icons-index-refresh:before {
  width: 39px;
  height: 38px;
  margin-left: -1.95rem;
  margin-top: -1.9rem;
  background: url('./img/index-sa1d168aa37.png') 0 -995px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-refresh:before {
    margin-left: -1.29654rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-refresh:before {
    margin-left: -1.625rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-search-w {
  width: 1.3rem;
  height: 1.3rem
}

.icons-index-search-w:before {
  width: 26px;
  height: 26px;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1069px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-search-w:before {
    margin-left: -.86436rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-search-w:before {
    margin-left: -1.08333rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-search {
  width: 1.5rem;
  height: 1.5rem
}

.icons-index-search:before {
  width: 30px;
  height: 30px;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1099px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-search:before {
    margin-left: -.99734rem;
    margin-top: -.99734rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-search:before {
    margin-left: -1.25rem;
    margin-top: -1.25rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-advise {
  width: 1.7rem;
  height: 1.6rem
}

.icons-index-advise:before {
  width: 33px;
  height: 32px;
  margin-left: -1.65rem;
  margin-top: -1.6rem;
  background: url('./img/index-sa1d168aa37.png') 0 0 no-repeat;
  transform: scale(.51515, .5);
  -ms-transform: scale(.51515, .5);
  -webkit-transform: scale(.51515, .5);
  -o-transform: scale(.51515, .5);
  -moz-transform: scale(.51515, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-advise:before {
    margin-left: -1.09707rem;
    margin-top: -1.06383rem;
    transform: scale(.64566, .62667);
    -ms-transform: scale(.64566, .62667);
    -webkit-transform: scale(.64566, .62667);
    -o-transform: scale(.64566, .62667);
    -moz-transform: scale(.64566, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-advise:before {
    margin-left: -1.375rem;
    margin-top: -1.33333rem;
    transform: scale(.61818, .6);
    -ms-transform: scale(.61818, .6);
    -webkit-transform: scale(.61818, .6);
    -o-transform: scale(.61818, .6);
    -moz-transform: scale(.61818, .6)
  }
}

.icons-index-nav {
  width: 1.4rem;
  height: 1.4rem
}

.icons-index-nav:before {
  width: 28px;
  height: 28px;
  margin-left: -1.4rem;
  margin-top: -1.4rem;
  background: url('./img/index-sa1d168aa37.png') 0 -741px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-nav:before {
    margin-left: -.93085rem;
    margin-top: -.93085rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-nav:before {
    margin-left: -1.16667rem;
    margin-top: -1.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-down {
  width: .5rem;
  height: 1rem
}

.icons-index-down:before {
  width: 10px;
  height: 18px;
  margin-left: -.5rem;
  margin-top: -.9rem;
  background: url('./img/index-sa1d168aa37.png') 0 -267px no-repeat;
  transform: scale(.5, .55556);
  -ms-transform: scale(.5, .55556);
  -webkit-transform: scale(.5, .55556);
  -o-transform: scale(.5, .55556);
  -moz-transform: scale(.5, .55556)
}

@media only screen and (min-width: 480px) {
  .icons-index-down:before {
    margin-left: -.33245rem;
    margin-top: -.5984rem;
    transform: scale(.62667, .6963);
    -ms-transform: scale(.62667, .6963);
    -webkit-transform: scale(.62667, .6963);
    -o-transform: scale(.62667, .6963);
    -moz-transform: scale(.62667, .6963)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-down:before {
    margin-left: -.41667rem;
    margin-top: -.75rem;
    transform: scale(.6, .66667);
    -ms-transform: scale(.6, .66667);
    -webkit-transform: scale(.6, .66667);
    -o-transform: scale(.6, .66667);
    -moz-transform: scale(.6, .66667)
  }
}

.icons-index-vote {
  width: 2.5rem;
  height: 2.5rem
}

.icons-index-vote:before {
  width: 50px;
  height: 50px;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1461px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-vote:before {
    margin-left: -1.66223rem;
    margin-top: -1.66223rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-vote:before {
    margin-left: -2.08333rem;
    margin-top: -2.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-voted {
  width: 2.5rem;
  height: 2.5rem
}

.icons-index-voted:before {
  width: 50px;
  height: 50px;
  margin-left: -2.5rem;
  margin-top: -2.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1515px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-voted:before {
    margin-left: -1.66223rem;
    margin-top: -1.66223rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-voted:before {
    margin-left: -2.08333rem;
    margin-top: -2.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-up {
  width: 1.4rem;
  height: 1.4rem
}

.icons-index-up:before {
  width: 28px;
  height: 28px;
  margin-left: -1.4rem;
  margin-top: -1.4rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1303px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-up:before {
    margin-left: -.93085rem;
    margin-top: -.93085rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-up:before {
    margin-left: -1.16667rem;
    margin-top: -1.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-uped {
  width: 1.4rem;
  height: 1.4rem
}

.icons-index-uped:before {
  width: 28px;
  height: 28px;
  margin-left: -1.4rem;
  margin-top: -1.4rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1335px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-uped:before {
    margin-left: -.93085rem;
    margin-top: -.93085rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-uped:before {
    margin-left: -1.16667rem;
    margin-top: -1.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-comment {
  width: 1.4rem;
  height: 1.4rem
}

.icons-index-comment:before {
  width: 25px;
  height: 25px;
  margin-left: -1.25rem;
  margin-top: -1.25rem;
  background: url('./img/index-sa1d168aa37.png') 0 -194px no-repeat;
  transform: scale(.56, .56);
  -ms-transform: scale(.56, .56);
  -webkit-transform: scale(.56, .56);
  -o-transform: scale(.56, .56);
  -moz-transform: scale(.56, .56)
}

@media only screen and (min-width: 480px) {
  .icons-index-comment:before {
    margin-left: -.83112rem;
    margin-top: -.83112rem;
    transform: scale(.70187, .70187);
    -ms-transform: scale(.70187, .70187);
    -webkit-transform: scale(.70187, .70187);
    -o-transform: scale(.70187, .70187);
    -moz-transform: scale(.70187, .70187)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-comment:before {
    margin-left: -1.04167rem;
    margin-top: -1.04167rem;
    transform: scale(.672, .672);
    -ms-transform: scale(.672, .672);
    -webkit-transform: scale(.672, .672);
    -o-transform: scale(.672, .672);
    -moz-transform: scale(.672, .672)
  }
}

.icons-index-wechat {
  width: 2rem;
  height: 2rem
}

.icons-index-wechat:before {
  width: 39px;
  height: 38px;
  margin-left: -1.95rem;
  margin-top: -1.9rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1707px no-repeat;
  transform: scale(.51282, .52632);
  -ms-transform: scale(.51282, .52632);
  -webkit-transform: scale(.51282, .52632);
  -o-transform: scale(.51282, .52632);
  -moz-transform: scale(.51282, .52632)
}

@media only screen and (min-width: 480px) {
  .icons-index-wechat:before {
    margin-left: -1.29654rem;
    margin-top: -1.2633rem;
    transform: scale(.64274, .65965);
    -ms-transform: scale(.64274, .65965);
    -webkit-transform: scale(.64274, .65965);
    -o-transform: scale(.64274, .65965);
    -moz-transform: scale(.64274, .65965)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-wechat:before {
    margin-left: -1.625rem;
    margin-top: -1.58333rem;
    transform: scale(.61538, .63158);
    -ms-transform: scale(.61538, .63158);
    -webkit-transform: scale(.61538, .63158);
    -o-transform: scale(.61538, .63158);
    -moz-transform: scale(.61538, .63158)
  }
}

.icons-index-moment {
  width: 2rem;
  height: 2rem
}

.icons-index-moment:before {
  width: 38px;
  height: 38px;
  margin-left: -1.9rem;
  margin-top: -1.9rem;
  background: url('./img/index-sa1d168aa37.png') 0 -699px no-repeat;
  transform: scale(.52632, .52632);
  -ms-transform: scale(.52632, .52632);
  -webkit-transform: scale(.52632, .52632);
  -o-transform: scale(.52632, .52632);
  -moz-transform: scale(.52632, .52632)
}

@media only screen and (min-width: 480px) {
  .icons-index-moment:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.65965, .65965);
    -ms-transform: scale(.65965, .65965);
    -webkit-transform: scale(.65965, .65965);
    -o-transform: scale(.65965, .65965);
    -moz-transform: scale(.65965, .65965)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-moment:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.63158, .63158);
    -ms-transform: scale(.63158, .63158);
    -webkit-transform: scale(.63158, .63158);
    -o-transform: scale(.63158, .63158);
    -moz-transform: scale(.63158, .63158)
  }
}

.icons-index-weibo {
  width: 2rem;
  height: 2rem
}

.icons-index-weibo:before {
  width: 40px;
  height: 38px;
  margin-left: -2rem;
  margin-top: -1.9rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1749px no-repeat;
  transform: scale(.5, .52632);
  -ms-transform: scale(.5, .52632);
  -webkit-transform: scale(.5, .52632);
  -o-transform: scale(.5, .52632);
  -moz-transform: scale(.5, .52632)
}

@media only screen and (min-width: 480px) {
  .icons-index-weibo:before {
    margin-left: -1.32979rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .65965);
    -ms-transform: scale(.62667, .65965);
    -webkit-transform: scale(.62667, .65965);
    -o-transform: scale(.62667, .65965);
    -moz-transform: scale(.62667, .65965)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-weibo:before {
    margin-left: -1.66667rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .63158);
    -ms-transform: scale(.6, .63158);
    -webkit-transform: scale(.6, .63158);
    -o-transform: scale(.6, .63158);
    -moz-transform: scale(.6, .63158)
  }
}

.icons-index-check {
  width: 2.2rem;
  height: 2.2rem
}

.icons-index-check:before {
  width: 44px;
  height: 44px;
  margin-left: -2.2rem;
  margin-top: -2.2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -75px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-check:before {
    margin-left: -1.46277rem;
    margin-top: -1.46277rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-check:before {
    margin-left: -1.83333rem;
    margin-top: -1.83333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-checked {
  width: 2.2rem;
  height: 2.2rem
}

.icons-index-checked:before {
  width: 44px;
  height: 44px;
  margin-left: -2.2rem;
  margin-top: -2.2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -123px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-checked:before {
    margin-left: -1.46277rem;
    margin-top: -1.46277rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-checked:before {
    margin-left: -1.83333rem;
    margin-top: -1.83333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-notice {
  width: 2rem;
  height: 2rem
}

.icons-index-notice:before {
  width: 40px;
  height: 40px;
  margin-left: -2rem;
  margin-top: -2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -773px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-notice:before {
    margin-left: -1.32979rem;
    margin-top: -1.32979rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-notice:before {
    margin-left: -1.66667rem;
    margin-top: -1.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-noticed {
  width: 2rem;
  height: 2rem
}

.icons-index-noticed:before {
  width: 40px;
  height: 40px;
  margin-left: -2rem;
  margin-top: -2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -817px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-noticed:before {
    margin-left: -1.32979rem;
    margin-top: -1.32979rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-noticed:before {
    margin-left: -1.66667rem;
    margin-top: -1.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-gotop {
  width: 1.5rem;
  height: 1.8rem
}

.icons-index-gotop:before {
  width: 30px;
  height: 36px;
  margin-left: -1.5rem;
  margin-top: -1.8rem;
  background: url('./img/index-sa1d168aa37.png') 0 -472px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-gotop:before {
    margin-left: -.99734rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-gotop:before {
    margin-left: -1.25rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-drag {
  width: 2.2rem;
  height: .9rem
}

.icons-index-drag:before {
  width: 44px;
  height: 17px;
  margin-left: -2.2rem;
  margin-top: -.85rem;
  background: url('./img/index-sa1d168aa37.png') 0 -289px no-repeat;
  transform: scale(.5, .52941);
  -ms-transform: scale(.5, .52941);
  -webkit-transform: scale(.5, .52941);
  -o-transform: scale(.5, .52941);
  -moz-transform: scale(.5, .52941)
}

@media only screen and (min-width: 480px) {
  .icons-index-drag:before {
    margin-left: -1.46277rem;
    margin-top: -.56516rem;
    transform: scale(.62667, .66353);
    -ms-transform: scale(.62667, .66353);
    -webkit-transform: scale(.62667, .66353);
    -o-transform: scale(.62667, .66353);
    -moz-transform: scale(.62667, .66353)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-drag:before {
    margin-left: -1.83333rem;
    margin-top: -.70833rem;
    transform: scale(.6, .63529);
    -ms-transform: scale(.6, .63529);
    -webkit-transform: scale(.6, .63529);
    -o-transform: scale(.6, .63529);
    -moz-transform: scale(.6, .63529)
  }
}

.icons-index-delete {
  width: 1.7rem;
  height: 2rem
}

.icons-index-delete:before {
  width: 33px;
  height: 40px;
  margin-left: -1.65rem;
  margin-top: -2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -223px no-repeat;
  transform: scale(.51515, .5);
  -ms-transform: scale(.51515, .5);
  -webkit-transform: scale(.51515, .5);
  -o-transform: scale(.51515, .5);
  -moz-transform: scale(.51515, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-delete:before {
    margin-left: -1.09707rem;
    margin-top: -1.32979rem;
    transform: scale(.64566, .62667);
    -ms-transform: scale(.64566, .62667);
    -webkit-transform: scale(.64566, .62667);
    -o-transform: scale(.64566, .62667);
    -moz-transform: scale(.64566, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-delete:before {
    margin-left: -1.375rem;
    margin-top: -1.66667rem;
    transform: scale(.61818, .6);
    -ms-transform: scale(.61818, .6);
    -webkit-transform: scale(.61818, .6);
    -o-transform: scale(.61818, .6);
    -moz-transform: scale(.61818, .6)
  }
}

.icons-index-success {
  width: 5rem;
  height: 3.5rem
}

.icons-index-success:before {
  width: 100px;
  height: 70px;
  margin-left: -5rem;
  margin-top: -3.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1177px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-success:before {
    margin-left: -3.32447rem;
    margin-top: -2.32713rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-success:before {
    margin-left: -4.16667rem;
    margin-top: -2.91667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-right {
  width: 1.9rem;
  height: 1.4rem
}

.icons-index-right:before {
  width: 38px;
  height: 28px;
  margin-left: -1.9rem;
  margin-top: -1.4rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1037px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-right:before {
    margin-left: -1.2633rem;
    margin-top: -.93085rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-right:before {
    margin-left: -1.58333rem;
    margin-top: -1.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-wx {
  width: 5rem;
  height: 5rem
}

.icons-index-wx:before {
  width: 100px;
  height: 100px;
  margin-left: -5rem;
  margin-top: -5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1791px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-wx:before {
    margin-left: -3.32447rem;
    margin-top: -3.32447rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-wx:before {
    margin-left: -4.16667rem;
    margin-top: -4.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-qq {
  width: 5rem;
  height: 5rem
}

.icons-index-qq:before {
  width: 100px;
  height: 100px;
  margin-left: -5rem;
  margin-top: -5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -891px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-qq:before {
    margin-left: -3.32447rem;
    margin-top: -3.32447rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-qq:before {
    margin-left: -4.16667rem;
    margin-top: -4.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-wb {
  width: 5rem;
  height: 5rem
}

.icons-index-wb:before {
  width: 100px;
  height: 100px;
  margin-left: -5rem;
  margin-top: -5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1603px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-wb:before {
    margin-left: -3.32447rem;
    margin-top: -3.32447rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-wb:before {
    margin-left: -4.16667rem;
    margin-top: -4.16667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-eye {
  width: 2rem;
  height: 1.1rem
}

.icons-index-eye:before {
  width: 40px;
  height: 22px;
  margin-left: -2rem;
  margin-top: -1.1rem;
  background: url('./img/index-sa1d168aa37.png') 0 -310px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-eye:before {
    margin-left: -1.32979rem;
    margin-top: -.73138rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-eye:before {
    margin-left: -1.66667rem;
    margin-top: -.91667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-closed {
  width: 2rem;
  height: 1rem
}

.icons-index-closed:before {
  width: 40px;
  height: 19px;
  margin-left: -2rem;
  margin-top: -.95rem;
  background: url('./img/index-sa1d168aa37.png') 0 -171px no-repeat;
  transform: scale(.5, .52632);
  -ms-transform: scale(.5, .52632);
  -webkit-transform: scale(.5, .52632);
  -o-transform: scale(.5, .52632);
  -moz-transform: scale(.5, .52632)
}

@media only screen and (min-width: 480px) {
  .icons-index-closed:before {
    margin-left: -1.32979rem;
    margin-top: -.63165rem;
    transform: scale(.62667, .65965);
    -ms-transform: scale(.62667, .65965);
    -webkit-transform: scale(.62667, .65965);
    -o-transform: scale(.62667, .65965);
    -moz-transform: scale(.62667, .65965)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-closed:before {
    margin-left: -1.66667rem;
    margin-top: -.79167rem;
    transform: scale(.6, .63158);
    -ms-transform: scale(.6, .63158);
    -webkit-transform: scale(.6, .63158);
    -o-transform: scale(.6, .63158);
    -moz-transform: scale(.6, .63158)
  }
}

.icons-index-tencent {
  width: 2.6rem;
  height: 2.4rem
}

.icons-index-tencent:before {
  width: 52px;
  height: 48px;
  margin-left: -2.6rem;
  margin-top: -2.4rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1251px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-tencent:before {
    margin-left: -1.72872rem;
    margin-top: -1.59574rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-tencent:before {
    margin-left: -2.16667rem;
    margin-top: -2rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-sina {
  width: 2.4rem;
  height: 2rem
}

.icons-index-sina:before {
  width: 48px;
  height: 40px;
  margin-left: -2.4rem;
  margin-top: -2rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1133px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-sina:before {
    margin-left: -1.59574rem;
    margin-top: -1.32979rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-sina:before {
    margin-left: -2rem;
    margin-top: -1.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-finance1 {
  width: 1.7rem;
  height: 1.6rem
}

.icons-index-finance1:before {
  width: 34px;
  height: 31px;
  margin-left: -1.7rem;
  margin-top: -1.55rem;
  background: url('./img/index-sa1d168aa37.png') 0 -366px no-repeat;
  transform: scale(.5, .51613);
  -ms-transform: scale(.5, .51613);
  -webkit-transform: scale(.5, .51613);
  -o-transform: scale(.5, .51613);
  -moz-transform: scale(.5, .51613)
}

@media only screen and (min-width: 480px) {
  .icons-index-finance1:before {
    margin-left: -1.13032rem;
    margin-top: -1.03059rem;
    transform: scale(.62667, .64688);
    -ms-transform: scale(.62667, .64688);
    -webkit-transform: scale(.62667, .64688);
    -o-transform: scale(.62667, .64688);
    -moz-transform: scale(.62667, .64688)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-finance1:before {
    margin-left: -1.41667rem;
    margin-top: -1.29167rem;
    transform: scale(.6, .61935);
    -ms-transform: scale(.6, .61935);
    -webkit-transform: scale(.6, .61935);
    -o-transform: scale(.6, .61935);
    -moz-transform: scale(.6, .61935)
  }
}

.icons-index-finance2 {
  width: 1.6rem;
  height: 1.6rem
}

.icons-index-finance2:before {
  width: 32px;
  height: 32px;
  margin-left: -1.6rem;
  margin-top: -1.6rem;
  background: url('./img/index-sa1d168aa37.png') 0 -401px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-finance2:before {
    margin-left: -1.06383rem;
    margin-top: -1.06383rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-finance2:before {
    margin-left: -1.33333rem;
    margin-top: -1.33333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-finance3 {
  width: 1.6rem;
  height: 1.6rem
}

.icons-index-finance3:before {
  width: 32px;
  height: 31px;
  margin-left: -1.6rem;
  margin-top: -1.55rem;
  background: url('./img/index-sa1d168aa37.png') 0 -437px no-repeat;
  transform: scale(.5, .51613);
  -ms-transform: scale(.5, .51613);
  -webkit-transform: scale(.5, .51613);
  -o-transform: scale(.5, .51613);
  -moz-transform: scale(.5, .51613)
}

@media only screen and (min-width: 480px) {
  .icons-index-finance3:before {
    margin-left: -1.06383rem;
    margin-top: -1.03059rem;
    transform: scale(.62667, .64688);
    -ms-transform: scale(.62667, .64688);
    -webkit-transform: scale(.62667, .64688);
    -o-transform: scale(.62667, .64688);
    -moz-transform: scale(.62667, .64688)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-finance3:before {
    margin-left: -1.33333rem;
    margin-top: -1.29167rem;
    transform: scale(.6, .61935);
    -ms-transform: scale(.6, .61935);
    -webkit-transform: scale(.6, .61935);
    -o-transform: scale(.6, .61935);
    -moz-transform: scale(.6, .61935)
  }
}

.icons-index-v {
  width: 1.3rem;
  height: 1.3rem
}

.icons-index-v:before {
  width: 26px;
  height: 26px;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1397px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-v:before {
    margin-left: -.86436rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-v:before {
    margin-left: -1.08333rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-vo {
  width: 1.5rem;
  height: 1.5rem
}

.icons-index-vo:before {
  width: 30px;
  height: 30px;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1427px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-vo:before {
    margin-left: -.99734rem;
    margin-top: -.99734rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-vo:before {
    margin-left: -1.25rem;
    margin-top: -1.25rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-vp {
  width: 1.5rem;
  height: 1.5rem
}

.icons-index-vp:before {
  width: 30px;
  height: 30px;
  margin-left: -1.5rem;
  margin-top: -1.5rem;
  background: url('./img/index-sa1d168aa37.png') 0 -1569px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-vp:before {
    margin-left: -.99734rem;
    margin-top: -.99734rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-vp:before {
    margin-left: -1.25rem;
    margin-top: -1.25rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-index-fenxiang {
  width: 1.3rem;
  height: 1.3rem
}

.icons-index-fenxiang:before {
  width: 26px;
  height: 26px;
  margin-left: -1.3rem;
  margin-top: -1.3rem;
  background: url('./img/index-sa1d168aa37.png') 0 -336px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-index-fenxiang:before {
    margin-left: -.86436rem;
    margin-top: -.86436rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-index-fenxiang:before {
    margin-left: -1.08333rem;
    margin-top: -1.08333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.index header {
  padding: 1rem;
  background: -webkit-linear-gradient(left, #2961b3, #1a8ad0);
  background: linear-gradient(to right, #2961b3, #1a8ad0)
}

.index .logo {
  width: 10rem
}

.index .top-part {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.index .top-part ul {
  width: 16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.index .top-part ul li {
  text-align: center
}

.index .top-part ul li p {
  color: #bed4f5;
  font-size: 1.1rem
}

.index .top-part .sprite-ico {
  margin-right: 0
}

.index .menus {
  padding-top: 1rem
}

.index .menus p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.5rem;
  line-height: 1
}

.index .menus p a {
  position: relative;
  color: #fff;
  font-size: 1.8rem
}

.index .menus p:last-of-type {
  margin-top: 1.4rem
}

.index .menus p i {
  position: absolute;
  content: '';
  top: 1.2rem;
  right: -1rem;
  width: 0;
  height: 0;
  border: 0.4rem solid transparent;
  border-top: 0.4rem solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.index .entries {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3.6rem;
  padding: 1rem 0;
  background: #f6f6f6
}

.index .entries a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1;
  color: #282828;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.index .entries a:last-of-type {
  border: 0
}

.index .comm-search {
  height: 5.4rem
}

.index .hot-news {
  background: #fff
}

.index .hot-news li {
  line-height: 2.8rem;
  text-align: center
}

.index .hot-news li .orange a {
  color: #ea5504 !important
}

.index .hot-news li a {
  line-height: 1;
  font-size: 1.8rem;
  color: #282828;
  padding: 0 0.5rem
}

@media screen and (max-width: 320px) {
  .index .hot-news li a {
    font-size: 1.5rem
  }
}

.index .hot-news li a:nth-child(2),
.index .hot-news li span:nth-child(2) {
  border-width: 0;
  border-left: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.index .hot-news li h3 a,
.index .hot-news li h3 span {
  font-size: 2rem;
  font-weight: 600
}

.index .hot-news li h3 a:nth-child(2),
.index .hot-news li h3 span:nth-child(2) {
  border: 0
}

.index .scroll-news-wrap {
  background: #fff
}

.index .scroll-news {
  position: relative;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 1.6rem;
  margin-right: 1rem;
  padding: 0 0 1rem 6.3rem;
  overflow: hidden;
  background: #fff
}

.index .scroll-news .label {
  position: absolute;
  left: 1rem;
  top: 50%;
  margin-top: -1.1rem;
  width: 4.3rem;
  height: 2.2rem;
  line-height: 2.2rem;
  z-index: 1;
  text-align: center;
  color: #FFF;
  background: -webkit-linear-gradient(left, #ff9c00, #ea5504);
  background: linear-gradient(to right, #ff9c00, #ea5504);
  border-radius: 0.3rem
}

.index .scroll-news div {
  float: left;
  position: relative;
  z-index: 1;
  overflow: hidden;
  white-space: nowrap;
  color: #646464
}

.index .scroll-news div a {
  color: #646464;
  margin-right: 1rem
}

.index .hq-wrap {
  margin-bottom: 1.2rem
}

.index .hq-wrap .comm-tabs {
  background: #f6f6f6
}

.index .hq-wrap .comm-tabs li.cyb {
  -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2
}

.index .hq-wrap .comm-tabs li.active {
  background: #fff
}

.index .hq-wrap .comm-tabs li.active a {
  display: block
}

.index .hq-wrap .comm-tabs li.active a:after {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto
}

.index .hq-wrap .img_box img {
  display: block;
  width: 100%;
  height: 100%
}

.index .search-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -1.3rem;
  font-weight: normal;
  font-size: 1.4rem;
  width: 12rem;
  height: 2.6rem;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.index .search-wrap i {
  top: auto;
  margin: 0 0.5rem
}

.index .search-wrap input {
  position: relative;
  top: -0.15rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  width: 0
}

.index .zhishu-list {
  height: auto !important;
  padding: 0.5rem 1rem 0.5rem 0
}

.index .zhishu-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.index .zhishu-list div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  font-size: 1.5rem;
  color: #282828;
  line-height: 2.5rem;
  text-align: right;
  white-space: nowrap
}

.index .zhishu-list div:first-of-type {
  text-align: left;
  -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2
}

.index .hot-recommend {
  padding: 1rem 0;
  background: #fff
}

.index .hot-recommend a {
  float: left;
  margin: 0.5rem 0;
  width: 25%;
  text-align: center
}

.index .hot-recommend img {
  display: block;
  width: 4.5rem;
  height: 4.5rem;
  margin: 0 auto
}

.index .hot-recommend p {
  line-height: 1;
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #282828
}

.comm-footer {
  background: #3074c2;
  line-height: 1
}

.comm-footer ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0
}

.comm-footer ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  text-align: center
}

.comm-footer ul li a {
  display: inline-block;
  color: #fff
}

.comm-footer .channels li a {
  font-size: 1.8rem
}

.comm-footer .channels li:last-child {
  -webkit-box-flex: 1.5;
  -webkit-flex: 1.5;
  -ms-flex: 1.5;
  flex: 1.5
}

.comm-footer .versions {
  padding: 0.3rem 0
}

.comm-footer .versions li a {
  font-size: 1.7rem
}

.comm-footer .versions li a.active {
  background: #4189cd;
  border-radius: 0.3rem;
  padding: 0 0.5rem;
  line-height: 2.5rem;
  height: 2.5rem
}

.comm-footer .operates li:first-child {
  padding: 0 1.5rem 0 2.5rem
}

.comm-footer .operates li:last-child {
  padding: 0 2.5rem 0 1.5rem
}

.comm-footer .operates li a {
  display: block;
  font-size: 1.5rem;
  line-height: 3rem;
  border: 1px solid #fff;
  border-radius: 0.3rem
}

@media screen and (max-width: 340px) {
  .comm-footer .operates li:first-child {
    padding: 0 1rem 0 1.5rem
  }

  .comm-footer .operates li:last-child {
    padding: 0 1.5rem 0 1rem
  }

  .comm-footer .operates li a {
    font-size: 1.4rem
  }
}

.comm-footer p {
  padding: 1rem 0;
  font-size: 1.6rem;
  color: #fff;
  text-align: center
}

.comment-box {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4.4rem;
  background: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 10
}

.comment-box .input-box {
  margin: 0 1.5rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1rem;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1.3rem;
  color: #666;
  height: 3.2rem;
  line-height: 3.2rem;
  background: #f9f9f9;
  border-radius: 0.3rem
}

.comment-box .op-box {
  width: 18rem;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.comment-box .op-box div {
  text-align: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #3074c2;
  color: #666
}

.comment-box .op-box div p {
  font-size: 0.9rem;
  color: #666;
  line-height: 1;
  margin-top: 0.5rem
}

.comment-box .op-more {
  display: none;
  position: absolute;
  right: 0;
  bottom: 100%;
  width: 7rem;
  text-align: center;
  background: #fff;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.7rem 0 0 0
}

.comment-box .op-more li {
  padding: 0 0 0.7rem 0;
  color: #3074c2
}

.comment-box .icons-pen {
  display: inline-block;
  width: 1.05rem;
  height: 1.3rem;
  background: url(./img/pen.png);
  background-size: 100% 100%;
  vertical-align: middle;
  margin-right: 0.3rem
}

.comment-box .icons-comment {
  display: inline-block;
  width: 1.9rem;
  height: 1.65rem;
  background: url(./img/comment.png);
  background-size: 100% 100%;
  vertical-align: middle
}

.comment-box .icons-share {
  display: inline-block;
  width: 1.85rem;
  height: 1.65rem;
  background: url(./img/share.png);
  background-size: 100% 100%;
  vertical-align: middle
}

.comment-box .icons-collect {
  display: inline-block;
  width: 1.85rem;
  height: 1.75rem;
  background: url(./img/collect.png);
  background-size: 100% 100%;
  vertical-align: middle
}

.comment-box .icons-collected {
  display: inline-block;
  width: 1.85rem;
  height: 1.75rem;
  background: url(./img/collected.png);
  background-size: 100% 100%;
  vertical-align: middle
}

.orange {
  color: #ea5504 !important
}

.green {
  color: #00a000 !important
}

.red {
  color: #f22323 !important
}

.pb40 {
  padding-bottom: 4.4rem
}

.hide {
  display: none
}

.fl {
  float: left
}

.fr {
  float: right
}

.left {
  text-align: left
}

.center {
  text-align: center
}

.right {
  text-align: right
}

a:link,
a:visited {
  color: #3074c2
}

.comm-nav {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0 0 0;
  height: 4.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(left, #2961b3, #1a8ad0);
  background: linear-gradient(to right, #2961b3, #1a8ad0);
  text-align: center
}

.comm-nav>a {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 1.7rem
}

.comm-nav>a:first-of-type {
  padding: 1rem 2rem 1rem 1rem;
  left: 0;
  right: auto !important
}

.comm-nav>a:first-of-type .sprite-ico {
  margin-right: 0.5rem
}

.comm-nav>a:nth-last-of-type(2) {
  right: 5rem
}

.comm-nav>a:nth-last-of-type(1) {
  right: 1rem
}

.comm-nav .tit {
  padding: 0 1rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  font-size: 1.9rem;
  font-weight: bold;
  color: #fff
}

.comm-nav .sprite-ico {
  margin-right: 0
}

.comm-empty {
  font-size: 1.5rem;
  color: #999;
  text-align: center;
  padding: 1rem 0
}

.comm-tabs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 3.5rem;
  height: 3.5rem;
  background: #fff
}

.comm-tabs>li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  text-align: center

}

.comm-tabs>li a,
.comm-tabs>li span {
  display: inline-block;
  position: relative;
  font-size: 1.7rem;
  color: #282828
}

.comm-tabs>li.active a,
.comm-tabs>li.active span,
.comm-tabs>li.on a,
.comm-tabs>li.on span {
  color: #ff3700;
}

.comm-tabs>li.active a:after,
.comm-tabs>li.active span:after,
.comm-tabs>li.on a:after,
.comm-tabs>li.on span:after {
  position: absolute;
  content: '';
  height: 0.20rem;
  background: #ff3700;
  display: block;
  width: 2rem;
  bottom: .3rem;
  left: 0;
  right: 0;
  margin: auto;
}

.comm-tabs>li.tab-active a,
.comm-tabs>li.tab-active span {
  color: #ff3700
}

.comm-tabs>li{
  position: relative;
}

.comm-tabs .tab-active::after {
        position: absolute;
        content: '';
        height: 0.20rem;
        background: #ff3700;
        display: block;
        width: 2rem;
        bottom: .5rem;
        left: 0;
        right: 0;
        margin: auto;
}

.comm-tabs.scrollable {
  overflow-y: hidden;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  display: block;
  white-space: nowrap
}

.comm-tabs.scrollable li {
  display: inline-block;
  width: auto;
  padding: 0 1rem
}

.comm-tabs.scrollable li:last-of-type {
  margin-right: 1.5rem
}

.scrollable-animate {
  -webkit-animation: animate 0.6s linear;
  animation: animate 0.6s linear
}

@-webkit-keyframes animate {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

@keyframes animate {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
  }
}

.shadow-border {
  position: relative;
  overflow: hidden
}

.shadow-border:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  box-shadow: 0px 0 10px 20px #fff;
  z-index: 10
}

.comm-fixed {
  position: fixed !important;
  top: 0;
  width: 100%;
  z-index: 100 !important;
  text-align: center;
}

.comm-fixed-bottom {
  position: fixed !important;
  bottom: 0;
  width: 100%;
  z-index: 100 !important;
  background: #fff;
  margin: 0
}

.comm-loading {
  text-align: center;
  padding: 1rem;
  font-size: 1.5rem;
  color: #999
}

.comm-loading.middle {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.comm-loading i {
  display: inline-block;
  position: relative;
  top: -0.1rem;
  width: 1.7rem;
  height: 1.7rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAYAAADRcLDBAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RUEzRDkzOTU2M0QxMTFFODgzRDlEMTQ5NjM5RTFCRTAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RUEzRDkzOTQ2M0QxMTFFODgzRDlEMTQ5NjM5RTFCRTAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOmZhYjcwZjJjLTA1MDktNzU0Mi04MDYyLWYwNDUzZDFlMjlmZSIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmJkZjM0MDE2LWU2MWMtNGE0YS1iYTM3LWQ3MTEwYzkyODY1OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Ps3DjKwAAAU7SURBVHjahFdtb1RFFL57d7fVosiblOAiVJtYDalYUEANRl5iU2lTIzF8IWmCMf4OG75oiE34QjTGhjTRhE8FKmhDWF8gKAgUMGmMVqxdCRRaVim43W6vz3P3zHJ2du7uJM+ec2fuzpx73ieWTqc9jlgsFkmjeIzdoK3AZfBf6rX+/n7nfjbf19fn+UEQhA9RtAr/GNAGJIQ+6llDH+aaM3zCbMwJm/I98G+BbwKfBv+z2sQ+IW49LwT2AAvwny9A/4rShl9DA0+AbAIawb8NusSrMYwpQHficTWwDHi9mob8GiaYBvLCU2sdLhM5Bg9/Xh2YqeZrTk0ofgY4pTZvxXOTSwDLTF3FqXAuC/p9lJNGakILgvEt+DtqrtPhD6UBU7ThkFVq6gQwWy1KfLM5kATagFVaECCPx+Nq0xSwDrgH5GSOdAab8qPa1QF0xguWAHUS1svNhgkVEbtAX5CvvQr+GPgpee8S8ArwpDwvx/pF0INACzBK3wGSmH/EuA34I6TeA9tsAHmDkQPK9/cDUwmldu35a4FngO8A+sQscBh4B3++D3pahM/Q6ZQp8pg7CrwIUPA/xQEpfJdQoxEKvDgUQvnCEYnrRbInX9qGtfXgB4BxPB8wQtvOpbz9jIDPcaAb7Eux4vCUls6D/lHmE7Qf6EfASfoB5+bn57m2COhWPlLhvLazKbQAG7UA1B5wEDgMzJd8Qg3a6WvgJ8x34qW1Mn+bPxTK932dUXVUhGuWEP8AgbjEDPcG/VH5iVcmhLUxk9QhYA3m6YQjXOMhFMRsoD/AOtyA0fEZlhdLkbvvrB2uxKMi5hroNZ1DqlVXI6h+xvg1qmaU5oaGhrZL+PkO+94A+dx8gT4oHo97yWQyxMDAQPjMeS2E7MGQ7QEedwhAtZ6mJrbpCqi/GPwasM8CZQmHJjFmoRAUIJFIlASwPuY5E5oRYyuFmJCCU2ESjALwd9S/c7mcNzw87DU0NFQrZtfli/2I9QyF+BTMU0ynln8EIsBtOyyJQqHg5fN5L5VKedlsNuQ5Z4cxQ18y4wrpT/QZTIJjFGIWGI3QREVeMKbggdREWAzq6oqFSKJH8ov+/yTopDaTWe/t7S1GR0T7thT8q1I/fsDGgRZibm6u5Bc8nD6hI0X2XQa8C9Rjbhj0rJimbCTMRkoAftYOESAum00DV40Q1AKhhTARo/fCOsv6EtmjG/xm0EEs/6bzjM4TMakT7aALLTP4RsXmcDtt6/BV2fV3vLOVcsqhjeDfY5UGjkpSLAnBT9gLvtk6fFZqyRVVS8psrpOQCFAn5Z21iEKw6O0Enlahz3LA8N/HCDRCpCiAMgntPwJ8ZboqHPwasA44h+czUZoAeoBm4D8sfSyl/hPpOTtUlWYSexi4a4S4ycP4AmgGoKrGVESsBu0AaLIVwHlqCe+wG28WG2dEiEbRykP435vSBgTSGP0inTd71Ut4766+d7BR2S9l+2bwQB0UgAd3iQCc5h/nRO3vA/XS3n3AKoyNzwI7REOtIE2mb5Aq/Y2g/N4hyAE3guLQtg/7TvXeCYDx2sDQk8MYggskB6RB7ygzdZp+wlXwbCFc2Y5ZtF3NT4BeqHbxYe8IHFcHpYD1rlLvvIE50vMWuXN6oqFBYWtdxGjvcXXgy/bhkZqw6wOwUq2NsHF13dYcfQYXB1V2vOUyQ8WF2CEAcUqi4R5wrJYGdBZkVwVygNcD4IqrMarImLZGZHCjDyOKmy1RwdH2la4E2gfsHtV3XPtcGnEJmWWzI4eT/lut33RcDUr0fwEGABcRYKmJibHeAAAAAElFTkSuQmCC');
  background-size: 100% 100%;
  -webkit-animation: aniLoading 0.9s linear infinite;
  animation: aniLoading 0.9s linear infinite
}

.com_loadmore{
  text-align: center;
  padding: 1.4rem;
  font-size: 1.4rem;
  color: #999;
  border: 1px solid #f1f1f1;
  line-height: 2rem;
}

.com_tips {
  text-align: center;
  padding: 1rem 1rem 3rem 1rem;
  font-size: 1.4rem;
  color: #999;
  line-height: 2rem
}

.com_tips img {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.5rem
}

.com_tips.middle {
  position: fixed;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.com_tips .icon-loading {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  background: url(./img/loading.gif);
  background-size: 100% 100%
}

.comm-search {
  padding: 0 1rem;
  height: 4.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff
}

.comm-search a {
  display: block;
  margin-left: 1rem;
  width: 18.6%;
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  box-sizing: content-box;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  color: #282828;
  background: #f6f6f6;
  position: relative
}

.comm-search a:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 0.8rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.input-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 3rem;
  line-height: 3rem;
  border-radius: 0.4rem;
  position: relative;
  padding: 0 0.8rem
}

.input-wrap:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 0.8rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.input-wrap input {
  position: relative;
  z-index: 2;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 1.4rem;
  width: 98%;
  border: 0;
  box-sizing: content-box
}

.input-wrap .btn_clear_txt {
  top: 0.2rem;
  right: 0.8rem;
  width: 2rem;
  z-index: 3
}

.input-wrap .btn_clear_txt i {
  background: #fff
}

.input-wrap .btn_clear_txt i:before,
.input-wrap .btn_clear_txt i:after {
  background: #666;
  height: 0.1rem;
  width: 1.4rem
}

.user-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: relative
}

.user-info .avatar {
  position: relative;
  height: 3.5rem;
  width: 3.5rem;
  margin-right: 1rem
}

.user-info .avatar img {
  width: 100%;
  height: 100%;
  border-radius: 0.3rem
}

.user-info .avatar .sprite-ico {
  position: absolute;
  right: -0.3rem;
  bottom: -0.3rem;
  top: auto;
  margin-right: 0
}

.user-info .desc {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.user-info .name {
  font-size: 1.5rem
}

.user-info .name a {
  color: #000
}

.user-info .star_wrap {
  font-size: 1.1rem;
  color: #999;
  margin-top: 0.6rem
}

.user-info .reg_time {
  margin-left: 0.5rem
}

.user-info .stars {
  display: inline-block;
  width: 53px;
  height: 9px;
  vertical-align: 0;
  background-image: url(./img/stars_level.png);
  background-repeat: no-repeat;
  background-size: 119px 18px;
  zoom: 1
}

.user-info .stars10 {
  background-position: 0 0
}

.user-info .stars8 {
  background-position: -11px -9px
}

.user-info .stars6 {
  background-position: -22px -9px
}

.user-info .stars4 {
  background-position: -33px -9px
}

.user-info .stars2 {
  background-position: -44px -9px
}

.user-info .stars0 {
  background-position: -55px -9px
}

.user-info .stars9 {
  background-position: -11px 0
}

.user-info .stars7 {
  background-position: -22px 0
}

.user-info .stars5 {
  background-position: -33px 0
}

.user-info .stars3 {
  background-position: -44px 0
}

.user-info .stars1 {
  background-position: -55px 0
}

.user-info .where {
  font-size: 0.9rem;
  color: #999;
  margin-top: 0.6rem
}

.comm-vote {
  padding-top: 1.5rem;
  box-sizing: border-box;
  width: 7rem;
  height: 7rem;
  border: 1px solid #8e8e93;
  border-radius: 50%;
  text-align: center
}

.comm-vote .sprite-ico {
  margin-right: 0
}

.comm-vote p,
.comm-vote span {
  font-size: 1.3rem;
  color: #8e8e93
}

.comm-vote.active {
  border-color: #3074c2
}

.comm-vote.active p,
.comm-vote.active span {
  color: #3074c2
}

.comm-comments {
  background: #fff;
  margin-top: 1.2rem
}

.comm-comments dt {
  position: relative;
  line-height: 3rem;
  padding: 0 1rem;
  font-size: 1.5rem;
  z-index: 1;
  font-weight: bold;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.comm-comments dd {
  position: relative;
  padding: 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.comm-comments dd .like_wrap {
  position: absolute;
  top: 0.5rem;
  right: 1rem
}

.comm-comments dd .like_wrap .like {
  display: inline-block;
  padding: 0 1.2rem;
  height: 2.5rem;
  line-height: 2.5rem;
  text-align: center;
  position: relative;
  z-index: 2
}

.comm-comments dd .like_wrap .like:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 1.5rem;
  background: #eee;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.comm-comments dd .like_wrap>i {
  width: 4rem;
  height: 2.5rem
}

.comm-comments dd .like_wrap .sprite-ico {
  margin-right: 0
}

.comm-comments dd .like_wrap .num {
  display: inline-block;
  color: #999;
  font-size: 1.3rem
}

.comm-comments dd .content {
  font-size: 1.7rem;
  margin-top: 0.8rem;
  line-height: 1.6
}

.comm-comments dd .content .image {
  padding-top: .5rem;
  width: 33.3333%;
  box-sizing: border-box
}

.comm-comments dd .content .image p {
  font-size: 1.7rem;
  color: #282828;
  padding-bottom: .4rem
}

.comm-comments dd .content .image img {
  display: block;
  width: 100%
}

.comm-comments dd .content .image-comment span {
  color: #999;
  font-size: 1.7rem;
  margin-right: 1rem
}

.comm-comments dd .content .image-comment i {
  display: inline-block;
  width: 2rem;
  height: 1.5rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAfCAMAAACiX39KAAAAS1BMVEUAAAAzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMzgeMvTFpbAAAAGHRSTlMA4Qj7vmpbpE0563lEDsmyLR3y0o8kgxW+RVayAAAAyklEQVQ4y63U3Q6CMAwF4P0wZDgVFHTv/6SuhZziLiwknMvuS5a2SU3emSPQWzWeoTVq7HkwtsMueCldvHfAlCmzDgPDToeRnB91aKbiggGUelvLOY1mC9Fjq8+RXSVdBeEqOdj0C+GmhiRcn32qoVt24FjC5VUKdI9SvJaKyFgcyW4L4UTGZ3mIL5aAcCLZzebDEhBOJDka9SoZcgIbkewotztJQDhI/gLSE4SrZBBJMSgpcpmjIhtARboeUJH236XgFcqlOP9IfQHd4irMWZeGCAAAAABJRU5ErkJggg==');
  background-size: 100% 100%;
  margin-right: 1rem;
  vertical-align: middle;
  position: relative;
  top: -.2rem
}

.comm-comments dd .content .image-comment a {
  font-size: 1.7rem;
  color: #3074c2
}

.comm-comments dd .content .ref {
  background: #e6e6e6;
  padding: 1rem;
  margin-bottom: 0.8rem
}

.comm-comments dd .content .ref .user-info {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.comm-comments dd .content .ref .avatar {
  width: 2.3rem;
  height: 2.3rem
}

.comm-comments dd .content div {
  font-size: 1.7rem
}

.comm-comments dd:last-of-type {
  border-bottom: 0
}

.toggle-text {
  text-align: right
}

.toggle-text a {
  position: relative;
  font-size: 1.4rem;
  color: #3074c2;
  padding-right: 1.5rem
}

.toggle-text a:after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  border-left: 1px solid #3074c2;
  border-bottom: 1px solid #3074c2;
  -webkit-transform: rotate(-45deg) translateY(-100%);
  transform: rotate(-45deg) translateY(-100%);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.toggle-text a.expand:after {
  -webkit-transform: rotate(135deg) translate(20%, 70%);
  transform: rotate(135deg) translate(20%, 70%)
}

.comm-more {
  line-height: 3.7rem;
  color: #3074c2;
  font-size: 1.7rem;
  text-align: center;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.comm-more .no-more {
  color: #999
}

.comm-more .arrow-right,
.comm-more .arrow-down {
  border-color: #3074c2
}

.arrow-down {
  position: relative;
  display: inline-block;
  top: -0.4rem;
  margin-left: 0.8rem;
  width: 0.8rem;
  height: 0.8rem;
  border-left: 1px solid #646464;
  border-bottom: 1px solid #646464;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.arrow-down.arrow-up {
  top: 0;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg)
}

.arrow-right {
  position: relative;
  display: inline-block;
  top: -0.2rem;
  margin-left: 0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border-left: 1px solid #646464;
  border-bottom: 1px solid #646464;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.triangle-down {
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.4rem solid transparent;
  border-top: 0.4rem solid #fff
}

.comm-list {
  margin: 1.2rem 0;
  background: #fff
}

.comm-list dt {
  position: relative;
  padding-left: 0.5rem;
  line-height: 3.6rem;
  height: 3.6rem;
  border-left: 0.4rem solid #3074c2;
  color: #3074c2;
  font-size: 2rem;
  font-weight: bold
}

.comm-list dt a {
  font-size: 1.8rem;
  font-weight: normal;
  margin-right: 3%;
  vertical-align: middle
}

.comm-list dt a.active {
  font-size: 2rem;
  font-weight: bold
}

.comm-list dd {
  margin: 0 1rem;
  height: 4.3rem;
  line-height: 4.3rem;
  overflow: hidden;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.comm-list dd .orange {
  color: #ea5504
}

.comm-list dd .orange span,
.comm-list dd .orange a {
  color: #ea5504
}

.comm-list dd span,
.comm-list dd a {
  color: #282828;
  font-size: 1.8rem
}

.comm-list dd:last-of-type {
  border-bottom: 0
}

.comm-list.hot-read dd {
  position: relative;
  padding: 1rem 0;
  line-height: 1.5;
  height: auto
}

.comm-list.hot-read dd>a {
  display: block
}

.comm-list.hot-read .tit {
  margin-top: -0.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 2.3rem;
  font-size: 1.8rem;
  white-space: normal
}

.comm-list.hot-read .tit:visited {
  color: #999
}

.comm-list.hot-read .img-wrap {
  float: left;
  width: 7.8rem;
  height: 6.6rem;
  margin-right: 1rem
}

.comm-list.hot-read .img-wrap img {
  width: 100%;
  height: 100%;
  display: block
}

.comm-list.hot-read .foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1
}

.comm-list.hot-read .foot span {
  display: block;
  margin-right: 0.3rem;
  font-size: 1.2rem;
  color: #999
}

.comm-list.hot-read .foot span:first-of-type {
  max-width: 45%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.comm-list.hot-read .foot .fr {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin-right: 0;
  text-align: right
}

.comm-list.hot-read .wrap {
  height: 6.6rem;
  margin-left: 8.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.comm-list.hot-read .lbl-orange {
  line-height: 1.2;
  font-size: 1.05rem !important;
  color: #ff8111 !important;
  border: 1px solid #ff8111;
  border-radius: 0.2rem;
  padding: 0 0.4rem
}

.comm-list.hot-read .comment {
  position: absolute;
  bottom: 1rem;
  right: 0;
  font-size: 1.2rem;
  color: #646464
}

.comm-list .comm-more {
  margin: 0 1rem
}

.comm-stock-list {
  margin: 1rem 0;
  background: #fff
}

.comm-stock-list dt {
  line-height: 3.5rem;
  height: 3.5rem;
  color: #646464;
  font-size: 1.6rem;
  margin: 0 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.comm-stock-list dt a {
  color: #646464;
  float: right
}

.comm-stock-list dt a i {
  margin-left: -0.2rem
}

.comm-stock-list dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 1rem;
  height: 5.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  box-sizing: border-box;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

@media screen and (max-width: 320px) {
  .comm-stock-list dd {
    font-size: 1.8rem
  }
}

.comm-stock-list dd>a {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.comm-stock-list dd.list-head {
  border-bottom: 1px solid #ccc !important;
  height: 3.8rem;
  background: #fff;
}

.comm-stock-list dd.list-head div {
  color: #646464;
  font-size: 1.5rem
}

.comm-stock-list dd.list-head i {
  margin-left: 0.3rem
}

.comm-stock-list dd.list-head i.up {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.comm-stock-list dd:last-of-type {
  border-bottom: 0
}

.comm-stock-list dd div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  text-align: right;
  white-space: nowrap
}

.comm-stock-list dd div:first-of-type {
  text-align: left;
  -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2
}

.comm-stock-list dd div:first-of-type p {
  font-size: 1.7rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.comm-stock-list dd div:first-of-type p:nth-child(2) {
  color: #646464;
  font-size: 1.5rem
}

@media screen and (max-width: 320px) {
  .comm-stock-list dd div:first-of-type p {
    font-size: 1.6rem
  }

  .comm-stock-list dd div:first-of-type p:nth-child(2) {
    font-size: 1.4rem
  }
}

.comm-stock-list.fixed-first-column .tb-wrap {
  position: relative
}

.comm-stock-list.fixed-first-column .left-p dd {
  margin-right: 0
}

.comm-stock-list.fixed-first-column .right-p {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 33.33%;
  right: 0;
  padding-right: 1rem;
  white-space: nowrap;
  overflow-y: auto
}

.comm-stock-list.fixed-first-column .right-p dd {
  margin: 0;
  display: block;
  line-height: 5.5rem;
  border-bottom: 0
}

.comm-stock-list.fixed-first-column .right-p dd.list-head {
  line-height: 3.8rem;
  border-bottom: 0 !important
}

.comm-stock-list.fixed-first-column .right-p dd>div {
  box-sizing: border-box;
  display: inline-block;
  margin-right: -8px;
  width: 60%;
  height: 100%;
  text-align: center !important
}

.comm-stock-list.fixed-first-column .scrollable {
  overflow-y: hidden;
  overflow-x: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch
}

.comm-stock-list.fixed-first-column table thead tr {
  height: 3.8rem
}

.comm-stock-list.fixed-first-column table thead tr th {
  color: #646464;
  font-size: 1.5rem;
  font-weight: normal
}

.comm-stock-list.fixed-first-column table tbody tr {
  height: 5.5rem;
  text-align: center
}

.comm-stock-list.fixed-first-column table tbody tr td {
  font-size: 2rem
}

.comm-download {
  text-align: center;
  margin: 1.5rem 1.5rem 1.2rem
}

.comm-download a {
  display: block;
  line-height: 4rem;
  background: #3074c2;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 2rem
}

.comm-download .new-a {
  display: block;
  padding: 3.5rem 0 1.2rem;
  line-height: 1.7rem;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 5px;
  background: url("../../resource/img/gift.png") no-repeat 0 0/100% 100%
}

.comm-download .new-a span {
  color: #ffd800
}

.comm-download .new-a span i {
  font-style: normal;
  font-weight: bold
}

.comm-download p {
  margin-top: 0.5rem;
  color: #999;
  font-size: 1.2rem
}

.comm-banner {
  position: relative;
  display: block
}

.comm-banner img {
  display: block;
  width: 100%;
  margin: 1.2rem 0
}

.selector {
  position: relative;
  color: #3074c2;
  padding-right: 1.8rem;
  font-size: 1.4rem;
  overflow: hidden;
  white-space: nowrap;
  font-weight: normal
}

.selector:after {
  position: absolute;
  content: '';
  top: 1.2rem;
  right: 0.7rem;
  width: 0;
  height: 0;
  border: 0.4rem solid transparent;
  border-top: 0.6rem solid #3074c2
}

.selector.expanded:after {
  top: 0.7rem;
  border: 0.4rem solid transparent;
  border-bottom: 0.6rem solid #3074c2
}

.selector-items {
  position: absolute;
  right: 0.8rem;
  top: 3.1rem;
  background: #fff;
  border-width: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.selector-items.hide {
  display: none
}

.selector-items li {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  position: relative;
  padding: 0 2rem;
  font-size: 1.4rem;
  font-weight: normal;
  white-space: nowrap
}

.selector-items li.selected {
  color: #3074c2
}

.selector-items li.selected:after {
  position: absolute;
  content: '';
  top: 1rem;
  right: 0.8rem;
  width: 0.8rem;
  height: 0.5rem;
  background: #fff;
  border-left: 0.15rem solid #3074c2;
  border-bottom: 0.15rem solid #3074c2;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.swiper-container {
  position: relative;
}

/* .swiper-container img {
  width: 100%;
  display: block
} */

.swiper-pagination-bullet {
  background: #f6f6f6 !important;
  width: 0.4rem !important;
  height: 0.4rem !important;
  margin: 0 0.2rem !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #ea5504 !important;
  opacity: 1 !important;
}

.swiper-pagination {
  bottom: 3px !important
}

.banner-close {
  position: absolute;
  height: 100%;
  width: 3rem;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 10
}

.banner-close:before,
.banner-close:after {
  position: absolute;
  content: '';
  height: 0.2rem;
  width: 1.4rem;
  background: #c8c8c8;
  top: 50%;
  left: 50%;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.banner-close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.comm-pop-tips {
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 12rem;
  height: 12rem;
  border-radius: 0.5rem;
  background: #000;
  opacity: 0.8
}

.comm-pop-tips .pop-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  text-align: center
}

.comm-pop-tips p {
  margin-top: 1.5rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center
}

.comm-pop-tips .sprite-ico {
  margin-right: 0
}

.comm-pop-msg {
  position: fixed;
  z-index: 100;
  top: 35%;
  left: 10%;
  right: 10%;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  border-radius: 0.3rem;
  background: #000;
  opacity: 0.8;
  padding: 0.9rem 1.8rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #fff
}

.comm-pop-msg p {
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #fff
}

#go_top {
  width: 4rem;
  position: fixed;
  bottom: 7.5rem;
  right: 2.5rem;
  background-size: 100% 100%;
  -webkit-transform: translateZ(0);
  z-index: 99;
  display: none
}

#go_top .oldversion {
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/oldversion.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

#go_top .topimg {
  margin-top: 1rem;
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/gotop.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

#go_top .refreshimg {
  margin-top: 1rem;
  display: block;
  width: 4rem;
  height: 4rem;
  background-image: url(./img/refresh2.png);
  background-size: 100% 100%;
  background-repeat: no-repeat
}

.ani-loading {
  -webkit-animation: aniLoading 1s linear infinite;
  animation: aniLoading 1s linear infinite
}

@-webkit-keyframes aniLoading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes aniLoading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.guba-detail {
  padding-bottom: 4.4rem
}

.guba-detail .tiezi-info {
  background: #fff;
  padding: 1.4rem 1.4rem 0.7rem
}

.guba-detail .tiezi-info .content {
  margin-top: 1rem;
  font-size: 1.7rem;
  line-height: 1.6
}

.guba-detail .tiezi-info .comm-vote {
  margin: 3rem auto 1.5rem
}

.guba-detail .tiezi-info .foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.guba-detail .tiezi-info .foot div {
  font-size: 1.4rem;
  color: #646464
}

.info-detail {
  padding-bottom: 4.4rem
}

.info-detail .info-info {
  background: #fff;
  padding: 0 1.4rem
}

.info-detail .info-info .tit h1 {
  font-size: 2.3rem;
  padding: 2rem 0 2rem;
  margin: 0;
  color: #282828
}

.info-detail .info-info .tit .where {
  position: relative;
  padding: 1rem 0;
  line-height: 1.2;
  font-size: 1.3rem;
  color: #999;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.info-detail .info-info .tit .where>span {
  display: block
}

.info-detail .info-info .tit .comments {
  height: 2.2rem;
  line-height: 2.2rem;
  box-sizing: border-box;
  font-size: 1.3rem;
  color: #3074c2;
  border: 1px solid #3074c2;
  padding: 0rem 0.5rem;
  border-radius: 0.3rem
}

.info-detail .info-info .tit .source {
  width: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 1rem
}

.info-detail .info-info .related {
  padding: 2rem 0
}

.info-detail .info-info .related span,
.info-detail .info-info .related a {
  float: left;
  min-width: 25%;
  text-align: left;
  font-size: 1.5rem
}

.info-detail .info-info .related a {
  text-decoration: underline
}

.info-detail .info-info .digest {
  margin-top: 1rem;
  font-size: 1.8rem;
  line-height: 1.6;
  color: #646464;
  background: #f9f9f9;
  padding: 1rem
}

.info-detail .info-info .digest span {
  color: #282828;
  font-size: 1.8rem;
  font-weight: bold
}

.info-detail .info-info .content {
  margin-top: 2rem;
  font-size: 1.9rem;
  line-height: 1.6
}

.info-detail .info-info .content p {
  margin-bottom: 1.5rem
}

.info-detail .info-info .content img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 1rem 0
}

.info-detail .info-info .content .content-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  margin: 1rem auto;
  text-align: center
}

.info-detail .info-info .content .content-list .item {
  display: inline-block;
  padding: 0 0.8rem;
  border: 1px solid #3074c2;
  color: #3074c2;
  font-size: 1.2rem;
  border-radius: 1.2rem
}

.info-detail .info-info .texteditor {
  font-size: 1.3rem;
  color: #999;
  text-align: right;
  padding: 3rem 0 0
}

.info-detail .info-info .comm-vote {
  margin: 3.5rem auto 1rem
}

.info-detail .info-info .links {
  line-height: 1;
  padding-bottom: 2.8rem
}

.info-detail .info-info .links .link1 {
  font-size: 1.5rem
}

.info-detail .info-info .links .link2 {
  margin-top: 1.5rem;
  font-size: 1.5rem
}

.info-detail .info-info .links .link2 a {
  text-decoration: underline
}

.info-detail .info-info .share-wrap {
  padding: 0 0 2.8rem;
  text-align: center
}

.info-detail .info-info .share-wrap p {
  color: #666;
  font-size: 1.2rem;
  margin-bottom: 2rem;
  text-align: center
}

.info-detail .info-info .share-wrap p:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  border-top: 1px solid #eee;
  height: 1px;
  margin-right: 1rem
}

.info-detail .info-info .share-wrap p:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  border-top: 1px solid #eee;
  height: 1px;
  margin-left: 1rem
}

.info-detail .info-info .share-wrap ul {
  font-size: 0
}

.info-detail .info-info .share-wrap ul li {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  border: 1px solid #eee;
  border-radius: 1.5rem;
  margin-right: 0.9rem;
  padding: 0 0.6rem 0 0.4rem;
  height: 30px;
  line-height: 30px;
  width: 86px
}

.info-detail .info-info .share-wrap ul li:last-of-type {
  margin-right: 0
}

.info-detail .info-info .share-wrap ul li i,
.info-detail .info-info .share-wrap ul li span {
  vertical-align: middle
}

.info-detail .info-info .share-wrap ul li span {
  font-size: 1.4rem;
  color: #999999;
  margin-left: 0.5rem
}

.info-detail .info-info .share-wrap .sprite-ico {
  margin-right: 0
}

.info-detail .tip-off {
  position: relative;
  top: -2.5rem;
  text-align: right
}

.info-detail .tip-off a {
  font-size: 1.2rem;
  color: #999
}

.info-detail .EmImageRemark {
  position: relative;
  display: block;
  margin: 1rem 0;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.info-detail .EmImageRemark img {
  min-height: 10rem;
  margin: 0 !important
}

.info-detail .EmImageRemark:after {
  content: '';
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  width: 7.5rem;
  height: 1.8rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAkCAMAAABc3TOuAAAAbFBMVEUAAACNjY3FxcXn5+d5eXk8PDzu7u6srKz09PRfX18mJibX19f5+fn39/fn5+fg4ODOzs65ubnS0tKurq5oaGgAAAD8/Pzm5uZDQ0POzs59fX0tLS2dnZ0WFhanp6cAAADV1dWSkpIZGRn///8P6GRaAAAAI3RSTlOAoMDfmIjnsO+Qis/4+OrXx7jZwqBz/emT1qmMqIa+Jdu0hrvpi10AAAK3SURBVFjD7ZjZcuIwEEXVakuysIidQNiGLJP7//84yBaRBLaV5SHUVE5VojJg69C3aRbx8ihujscXcYNW4jalfvkP2e2XuGC534kfZhelUrExL4IUk1i67xoxYMLjW9WvXWtFT8WVCEiQmGOP1z/igj+v2H9Ay8oBZnbwsA1bDn4V2n6t6/cLkP/vaXDvl0pMsES0il5w8aDigEbNgb4eCj21hu6kISvONNBq8Dv62kFmWkhgMQEwrIvVdrPZrhbx1likK/KySQSj1CvWqa5V1CqGmGsdlqGpDplWRDXOoNOtSnzlgHMyYN69tPJhSXP6Q0fkHWxFkI0QKgmxoHUAHtZPT+sH4DCqRbX2V1W6pqRKKXkmKg/LX65lgoHJqj+vtVjieTh8xnJxrXVktKpvedWCj3kZHYsxYmuHsnBHoIY/EeIKDyLwgNWFVtXVqOn9lUino67yt1NPC0mREO1YD9WSQIRjpmvntLZYi8Aa21yLAG2yAWEYfjPGCCFaOaKFo2/51iFFzmlt8CYCb9hcVMtUossGRCeq+3O1JDSl+LlK3j9vbeWflCWQPy3FflDrCe66txgcAScBOxgKJMMRMh8sXqerzwMiO+HzIUY4PQSnVimcaVl5gtH4xZ5kzFkrOeELLV/WMkCfUSDVGhubQSvey/y9AcGjReng2nTXb2iVx+lfcQ1DRsLuVkNbiYSS1mdD9F4OPRvcLYSnGKJ1jRJyMkSVG8tUq6EBzaL8Vn23cdvV7i54FaslrBDTWtQa9tTQ7DFfCjGyCF6F3gpMhdg6/naIk15l5GjLK0CrUa1yiPFjYMGrokg2BydDNMGq9ErUPPehueDFuIZnQzTeqqRVyQ7th79iBK9kTBh5jZmtlvBWRS2grua+kLlcy3sFqyKWVLJrNf6AX375cW7yF67HG/2R8h8HPGLpcSLQFQAAAABJRU5ErkJggg==');
  background-size: 100% 100%
}

.info-detail-404 .wrap {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center
}

.info-detail-404 .icon-404 {
  display: inline-block;
  width: 10.4rem;
  height: 8.9rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANAAAACyCAYAAAAzmEElAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0iQzhFODYwMjc1Qzc5QzcwREEyNzlDRDA1MTM4Njk5QkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTlCRjJFQTY2MzAzMTFFODk3MjFGREU5OTJGQzM4NkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlCRjJFQTU2MzAzMTFFODk3MjFGREU5OTJGQzM4NkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ODhiNTgwNGQtZjg2Yy0wYTQ5LWE2MWMtN2VkZDE2NDE4MGM5IiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6OTk1NjE3MDAtNDM3My0xMWU4LTgyZjItYmViNDBmYWE5NDQx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');
  background-size: 100%;
  margin-bottom: 3rem
}

.info-detail-404 .icon-user-404 {
  display: block;
  width: 90%;
  margin: 0 auto 1.5rem
}

.info-detail-404 .icon-stock-404 {
  display: inline-block;
  width: 8.6rem;
  height: 8.9rem;
  background-image: url('data:image/png;base64,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');
  background-size: 100%;
  margin-bottom: 3rem
}

.info-detail-404 p {
  line-height: 2.1rem;
  font-size: 1.5rem;
  color: #aaa
}

.info-detail-404 p.strong {
  font-size: 1.7rem;
  color: #666
}

.info-detail-404 a {
  color: #3074c2
}

.open-inapp {
  position: fixed;
  bottom: -4rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  padding: 0 1.8rem;
  white-space: nowrap;
  display: block;
  text-align: center;
  background: #ea5504;
  color: #ffffff !important;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.5rem;
  border-radius: 3.5rem;
  z-index: 13;
  -webkit-transition: all .5s;
  transition: all .5s
}

.open-inapp.show {
  bottom: 5.5rem
}

.open-inapp i {
  position: relative;
  top: -0.2rem;
  margin-right: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  width: 1.4rem;
  height: 1.65rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAhCAMAAAD9NzvVAAAAolBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8ELnaCAAAANXRSTlMA+gXkJPZdFwzcj1bfx5U9LRwSCe3qz7mhh2ljA/HXtH10ZkpCOiog59DJwsG9q6acb07MgbTeOH0AAAFOSURBVCjPddHVeoNQEATg4eAa4ljcrZF23v/VikMb8t/MxXzsLoB3hrHDEN0GMc5C87tLawVHM8xDV6dRw2yCYPI+OVlJVAzSt7n83/Vc8hs7MjpQ7f+5JDoxZSMkPcwY1sVm6UrMXCFk8g6TYwEoa2sqszJWsE4jwJzcYiexRdpCH6VpQSZDfLU79YVkylQsJHIKmY1xD/CY8fckTbSm3voQD2ZMxCRnUKtqFAH9C3PLYhuc8pKHDtjjcvVgoGaBc14FCrBfsBTimc/CnXSfOiC8ertsiHmWJ9hR8Q0XrG0Q57moP3nTeTCK9/tpfmPFFbDKCW9Pmjq2xXbJqEoxKo9R0D8yd0HNqrrhhIVVU+6ZchRUCynpaFxJVweGKgtTtNgMhmn4LL3apdDyOFRXJ+gwL8o1uth55wh0ujGloZvukJMEHyhH9vCR7xX5CwyLUGZq2yDCAAAAAElFTkSuQmCC');
  background-size: 100% 100%
}

.info-mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.85);
  z-index: 100;
  display: block;
  z-index: 14
}

.info-mask .ios,
.info-mask .android {
  position: relative
}

.info-mask .safari-icon {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 7rem auto 2rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKAAAACgCAMAAAC8EZcfAAAC/VBMVEUAAAD///////////////////////////////////////////////////////////////////////////////9RvOgGTcwIUc1Ir+VTv+glf9swjd8ddNg6neNMteYxkOAngt0zk+Etit4ie9pEquQ5muIgd9nqTk1KsuVIr+tLtOpCovA2l+JNt+oriN05lewHVM6sq6tFrekqhN3VOC4bcNY2leFJsehPueVPuupFrOY/o+dCqOZNt+cLV88VZ9M/oe1ApOM+oeIWatVCpuMNWtAZbdUNXdE8mOxKs+tCqOo4medEquw8oOQ+nuoATM9ApOsTZNI7n+dEpu4+ne8RYNEARs4CWNMAQM0XjOkAUdIflOsCX9Q0leU1kuoxjuUnm+orlOv///UMZtQZfNwljekke9oEbNjl5OQCZdYxmu1IrO4Sg+YqhuDt9PsvoerEvbQNfN2s0fMTc9l6v/OJxPIIc9r//N+dnZ33+vu12vcsieOixu3O5PfkR0Tk8Pva6/if0faUyPQ3n+yko6I4pu3//usgleMdguD//tTQNCnE3vVrte//OS/SNSpiq+khjeD3KRYdhekUiN7JxL3wU1Uy0//y8OwMeub+79eUuOXZ1dJbjNQTY44RSYNUq+8rbdN9oNKqu85ftO5Toea9zuPi3tgxeNXRzch/tehIl+KqwuDEytN/qOBHjNtqltTmLiLe4eU5hdmft9dNhNQ0fe9cmd4AO9GOq9a5vMIwj+3z6NodYc4ANc65tK8DMnNxrv2JtfcANcgvdZ0ARdlCedExg6osaY5rve/R1+Bwnt+4xNb2RUBQj/VFhPLDtaq3r6JEy/coe7cPc5sGVeBqqt8+nNM2jMCtp5wkuv8rb+wwrOJMsdxklvFDlLcYW6hUpPytr7BvhptJqdIglsOMkKZYb4c5WnbKY2Q6vPMYYudKosiGm7qTmqC3coOsQD4kd8gFQaeZfZRmU1/cGg6VTVPBNy82pNCbp7f2oKDbWFyCR072rKv1q6rnko8Tg0iCAAAAFHRSTlMA7w05uiLl1sZ1k3lraH1vYYWKiDqCPIwAACPQSURBVHjazJc9q9NQHMatXt/f8XyJGiTQxcElg0NubgiBkyUES04hS1ISKOnQamzaEB0auNjF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) no-repeat;
  background-size: 100%
}

.info-mask .safari-icon:before {
  content: '';
  display: inline-block;
  position: absolute;
  right: 1.5rem;
  top: -6.8rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH8AAAB2CAMAAADWbLzpAAAArlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////8tivQqAAAAOXRSTlMAAxI2rA2Z/PpbCfXy69jPv7mEc8oZ5aaKfS4G7uHFoEcy99xpV1JBHdOybTsmTSICkY1gKmbnlHh01mg4AAAED0lEQVRo3sSX6ZKiQBCEq5tDUREFERAVUbzvW97/xXarUXdiYxw7Ykr4fmpEF1VZmQ3wG9zSPEpiBkXhpsiwfxhvoQh2VvrAXAQDDnmjGfv+MH0y8pZKCDkTxklUT5GHGhMX8kab3tR2+qTtLQtYS3fiN6rpg2rTHmiQN6zzVY1S67DhkDt8YH8ZhLWfcMgdpiy/bITlDyqQP1tDHz2N0bjFO8ifmaE/F6LrGRwKwDWi3mMl+7cOFMF6uailGT19EEIBsFXQeigRbUIoAveo3sdQ8ya5emLnKpPk5utqs26W749wghzgytFWW+3SY/Q9q7FoXlJkDh8ljM9630wRs6UenPH0xMXvhnUfAHyM9Vm3xJhHqm0oGvxDc+7BaPpb+AinxBPzrUfJSvtfjcBMBX3jIw7Qxp55j3z+zb9BN4shT4EPsF02yiJgxhy+oeJkvQ/3M6BnG8zFTgevAtboZQawOZDDExFtLeflSq2yna9+ovpUxbFf/Nd54nrZ5H366tzBS76sDhi8gjlZ6Eb0uq+vVbSy7cJr4mz0jRioUVThteNPVq74InrbY/rqTdHWFH4irqcoj68VUp0FZeGLDhCzViWqw6wvPOcwoIVfUdP6Bn5m0xXNr4EWluC5ZvKmK3YQygfUzSuW1ELxhrh+FaBFu8otVEekvUq99gM8trbcwRs2VRzSkrp5HZtavI/RM+7nZUWtPCZ914C32EIj4rTfBdhUQ+JUXUhfAVI45l1Jwk0swvJ7Rjz7Nl4iEooycdU7QMsRc7zpwnsiHNMZSGF77OnAQE77kgGkaCj9UOpQG8tvgBTXwriXMvP5A92vMfLqW6l0RIcSax+b+LXEQYITvmbegBQFz1xIZYmGr1o6kDLFe8QLQQYVLcroy+tyZzq4Jhrt8KvyE+2U07R6Ako6NfnyIZp0DJRsTdSeAcgGzxUo4SPc/BDkmP8VvwKEVFroe+kj/bSsACUqrjOXf1yHNvVRz8sMimKM300KFEXnTzF2mpNAFERR+ALNYIPGSCSKOBHTDIJB8c/Z/8ZMkbiG8+2gX9+qeq+ml2qyDCv6d7H8d3LLJ/Dcj2W5porZ0u6AeTTf9fOj2QCr+1iGz2rlX06/iWYwhut+LL26xVxFM3ezfz+DyTGaV3fsDKrvt9G8uOH7qqVVNKeaO5tozm7t9erO9R7N2W389fnjYzRX9daMp8L/G80bsI/n1g3/0q39jIC3aPpTuImnHlwf8exg1UYzAB7iqfQdo2lncBtPB5zjaWDWRjOcwCiemryHeBpYnKJp17W49nTy8Y/c48/CTf8S6OKZw3gYz97t/b0pPMZTo38QzxzWT/E08BLRAn7i2brL3nTANp47mEW0r42X6AZeI5q43S+HZtXF8wfom7whJmF0qAAAAABJRU5ErkJggg==) no-repeat;
  width: 6.35rem;
  height: 6.65rem;
  background-size: 100%
}

.info-mask .safari-icon.android {
  height: 0;
  position: static
}

.info-mask .safari-text {
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: center
}

.info-mask .nosafari-text {
  margin-top: 4rem;
  color: #ffffff;
  font-size: 1.8rem;
  line-height: 2.4rem;
  text-align: center
}

.info-mask .nosafari-text:before {
  margin-right: 0.8rem;
  content: '';
  height: 1px;
  width: 6rem;
  background: #ffffff;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.info-mask .nosafari-text:after {
  content: '';
  height: 1px;
  width: 6rem;
  background: #ffffff;
  display: inline-block;
  vertical-align: middle;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.info-mask .app-icon {
  display: block;
  width: 8rem;
  height: 8rem;
  margin: 2rem auto;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%
}

.info-mask .icon2 {
  background: url(../../resource/img/gj-icon.png) no-repeat;
  display: block;
  width: 23rem;
  height: 16rem;
  margin: 2rem auto;
  background-size: 100%
}

.info-mask .app-text {
  font-size: 1.5rem;
  color: #ffffff;
  text-align: center
}

.info-mask .app-text span {
  margin: 0 0.5rem
}

.info-mask .download-app {
  display: block;
  font-size: 2rem;
  color: #ffffff;
  background: #FF4500;
  border-radius: 2.4rem;
  padding: 0.8rem 0;
  width: 18rem;
  margin: 3rem auto;
  text-align: center
}

@media screen and (max-width: 320px) {
  .info-mask .safari-icon {
    margin: 6rem auto 1rem;
    width: 6rem;
    height: 6rem
  }

  .info-mask .safari-icon:before {
    top: -6rem
  }

  .info-mask .safari-text {
    font-size: 1.5rem;
    line-height: 2rem
  }

  .info-mask .nosafari-text {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2rem
  }

  .info-mask .app-text {
    font-size: 1.3rem
  }

  .info-mask .app-icon {
    margin: 1rem auto;
    width: 6rem;
    height: 6rem
  }

  .info-mask .download-app {
    margin: 1.5rem auto;
    font-size: 1.6rem;
    border-radius: 1.6rem;
    padding: 0.6rem 0;
    width: 15rem
  }
}

.info-mask.download-page {
  background: #fff
}

.info-mask.download-page .safari-icon {
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%
}

.info-mask.download-page .safari-icon:before {
  width: 6.65rem;
  height: 7.3rem;
  background: url(data:image/png;base64,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) no-repeat;
  background-size: 100%
}

.info-mask.download-page .safari-text,
.info-mask.download-page .app-text {
  color: #1b1b1b
}

.info-mask.download-page .guoji img {
  width: 19rem
}

.info-mask.download-page .nosafari-text {
  color: #969696
}

.info-mask.download-page .nosafari-text:before,
.info-mask.download-page .nosafari-text:after {
  background: #969696
}

.zwtable {
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  margin-bottom: 1rem
}

.zwtable .tabletip {
  height: 2rem;
  color: #808080;
  line-height: 2rem;
  font-size: 1.2rem !important
}

.zwtable table {
  border: 1px solid #c3c3c3;
  border-collapse: collapse;
  line-height: 28px
}

.zwtable table td {
  border: 1px solid #c3c3c3;
  border-collapse: collapse;
  padding: 4px;
  font-size: 1.4rem
}

.zwtable table td a {
  font-size: 1.4rem;
  color: #41669e;
  border-bottom: 1px dashed #41669e
}

.zwtable table td a.buynow {
  background: #ff4400;
  color: #fff;
  border-bottom: none;
  text-decoration: none;
  padding: 4px 8px
}

.menu .input-bar {
  display: block;
  margin-left: 2rem;
  height: 3rem;
  line-height: 3rem;
  background: -webkit-linear-gradient(left, #487ac0, #3c94d7);
  background: linear-gradient(to right, #487ac0, #3c94d7);
  border-radius: 0.3rem;
  font-size: 1.5rem;
  color: #c6dcf0
}

.menu dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.5rem;
  background: #fff
}

.menu dl dt {
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 1.7rem;
  font-weight: 500;
  color: #3074c2;
  padding: 0 1rem;
  margin-right: 1rem;
  border-right: 2px solid #3074c2
}

.menu dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  line-height: 1;
  padding-right: 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.menu dl dd a {
  float: left;
  width: 20%;
  margin-bottom: 1.5rem;
  font-size: 1.6rem;
  color: #282828;
  white-space: nowrap
}

@media screen and (max-width: 320px) {
  .menu dl dd a {
    font-size: 1.4rem
  }
}

.menu dl dd a sup {
  left: -0.1rem;
  top: -1.3rem;
  padding: 0 0.1rem;
  border-radius: 0.2rem;
  font-size: 0.7rem;
  background: #ff3e4a;
  color: #fff;
  white-space: nowrap
}

.menu dl:last-of-type dd {
  border-bottom: 0
}

.menu dl.c4 dd a {
  width: 25%
}

.menu .links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1.2rem 0;
  padding: 1rem 0;
  color: #3074c2;
  font-size: 1.6rem;
  text-align: center;
  background: #fff;
  font-weight: bold
}

.menu .links a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: block;
  height: 2.5rem;
  line-height: 2.5rem;
  box-sizing: border-box;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.menu .links a:last-of-type {
  border-right: 0
}

.search {
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.search .main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.search .comm-tabs {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.search .search-result {
  margin-bottom: 1rem
}

.search .search-result em {
  font-style: normal;
  color: #ea5504
}

.search .guba-list {
  background: #fff
}

.search .guba-list li {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.search .guba-list li>a {
  height: 5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 2rem
}

.search .guba-list li>a>span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  font-size: 1.6rem;
  color: #282828
}

.search .guba-list li>a>span:last-of-type {
  text-align: right;
  color: #666
}

.search .user-list {
  background: #fff
}

.search .user-list li>a {
  padding: 1rem;
  min-height: 7.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.search .user-list li>a .avatar {
  margin-right: 1rem;
  width: 4.5rem;
  height: 4.5rem
}

.search .user-list li>a .avatar img {
  display: block;
  width: 100%;
  border-radius: 0.5rem
}

.search .user-list li>a .name-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.search .user-list li>a .name-info p {
  font-size: 1.6rem;
  color: #282828;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.search .user-list li>a .name-info p:last-of-type {
  margin-top: 1rem;
  font-size: 1.3rem;
  color: #646464
}

.search .comm-stock-list {
  margin: 0
}

.search .comm-stock-list dd {
  position: relative;
  padding: 0 1rem 0 4rem;
  margin: 0;
  height: 5rem
}

.search .comm-stock-list dd div:first-of-type p {
  font-size: 1.6rem
}

.search .comm-stock-list dd div:first-of-type p:last-of-type {
  font-size: 1.3rem
}

.search .comm-stock-list .add-wrap {
  -webkit-box-flex: inherit;
  -webkit-flex: inherit;
  -ms-flex: inherit;
  flex: inherit;
  width: 4.2rem;
  text-align: center
}

.search .comm-stock-list .add-wrap .btn-add {
  position: relative;
  display: inline-block;
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  border: 0.1rem solid #3074c2
}

.search .comm-stock-list .add-wrap .btn-add:before,
.search .comm-stock-list .add-wrap .btn-add:after {
  position: absolute;
  content: '';
  height: 0.1rem;
  width: 1rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #3074c2
}

.search .comm-stock-list .add-wrap .btn-add:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.search .comm-stock-list .stock-type {
  position: absolute;
  top: 50%;
  margin-top: -0.6rem;
  left: 1rem;
  height: 1.2rem;
  line-height: 1.2rem;
  width: 2rem;
  text-align: center
}

.search .comm-stock-list .stock-type span {
  display: block;
  font-size: 0.9rem;
  color: #fff;
  background: #eb5858;
  white-space: nowrap
}

.search .comm-stock-list .stock-type span.us {
  background: #4ea1ff
}

.search .comm-stock-list .stock-type span.hk {
  background: #b283ed
}

.zhishu {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5rem;
  margin: 1rem 0
}

.zhishu .zs-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 0.5rem
}

.zhishu a {
  font-size: 1.6rem;
  color: #282828
}

.zs-wrap {
  background: #fff;
  text-align: center;
  line-height: 1;
  padding-bottom: 0.7rem
}

.zs-wrap p {
  font-size: 1.6rem;
  color: #282828;
  padding-top: 0.7rem;
  white-space: nowrap
}

.zs-wrap p:nth-child(2) {
  font-size: 2rem
}

.zs-wrap p:nth-child(3) {
  font-size: 1.2rem
}

.zs-wrap p:nth-child(3) span {
  font-size: 1.2rem
}

.zs-wrap p:nth-child(3) span:last-child {
  margin-left: 0.5rem
}

.hqzx-hs .swiper-container {
  box-sizing: content-box;
  padding: 1rem 1rem 2rem
}

.hqzx-hs .swiper-pagination-bullet {
  background: #cecece !important;
  width: 0.6rem !important;
  height: 0.6rem !important;
  margin: 0 0.5rem !important
}

.hqzx-hs .swiper-pagination-bullet-active {
  background: #0074c6 !important
}

.hqzx-hs .swiper-pagination {
  bottom: 0.2rem !important
}

.hqzx-hs .comm-stock-list dt {
  color: #3074c2;
  margin: 0;
  padding: 0 1rem
}

.hqzx-hs .block {
  background: #fff;
  margin-bottom: 1rem
}

.hqzx-hs .block dt {
  line-height: 3.5rem;
  height: 3.5rem;
  color: #3074c2;
  font-size: 1.6rem;
  padding: 0 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hqzx-hs .block dt a {
  color: #646464;
  float: right
}

.hqzx-hs .block dt a i {
  margin-left: -0.2rem
}

.hqzx-hs .block dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.hqzx-hs .block dd .block-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  line-height: 1;
  padding: 1rem 0 2rem;
  box-sizing: border-box;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hqzx-hs .block dd .block-wrap p {
  font-size: 1.6rem;
  color: #282828;
  padding-top: 1rem
}

.hqzx-hs .block dd .block-wrap p:nth-child(2) {
  font-size: 1.7rem
}

.hqzx-hs .block dd .block-wrap p:nth-child(3) {
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.hqzx-hs .block dd .block-wrap p:nth-child(3) span {
  display: block;
  font-size: 1.4rem
}

.hqzx-hs .block dd .block-wrap:last-child {
  border-right: 0
}

.hqzx-usa .zhishu .zs-wrap p:first-child {
  font-size: 1.4rem
}

.hqzx-usa .comm-stock-list dt {
  color: #646464
}

.hqzx-global .flag {
  margin-right: 1rem;
  width: 2.3rem;
  height: 1.5rem;
  vertical-align: middle
}

.hqzx-global .comm-stock-list dd div:first-of-type {
  -webkit-box-flex: 1.4;
  -webkit-flex: 1.4;
  -ms-flex: 1.4;
  flex: 1.4
}

.hqzx-more dl {
  /* margin: 1rem 0; */
  background: #fff;
  border-top:1px solid #f1f1f1;
}

.hqzx-more dl dt {
  position: relative;
  padding-left: 1.2rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.6rem;
  color: #282828
}

/* .hqzx-more dl dt:before {
  content: '';
  position: absolute;
  left: 1rem;
  top: 50%;
  margin-top: -0.8rem;
  height: 1.6rem;
  width: 0.2rem;
  background: #3074c2
} */

.hqzx-more dl dd {
  padding: 0 0.25rem 0.75rem;
  background-color: #F7F8FA;
}

.hqzx-more dl dd a {
  float: left;
  width: 33.3333%;
  padding: 0.75rem 0.75rem 0 0.75rem
}

.hqzx-more dl dd a span {
  display: block;
  background-color: #fff;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.5rem;
  color: #282828;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-width: 0px;
  /* border: 1px solid #ccc; */
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hq-zxg-edit {
  padding-bottom: 4.5rem
}

.hq-zxg-edit .comm-stock-list {
  margin-top: 0
}

.hq-zxg-edit .comm-stock-list dd {
  position: relative;
  height: 5rem;
  margin: 0 0 0 5rem;
  padding-right: 1.2rem;
  background: #fff
}

.hq-zxg-edit .comm-stock-list dd.list-head {
  height: 3.2rem;
  margin: 0;
  padding: 0 1.2rem 0 5rem;
  color: #8a9098;
  font-size: 1.4rem;
  background: #f7f8fa
}

.hq-zxg-edit .comm-stock-list dd.floatUp {
  margin: 0;
  padding: 0 1.2rem 0 5rem;
  box-shadow: 0 0 20px #ccc
}

.hq-zxg-edit .comm-stock-list dd.floatUp .icons-index-check,
.hq-zxg-edit .comm-stock-list dd.floatUp .icons-index-checked {
  left: 2.5rem
}

.hq-zxg-edit .comm-stock-list dd:last-of-type {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hq-zxg-edit .comm-stock-list dd .icons-index-check,
.hq-zxg-edit .comm-stock-list dd .icons-index-checked {
  position: absolute;
  top: 50%;
  left: -2.5rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.hq-zxg-edit .comm-stock-list dd div:first-of-type {
  -webkit-box-flex: 1.3;
  -webkit-flex: 1.3;
  -ms-flex: 1.3;
  flex: 1.3
}

.hq-zxg-edit .comm-stock-list dd div:first-of-type p {
  font-size: 1.6rem
}

.hq-zxg-edit .comm-stock-list dd div:first-of-type p:nth-of-type(2) {
  font-size: 1.1rem;
  color: #8a9098;
  margin-top: 0.2rem
}

.hq-zxg-edit .comm-stock-list dd div:last-of-type {
  text-align: right
}

.hq-zxg-edit .comm-stock-list .sprite-ico {
  margin-right: 0
}

.hq-zxg-edit .fixed-footer {
  position: fixed;
  left: 0;
  bottom: 0;
  right: 0;
  height: 4.5rem;
  background: #fff;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hq-zxg-edit .fixed-footer ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1.5rem;
  height: 100%
}

.hq-zxg-edit .fixed-footer ul li {
  font-size: 1.5rem;
  color: #8a9098
}

.zxg-notice-pop .content-body {
  margin: 0.75rem 1rem 0;
  max-height: 30rem;
  overflow: visible
}

.zxg-notice-pop li {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  font-size: 1.5rem;
  color: #282828
}

.zxg-notice-pop li:last-of-type {
  margin-top: 0.75rem;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.zxg-notice-pop li .weui-switch {
  margin-left: 2rem
}

.zxg-notice-pop li .block {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.zxg-notice-pop li .lbl {
  display: block;
  margin-right: 1rem;
  height: 1.8rem;
  line-height: 1.8rem;
  width: 3rem !important;
  text-align: center;
  font-size: 1.2rem;
  color: #fff;
  background: #1a81d0;
  border-radius: 0.2rem
}

.zxg-notice-pop li .left-p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.7rem
}

.zxg-notice-pop li .left-p span {
  display: block;
  width: 7.8rem
}

.zxg-notice-pop li .left-p p {
  width: 0
}

.zxg-notice-pop li .left-p input[type="number"] {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  font-size: 1.8rem;
  color: #282828;
  font-weight: 500;
  height: 3.5rem;
  padding: 0.8rem 1.3rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 0.5rem;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.zxg-notice-pop li .tx_tips {
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  left: 7.8rem;
  top: 0.5rem;
  padding: 0.2rem 0.5rem;
  font-size: 1.4rem;
  border-radius: 0.3rem;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%)
}

.hqzx-hsgt .comm-stock-list dt {
  color: #282828
}

.hqzx-hsgt .remaining-quota {
  background: #fff
}

.hqzx-hsgt .remaining-quota dt {
  padding: 0 1rem;
  line-height: 3.5rem;
  height: 3.5rem;
  font-size: 1.6rem;
  color: #282828;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hqzx-hsgt .remaining-quota dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 8rem
}

.hqzx-hsgt .remaining-quota dd ul {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.hqzx-hsgt .remaining-quota dd ul:first-of-type {
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hqzx-hsgt .remaining-quota dd ul p {
  font-size: 1.4rem;
  color: #646464;
  line-height: 1
}

.hqzx-hsgt .remaining-quota dd ul p:last-of-type {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  color: #282828
}

.hq-zxg .group-list-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: #fff;
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 2
}

.hq-zxg .group-list-pop.slide-down {
  -webkit-transform: translateY(0);
  transform: translateY(0)
}

.hq-zxg .group-list-pop dl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.hq-zxg .group-list-pop dl dt {
  padding: 0 1rem;
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: #666;
  background: #f6f6f6
}

.hq-zxg .group-list-pop dl dt a {
  float: right;
  font-size: 1.6rem;
  color: #2769b9
}

.hq-zxg .group-list-pop dl dd {
  margin: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 4.5rem;
  font-size: 1.6rem;
  color: #333;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.hq-zxg .group-list-pop .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.9rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center
}

.hq-zxg .group-list-pop .foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #2769b9
}

.hq-zxg .group-add-pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  z-index: 3
}

.hq-zxg .group-add-pop.slide-left {
  -webkit-transform: translateX(0);
  transform: translateX(0)
}

.hq-zxg .group-add-pop .head {
  position: relative;
  padding: 0 1rem;
  height: 3.9rem;
  line-height: 3.9rem;
  font-size: 1.6rem;
  color: #333;
  text-align: center;
  background: #f6f6f6
}

.hq-zxg .group-add-pop .icon-slide {
  position: absolute;
  left: 1rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.hq-zxg .group-add-pop .icon-slide:before {
  left: 55%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg)
}

.hq-zxg .group-add-pop .form-wrap {
  padding: 0 1rem
}

.hq-zxg .group-add-pop input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 4.5rem;
  font-size: 1.6rem;
  border: 0;
  border-bottom: 1px solid #2769b9;
  border-radius: 0
}

.hq-zxg .group-add-pop .word-count {
  margin-top: 0.2rem;
  text-align: right;
  font-size: 1.2rem;
  color: #333
}

.hq-zxg .group-add-pop .btn {
  margin: 1.5rem 1rem
}

.hq-zxg .icon-slide {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  width: 2.5rem;
  border: 1px solid #2769b9;
  border-radius: 50%
}

.hq-zxg .icon-slide:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 55%;
  height: 0.8rem;
  width: 0.8rem;
  border-left: 1px solid #2769b9;
  border-top: 1px solid #2769b9;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg)
}

.hq-zxg .icon-check {
  position: relative;
  display: inline-block;
  height: 1.5rem;
  width: 1.5rem;
  border: 1px solid #2769b9;
  border-radius: 50%
}

.hq-zxg .icon-check.checked::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  height: 0.9rem;
  width: 0.9rem;
  background: #2769b9;
  border-radius: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.hq-zxg .icon-add {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background: #fff;
  border: 1px solid #2769b9;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 1rem
}

.hq-zxg .icon-add:before,
.hq-zxg .icon-add:after {
  content: '';
  position: absolute;
  height: 1px;
  width: 0.9rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #2769b9
}

.hq-zxg .icon-add:after {
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  transform: translate(-50%, -50%) rotate(90deg)
}

.hq-zxg .icon-del {
  display: none;
  position: relative;
  top: -0.1rem;
  width: 2rem;
  height: 2rem;
  background: #f33b3b;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 1rem
}

.hq-zxg .icon-del:before {
  content: '';
  position: absolute;
  height: 1px;
  width: 0.9rem;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fff
}

.hq-zxg .icon-edit {
  display: none;
  width: 1.65rem;
  height: 1.6rem;
  background: url(./img/edit.png);
  background-size: 100% 100%
}

.info-list .list {
  margin: 1rem 0;
  padding: 0 1rem;
  background: #fff
}

.info-list .list li {
  padding: 1rem 0;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.info-list .list li:last-of-type {
  border-bottom: 0
}

.info-list .list li div {
  font-size: 1.8rem;
  color: #282828;
  line-height: 2.4rem
}

.info-list .list li p {
  margin-top: 0.5rem;
  font-size: 1.3rem;
  color: #646464;
  text-align: right
}

.info-list .lbl-orange {
  float: left;
  line-height: 1.2;
  font-size: 1.05rem !important;
  color: #ff8111 !important;
  border: 1px solid #ff8111;
  border-radius: 0.2rem;
  padding: 0 0.4rem
}

.info-list .hq-wrap {
  margin: 1.2rem 1rem;
  border-radius: 0.3rem
}

.info-list .hq-wrap .comm-tabs {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.info-list .hq-wrap .comm-tabs li a {
  font-size: 1.6rem
}

.info-list .hq-wrap .comm-tabs li a:after {
  display: none
}

.info-list .hq-wrap .comm-stock-list {
  margin: 0
}

.info-list .hq-wrap .comm-more {
  font-size: 1.5rem
}

.info-list .comm-stock-list .list-head {
  height: 2.8rem
}

.info-list .comm-stock-list .list-head div {
  font-size: 1.4rem;
  color: #999
}

.info-list .comm-stock-list dd {
  height: 4rem;
  font-size: 1.6rem !important;
  margin: 0;
  padding: 0 1rem
}

.info-list .comm-stock-list p {
  font-size: 1.6rem !important
}

.info-list .comm-stock-list p:nth-child(2) {
  font-size: 1.4rem
}

@media screen and (max-width: 320px) {
  .info-list .comm-stock-list dd {
    font-size: 1.4rem !important
  }

  .info-list .comm-stock-list p {
    font-size: 1.4rem !important
  }

  .info-list .comm-stock-list p:nth-child(2) {
    font-size: 1.2rem !important
  }
}

.info-center .links {
  background: #fff
}

.info-center .links ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.info-center .links ul li {
  line-height: 3.5rem;
  font-size: 1.7rem;
  color: #282828;
  width: 16.67%;
  text-align: center
}

.info-center .links ul li a {
  color: #282828
}

.info-center .links .arrow-down {
  border-color: #282828
}

.info-center .collapse-links {
  display: none
}

.hot-fund {
  height: auto !important;
  padding-bottom: 1.5rem
}

.hot-fund h3 {
  font-size: 1.6rem;
  color: #3074c2
}

.hot-fund ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.hot-fund ul li {
  padding: 0.6rem 0;
  background-size: 100% 100%;
  background-image: url(./img/fund1.png);
  line-height: 2.2rem;
  width: 22%;
  text-align: center
}

.hot-fund ul li p {
  font-size: 1.6rem;
  color: #fff
}

.hot-fund ul li p:first-of-type {
  font-weight: bold;
  font-size: 1.7rem
}

.hot-fund ul li:nth-of-type(2) {
  background-image: url(./img/fund2.png)
}

.hot-fund ul li:nth-of-type(3) {
  background-image: url(./img/fund3.png)
}

.hot-fund ul li:nth-of-type(4) {
  background-image: url(./img/fund4.png)
}

.icons-user-icon1 {
  width: 1.8rem;
  height: 1.75rem
}

.icons-user-icon1:before {
  width: 36px;
  height: 35px;
  margin-left: -1.8rem;
  margin-top: -1.75rem;
  background: url('./img/user-sbd8c626537.png') 0 0 no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-user-icon1:before {
    margin-left: -1.19681rem;
    margin-top: -1.16356rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-user-icon1:before {
    margin-left: -1.5rem;
    margin-top: -1.45833rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-user-icon2 {
  width: 1.8rem;
  height: 1.65rem
}

.icons-user-icon2:before {
  width: 36px;
  height: 33px;
  margin-left: -1.8rem;
  margin-top: -1.65rem;
  background: url('./img/user-sbd8c626537.png') 0 -39px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-user-icon2:before {
    margin-left: -1.19681rem;
    margin-top: -1.09707rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-user-icon2:before {
    margin-left: -1.5rem;
    margin-top: -1.375rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-user-icon3 {
  width: 1.8rem;
  height: 1.45rem
}

.icons-user-icon3:before {
  width: 36px;
  height: 29px;
  margin-left: -1.8rem;
  margin-top: -1.45rem;
  background: url('./img/user-sbd8c626537.png') 0 -76px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-user-icon3:before {
    margin-left: -1.19681rem;
    margin-top: -.9641rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-user-icon3:before {
    margin-left: -1.5rem;
    margin-top: -1.20833rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-user-icon4 {
  width: 1.8rem;
  height: 1.8rem
}

.icons-user-icon4:before {
  width: 36px;
  height: 36px;
  margin-left: -1.8rem;
  margin-top: -1.8rem;
  background: url('./img/user-sbd8c626537.png') 0 -109px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-user-icon4:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-user-icon4:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-user-icon5 {
  width: 1.8rem;
  height: 1.8rem
}

.icons-user-icon5:before {
  width: 36px;
  height: 36px;
  margin-left: -1.8rem;
  margin-top: -1.8rem;
  background: url('./img/user-sbd8c626537.png') 0 -149px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-user-icon5:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-user-icon5:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 100%
}

.login .main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.login-form {
  background: #fff
}

.login-form dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1.5rem;
  min-height: 5.5rem;
  font-size: 1.3rem;
  line-height: 1.9rem;
  color: #666;
  background: #f7f8fa;
  text-align: justify
}

.login-form dd {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 1.5rem;
  padding-right: 1.5rem;
  height: 4.5rem;
  line-height: 4.5rem;
  font-size: 1.7rem;
  box-sizing: content-box;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.login-form dd:last-of-type {
  border-bottom: 0
}

.login-form dd.errmsg {
  font-size: 1.2rem;
  color: #f22323;
  height: 3rem;
  line-height: 3rem
}

.login-form dd.pswd-lv {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.login-form dd.pswd-lv>div {
  width: 30%;
  line-height: 2rem;
  text-align: center
}

.login-form dd.pswd-lv>div p {
  font-size: 1.6rem;
  color: #666
}

.login-form dd.pswd-lv .line {
  margin-bottom: 0.5rem;
  height: 0.3rem;
  background: #c8c8c8;
  border-radius: 0.3rem
}

.login-form dd.pswd-lv.weak>div:first-child .line {
  background: #ff5858
}

.login-form dd.pswd-lv.mid>div:nth-child(2) .line {
  background: #ff8f58
}

.login-form dd.pswd-lv.strong>div:last-child .line {
  background: #85dc56
}

.login-form dd .form-lbl {
  width: 8.5rem;
  text-align: left;
  font-size: 1.7rem;
  color: #282828
}

.login-form dd .ipt-wrap {
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.login-form dd input {
  font-size: 1.7rem;
  width: 100%;
  padding: 1rem 0;
  line-height: 2.5rem;
  height: 2.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0
}

.login-form dd .yzm {
  display: block;
  margin-left: 1.5rem;
  width: 8.5rem;
  height: 3rem
}

.login-form dd .btn-get-yzm {
  margin-left: 1.5rem;
  width: 11rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.5rem;
  text-align: center;
  border-width: 0;
  border-left: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.login-form dd .icon-refresh {
  display: inline-block;
  width: 1.5rem;
  height: 1.9rem;
  vertical-align: middle;
  margin-left: 0.5rem;
  background: url(./img/refresh.png);
  background-size: 100% 100%
}

.login-form .sprite-ico {
  margin-right: 0
}

.warm-tips {
  font-size: 1.3rem;
  color: #666;
  padding: 0 1.5rem
}

.go-register {
  margin: 2rem auto;
  font-size: 1.5rem;
  text-align: center
}

.third-part-login {
  text-align: center
}

.third-part-login p {
  color: #999;
  font-size: 1.3rem;
  text-align: center
}

.third-part-login p:before {
  position: relative;
  top: -0.2rem;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  border-top: 1px solid #eee;
  margin-right: 1rem
}

.third-part-login p:after {
  position: relative;
  top: -0.2rem;
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 5rem;
  border-top: 1px solid #eee;
  margin-left: 1rem
}

.third-part-login ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 4rem 0 2.5rem
}

.third-part-login ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.third-part-login ul li span {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.3rem;
  color: #646464
}

.third-part-login .sprite-ico {
  margin-right: 0
}

.identify .header {
  padding: 2rem;
  background: #fff;
  text-align: center
}

.identify .header img {
  display: inline-block;
  width: 4.5rem;
  height: 4.5rem
}

.identify .header p {
  margin-top: 1.5rem;
  font-size: 1.5rem;
  color: #282828
}

.identify .download-app {
  margin-top: 1rem;
  display: block;
  line-height: 4.5rem;
  height: 4.5rem;
  text-align: center;
  background: #fff;
  font-size: 1.6rem;
  color: #2769b9
}

.profile {
  padding-bottom: 1.5rem
}

.profile .avatar {
  float: right;
  width: 4.5rem;
  height: 4.5rem
}

.profile dl {
  margin: 1.5rem 0
}

.profile dl dt {
  padding-left: 1rem;
  font-size: 1.4rem;
  color: #666;
  height: 3rem;
  line-height: 3rem
}

.profile dl dd {
  padding-left: 1rem;
  background: #fff
}

.profile dl dd:last-of-type>a {
  border-bottom: 0
}

.profile dl dd:active {
  background: #eee
}

.profile dl dd>a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 1rem 1rem 0;
  min-height: 4rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.profile dl dd>a div:first-of-type {
  min-width: 30%;
  font-size: 1.6rem;
  color: #282828
}

.profile dl dd>a div:nth-of-type(2) {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.5rem;
  color: #666;
  text-align: right
}

.profile .icon-v {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  margin-left: 0.3rem;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.7rem;
  background: #ea5504;
  color: #fff;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 50%
}

.profile .bind {
  font-size: 1.5rem;
  color: #2769b9
}

.profile .btn-exit {
  display: block;
  line-height: 4.5rem;
  height: 4.5rem;
  text-align: center;
  background: #fff;
  font-size: 1.6rem;
  color: #282828
}

.profile .user-info {
  height: 7.5rem;
  padding: 0 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: -webkit-linear-gradient(left, #2961b3, #1a8ad0);
  background: linear-gradient(to right, #2961b3, #1a8ad0)
}

.profile .user-info .avatar {
  width: 5.5rem;
  height: 5.5rem;
  margin-right: 1rem
}

.profile .user-info .wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.profile .user-info p {
  font-size: 1.7rem;
  color: #fff
}

.profile .user-info p:last-of-type {
  margin-top: 1rem;
  font-size: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: rgba(255, 255, 255, 0.7)
}

.profile .user-info .arrow-right {
  border-color: #fff !important
}

.unread-msg {
  font-size: 1.3rem;
  color: #999;
  margin-left: 1.5rem
}

.modify-pswd img {
  display: block;
  width: 9rem;
  margin: 5rem auto 4rem
}

.modify-pswd p {
  font-size: 1.3rem;
  color: #333;
  padding: 0 2rem;
  text-align: center
}

.textarea {
  display: block;
  margin-top: 1.5rem;
  height: 18rem;
  font-size: 1.4rem;
  color: #333;
  padding: 1rem;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  width: 100%
}

.textarea:focus {
  border: 0;
  outline: 0
}

.words-count {
  text-align: right;
  padding: 1rem;
  font-size: 1.3rem;
  color: #999;
  background: #fff
}

.scroll-news-list .comm-tabs.scrollable li {
  width: 15%
}

.scroll-news-list .list {
  margin: 1rem 0
}

.scroll-news-list .list li {
  padding: 0.6rem 1rem;
  margin-bottom: 1rem;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 6rem
}

.scroll-news-list .list li:last-of-type {
  margin: 0
}

.scroll-news-list .list li p {
  position: relative;
  font-size: 1.2rem;
  color: #999;
  line-height: 2rem
}

.scroll-news-list .list li p:last-of-type {
  font-size: 1.5rem;
  color: #282828
}

.scroll-news-list .wrap {
  width: 100%
}

.scroll-news-list .tag {
  position: absolute;
  right: 0;
  top: 0;
  width: 3rem;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: 1.2rem;
  color: #fff;
  text-align: center;
  border-radius: 0.2rem
}

.scroll-news-list .tag1 {
  background: #c183ed
}

.scroll-news-list .tag2 {
  background: #ca5496
}

.scroll-news-list .tag3 {
  background: #a6cb4d
}

.scroll-news-list .tag4 {
  background: #ffab19
}

.scroll-news-list .tag5 {
  background: #fe7c7c
}

.scroll-news-list .tag6 {
  background: #4cbbb5
}

.scroll-news-list .tag7 {
  background: #ed81bf
}

.scroll-news-list .tag8 {
  background: #71b1eb
}

.scroll-news-list .tag9 {
  background: #fd9a65
}

.scroll-news-list .tag11 {
  background: #dcb172
}

.scroll-news-list .tag12 {
  background: #c27a4c
}

.scroll-news-list .tag14 {
  background: #a9a9a9
}

.scroll-news-list .tag15 {
  background: #4caaff
}

.scroll-news-list .tag16 {
  background: #97a1d0
}

.scroll-news-list .tag17 {
  background: #7a4cff
}

.scroll-news-list .tag21 {
  background: #4cb11f
}

.scroll-news-list .tag22 {
  background: #ed4c59
}

.finance-news-list .toggle-text {
  display: none;
  margin-bottom: 0.5rem
}

.finance-news-list .toggle-text a {
  color: #999;
  padding-right: 1.5rem
}

.finance-news-list .toggle-text a:after {
  border-color: #999
}

.finance-news-list .list {
  margin-top: 1rem
}

.finance-news-list .list>li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.finance-news-list .list>li:last-of-type .left-p:after {
  bottom: 50%
}

.finance-news-list .list .sprite-ico {
  margin-right: 0
}

.finance-news-list .left-p {
  position: relative;
  padding: 0 0.8rem;
  font-size: 1.2rem;
  color: #666;
  text-align: left
}

.finance-news-list .left-p:before {
  content: "";
  position: absolute;
  top: 0.2rem;
  right: -.3rem;
  height: .6rem;
  width: .6rem;
  border-radius: 50%;
  background: #006bbf
}

.finance-news-list .left-p:after {
  content: "";
  position: absolute;
  top: 0.2rem;
  bottom: -0.2rem;
  right: 0;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
  width: 0.1rem;
  background: #006bbf
}

.finance-news-list .right-p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  margin: 0 1rem 0.8rem;
  background: #fff
}

.finance-news-list .con-wrap {
  padding: 0.5rem
}

.finance-news-list .con {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 2rem;
  color: #282828
}

.finance-news-list .con a {
  display: none
}

.finance-news-list .con.fulltext {
  display: block
}

.finance-news-list .con.fulltext a {
  display: inline
}

.finance-news-list .toolbar {
  padding: 0.5rem 0;
  height: 3.3rem;
  line-height: 2.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.finance-news-list .toolbar li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.finance-news-list .toolbar li:last-of-type {
  border: 0
}

.finance-news-list .playing {
  height: 2.1rem;
  width: 2.1rem;
  background: url(./img/playing.gif);
  background-size: 100% 100%
}

.finance-news-list .playing:before {
  display: none
}

.tiezi-list>li {
  margin-bottom: 1.2rem;
  background: #fff
}

.tiezi-list>li dd {
  padding: 1rem
}

.tiezi-list>li dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 3.5rem;
  line-height: 3.5rem;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.tiezi-list>li dt a {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  font-size: 1.4rem;
  color: #8e8e8e
}

.tiezi-list>li dt a span {
  color: #ea5504;
  font-size: 1.3rem
}

.tiezi-list .tit {
  position: relative;
  margin-top: 0.5rem;
  margin-bottom: -0.5rem;
  font-size: 1.5rem;
  color: #282828;
  line-height: 2.4rem;
  padding-left: 4.5rem
}

.tiezi-list .update-time {
  color: #8a9098;
  font-size: 1rem;
  position: absolute;
  top: 0;
  right: 0
}

.tiezi-list .lbl {
  position: absolute;
  left: 0;
  top: 0.5rem;
  font-size: 1rem;
  color: #fff;
  height: 1.5rem;
  line-height: 1.5rem;
  font-family: Arial;
  font-weight: normal;
  background: #3074c2;
  padding: 0 0.5rem;
  border-radius: 0.2rem
}

.tiezi-list .content {
  font-size: 1.6rem;
  color: #646464;
  line-height: 2.4rem;
  margin-top: 0.5rem
}

.tiezi-list .user-info .star_wrap {
  font-size: 1rem;
  color: #646464
}

.tiezi-list .user-info .where {
  font-size: 1rem;
  color: #646464
}

.weui-switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.weui-switch,
.weui-switch-cp__box {
  position: relative;
  width: 52px;
  height: 32px;
  border: 1px solid #DFDFDF;
  outline: 0;
  border-radius: 16px;
  box-sizing: border-box;
  background-color: #DFDFDF;
  -webkit-transition: background-color .1s, border .1s;
  transition: background-color .1s, border .1s
}

.weui-switch:before,
.weui-switch-cp__box:before {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 30px;
  border-radius: 15px;
  background-color: #FDFDFD;
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1);
  transition: transform 0.35s cubic-bezier(0.45, 1, 0.4, 1), -webkit-transform 0.35s cubic-bezier(0.45, 1, 0.4, 1)
}

.weui-switch:after,
.weui-switch-cp__box:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  background-color: #FFFFFF;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
  -webkit-transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35);
  transition: transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35), -webkit-transform 0.35s cubic-bezier(0.4, 0.4, 0.25, 1.35)
}

.weui-switch:checked,
.weui-switch-cp__input:checked~.weui-switch-cp__box {
  border-color: #4bd562;
  background-color: #4bd562
}

.weui-switch:checked:before,
.weui-switch-cp__input:checked~.weui-switch-cp__box:before {
  -webkit-transform: scale(0);
  transform: scale(0)
}

.weui-switch:checked:after,
.weui-switch-cp__input:checked~.weui-switch-cp__box:after {
  -webkit-transform: translateX(20px);
  transform: translateX(20px)
}

.weui-switch-cp__input {
  position: absolute;
  left: -9999px
}

.weui-switch-cp__box {
  display: block
}

.icons-stock-alarm {
  width: 5.6rem;
  height: 5.6rem
}

.icons-stock-alarm:before {
  width: 112px;
  height: 112px;
  margin-left: -5.6rem;
  margin-top: -5.6rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -42px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-alarm:before {
    margin-left: -3.7234rem;
    margin-top: -3.7234rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-alarm:before {
    margin-left: -4.66667rem;
    margin-top: -4.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-desk {
  width: 5.6rem;
  height: 5.6rem
}

.icons-stock-desk:before {
  width: 112px;
  height: 112px;
  margin-left: -5.6rem;
  margin-top: -5.6rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -274px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-desk:before {
    margin-left: -3.7234rem;
    margin-top: -3.7234rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-desk:before {
    margin-left: -4.66667rem;
    margin-top: -4.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-del {
  width: 5.6rem;
  height: 5.6rem
}

.icons-stock-del:before {
  width: 112px;
  height: 112px;
  margin-left: -5.6rem;
  margin-top: -5.6rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -158px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-del:before {
    margin-left: -3.7234rem;
    margin-top: -3.7234rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-del:before {
    margin-left: -4.66667rem;
    margin-top: -4.66667rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-more {
  width: 1.9rem;
  height: 1.9rem
}

.icons-stock-more:before {
  width: 38px;
  height: 38px;
  margin-left: -1.9rem;
  margin-top: -1.9rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -465px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-more:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-more:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-add-new {
  width: 1.9rem;
  height: 1.9rem
}

.icons-stock-add-new:before {
  width: 38px;
  height: 38px;
  margin-left: -1.9rem;
  margin-top: -1.9rem;
  background: url('./img/icons-stock-add.png') 0 0 no-repeat;
  transform: scale(.55, .55);
  -ms-transform: scale(.55, .55);
  -webkit-transform: scale(.55, .55);
  -o-transform: scale(.55, .55);
  -moz-transform: scale(.55, .55)
}

@media only screen and (min-width: 480px) {
  .icons-stock-add-new:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-add-new:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

/* .icons-stock-add-new {
  width: 1.9rem;
  height: 1.9rem
}

.icons-stock-add-new:before {
  width: 38px;
  height: 38px;
  margin-left: -1.4rem;
  margin-top: -1.4rem;
  background: url('./img/icons-stock-add.png') 0 0 no-repeat;
  transform: scale(.65, .65);
  -ms-transform: scale(.65, .65);
  -webkit-transform: scale(.65, .65);
  -o-transform: scale(.65, .65);
  -moz-transform: scale(.65, .65)
}

@media only screen and (min-width: 480px) {
  .icons-stock-add-new:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-add-new:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
} */

.icons-stock-del-new {
  width: 1.9rem;
  height: 1.9rem
}

.icons-stock-del-new:before {
  width: 38px;
  height: 38px;
  margin-left: -1.9rem;
  margin-top: -1.9rem;
  background: url('./img/icons-stock-delete.png') 0 0 no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-del-new:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-del-new:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-post-new {
  width: 1.8rem;
  height: 1.8rem
}

.icons-stock-post-new:before {
  width: 36px;
  height: 36px;
  margin-left: -1.8rem;
  margin-top: -1.8rem;
  background: url('./img/icons-stock-post.png') 0 0 no-repeat;
  transform: scale(.55, .55);
  -ms-transform: scale(.55, .55);
  -webkit-transform: scale(.55, .55);
  -o-transform: scale(.55, .55);
  -moz-transform: scale(.55, .55)
}

@media only screen and (min-width: 480px) {
  .icons-stock-post-new:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-post-new:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

/* .icons-stock-post-new {
  width: 1.8rem;
  height: 1.8rem
}

.icons-stock-post-new:before {
  width: 36px;
  height: 36px;
  margin-left: -1.4rem;
  margin-top: -1.3em;
  background: url('./img/icons-stock-post.png') 0 0 no-repeat;
  transform: scale(.55, .55);
  -ms-transform: scale(.55, .55);
  -webkit-transform: scale(.55, .55);
  -o-transform: scale(.55, .55);
  -moz-transform: scale(.55, .55)
}

@media only screen and (min-width: 480px) {
  .icons-stock-post-new:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-post-new:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
} */

.icons-stock-share {
  width: 1.8rem;
  height: 1.8rem
}

.icons-stock-share:before {
  width: 36px;
  height: 36px;
  margin-left: -1.8rem;
  margin-top: -1.8rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -547px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-share:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-share:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-more-new {
  width: 1.9rem;
  height: 1.9rem
}

.icons-stock-more-new:before {
  width: 38px;
  height: 38px;
  margin-left: -1.9rem;
  margin-top: -1.9rem;
  background: url('./img/icons-stock-more.png') 0 0 no-repeat;
  transform: scale(.55, .55);
  -ms-transform: scale(.55, .55);
  -webkit-transform: scale(.55, .55);
  -o-transform: scale(.55, .55);
  -moz-transform: scale(.55, .55)
}

@media only screen and (min-width: 480px) {
  .icons-stock-more-new:before {
    margin-left: -1.2633rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-more-new:before {
    margin-left: -1.58333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-share-new {
  width: 1.8rem;
  height: 1.8rem
}

.icons-stock-share-new:before {
  width: 36px;
  height: 36px;
  margin-left: -1.8rem;
  margin-top: -1.8rem;
  background: url('./img/icons-stock-share.png') 0 0 no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-share-new:before {
    margin-left: -1.19681rem;
    margin-top: -1.19681rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-share-new:before {
    margin-left: -1.5rem;
    margin-top: -1.5rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-trade-new {
  width: 2.2rem;
  height: 1.9rem
}

.icons-stock-trade-new:before {
  width: 44px;
  height: 38px;
  margin-left: -2.2rem;
  margin-top: -1.9rem;
  background: url('./img/icons-stock-trade.png') 0 0 no-repeat;
  transform: scale(.55, .55);
  -ms-transform: scale(.55, .55);
  -webkit-transform: scale(.55, .55);
  -o-transform: scale(.55, .55);
  -moz-transform: scale(.55, .55)
}

@media only screen and (min-width: 480px) {
  .icons-stock-trade-new:before {
    margin-left: -1.46277rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-trade-new:before {
    margin-left: -1.83333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

/* .icons-stock-trade-new {
  width: 2.2rem;
  height: 2rem
}

.icons-stock-trade-new:before {
  width: 44px;
  height: 38px;
  margin-left: -1.8rem;
  margin-top: -1.5rem;
  background: url('./img/icons-stock-trade.png') 0 0 no-repeat;
  transform: scale(.6, .6);
  -ms-transform: scale(.6, .6);
  -webkit-transform: scale(.6, .6);
  -o-transform: scale(.6, .6);
  -moz-transform: scale(.6, .6)
}

@media only screen and (min-width: 480px) {
  .icons-stock-trade-new:before {
    margin-left: -1.46277rem;
    margin-top: -1.2633rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-trade-new:before {
    margin-left: -1.83333rem;
    margin-top: -1.58333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
} */

.icons-stock-full {
  width: 2.2rem;
  height: 2.2rem
}

.icons-stock-full:before {
  width: 44px;
  height: 44px;
  margin-left: -2.2rem;
  margin-top: -2.2rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -417px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-full:before {
    margin-left: -1.46277rem;
    margin-top: -1.46277rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-full:before {
    margin-left: -1.83333rem;
    margin-top: -1.83333rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-up {
  width: .75rem;
  height: 1.15rem
}

.icons-stock-up:before {
  width: 15px;
  height: 23px;
  margin-left: -.75rem;
  margin-top: -1.15rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -629px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-up:before {
    margin-left: -.49867rem;
    margin-top: -.76463rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-up:before {
    margin-left: -.625rem;
    margin-top: -.95833rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.icons-stock-down {
  width: .75rem;
  height: 1.15rem
}

.icons-stock-down:before {
  width: 15px;
  height: 23px;
  margin-left: -.75rem;
  margin-top: -1.15rem;
  background: url('./img/stock-sb1ac3a1493.png') 0 -390px no-repeat;
  transform: scale(.5, .5);
  -ms-transform: scale(.5, .5);
  -webkit-transform: scale(.5, .5);
  -o-transform: scale(.5, .5);
  -moz-transform: scale(.5, .5)
}

@media only screen and (min-width: 480px) {
  .icons-stock-down:before {
    margin-left: -.49867rem;
    margin-top: -.76463rem;
    transform: scale(.62667, .62667);
    -ms-transform: scale(.62667, .62667);
    -webkit-transform: scale(.62667, .62667);
    -o-transform: scale(.62667, .62667);
    -moz-transform: scale(.62667, .62667)
  }
}

@media only screen and (min-width: 560px) {
  .icons-stock-down:before {
    margin-left: -.625rem;
    margin-top: -.95833rem;
    transform: scale(.6, .6);
    -ms-transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6);
    -o-transform: scale(.6, .6);
    -moz-transform: scale(.6, .6)
  }
}

.stock-detail {
  overflow-x: hidden;
  padding-bottom: 5rem
}

.stock-detail .stock-name {
  font-size: 1.7rem;
  color: #fff;
  line-height: 1
}

.stock-detail .stock-code {
  font-size: 1.4rem;
  color: #fff
}

.stock-detail .stock-lbl {
  position: relative;
  top: -0.1rem;
  padding: 0 0.1rem;
  font-size: 1.2rem;
  color: #fff;
  position: relative
}

.stock-detail .stock-lbl:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: .4rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.stock-detail .datas {
  padding: .5rem .25rem .75rem 1rem;
  background:#F6F7F9;
}

.stock-detail .datas .top-p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail .datas .top-p>div {
  width: 0
}

.stock-detail .datas .top-p>div:first-of-type {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.stock-detail .datas .top-p>div:first-of-type p {
  display: flex;
  width: auto;
  line-height: 1.5rem;
}

.stock-detail .datas .top-p>div:first-of-type .stock-value {
  font-size: 3rem;
  line-height: 3.5rem
}

.stock-detail .datas .top-p>div:first-of-type span {
  display: inline;
  font-size: 1.4rem
}

@media screen and (max-width: 320px) {
  .stock-detail .datas .top-p>div:first-of-type span {
    font-size: 1.2rem
  }
}

.stock-detail .datas .top-p>div:first-of-type span:first-of-type {
  /* margin-right: 0.6rem */
}

.stock-detail .datas .top-p>div:first-of-type span:last-of-type {
  padding-right: .2rem;
  text-align: right;
}

.stock-detail .datas .top-p>div:last-of-type {
  -webkit-box-flex: 2.5;
  -webkit-flex: 2.5;
  -ms-flex: 2.5;
  flex: 2.5
}

.stock-detail .datas .bottom-p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail .datas .bottom-p p:first-of-type {
  -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
  -ms-flex: 1.2;
  flex: 1.2;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: flex;
}

.stock-detail .datas .bottom-p p:first-of-type span {
  display: block;
  flex:0.7;
}

.stock-detail .datas .bottom-p p:first-of-type span:last-of-type {
  display: block;
  flex:1.3;
  padding-right: .2rem;
  text-align: right;
}

.stock-detail .datas .bottom-p p:first-of-type span:first-child {
  /* margin-right: 1rem */
}

.stock-detail .datas .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail .datas p {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.2rem;
  line-height: 2.5rem;
  font-size: 1.2rem;
  color: #282828;
  width: 0;
  white-space: nowrap
}

.stock-detail .datas p span {
  display: block;
  white-space: nowrap
}

@media screen and (max-width: 320px) {
  .stock-detail .datas p span {
    font-size: 1.1rem
  }
}

.stock-detail .datas p span:first-child {
  color: #8e8e93
}

.stock-detail .ha {
  margin: 0.5rem 1rem;
  height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .ha li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 0;
  white-space: nowrap
}

.stock-detail .ha li:first-of-type {
  padding-left: 1rem;
  -webkit-box-flex: 1.3;
  -webkit-flex: 1.3;
  -ms-flex: 1.3;
  flex: 1.3
}

.stock-detail .ha li span {
  font-size: 1.3rem;
  color: #282828;
  margin-right: 1rem
}

.stock-detail .ha li span:first-of-type {
  color: #8e8e93;
  margin-right: 1.5rem
}

.stock-detail .comm-tabs {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .comm-tabs li a {
  font-size: 1.6rem;
  color: #646464
}

.stock-detail .comm-tabs li.active a {
  color: #ff3700;
}

.stock-detail .comm-tabs li.active a:after {
  height: 0.2rem
}

.stock-detail .comm-tabs .selector {
  color: #646464
}

.stock-detail .comm-tabs .selector:after {
  border-top: 0.4rem solid #646464;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 1.8rem;
  right: 0.5rem
}

.stock-detail .comm-tabs .selector-items {
  padding: 0 0.5rem;
  top: 4.2rem
}

.stock-detail .comm-tabs .selector-items:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -0.36rem;
  width: 0.4rem;
  height: 0.4rem;
  border-width: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  background: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.stock-detail .comm-tabs .selector-items li {
  color: #666;
  padding: 0 1.5rem
}

.stock-detail .comm-tabs .selector-items li.selected {
  color: #3074c2
}

.stock-detail .comm-tabs .selector-items li.selected:after {
  display: none
}

.stock-detail .btn-more {
  padding: 0 0.5rem;
  font-size: 1.2rem;
  color: #282828;
  min-width: 4.8rem;
  line-height: 1.8rem;
  position: relative;
  border-radius: 0.3rem;
  text-align: center
}

.stock-detail .btn-more:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: .6rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.stock-detail .selector-items {
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  z-index: 3;
  right: -0.2rem
}

.stock-detail .selector-items li {
  line-height: 3rem
}

.stock-detail .selector-items li:last-of-type {
  border-bottom: 0
}

.stock-detail .charts {
  height: 32.5rem;
  background: #fff;
  overflow: hidden;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .charts li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail .chart1 {
  position: relative
}

.stock-detail .chart2 {
  position: relative
}

.stock-detail .icon-stockdiagnosis {
  position: absolute;
  right: 0.5rem;
  bottom: 7.5rem;
  padding: 0 0.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  text-align: center;
  font-size: 1.8rem;
  color: #3074c2;
  border: 0.1rem solid #3074c2;
  border-radius: 0.2rem;
  vertical-align: top;
  font-style: normal
}

.stock-detail .icon-stockdiagnosis.stockdiagnosis-dot:after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #FF0000
}

.stock-detail .icons-stock-full {
  position: absolute;
  bottom: 1.8rem;
  top: auto;
  right: 0
}

.stock-detail .chart-select {
  padding: 0 0.5rem;
  height: 2.5rem;
  line-height: 2.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-width: 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .chart-select input,
.stock-detail .chart-select select {
  opacity: 0;
  position: relative;
  z-index: 2;
  -webkit-appearance: none;
  width: 5.5rem;
  height: 1.7rem;
  line-height: 1.7rem;
  font-size: 1.2rem;
  color: #282828;
  background: #f7f8fa;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  text-align: center
}

.stock-detail .select-wrap {
  position: relative;
  font-size: 1.2rem;
  color: #282828
}

.stock-detail .select-wrap .select-text {
  position: absolute !important;
  top: 0.4rem;
  left: 0;
  bottom: 0.4rem;
  z-index: 1;
  padding: 0 0.3rem;
  line-height: 1.7rem;
  background: #f7f8fa;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.3rem;
  position: relative
}

.stock-detail .select-wrap .select-text:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: .6rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.stock-detail .left-p {
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background: #fff;
  overflow: hidden;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .right-p {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  overflow: hidden
}

@media screen and (max-width: 320px) {
  .stock-detail .right-p {
    -webkit-box-flex: 1.3;
    -webkit-flex: 1.3;
    -ms-flex: 1.3;
    flex: 1.3
  }
}

.stock-detail .right-p ul {
  width: 100%;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .right-p ul:last-of-type {
  border-bottom: 0
}

.stock-detail .right-p ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.8rem
}

.stock-detail .right-p ul li>span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  font-size: 1.1rem;
  color: #282828;
  text-align: right;
  white-space: nowrap;
  padding-left: 0.5rem
}

.stock-detail .right-p ul li>span:first-of-type {
  -webkit-box-flex: 0.5;
  -webkit-flex: 0.5;
  -ms-flex: 0.5;
  flex: 0.5;
  text-align: left;
  color: #8e8e93
}

.stock-detail .right-p ul li>span:last-of-type {
  -webkit-box-flex: 1.3;
  -webkit-flex: 1.3;
  -ms-flex: 1.3;
  flex: 1.3;
  padding-right: 0.5rem
}

.stock-detail .right-p ul li a {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.1rem;
  color: #8e8e93;
  text-align: center
}

.stock-detail .right-p ul li a.more-fenshi {
  font-size: 1.2rem;
  color: #666
}

.stock-detail .expand-fenshi .tb-sell li:nth-of-type(-n+4){
  display: none
}

.stock-detail .expand-fenshi .tb-buy li:nth-of-type(n+2) {
  display: none
}

.stock-detail .expand-fenshi .tb-fenshi li:nth-of-type(n+9) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail .tb-fenshi li:nth-of-type(n+9) {
  display: none
}

.stock-detail .mmp-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .mmp-list dl {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 7.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.stock-detail .mmp-list dl dt {
  width: 2rem;
  text-align: center;
  font-size: 1.2rem;
  color: #8e8e93
}

.stock-detail .mmp-list dl dd {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-width: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-detail .mmp-list dl dd ul {
  width: 100%
}

.stock-detail .mmp-list dl dd li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  white-space: nowrap;
  line-height: 1.875rem
}

.stock-detail .mmp-list dl dd li div {
  font-size: 1.2rem;
  color: #8e8e93
}

.stock-detail .mmp-list dl:nth-of-type(2) dd {
  border-right: 0
}

.stock-detail .mmp-list dl:last-of-type {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
  -ms-flex: initial;
  flex: initial;
  width: 2rem
}

.stock-detail.hk .left-p {
  width: 65%
}

.stock-detail.hk .expand-fenshi .tb-sell li:nth-of-type(-n+6),
.stock-detail.hk .expand-fenshi .tb-buy li:nth-of-type(-n+6) {
  display: none
}

.stock-detail.hk .expand-fenshi .tb-fenshi li:nth-of-type(n+5) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-detail.hk .tb-fenshi li:nth-of-type(n+5) {
  display: none
}

.stock-hk-more {
  padding-bottom: 0
}

.stock-hk-more .list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 0.5rem
}

.stock-hk-more .list li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  padding: 0.5rem;
  line-height: 2.4rem
}

.stock-hk-more .list li:first-child {
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-hk-more .list li p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.stock-hk-more .list li p span {
  font-size: 1.2rem;
  color: #1c1c1c;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.stock-hk-more .list li p span:first-child {
  width: 2.5rem
}

.stock-hk-more .list li p span:nth-child(2) {
  width: 4rem
}

.stock-hk-more .list li p span:last-child {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.stock-footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #f7f8fa;
  z-index: 10;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-footer .wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem
}

.stock-footer .wrap>div {
  width: 11rem;
  text-align: center
}

.stock-footer .wrap>div p {
  font-size: 1.5rem;
  color: #282828;
  line-height: 1;
  position: relative;
  top: -0.5rem
}

.stock-footer .wrap>div p:last-of-type {
  margin-top: 0.2rem;
  font-size: 1.3rem
}

.stock-footer .wrap>ul {
  height: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-width: 0;
  border-left: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-footer .wrap>ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.stock-footer .wrap>ul li p {
  line-height: 1;
  margin-top: 0.5rem;
  font-size: 1.1rem;
  color: #8e8e93
}

.stock-footer .sprite-ico {
  margin-right: 0;
  top: 0
}

.stock-footer .icon-trangle {
  top: -0.5rem
}

.stock-more-close {
  position: absolute;
  right: 12px;
  top: 18px;
  width: 32px;
  height: 32px;
}
.stock-more-close:before, .stock-more-close:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 20px;
  width: 1px;
  background-color: #333;
}
.stock-more-close:before {
  transform: rotate(45deg);
}
.stock-more-close:after {
  transform: rotate(-45deg);
}

.stock-more-nav{
  display: none;
  position: fixed;
  bottom: 5rem;
  width: 100%;
  background-color: #fff;
  z-index:199;
}

.stock-more-nav div{
  height:5rem;
  font-size:18px;
  line-height:5rem;
  text-align: center;
  border-bottom: 1px solid #f1f1f1;
}

.stock-more-nav ul{
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 120px;
}

.stock-more-nav ul li{
  flex: 1;
  text-align: center;
  padding: 20px 0;
}

.stock-more-nav ul i{
  display: inline-block;
  width:5rem;
  height: 5rem;
  background-size: 100% 100%;
}

.stock-more-share{
  background: url('./img/stock-more-share.png') 0 0 no-repeat;
}

.stock-more-remind{
  background: url('./img/stock-more-remind.png') 0 0 no-repeat;
}

.stock-more-diagnosis{
  background: url('./img/stock-more-diagnosis.png') 0 0 no-repeat;
}

.stock-more-analysis{
  background: url('./img/stock-more-analysis.png') 0 0 no-repeat;
}

.stock-more-kxian{
  background: url('./img/stock-more-kxian.png') 0 0 no-repeat;
}

.more-operate-pop {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  padding-top: 2.4rem;
  background: #f7f8fa;
  z-index: 11;
  display: none
}

.more-operate-pop ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.more-operate-pop ul li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.more-operate-pop ul li p {
  font-size: 1.4rem;
  color: #8e8e93;
  margin-top: 0.5rem
}

.more-operate-pop .btn-cancel {
  display: block;
  font-size: 1.7rem;
  color: #8e8e93;
  height: 5.5rem;
  line-height: 5.5rem;
  text-align: center
}

.zhishu-pop {
  position: fixed;
  left: 0;
  bottom: 5rem;
  right: 0;
  background: #fff;
  display: none;
  z-index: 199
}

.zhishu-pop .tit {
  position: relative;
  height: 3rem;
  line-height: 3rem;
  background: #f7f8fa;
  padding: 0 1rem;
  font-size: 1.3rem;
  color: #282828
}

.zhishu-pop .tit span {
  margin-right: 1rem
}

@media screen and (max-width: 320px) {
  .zhishu-pop .tit span {
    margin-right: 0.5rem
  }
}

.zhishu-pop .tit .icon-trangle {
  position: absolute;
  right: 1rem;
  top: 50%;
  margin-top: -0.3rem;
  -webkit-transform: scale(1.2) rotate(180deg);
  transform: scale(1.2) rotate(180deg)
}

.zhishu-pop .con {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 16.5rem
}

.zhishu-pop .left-p {
  width: 68%
}

.zhishu-pop .right-p {
  width: 32%;
  text-align: center
}

.zhishu-pop .right-p a {
  display: inline-block;
  height: 2.8rem;
  line-height: 2.5rem;
  width: 8rem;
  font-size: 1.5rem;
  color: #646464;
  border: 1px solid #646464;
  border-radius: 0.5rem;
  text-align: center;
  margin-top: 1rem
}

.zhishu-pop .right-p a:first-of-type {
  margin-top: 0
}

.zhishu-pop .right-p a.active {
  color: #3074c2;
  border-color: #3074c2
}

.stock-infos-list>li {
  display: none
}

.stock-infos-list>li.active {
  display: block
}

.stock-infos-list .total-tiezi {
  line-height: 3rem;
  font-size: 1.4rem;
  color: #666
}

.stock-infos-list .total-tiezi span {
  color: #4373bc
}

.stock-infos-list .switch-wrap {
  position: relative;
  height: 3rem;
  line-height: 3rem
}

.stock-infos-list .switch {
  display: inline-block;
  border-width: 0px;
  border: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-infos-list .switch li {
  float: left;
  width: 6.3rem;
  height: 2.9rem;
  line-height: 2.9rem;
  text-align: center;
  font-size: 1.5rem;
  color: #646464;
  border-width: 0;
  border-right: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-infos-list .switch li:last-of-type {
  border-right: 0
}

.stock-infos-list .switch li.active {
  color: #4474bd;
  background: #f7f8fa
}

.stock-infos-list .tiezi-list-head {
  padding: 0 1rem;
  background: #fff
}

.stock-infos-list .report-list {
  padding: 0 1.5rem;
  background: #fff
}

.stock-infos-list .report-list li {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  padding: 1rem 0 0.4rem
}

.stock-infos-list .report-list li .tit {
  font-size: 1.6rem;
  color: #282828;
  line-height: 2.3rem
}

.stock-infos-list .report-list li .time {
  line-height: 2.5rem;
  font-size: 1.3rem;
  color: #999;
  text-align: right
}

.stock-infos-list .pk-container {
  background: #fff;
  padding: 1.5rem 1.5rem 0.5rem 1.5rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-infos-list .title_p {
  font-size: 1.5rem;
  color: #282828;
  border-left: 0.2rem solid #3074c2;
  line-height: 1;
  margin: 0 0 1.5rem 0;
  padding-left: 0.3rem
}

.stock-infos-list table.zjlx_data,
.stock-infos-list table.lrlch_data {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch;
  text-align: center;
  line-height: 3.5rem;
  font-size: 1.5rem;
  border-collapse: inherit
}

.stock-infos-list table.zjlx_data th,
.stock-infos-list table.lrlch_data th {
  font-weight: normal;
  color: #666
}

.stock-infos-list table.zjlx_data {
  padding-bottom: 1rem
}

.stock-infos-list table.lrlch_data {
  padding: 1rem 0;
  line-height: 2.8rem
}

.stock-infos-list table.lrlch_data td {
  color: #282828
}

.stock-infos-list table.lrlch_data td:nth-of-type(1) {
  color: #666
}

.stock-infos-list .pkyd-li span a {
  color: #315895
}

.stock-infos-list .canvas_pic {
  padding: 1rem
}

.stock-infos-list .canvas_pic ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.stock-infos-list .canvas_pic ul li {
  width: 15.625%;
  font-size: 1.5rem;
  color: #666;
  text-align: center;
  white-space: nowrap
}

.stock-infos-list .canvas_pic ul.up_ul li {
  background-color: #f22323;
  color: #00a000
}

.stock-infos-list .canvas_pic ul.down_ul {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start
}

.stock-infos-list .canvas_pic ul.down_ul li {
  background-color: #00a000;
  color: #f22323
}

.stock-infos-list .canvas_pic.canvas_pic2 li {
  width: 15.1515%
}

.stock-infos-list .canvas_pic .down_div {
  height: 70px
}

.stock-infos-list .canvas_pic .up_div {
  position: relative;
  height: 70px;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.stock-infos-list .deal_list {
  text-align: center
}

.stock-infos-list .deal_list th,
.stock-infos-list .deal_list td {
  font-weight: normal;
  font-size: 1.5rem;
  color: #666;
  line-height: 3rem
}

.stock-infos-list .deal_list th {
  line-height: 1
}

.stock-infos-list .deal_list .sprite-ico {
  margin-left: 0.2rem;
  margin-right: 0
}

.icon-trangle {
  position: relative;
  top: -0.2rem;
  display: inline-block;
  width: 0;
  height: 0;
  border: 0.4rem solid transparent;
  border-bottom: 0.5rem solid #646464
}

.icon-trangle.rotate {
  top: 0.3rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.stock-more .comm-tabs {
  height: 4rem;
  line-height: 4rem
}

.stock-more .stock-name {
  font-size: 1.7rem;
  color: #fff;
  line-height: 1
}

.stock-more .stock-code {
  font-size: 1.4rem;
  color: #fff
}

.stock-more .stock-lbl {
  position: relative;
  top: -0.1rem;
  padding: 0 0.1rem;
  font-size: 1.2rem;
  color: #fff;
  position: relative
}

.stock-more .stock-lbl:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: .4rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.pankou .datas {
  padding: 1rem 0;
  background: #fff
}

.pankou .datas li {
  float: left;
  width: 50%;
  color: #333;
  font-size: 1.4rem;
  line-height: 2.4rem;
  height:2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.pankou .datas li:nth-child(odd) {
  padding: 0 .8rem
}

.pankou .datas li:nth-child(even) {
  padding: 0 .8rem
}

.fscj {
  background: #fff
}

.fscj ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3rem;
  color: #333
}

.fscj ul li span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.fscj ul li.head {
  height: 3.5rem;
  background: #f7f8fa;
  color: #666;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.fscj .sprite-ico {
  top: -0.2rem;
  margin-left: 0.2rem;
  margin-right: 0
}

.fscj .no-arrow {
  visibility: hidden
}

.related .comm-stock-list {
  margin: 0
}

.related .comm-stock-list dd {
  font-size: 1.8rem;
  margin-right: 0;
  padding-right: 1rem
}

.related .comm-stock-list dd.list-head {
  margin: 0;
  padding: 0 1rem
}

.related .comm-stock-list dd.list-head div:nth-child(n+2) {
  text-align: right
}

.related .comm-stock-list dd div {
  text-align: right
}

.related .comm-stock-list dd div:first-of-type {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left
}

.related .comm-stock-list dd div:last-of-type {
  -webkit-box-flex: 0.8;
  -webkit-flex: 0.8;
  -ms-flex: 0.8;
  flex: 0.8
}

.related .zuhe-list {
  background: #fff;
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.related .zuhe-list li {
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.related .zuhe-list dt {
  padding: 0 0.7rem;
  line-height: 3.5rem;
  font-size: 1.4rem;
  color: #333
}

.related .zuhe-list dd {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 7rem
}

.related .zuhe-list dd div {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center
}

.related .zuhe-list dd div p {
  font-size: 2.4rem
}

.related .zuhe-list dd div p:last-of-type {
  font-size: 1.2rem;
  color: #999
}

.related .zuhe-list dd div:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  height: 6rem;
  width: 1px;
  background: #999;
  -webkit-transform: translateY(-50%) scale(0.5);
  transform: translateY(-50%) scale(0.5)
}

.related .zuhe-list dd div:last-of-type:after {
  display: none
}

.related .zuhe-list .foot {
  padding: 0 0.7rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  white-space: nowrap;
  height: 4rem;
  font-size: 1.2rem;
  color: #999
}

.block-list {
  background: #fff;
  border-width: 0;
  /* border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc; */
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.block-list dt {
  line-height: 3rem;
  font-size: 1.4rem;
  padding: 0 1.5rem;
  color: #666;
  background: #f7f8fa;
  border-width: 0;
  /* border-bottom: 1px solid #ccc; */
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.block-list dd {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4.6rem;
  font-size: 1.4rem;
  color: #333;
  margin-left: 1.5rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.block-list dd:last-of-type {
  border: 0
}

.block-list dd:after {
  content: '';
  position: absolute;
  right: 1rem;
  top: 50%;
  width: 0.8rem;
  height: 0.8rem;
  border-left: 1px solid #646464;
  border-bottom: 1px solid #646464;
  -webkit-transform: translateY(-50%) rotate(-135deg);
  transform: translateY(-50%) rotate(-135deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%
}

.block-list dd.head {
  height: 3.5rem;
  margin-left: 0;
  padding-left: 1.5rem;
  color: #666
}

.block-list dd.head:after {
  display: none
}

.block-list dd>span {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.block-list dd>span:nth-child(odd) {
  text-align: left
}

.block-list dd>span:nth-child(even) {
  text-align: right;
  padding-right: 3rem
}

@media screen and (max-width: 320px) {
  .block-list dd>span:nth-child(even) {
    padding-right: 2rem
  }
}

.tabs-panel {
  border-width: 0;
  border-top: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.tabs-panel>li {
  display: none
}

.tabs-panel>li.active {
  display: block
}

.switch-panel>li {
  display: none
}

.switch-panel>li.active {
  display: block
}

.comm-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 1rem 3.2rem
}

.comm-switch li {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 2.9rem;
  line-height: 2.9rem;
  font-size: 1.4rem;
  background: #fff;
  color: #3074c2;
  text-align: center;
  border: 1px solid #3074c2;
  border-right-width: 0;
  font-weight: normal
}

.comm-switch li.active {
  border-color: #3074c2;
  background: #3074c2;
  color: #fff
}

.comm-switch li.next {
  border-left: 0
}

.comm-switch li:first-of-type {
  border-radius: 0.4rem 0 0 0.4rem
}

.comm-switch li:last-of-type {
  border-right-width: 1px;
  border-radius: 0 0.4rem 0.4rem 0
}

.audioui {
  position: fixed;
  height: 50px;
  width: 100%;
  bottom: 0;
  background-color: #fff;
  display: none;
  z-index: 10
}

#audio_pbar {
  position: absolute;
  top: 0;
  left: 0;
  height: 1px;
  background-color: #F0541C;
  width: 0%
}

#audio_pbtn {
  position: absolute;
  top: -3px;
  left: 0%;
  height: 6px;
  width: 6px;
  background-color: #F0541C;
  border-radius: 50%;
  margin-left: -3px
}

#audio_pbtn.ontouch {
  top: -10px;
  height: 20px;
  width: 20px;
  margin-left: -10px
}

.audioui:before {
  content: '';
  position: absolute;
  width: 200%;
  height: 200%;
  border-top: 1px solid #9B9B9B;
  transform: scale(0.5);
  transform-origin: top left;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: top left
}

.audioyw {
  font-size: 12px;
  margin-right: 136px
}

.audioyw_t {
  position: absolute;
  width: 29px;
  height: 14px;
  left: 9px;
  top: 17px;
  text-align: center;
  line-height: 14px
}

.audioyw_t:before {
  content: '';
  position: absolute;
  width: 220%;
  height: 220%;
  border: 1px solid #636363;
  transform: scale(0.5);
  transform-origin: -9px -2px;
  -webkit-transform: scale(0.5);
  -webkit-transform-origin: -9px -2px;
  border-radius: 5px
}

.audiotext {
  margin-left: 48px;
  padding-top: 10px;
  line-height: 130%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 30px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  box-sizing: content-box
}

.audiobtns {
  position: absolute;
  width: 136px;
  top: 0;
  right: 0;
  padding-top: 10px
}

.audiobtns a {
  margin: 0 3px;
  vertical-align: middle
}

.audio_pre {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAvCAYAAABzJ5OsAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABFdJREFUeNrMmllsTGEYhv8eo9XQmaC4QCt2sVU7jSuhbki5Qe1CI5YLNLgRoXbhjsQWIqJCa5e4MK6oxI2tlEZqp7iorYqmlMH7Zd5TY2jnrDPzJk8mmcz5//f851++7zuT9KbAo2xKA1lgDD8HgB6gPfCBetAAXoEHoBJcBnfATzsd23GeDQrBdPAOlJN9oAZ8oXG5gQ4gAwwEOWA+SAcnwGFQYcVAkoWRzwPFoDc4BI6BJxb67gNm80aegs18Iq6YzwS7wCCwBZSC78q+2oJZYC2oBkvBC6Pz1Yimght8vMNAiUPGFdspYbs32c80J0a+DdgBJnBu31Tuyw/KQACsAEErI58MjnNEcmJkXLGfXPZ7nD5MmZcRP8ILx4GPKraS/saDFHCUfgybl6nShXP9m4qPvoIC0Jl+DJmXxZIPJoMmFV810Uc+11yr5uVk3MMbqFeJoXr62Q16tmZ+J9hr9cRzURUc1B0tmZfYZATYZqCxDWA7aOeAsVGgo4HfbQ+Lof4xLyfcOi6UaFoOVnE3sKoMntJXQJrBBbyOPv8yLwdDPwZKbisVrAH3wUw5KE1cexL05bnTbH4u2A9+uGx8EuOXLQyZzUr8HQDzdPPCDD5CtzSUEeNZThc7KqVfTU8k3oLnLphO5y5REb7QbOo5/WZ5GJ9fdti0tLsIbOQNOC3xm6cxI3Iy6JIRvs0RT3dpGopfv8bU7IEDDWZyTsuoDHF54T+UXFkeb3ejmUsLkl1jNVjJbTAWEr/dxHwnJstWVMCDI0PFVp/lYPMwh/xksZGDcYp1xG+axhzSa7GRBazHxFoSTnwW8x9YV7Gi06wmbAWNMTTv1c2/5k5hVV8YLA0G52JkXvzWatwmBzjQ4DNmPXkMutxUf/Gt8UDxO9hwORgOloA6F8sjt8X8VY6Wk/rBjKw/P52OVsXvVTF/HXQFvVwYoXd8An4+Eafmu1Q2rmmsSElxZ5aLc7SSoyWllBqbbc2k36CejJQwCvS4vNBOM5Yqtri1ir/F9NucSUmU9kQZLHDaVCMzKbkJqUn+MnGt+JNy+C0VMdKbedyfNZCE72TlwE41rYZTdT9jlWiS/jaBhfoXkVXiM+AeSxuJpvUqVHydEj6HIksa8kjOJ1jhKTts1/pv0Un0EixjCcSXIMZ99FMUuVP9r9AqPwxw7ifH2XgyfVzk9qiimRfJG4n34JSyVxWzoxRurXWczsqoeTm45qhQiTkQhynkY7/fuCMFzZhXNC7FnSoVesnlj5HxHPZXxf5bfEcQ7W1gkAtF8tQL3ELdSrJTuR0G+FmkWnmZZsS8LlksIzn6d1WoVuhUKOFhe9JuLvspM3KhZqITSTYmMraQzh6rP2/Crag3r3/E9haz/Wdm7tqsLhGZm4UMqWv5nRxw1ayrNDDL97K2k6n+/PdgrNRdOMIFeqxiVkkO/OtDXjNKsXY0P8Wg/q8PL29A/9dHNcNjie3vRJvT0fRbgAEA2PD1eJs3F3cAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px
}

.audio_play {
  display: none;
  background-image: url(data:image/png;base64,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);
  background-repeat: no-repeat;
  width: 31px;
  height: 30px;
  background-size: 31px 30px
}

.audio_pause {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAD0AAAA8CAYAAADVPrJMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABSpJREFUeNrkm3uIFWUYxj9P62apqJvkQmJQrpeVWm9QsF5q1SioRDQVu5ehlvhPeCsFiwpqIRA1lBTKytSF7mqgbkZbmWWtira6m3khKFNLt410dfN5mme2YTnHnevuOTMv/P44w3Bmnvm+7533e9938k5MyjMRGf+4BNwKbgZ9QW/QE/QAHcB58Cc4CY6Ag6Aa7ASHorqxDiGLvgrcA+4D48Bv4HPwI6gBh8HvEtoE8vUArgX9QH89qNGgEXwCNuo/mrJNNEfwafAw2AUqwKfgF7/3BYrB3WAa6AJWgFWgIejNpkIQuxrs0UgMBneCNQEE0/4F+8HLGvmpYDj4CSzWjGpz0R3BXK2/E5qaHOljES3DbzXiI8AgLZd7gzgbr8Z1967E0knVmbazOo36WLAc3A+eAGejHGk+7SrwuqZxWwp22jYtJTrE78GwqEb6OfCAvHK1aX/7B8wAk+U0H5W3D2Wk6UlXag2VZolgp23UvdF5PhTWSK/Q62O017XThvY1uB1sB+fAhiCiF8pjjsxiwbYdAHdIOAOgSj/Te5LWzF3gjMkN2yfvvkFhryfRNyr6mRYwyGgPq1RQU6Ew11UYygfxBfgAlHu5Wqdz3dy53SvP+DrfYxj7kSLFRW5Geoae0Ksmd41h7ExpGdCaaO54loBZ4GKAi/KhLQWndAOn9Ts/pPPdGJflS4rcLit6DtgMvgv4pF/RfxU4HiZ/Px/S+W5tGbge3JZpTXfVfrfU7wbesUZPOQQ4jSN4TZo17ep8n/aYHPLYdCM9HWwNKWNREPFxL/Y2KAJD0olmAuA1Ez9jSupN8EhL0SXKTlSZeNpaMEV5gGbRE8B7Jr5WpwRHqVN0mfaocTb6qzG26M7akFfFXHSldmL/iWZOmunZv2Mueqc8eB5FM+d10MTfGhSlFdmia0wyjA7tBoouzMHto19jBrcwpfDzr4SIrmeUl1JQUp8g0Xkpk0BLaWp3TYhe6qxPaci7JE30r+C6hIhmHfxkSoHJgISIZlr4sC26fwIEd9aMrqXovWAguDrmollWZh3uQkoxKX+MiLnoMu20mvfT2+29ZoxtnHQ2i34fTIy5A+sDvnSK3qMgpTSmolm3ZlGv0SmaxozhUzEUzCoJM71vOMNQ29Zo3heFcKHTER/3YmwZqQU/pBPNoju7Dp4J4UJvZTi+OqTz3RrLNwvACy0POo1FM2ZR2K2zO8DF5hmrXPqgsepSf0jY4pDOd2uzwXGww3kwXX36SWN16vBl7qlymUX1aaPoi1N6lGmRDstUlK/Sa6w8R52XXZRntPlsujnf0po0zXbpvfZVDopmy2bvTLFHpswJG09ZyV+Xg9tOhpvzjdVUd96LaFqFRG8B3XJE8E0KQqboNWW8ijZaD9+AD032p5SYE9iqqV15uRNbE203rND7sbu+MEsF36LXEl99a1s72U029KKEfyzHNjjLBE/WvU13I5h2xdxi11ngHQoL3zFWB+HudhbbyViNNByQ8ZqJrsxr3pv9G+wTnSUH17edBI9R4FGgmedpAPwk+2u0hj4zVvftiyachhi3++L12hwtkJf23Kjrt8LB9x97v4bKudUqeusTkdjhisUZKbLbt1hvFF8WtKzDYP5xYxW78zXltuhYkKCGYeQgeeNqxQzVGmk21AVqIIjiY7TxCv+cH6Md0LL42VjfXTBL06AwmEujl7G++OmnNWp/jLZJwUZWfoyWaS9rf3ZYouQER5+fHXbXaDaa/z87PKoHw9kS6WeHlwQYACApOGc1OfyvAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  width: 31px;
  height: 30px;
  background-size: 31px 30px
}

.audio_next {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAwCAYAAACBpyPiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABGdJREFUeNrMmntozWEYx9/z20EzlykaYmtirjVGabExkkv+IJK5LoqIqEmYa4RELsktd2HkmlyiGJZLiFxmLmkuhU3YbO6379P5ruY4O+d3P+epzz+rvef7e9/neZ/L7+cpHupVNpoHxIMEEAPqgM+gArwCReCnXT9mVbkGeoA+IAMkg3cUWU5q8yHkoZqAh+AiOEd+mN4pkzvfFEwBI8F7cAKcBze4y9VZLZDCB+0HWoMDYD14bGbnjFgDsA4UgHpgIOgE5oO8EMLFvoGrYClIB6mgDFwDe0Azp8SPAYV0tdbc+XsW3e4ZmAsSwXNwB2Tr1aXHbcRfN9Gfs8At5Zy1BDsY5KNBsZWdbwwu84bo6rBwsaeMh5vgOmhjVnwz+udR7vhn5Y7JRuWARYyjFKNXZSNwAawFa1R4bCeD+SRI46mEFF8THAOHwii80o6AOHAadAGlodxmGfgE5qjIsI3MIdtD+bwEZSYj/Y+KHJsOksCI6sRH8SlnghIVWfYFTAArmRz/Ez8MfAV7dS4oftjOBmF/dJ7yVbrPNH/xHvr4YgPu0o8ZUXYj1qUTWMTMXqeq+F4UfdrgYjWYzp/wWDWHxT9h8hpSVbwE6G4LizYEm5kZezr8AFvB2MraJoo1RDIbBiO+Wp3tB7PACwPreHT+bi1eKAmy853BW4PCQ1kmK1Dx0Wibd17K6nw5YY019SUHjjeadX4hH8Zj49qiN03EtwcPHPRRaf/2scjqZNOa90EHEd/CTAtmwtIZ0NsY4FZL50SNC7116Z6W3xvHKy+bRaAZk4CNk8Xq+1drLlgsk9tdk/8vhWNdTYXXoqweYyl33037CGbwsjBjdWUm5OWQKM4l0b/ZIc0O1VyHMOn03mgcPyS5IDyf3dB4i8IrpwxFGu/49g6KfsEmQq7K2zat2UHueo11crpDDcQSji/229yZid5LGmcxccrgqC2E5VL0PD6EnSaFWXfJ2CL+l/INSofbsPBtDo0ydVaUZqwvM/WHyntehpxjLCwoN9ZEBmSew4EvAb+rajNynlVff4MLyWx9FWgFtvAqdNJasQo+XFW8BJOMnXMMlK5nQEcmm48u5YkFyjfLL/efHhxUvrcYI3QuJKdUYIMgj84NS2WvvSbQ6EMCdxJYYUPJ6kRjs5mnXBZIvGJnnssA9kSQ+NWs4ff5F2b+NptTqaURIly8oTf7gH8s0JT4OxgEroDXyvcOKlw2mH1wWqBLwRukU8lgo1uPad5tywLLwQAVYDYfTLziKKQbr0Sp4iYrd96OeDkykVuvJ6cP1TYjwew1H8DLYO7ssHDZpAvM1KnBhOsRr5gQRrHnPAU2ONC8iGsuZoV7nDnkjZ42UK9JPdGW+eARM10bi6KbM56KlO9dbAo3SVeZYbQBl1f1U9kMSLKQbwjklf1C+meMjnI2lddxHsvx+vybnO5LQ6nZ4lcfURQtH070YK1TwtaygkTzoeRLkKY8NREuH02cVWH4cCLYScYTxz9Z+SvAAA3+/LDIxHwQAAAAAElFTkSuQmCC);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px
}

.audio_close {
  display: inline-block;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAAwCAYAAACBpyPiAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABEFJREFUeNrMmgtoTXEcx//3bNG81mQNeUSzS1PYlBZjI3lEEYl5LUoRUaQ88ohGUkbyKHlGyDMxj2JGWCjF2EWaqDHyfr+/v+731O26u/f8zz1n9/zqU+uuc8739z+////3+//O31c3Nlk5aD7QAXQETUEz8AV8Bs9BDfjl1MPiVW6AAWAwKAQ9wGuK/ESa0Alxqg14AC6DC+Sn7ZGyOfJtwWwwEbwBp8BFcJOjXJ81Bjl0dCjwg0NgM3hoZ+R0LA1sAvdBCzAC9ALLQHkM4WLfwXVQAvqDPPAB3AD7QDu3xE8B1Qw1P0f+bpxh9wQsBZ3AU3AHzLeqy0rYSLxuYzwXg9vKPcsEuzjJJ4O6eEa+NbjCFaKPy8LFHnM+3AKVoKtd8e0Yn8c54l9Uw5gM1BKwkvMoR3epTAeXwEZQqhJjuzmZT4N8vpWY4huBE+BIAoWbdgxkgDLQG7yPFTZrwEewWHnDtjKH7IwV8zIpJ3Cm/1XesXkgCxTVJz6JXi4Er5S37CuYAdYzOf4nfhz4BvYrb9p1hs/ccPE+xvgqj4VLuK1kZm8WKn4gRZfZuGEWl1ZdS+e1OvaIyWtMqHiZoHttCi9nTkjXFH6J1+o6sANMNcXLRB0JDtoQ/44lcbaGA6bwbF77TvOZ57jmp4n4XPCSOx1dq2PIVVl0IFR4Fa+t03ymlNVXQYHBmroijklk1QEnhJsmevONkJspFx1wUrjYPdBdxHe2swXTcMBp4Wbp3EkKs1aMeeWQA4UhYq/wd7+DwhUrgAwRnxperTlw40IK9/O3gIPCFQvH5oZqOHM8cxsc9VQH72nGuJ8jHuDfuoksmjWXnpDBJlGGw8LNyZlPrOYBnee8MNh+yHJBeCHj35wDTjogXYYaI+SmbggPn8ROOdBd1nqDdXJ/F4W74YDorTDYi8nQbbVpCnfSAel39pOKVMT/VsFG6Xgb4lsSK8IjOWBer2ND2JR6a67z0uScYkN8gEKsCg93oID30LHpYE/oZuQit4LDbDpgZ8P+ykZN1YVV8NFQ8ZL9Sthm83l4D7tcBXv5n8K7B4dV8CtGkUeF57E+Ko3U+pCJOxOsY6XpJUsB28ECFexfRuyYVXIvu89j4bOBNfyB+jpmpi1iV6rEI8IlGgaBaeH/iNQl/gFGgWugVgW/QSXKRqvg9678SF2G5BjrcAXfwuoECC8Ga8FwFaE3H028YiukLzjLKm6WapivI8ls6xUxiVVH24xEs1o6kMzJnOuy8EzWO725NFbH2knFMkkIk1SwvXwGbHFw82KahOYqVrgnmelfWNkGWjWpJ7oxHwSY6brGKbo951ONCn6LzeEg/bG6h9Ux6S3O4WZAkoWcIZBP9isYn00tlLN5XI7LWY6n8jd5u890xPjiPPWRRNFycEIOUPTkSiVby88khU7JSZC2fGsiXA5NnFcJODgR7U12IK4fWfknwACbJyJInyS6TAAAAABJRU5ErkJggg==);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px 24px
}

.download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-x: hidden
}

.download header {
  padding-bottom: 3rem;
  background: #fff
}

.download header img {
  display: block;
  width: 100%
}

.download p {
  text-align: center
}

.download .app-name {
  position: relative;
  font-size: 1.6rem;
  color: #666
}

.download .lbl {
  position: absolute;
  right: -2.8rem;
  top: 50%;
  margin-top: -0.7rem;
  padding: 0 0.2rem;
  line-height: 1.2rem;
  font-size: 0.9rem;
  color: #e5150a;
  border: 1px solid #e5150a;
  border-radius: 0.2rem
}

.download .app-size {
  font-size: 1.2rem;
  color: #333;
  font-weight: 500
}

.download .btn-download {
  display: block;
  width: 61%;
  line-height: 3.5rem;
  margin: 2rem auto 0;
  background: #00a2ed;
  color: #fff;
  text-align: center;
  font-size: 1.6rem;
  border-radius: 0.3rem
}

.download .btn-download:active {
  background: #0091d4
}

.download .screenshots {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.8rem 1rem;
  background: #ebebeb;
  white-space: nowrap;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch
}

.download .screenshots li {
  display: inline-block;
  margin-right: 0.5rem;
  width: 55%
}

.download .screenshots li:last-of-type {
  margin-right: 0
}

.download .screenshots li img {
  display: block;
  width: 100%
}

.zhuanti .zt-list {
  background: #fff
}

.zhuanti .zt-list li {
  padding: 1.5rem 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.zhuanti .zt-list li:last-of-type {
  border-bottom: 0
}

.zhuanti .zt-list .content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.zhuanti .zt-list .content img {
  display: block;
  margin-right: 1rem;
  width: 7rem;
  height: 6rem
}

.zhuanti .zt-list .content .wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.zhuanti .zt-list .content .wrap h3 {
  margin: 0;
  padding: 0;
  line-height: 1;
  margin-bottom: 0.5rem;
  font-size: 1.7rem;
  font-weight: normal;
  color: #282828
}

.zhuanti .zt-list .content .wrap p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.5;
  color: #666
}

.zhuanti .zt-list .foot {
  text-align: right;
  font-size: 1.1rem;
  color: #999;
  line-height: 1;
  margin-top: 0.8rem
}

.zhuanti .zt-header {
  background: #fff
}

.zhuanti .zt-header>img {
  display: block;
  width: 100%
}

.zhuanti .zt-header>p {
  padding: 1rem;
  font-size: 1.3rem;
  color: #666;
  text-indent: 2em;
  line-height: 2.1rem
}

.zhuanti .segment {
  background: #fff;
  margin: 1rem 0
}

.zhuanti .segment .tit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 1rem;
  height: 3.2rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #282828;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.zhuanti .segment .tit>span {
  display: block
}

.zhuanti .segment .tit>span:nth-child(2) {
  font-weight: normal
}

.zhuanti .lbl-orange {
  font-size: 1.2rem;
  color: #ea5504;
  border: 1px solid #ea5504;
  border-radius: 0.2rem;
  padding: 0 0.4rem
}

.zhuanti .lbl-white {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  margin-right: 0.5rem;
  font-size: 1.1rem;
  color: #fff;
  background: #3074c2;
  border-radius: 0.2rem;
  padding: 0.2rem 0.4rem;
  line-height: 1;
  vertical-align: middle;
  font-family: arial
}

.zhuanti .img-group {
  padding: 0 0.5rem 1rem
}

.zhuanti .img-group a {
  float: left;
  width: 33.3333%;
  padding: 1rem 0.5rem 0
}

.zhuanti .img-group a img {
  display: block;
  width: 100%
}

.zhuanti.zt-live {
  padding-bottom: 4.4rem
}

.zhuanti.zt-live .zt-header p {
  text-indent: 0
}

.zhuanti.zt-live .comment-box .op-box {
  width: 15rem
}

.zhuanti .timeline {
  padding: 1rem
}

.zhuanti .timeline li {
  position: relative;
  padding: 0 0 2rem 1.9rem
}

.zhuanti .timeline li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.2rem;
  width: 0.6rem;
  height: 0.6rem;
  background: #3074c2;
  border-radius: 50%
}

.zhuanti .timeline li:after {
  content: '';
  position: absolute;
  left: 0.3rem;
  top: 0.2rem;
  bottom: -0.5rem;
  width: 0.1rem;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #3074c2
}

.zhuanti .timeline .time {
  font-size: 1.3rem;
  color: #999;
  line-height: 1
}

.zhuanti .timeline .content {
  font-size: 1.5rem;
  color: #282828;
  line-height: 2.2rem;
  margin-top: 0.8rem
}

.zhuanti .timeline .content img {
  display: block;
  width: 100% !important;
  height: auto !important;
  margin: 0.5rem 0
}

.zhuanti .video-wrap {
  padding: 1rem 1.5rem
}

.zhuanti .video-wrap video {
  display: block;
  width: 100%
}

.whpj .comm-stock-list dt {
  padding: 0 1rem;
  margin: 0
}

.qh-detail .left-p div {
  color: #3074c2
}

.qh-detail .comm-stock-list dt {
  padding: 0 1rem;
  margin: 0
}

.feedback-pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 101
}

.feedback-pop img {
  display: block;
  width: 100%
}

.feedback-pop .img-wrap {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  width: 68%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}

.feedback-pop .feedback-mask {
  display: block;
  height: 100%;
  background: #000;
  opacity: 0.4
}

.feedback-pop .btn-jxnl {
  position: absolute;
  height: 3.5rem;
  width: 40%;
  left: 5%;
  bottom: 30%
}

.feedback-pop .btn-fcmy {
  position: absolute;
  height: 3.5rem;
  width: 40%;
  right: 5%;
  bottom: 30%
}

.feedback-pop .btn-close {
  position: absolute;
  height: 4rem;
  width: 5rem;
  left: 50%;
  margin-left: -2.5rem;
  bottom: 0
}

.feedback2 .areainput-box {
  background: #FFFFFF;
  position: relative
}

.feedback2 .areainput-box .area-input {
  padding: 1.5rem 0.8rem 0.5rem;
  height: 12rem;
  width: 100%;
  display: block;
  font-size: 1.7rem;
  color: #282828;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  -webkit-appearance: none
}

.feedback2 .areainput-box .area-input::-webkit-input-placeholder {
  color: #b4b4b4
}

.feedback2 .areainput-box .area-input:-moz-input-placeholder {
  color: #b4b4b4
}

@media screen and (max-width: 320px) {
  .feedback2 .areainput-box .area-input {
    padding: 1rem 0.8rem 0.5rem;
    height: 8rem
  }
}

.feedback2 .areainput-box .left-word {
  text-align: right;
  margin-right: 1.4rem;
  padding-bottom: 1.2rem;
  color: #b4b4b4;
  font-size: 1.7rem
}

.feedback2 .login-form {
  margin-top: 1rem
}

.feedback2 .login-form dd {
  margin: 0;
  padding-left: 0.8rem
}

.feedback2 .ipt-wrap input {
  vertical-align: middle
}

.feedback2 .ipt-wrap input::-webkit-input-placeholder {
  color: #b4b4b4
}

.feedback2 .ipt-wrap input:-moz-input-placeholder {
  color: #b4b4b4
}

.feedback2 .hot-line {
  position: fixed;
  bottom: 1.4rem;
  left: 0;
  right: 0;
  font-size: 1.4rem;
  color: #666666;
  text-align: center
}

.feedback2 .hot-line .tel {
  color: #3381e3
}

.im-list .chat-pic {
  display: block;
  width: 100%
}

.im-list dl {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 6rem;
  height: 8rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.im-list dl:last-of-type {
  border: 0
}

.im-list dl dt {
  position: relative;
  padding: 0 1rem 0 1.2rem
}

.im-list dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0
}

.im-list dl .avatar {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 0.5rem
}

.im-list dl h3 {
  font-size: 1.7rem;
  margin-bottom: 0.8rem
}

.im-list dl h2 {
  font-size: 2.1rem;
  color: #ff9600
}

@media screen and (max-width: 320px) {
  .im-list dl h2 {
    font-size: 1.8rem
  }
}

.im-list dl p {
  font-size: 1.4rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.im-list dl .unread {
  position: absolute;
  font-style: normal;
  padding: 0 0.5rem;
  height: 1.7rem;
  line-height: 1.7rem;
  min-width: 1.7rem;
  background: #f22323;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  border-radius: 1.7rem;
  top: 0;
  right: 1rem;
  -webkit-transform: translate(50%, -30%);
  transform: translate(50%, -30%)
}

.im-list dl .time {
  position: absolute;
  top: 2rem;
  right: 1.5rem;
  font-size: 1.3rem;
  color: #666
}

.im-list dl .btn-chat {
  position: absolute !important;
  top: 50%;
  right: 1.5rem;
  margin-top: -1.3rem;
  width: 7rem;
  height: 2.6rem;
  line-height: 2.6rem;
  font-size: 1.2rem;
  text-align: center;
  color: #ff9600;
  position: relative
}

.im-list dl .btn-chat:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #ff9600;
  border-radius: 6rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-list .icons-index-vp {
  position: absolute;
  margin-right: 0;
  top: auto;
  bottom: 0;
  right: 5px;
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM1N0NCMDg1MzZGMTFFOEI1ODhFMDhBNDMxRDE3QzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM1N0NCMDc1MzZGMTFFOEI1ODhFMDhBNDMxRDE3QzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTExYjM5LWZjNDItMmM0Yy04ZDU3LWIwMmU1Zjk4YmY5NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdlNjcxMTFmLTVjZjgtZjg0Mi04M2U0LTE1Y2VjY2NjNTk2ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnpwPfEAAALbSURBVHjatFfPaxNBFH7ZtBEaSirWUKtYCGrAi1BU0Eu9mN5EPDQFQfTorxr/ASv9CyIa60lFL1pQ8CI2OSgKHoz2JkYrtVYbpabYIhFMya7f28zGySa7O6vxwQfJ7Mz79n1v3uybwK/rpGKdwDBwENgDxIAe8WwFmAPyQA6YDp0w1rwcBjyI2XkKOAVsJDUrARkgjRdYcZqkuTgYBQrAuA9Stl6xplC5ERj1E3EQuAycpPbYJHAW0VfdImbSqTaSkvA1heiDbsRp4Ai139jnJSfiJHCG/p+dRtRJe455974FovU32naBAuF+Ry/63C0yfjyvOeneT1rsWNMco1wk/f2EPLQExHm3d4iBlExaJ9+8jyiytXGwXCKj9Lp5l4b7KNCPEu/sqg2sLlD13T37tKjgusgRh/Djs1PJdAzl4HB3/X/18XnSv95sqUJw1zXSdiYR5UOq5o86ifUN2MI5TrjVaXVmvHFgXY9zFkPdpiIupCS4Ehaxo5l5LJck+Q84ztU27UW0D1Q22jATD3rN0r+8+JNLzmOrk2jDIaJwL+mf7qsQDzLxDk/iQkb6XHSRNpBqjjaWNDeUtdM9bDsTR7xmmc7g1E1uU+b5nGpNRzTVmbJTu9xa33E/MtdPrlUlYtmpTW4tdhhF8kZVZrPKmXhWZaab3KxAdf6Rn+Nzlolf/YvcZuRQQF+47Yd4homzysQt5ObIjeJLosoHP8RZi3hZWW7kUpabI9cXn/kh5SNzmokrwBXVVXIuAwNDNSUav0BedhVfp4omNQBLSnLbcmkU836jTcuNAHeDY0pLkUszp9aLLD7xQzxmdZ7yAXJXtKXeUVs5XftJ+se0KmkGpHecukyr2Wt338XlMCJ3mvYjkx+MiJa0XTZpJzUbjFYbV9wcnorOMPqXhLxZz8nyqt4keEEcmFCtc2HLYk3ciVTl7mS/tCWkS9t68ey7dGnjwyjLderl8LcAAwCk3vXHGdr4dwAAAABJRU5ErkJggg==');
  background-size: 100% 100%
}

.im-list .icons-index-vp:before {
  display: none
}

.im-list .im-header {
  margin-bottom: 1rem
}

.im-list .im-header dl {
  height: 6.5rem
}

.im-list .im-header dl dt {
  margin-top: 0.65rem
}

.im-list .im-header dl .avatar {
  width: 6.4rem;
  height: 5.2rem
}

.im-list .im-header dl p {
  font-size: 1.2rem;
  color: #999
}

.im-list .empty-info {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center
}

.im-list .empty-info i {
  display: inline-block;
  width: 11.3rem;
  height: 7.9rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOIAAACeCAYAAAAv8NZtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjA0MzBGRjM2M0QwMTFFOEJCQkZCMjU4NTc0RDc5NjAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjA0MzBGRjI2M0QwMTFFOEJCQkZCMjU4NTc0RDc5NjAiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyZjJjOWYzLWMwYjMtZWY0ZS1iNzM0LWUyMTllZWJmNjBkZiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmZmMmE2YTY4LWY3MGUtZTY0ZC04ZDA5LWRkYmY4OTVjZTRjOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkCeDD4AAApySURBVHja7J1PbNv2FcdJSUAgC3AOwW5BW7u7JxhylRpsKHrJZUCPQ6V0LZIsQ+Zly20Ogji3OEscZGmD/Glk7Digl96KBa59LYr1vtppkNvQQwzIQgD92XvJjy5DUxJFUiJFfj6AQJGW5J+e+OV77/f78f3sD5ZOWZA91s6uflwsFr/54z/+/APWSD8FTJA9bp+78et+v9/odDrLd87ffBeLpB8bj5hdMRYKhR/xiAgRAAhNARAiACBEAIQIAAgRACECAEIEQIgAgBABEGIquXXm+uba2dWr/MyQdkoZ/37H+v0+vzLgEQEAIQLMBJm6+0JzQg1HXYfmzXZ3/wvb9tqfPv/rZX56IEec1FXFtjc8OWHViPB717Gn/OyQgJN4LOfns0FOIFNC9H5J+fIvVIRL9y7VOBUgYRaHdRyWsA/AZNAyJb1e7219LiI8qkLUygm6762egBABJkS32/1axLfgOrQgwvy3PpFtUzaNXAhRO2bICSHBVGnRlSZpR+K2pEmN3IWm9I7CrEBoCjCd6Ex7TQdGZ1RxC4Am2BLTfySGrEnMf8T6eXwyz+yKPX4Se2wWCoX1C5/95QkmiSBUhDgY7fXqdDpfWK/HI2E4W6VS6TR1VMPBFLchXlBE+B0iDExV7eV0zwNCjMUTSij6JSHo2Myr3SjzPz501vhgwlE/ETY1HyqXy99++vc/7ObVPvcv3p1vt9snNG+W3bpXjMZ+zGYiR4wWkjqDrvtGsu0deXxCh4S/vfr9/gPPwLXOHPkN9iI0DY25ylseISLCAahd1D5B7AgIMXiIYNvekKqJCEeLUe00wo6AEINjxgndIdY6VglwInns5LUjIMRxeaOTRjtmMMlofOxEjzNCjI88945iJ4QIgBABYLowoA+xsXTvko0V8IgACBEAECIAQgQAhAgw89BrCrnEuWukWCy+n4aqAggRYkNvCO52u+/JCa4Tvl+VErRt+6gz79TUuHluXr4t+5sihG+SEIK046TeuqXtlV2ECLPvWZzCWp1OZ8HnhHc/1/mnzmuqsl+X91hrZ1d38l6ECiFCFAFekUfVK7gQ3knFqVWw67fOXN8SQV7JmyAjC1FXuRlUvRiym1uJaBYm9C+qWiFBvWScN2Sbdp90h6Zm25D/9Y5zXFcUS+IiEFqITj4gT2vyRT5OKtaH6SG/81URyfKUcrgFeaggV+Ko2O5XzsMVIlc9Ap0dIUJ+cOq7uk/YaSH/c1mirpNRa6Zq76hxHM7nahSn36epnUbO8bm5uX8lYePIxaOyFprK93kj2cn7RGYT+Xw9wJtM70S17Z04hxrUu6vI5XN/Lx73UdJ2jjygT36ICKcVqmpbslozlZk14IvWLk2LCL1i1LYhRMgFrVbrdlwi1LDSel3lbTcOMWrbYmjThmy2tJMRIUIqMetX1OP8TJPCfBnTx9WjrrGhQxTSplpaevrpNYUDIene3t6DMF5PZ8cM8GKWye1WdCbNkM+oBfXCOhwhbT2elaJVCBHeQET4YciQ9J/iYS47YnYE4n5u9i8M+pv2ZMpmOaAQF7St8vQRQoRAYd6QweRpMNa6hWZ8LTQ6/CM5nG6dXHP/uXff/bxSqRwWYY2bLzayIkRyxAmTsAgVXbcwkJcx4WPcg/ZN74XB51jo75aV4QyECPt0u93QHTQ6NUynOrpzRl0RynTSbLmOb+gx8dK/dAvShMRvTbPNCDFH6MRl032fFBqargQVUxTvJO9/KNtd+b4rc3Nzx0WIP0rouen2sjqbRQS73ev13lZBqlhNR4++tx7mAkCOCCMxM/kXZ+SicTTK7UxGgKvaAaPeUT7rpuWzBoYzoVtE2iyXyxfk0HHJF78KExZrm/GIkLV89kjE97+lIaZ6POPhRs2Aqcvr/6OrD4cVVFZWncIjgpuoU8c0tKw5OeIYYorSoTWPECFr+exO1B7eMHdImNus/hu2zQgRshaaamGnSELUSdmS+z0/kAMVCld0q+U1vH8bNtsmYJsRImSKbSviOKJTf2bIS6qY+SB01oA7zHs2g23eQIiQKSS/a9JmhAgJo50sETs/doc8xnlNUG+4k5WCZZnPEZ1qc2moSzIjXJPHwxCiCFpt7fCgPzh1ZMZsq4UQZ0OEdR1ovn3uxtO8VpEeB61itre397dxhzF0qpkWEov472vjeMMsXVwzLUSzDoNOJF5Mql7lrGGmp4XxilUreo/ruJ47M0Qup5h2nArPQYvUxl1OMen7EdVzhKmY7Z2snTK2tMxFls7TzOeI5gRMzBMmfT+i+d9a+mKsieeVSuWUzgNNUxU358Ii4XPmvAe9pjAwRNXpalYMlddi5FWbslKnBiFO9wqe6P2ITmga5r06NFAqlX6Vhvmc2gZtS1bXV2GK23RC48VZbb+e+HfO33xf175IMGfU+qOns7zIER4RAolRc0Yrvloz49DU/531lcbwiBA4Z5RN4/a5G+vmDoqJesewvb0IEfIUaj8xpTAaExDklgjwcd5mQiFECIURyiNzU69OS/utFfJueadKeKFQWM/r7CeECJHzRw1Z9eHM6xVR1UaVzzc9sddYaRohwmRE+YPjKQct6xb3oqNZgF5TmJgoVWzeMUhEiBAhYTEiQoQIyYtxBRGSIyZGClaDGsmkx+yM+C5zNuAREyPtIjRt1BL4D/i1ECIAQoSJhn2fpL0adZQ7NIAccSaY9bsvxuHWmesvLNfsmqjVDfCIAIAQARAiACBEAIQIAAgRACECAEIEQIgAgBABECIAIEQAQIgACBEAECJAuoS4dnb1KqYASI6SEeHvZPs0b+sNwGTxLoM+Lnm6sbhg1pa/hggBEg5NEeFg7l+8O48VYOKhKSY4gK4DuC++drt9QjZPMMtobNv+qd/v79uuUqkcDrrevV7wWq3WC8/vkC+PCG+eTO79Xq/3EVYJhojwuXvfXMQC4fPa7xFivk+mTc+hulbrxjKBLmIbHlsGLlpsViEe+FkIMW9Jc6Gw7iPOB4hxNMVisemx28KtM9cfj3qf6bmvDvuszF/EPlg6xRnkQU6eTct/SeqmCrVcLn8bNPfJGyoqEeCyx7vtL0p66NCh/+mxly9f/sIsatrwsfXW0r1LtTzZjc4aP6OUSqc7nc531sGlqOsSQtVbrZaKFUP5h/Z+x3Ttj4diU0sfI9hV++cuEuPUOYiuXiSeT9eEx+tNl121e56WbnNmtRGaDkGXn5Yr+BcDwlSIM0fK4SKmzqw2DdsRYgC0o0aHMeRkqUmYdcQnZIUQ3s+MO25q3j2ptRlnQYw6uw0hApAjAgBCBECIAIAQARBiOtDpV1QngDSQ95k1i34zQQDwiAA5JHfjiOZugEWze8xsX937prfemNIhAISmE73y2PYzVzh6zMzu2Db7TzklAI84fe+otzttL9271OBUAHJEAELTHIcDr8sxEI4CoSkAEJoCIEQAQIgACBEAECIAQgQAhAiAEAEAIQIgRABAiAAIEQAQIgBCBACECIAQAQAhAiBEAECIAAgRABAiZJg752++ixABEhZhp9NZvn/x7jxCBEgAFV+3231Pni622+0TWfpu/xdgALbHQJVX6JCwAAAAAElFTkSuQmCC');
  background-size: 100%
}

.im-list .empty-info p {
  font-size: 1.4rem;
  color: #999
}

.im-chat {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column
}

.im-chat .userinfo {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 7rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1rem;
  background: #f7f8fa;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("./img/icon_border_half.png") 2 stretch
}

.im-chat .userinfo .avatar {
  display: block;
  width: 4rem;
  height: 4rem;
  border-radius: 50%
}

.im-chat .userinfo .icons-index-vp {
  position: absolute;
  margin-right: 0;
  top: auto;
  bottom: 0;
  right: 0;
  width: 16px;
  height: 16px;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTM1N0NCMDg1MzZGMTFFOEI1ODhFMDhBNDMxRDE3QzIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTM1N0NCMDc1MzZGMTFFOEI1ODhFMDhBNDMxRDE3QzIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTExYjM5LWZjNDItMmM0Yy04ZDU3LWIwMmU1Zjk4YmY5NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdlNjcxMTFmLTVjZjgtZjg0Mi04M2U0LTE1Y2VjY2NjNTk2ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnpwPfEAAALbSURBVHjatFfPaxNBFH7ZtBEaSirWUKtYCGrAi1BU0Eu9mN5EPDQFQfTorxr/ASv9CyIa60lFL1pQ8CI2OSgKHoz2JkYrtVYbpabYIhFMya7f28zGySa7O6vxwQfJ7Mz79n1v3uybwK/rpGKdwDBwENgDxIAe8WwFmAPyQA6YDp0w1rwcBjyI2XkKOAVsJDUrARkgjRdYcZqkuTgYBQrAuA9Stl6xplC5ERj1E3EQuAycpPbYJHAW0VfdImbSqTaSkvA1heiDbsRp4Ai139jnJSfiJHCG/p+dRtRJe455974FovU32naBAuF+Ry/63C0yfjyvOeneT1rsWNMco1wk/f2EPLQExHm3d4iBlExaJ9+8jyiytXGwXCKj9Lp5l4b7KNCPEu/sqg2sLlD13T37tKjgusgRh/Djs1PJdAzl4HB3/X/18XnSv95sqUJw1zXSdiYR5UOq5o86ifUN2MI5TrjVaXVmvHFgXY9zFkPdpiIupCS4Ehaxo5l5LJck+Q84ztU27UW0D1Q22jATD3rN0r+8+JNLzmOrk2jDIaJwL+mf7qsQDzLxDk/iQkb6XHSRNpBqjjaWNDeUtdM9bDsTR7xmmc7g1E1uU+b5nGpNRzTVmbJTu9xa33E/MtdPrlUlYtmpTW4tdhhF8kZVZrPKmXhWZaab3KxAdf6Rn+Nzlolf/YvcZuRQQF+47Yd4homzysQt5ObIjeJLosoHP8RZi3hZWW7kUpabI9cXn/kh5SNzmokrwBXVVXIuAwNDNSUav0BedhVfp4omNQBLSnLbcmkU836jTcuNAHeDY0pLkUszp9aLLD7xQzxmdZ7yAXJXtKXeUVs5XftJ+se0KmkGpHecukyr2Wt338XlMCJ3mvYjkx+MiJa0XTZpJzUbjFYbV9wcnorOMPqXhLxZz8nyqt4keEEcmFCtc2HLYk3ciVTl7mS/tCWkS9t68ey7dGnjwyjLderl8LcAAwCk3vXHGdr4dwAAAABJRU5ErkJggg==');
  background-size: 100% 100%
}

.im-chat .userinfo .icons-index-vp:before {
  display: none
}

.im-chat .userinfo dt {
  position: relative;
  margin-right: 1rem
}

.im-chat .userinfo dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.im-chat .userinfo h3 {
  font-size: 1.7rem;
  margin-bottom: 0.5rem
}

.im-chat .userinfo p {
  font-size: 1rem;
  color: #999
}

.im-chat .userinfo .btns-wrap {
  position: absolute;
  top: 50%;
  right: 1rem;
  -webkit-transform-origin: 100%;
  transform-origin: 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 0
}

@media screen and (max-width: 320px) {
  .im-chat .userinfo .btns-wrap {
    -webkit-transform: translateY(-50%) scale(0.8);
    transform: translateY(-50%) scale(0.8)
  }
}

.im-chat .userinfo .btns-wrap a {
  display: inline-block;
  width: 6rem;
  height: 2.7rem;
  line-height: 2.7rem;
  font-size: 1.3rem;
  color: #3381e3;
  text-align: center;
  position: relative
}

.im-chat .userinfo .btns-wrap a:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 1rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .userinfo .btns-wrap a:first-child {
  margin-right: 1rem
}

.im-chat .userinfo .btns-wrap a:first-child i {
  position: relative;
  top: -0.1rem;
  vertical-align: middle;
  display: inline-block;
  width: 1.1rem;
  height: 1.1rem;
  margin-right: 0.2rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk2OTIzOEI1MUJEMTFFODg3MTRGMkQwRkZBRTU1RUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk2OTIzOEE1MUJEMTFFODg3MTRGMkQwRkZBRTU1RUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVkODA0NDM1LWUxNzktOTc0My1hN2U4LWFlNjgxNTMwY2Y3MiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjkxYTVmZGQ2LTlmODctYzA0Yi1hYzE5LTI0ZGM2NmM5MzRiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmZhGBoAAABASURBVHjaYjRufMxAJPgPpRmRBc/UyWBVzMRAIzBq8KjBw8FgFqQcRWoOBAOTpif0dzHjaFkxavCowXQ2GCDAAOYwCizEx4mwAAAAAElFTkSuQmCC');
  background-size: 100% 100%
}

.im-chat .userinfo .btns-wrap a:last-child i {
  position: relative;
  top: -0.1rem;
  vertical-align: middle;
  display: inline-block;
  width: 1.25rem;
  height: 1.3rem;
  margin-right: 0.2rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAaCAYAAABCfffNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0VCMzk0M0Q1MUJEMTFFOEE4OTZCQTYxQjY0QzJDREYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0VCMzk0M0M1MUJEMTFFOEE4OTZCQTYxQjY0QzJDREYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVkODA0NDM1LWUxNzktOTc0My1hN2U4LWFlNjgxNTMwY2Y3MiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjkxYTVmZGQ2LTlmODctYzA0Yi1hYzE5LTI0ZGM2NmM5MzRiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjH8ZGoAAAJASURBVHjatJZNSBVRGIbvLbMMS4PKFiaCQrjKsE1RIGKLWiVRLgRJrZ0IkqAUBQZR9EfoIiolwkWkbQpEUhDUQkExW7XJjRYqGIpaiZr5fPAODJd7594Z7cDDN/ecmfPOfH/nhgsaJ0M+RjJkwCz8sYmRW5lxH9qW4OZHoB0WYAKWoAcKE3k4EZHz8Bkuwg6Ygb9QDL3Hb3+/vlmRAngDKdAC5ptDkA62+RrcQehKUJGwNrY4PIarMKW133AXqvT7EULpQUTMHfmKwY0Y97RBJ+x1CfoSOSv7EpY97nsmeyGIyDHZj3HiNiCbH0Rkv+yUlwJ1Mo9ZseQgLql+RRZkD3iJsPFBJceyEsKXyGA8X2uUyvbzVet+RdpkL3t8jdVPna6bg8TkC3RBqmoi2rCCzIJhpXKgir8Gq1AJJyLWjkK9WkwNrvoXVOSrqt2q/2HE2gP1sqcIDG22QTbCIpyEfZqzCi9S77q5FV3YUvOXrne5amg7TKtOAovY2jnoVueddBXmD5izrkydtEOel0g4ysm4ByosmJCjuXnVS2/EOfNKrnPq6gV08HVLsUSyoRrsbEjT3Di0wnP4GeUlD0MDlLmeMYG3dkwg9skRMbfcg1pI0o198ATew3qc3mWtZTeXl+SB08pGGyZSYiLVqlbLlNfafDTRfxaRfyQQzJU3KtUp3jnBDektyv0IxBD9Bg2u1l9s7nEqtVyf6mvw5rGWdjpxN5EmHbVnQv9n3DeRD2B+PKX03aphB9kYrhvbEGAAEWWSSWRUDUoAAAAASUVORK5CYII=');
  background-size: 100% 100%
}

.im-chat .im-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: #fff;
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.im-chat #pulldown {
  display: none;
  text-align: center;
  padding: 2rem 0;
  font-family: "PingFang SC";
  font-size: 1.5rem;
  color: #999;
  line-height: 1
}

.im-chat .scroller-wrap {
  padding: 0 1rem 2rem
}

.im-chat .time {
  font-size: 1.2rem;
  color: #999;
  text-align: center;
  margin: 1rem 0
}

.im-chat .msg-wrap {
  margin: 2rem 0
}

.im-chat .msg {
  position: relative;
  padding: 1rem;
  min-height: 4rem;
  font-size: 1.6rem;
  max-width: calc(100% - 10rem)
}

.im-chat .msg .avatar {
  height: 4rem;
  width: 4rem;
  border-radius: 50%
}

.im-chat .msg.msg-left {
  float: left;
  background: #f7f8fa;
  margin-left: 5rem;
  border-radius: 0 1rem 1rem 1rem;
  position: relative
}

.im-chat .msg.msg-left .text {
  color: #333
}

.im-chat .msg.msg-left:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 2rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .msg.msg-left:after {
  border-radius: 0 2rem 2rem 2rem
}

.im-chat .msg.msg-left .avatar {
  position: absolute;
  left: -5rem;
  top: 0
}

.im-chat .msg.msg-right {
  float: right;
  background: #3381e3;
  border-radius: 1rem 0 1rem 1rem;
  margin-right: 5rem
}

.im-chat .msg.msg-right .text {
  color: #fff
}

.im-chat .msg.msg-right .avatar {
  position: absolute;
  right: -5rem;
  top: 0
}

.im-chat .msg.msg-follow {
  padding-bottom: 7rem;
  width: calc(100% - 10rem)
}

.im-chat .msg.msg-follow .btn-follow {
  position: absolute !important;
  z-index: 2;
  bottom: 2rem;
  left: 50%;
  height: 2.9rem;
  line-height: 2.9rem;
  width: 6.5rem;
  font-size: 1.4rem;
  color: #3381e3;
  text-align: center;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  position: relative
}

.im-chat .msg.msg-follow .btn-follow:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 1rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .msg.msg-follow .btn-follow i {
  position: relative;
  top: -0.15rem;
  vertical-align: middle;
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 0.2rem;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Njk2OTIzOEI1MUJEMTFFODg3MTRGMkQwRkZBRTU1RUUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Njk2OTIzOEE1MUJEMTFFODg3MTRGMkQwRkZBRTU1RUUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjVkODA0NDM1LWUxNzktOTc0My1hN2U4LWFlNjgxNTMwY2Y3MiIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjkxYTVmZGQ2LTlmODctYzA0Yi1hYzE5LTI0ZGM2NmM5MzRiNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmZhGBoAAABASURBVHjaYjRufMxAJPgPpRmRBc/UyWBVzMRAIzBq8KjBw8FgFqQcRWoOBAOTpif0dzHjaFkxavCowXQ2GCDAAOYwCizEx4mwAAAAAElFTkSuQmCC');
  background-size: 100% 100%
}

.im-chat .msg.msg-image {
  padding: 0;
  width: 25%;
  border-radius: 0 0.4rem 0.4rem 0.4rem;
  position: relative
}

.im-chat .msg.msg-image:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 2rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .msg.msg-image img:not(.avatar) {
  display: block;
  width: 100%
}

.im-chat .msg.msg-image:after {
  border-radius: 0 0.8rem 0.8rem 0.8rem
}

.im-chat .msg.msg-link {
  width: calc(100% - 10rem);
  background: #f7f8fa !important;
  position: relative
}

.im-chat .msg.msg-link:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 2rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .msg.msg-link dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.im-chat .msg.msg-link dl dt {
  margin-right: 1rem
}

.im-chat .msg.msg-link dl dt img {
  display: block;
  width: 5.5rem;
  height: 5.5rem;
  border-radius: 0.3rem
}

.im-chat .msg.msg-link dl dd {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 5.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.im-chat .msg.msg-link dl h3 {
  font-size: 1.6rem;
  line-height: 2rem;
  color: #333;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden
}

.im-chat .msg.msg-link dl p {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.2rem;
  color: #999;
  line-height: 1.7rem
}

.im-chat .rate-wrap {
  padding: 0 0.5rem 0 4.5rem;
  margin: 2rem 0;
  white-space: nowrap
}

.im-chat .rate-wrap li {
  float: left;
  width: 33.3333%;
  padding: 0 0.5rem
}

.im-chat .rate-wrap li a {
  display: block;
  height: 3.3rem;
  line-height: 3.3rem;
  font-size: 1.5rem;
  color: #333;
  background: #f7f8fa;
  border-radius: 3rem;
  text-align: center;
  position: relative
}

.im-chat .rate-wrap li a:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 3rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .rate-wrap li a i {
  position: relative;
  top: -0.15rem;
  display: inline-block;
  margin-right: 0.5rem;
  height: 1.7rem;
  width: 1.7rem;
  vertical-align: middle;
  background-size: 100% 100%
}

.im-chat .rate-wrap li a.active {
  border-radius: 3rem;
  color: #fff;
  background: #3381e3
}

.im-chat .rate-wrap li:first-child a i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTlCNTJGODI1MUJEMTFFODlCNDFBNzUxNUQ4MERBMUYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlCNTJGODE1MUJEMTFFODlCNDFBNzUxNUQ4MERBMUYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTExYjM5LWZjNDItMmM0Yy04ZDU3LWIwMmU1Zjk4YmY5NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdlNjcxMTFmLTVjZjgtZjg0Mi04M2U0LTE1Y2VjY2NjNTk2ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsQq2egAAAOPSURBVHjaxJhLSBVhFMfH8UEtKqOwksJciiXSi54gpWBmRItKW0Ubk6JVhT0heyAJIYZatC3LNgWZLa4Lo5dFkFaGrW6RlUktKiywov6f/AaG28yduTetAz9GZ853zplvvu+c892UhUdfWwlIllgrikS+yBWTefZZREWf6BI3xVCQwUdHZo9e00IGsFzsE2UinXs/xRvhvMk0sUAsFtvEd9EhTol7QQ6CApkrGsV6/jdve0lERI8YidHPEIWiRFSKDXBd7BYv/RzZcYLYJHoJohvj88QJ8dAjCIt7D9GZx5hubPRiM6FADoo2Zmwnn6bTSlw6GVuNrTZshwqkRhwX7zDSLH5ZyYsZexZbg9iuCQpkszgpBhjYa42dGFvLsG18VPgFYhbmefFNlItX1tjLK2wbH+fY/n8E0khO2DvGM+E1M3vw1RgbyArX7mixxl/MmnlgZmdR7cBKdyB7uR7+y4WZyAI+5PZtk7bXkazibdFWvu3pEI4a0L0YsLWfm2ytWcmyqR1pOPKTWWTKCWTIINmF7lYxM+DljO8ymwJmBcxGuuvv1BCBpMakfT+JcC2yqaI/qB3/Wnoonvk2e3nAp3Y48lF85e/BEA4cnWHG+skI1TvXfJ9JlPN4YgyWUsSuhgjEtAsbmfrhAN1PItsEkhJyGm9DGHkMocV8mi+uLut/yBQTg017NydgdY+XZOA7agJ5xl4u/A+BFLLV+0wgt7hZ7KO8nYqZrJRjw0tKuHbZNLg/yIJeUi+uxXkeTyoYW+/zvBLfHTYt/w0S2xoP5S105BfEGZEZIoBMdFsZu8VDpxifHTpSDNmut7Zo41I8itNq8ZYa0k+VzvMwnsezfnQHGRtbPoyPY27fTiB3RbtYKqo8HNwX80WTmCpqqZzmUPUCx5+5V4tOE29838NeFb7aNRt3RiNznfRyyf1p9JZP4pz2trLQTHAzuP9ePCWbtsY55RUQnFkbhQokGnvAihLpJdbMSp++dYh+oyGJxZuD7Ym8TNSvi78s9ovZfK6CMcwZBdg0tg/gK+65po42LpsprE6gHnmJGbsDW9nYrgt70jvh2uPNHKKLkwiimLEt2KrAdkJn3zZSsLObIpQDc2Rc4lObMnh2EN2IszuwdSXZXwOiHDNW0W2XkmuO84Ymt3xAdzpT79j8zq8A9WHah7C/jzi9SBZNTxGn/Ry2sNPg9DITXZSOobDf8LcAAwALHeC6i1VWgAAAAABJRU5ErkJggg==')
}

.im-chat .rate-wrap li:first-child a.active i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAsxJREFUeNrEmM9rE0EUx5NYc1PbS1ChpDkGJfYkWBUKbkFLLx5aixfFU9uTx2DwXxBB/wW9WlNqD3qop3pRPCSopxKbliDk0Mpaktas3wffwSHs7kw2TfbBp9nuvnnvuz9m5s0kPc9L9GAZcAdMg0sgB87y2gHYBlWwCTbAL+vIIsSCKbAK2t5/OwY18IXUeE5Zm22mbHKYHCZAWQteASVwFaR9/NO8VqKvsjJjRRIyD/YZaAs4lk9Px2Fbj7HmexUid9QBLlgByQgiFNJ2ibE6jG0lpMg72AVX+hDQjcTaY+yiScgCVe+A7AmKUGQZW3IsBgmZ4Ht0T/hJ+D0Zl7lyfkJU71gZoAjFMnOtdQu5rvWO5BCESI5PzHlDF7LKk84QROhdW+ytEpIBRxyAwhq+BofgmUWS5/R9ZfCrMndG/nlAZU9CGlzoGtpNQvSh/nyIX4k+D1OcwMQ+hExJp7XjUxZTmO6TDvF7z9/pFGfRY/A1MXyTnH9FQ4pTeR20Qxo0wR8eNywSKB+XbYNMcu6IhhH8OQN2DYEl4G0wA95YCJkFd/noXYPvPrgo/bmFg29gMhGPyevJy6v5rVVZcdg50ZBieTdu+LoHZWnm3hYhFTAS06uZZFevipCPPOkEOD8Cc30km2MMP5vh76bNEN/kSHk/wnyyyLbNgOsVfYjXJ71bAZPTIYuZF2DUQsAofTts69hMejZlwDVQp08DPAV5H788rzXou8e2fmXAll8ZkGCR4rHQ9bvLMfBSxh1tQjsAP8B3Hitr0XcsINZSUGGUYNmmSsVCyGOXb+oxWAc/mbTF43Vey4S0L5hKRfVxeXEXz93LibrhyfRKQfvOilEWWMtxLbAU9waw5FyIugjPab2pn0X4mv5hRhGiuMl1j74tccStiM+kxnP6tkSZbY05khE2amZZ514GWU7jqsCpcRKVjZp3vWzU/BNgACbICiolXAEnAAAAAElFTkSuQmCC')
}

.im-chat .rate-wrap li:nth-child(2) a i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk5RTlBNkU1MUJEMTFFOEJFMjc5QUMzNTE4OUVFMzgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTk5RTlBNkQ1MUJEMTFFOEJFMjc5QUMzNTE4OUVFMzgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTExYjM5LWZjNDItMmM0Yy04ZDU3LWIwMmU1Zjk4YmY5NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdlNjcxMTFmLTVjZjgtZjg0Mi04M2U0LTE1Y2VjY2NjNTk2ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkQ75JYAAAMjSURBVHjaxJhNSFRRFMefzw8qqBbFUGKYa02kL/pQGEjBrIgWhbZqZ1G4yrCsoNKQpAgXWrTuwzYtMluMC6MskyAHsu0kaYnUIsMCNex/4/fgMfnmvRln9MCPNx/3nvN/991zz70va9uVz1YSFhL7RVgUiyKxhv+mREyMiH7xXEz6OXx3ueDfNSeggD3inKgRufz2R4wL507Wia1ihzghZkWvuCFe+wXwE7JZdIhDfDd3+1BExLCYiWufJ8pElagTh+GpaBCfvALZCUQcFVFEDOK8RLSKoQVEWPw2RJsS+gziI4rPpIQ0i25G7DSPps9K3vroewpf3fgOJKRJtIivOOkU81bqZvrewdcEvpv8hBwT18UYHaNW+sz42o1vE6PWS4iZmPfEb3FQjFrpt1F8mxh3Sf//hHSwJjSmeSQWGpmzxOqIF7LXlR1dVubNzJm3ZnS2Xx0rdwtp5HppkRMzmQl80R3bZtk+wGKVKEUf8GxvBQh0m7b3fVL7o1mtNSohm9qRQyAv28hKuYIV0s/O0Pa42OBzcyZ2jU0Bs3xGI9f1OTuAkOy4Zd/LIlzDNlV0jtqx1DZM8Sy2yeUxj9rh2Hfxi88TAQI4babp62UzVO8i83xWU84TmXFYTRF7EkCI2S4cYeinfdr+EPlGSFbAYXwJQew9BDbzaH66dlnLYWuNBpvt3Saf2Z0pyyN2zAj5QC6XLYOQMlJ9xAh5wY+VyyCkimu/zQZ3jlXQb7LOp0CiCV5H7F6bLf8zFrZ9Gbhrr6ysJGavjhSTTvVt59qSoGMF/yVLuYe4a+7YjpAB0SN2ifolmBv1xOrRaLyK36E1cFq7KUozKKKUGFPuSu4WEkPpKuZMYQZEFOJ7JbFiXrv4R+K8KOBxlaZ5JAbwfYFYCc81bWzj8sUbDkdZi8yak/jKx3db0JNeqyvHOzlEp7LgVdK3C1+1+E7q7NvNEuxkU4RyYI6MOz1qUx7/NdM24mQHvh6n+jYgxjGjgt12NWtNC3f4RXyj7XqG3vE5y1uA9iDbh6DvR5y9SIhNT5jTvsmCLa4NTpSR6Kd0TAZ9hn8FGAB5LciN8u7UFgAAAABJRU5ErkJggg==')
}

.im-chat .rate-wrap li:nth-child(2) a.active i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAnlJREFUeNrEmEFPE0EUx3dX6E29NWJCSo9EUzl5AE1IWBLgxgHkhkfgExD7HQxfAq9CiXrQQ0kPeJFwaOORNIAxJhyQrMaCrP9n/gOTZrszXbrdl/zoMn3z3n9nOzNv1g3D0OnC8mAWTIJHoAju8buf4BA0QBV8AD+sI4sQC8bBFmiFN3YJmmCfNNmmrMU+4zY5TA4joKIFr4MyeApyEf45flemr7IKYyUSsgDOGGgP+Jajp+Ozb8hYC90KkTu6AgFYA24CEQrpu8JYV4xtJWSdd3ACntxCQDsS6xtjr5uELFL1ESj0UISiwNiSY6mTkBE+x6DHIxE1MgFzFaOEqNmxlqIIxSpz7bQLmdBmh9sHIZLjM3M+04VssdHvgwh9aottKyF5cMEFKK7jG/AbvLZIskHfTYNfg7nz8s8ylb2K6TDUtrSbhOhL/YMYvzJ9XnrcwMQ+xWxJg9r1HYstTPfJxfh95Oekx130Ehw4/TfJ+Vc0eNzKj0ErpsMp+MXr7xYJlE/Avp1Mch6JhgH8uQtODIEl4AyYBm8thMyBeQ59YPA9Aw9lPv/BxVcw5mRj8nhG5dGca1VWFnZfNHgs74YNv+60LMfchyKkDgYyejRjnOoNEbLLRj8DIdP8rHazxNfCZFaLiVlXS7zHkv8dF7apFO7a7dDuM+f7/xoyLAP2osoAh0VKyEI3bSErnQojh2WbKhVLKYoomUpFhwVtmHXx3H6cOO7xyJQY0+o4EXXAWs3qgKV4kcKRczHpIbyozabbHMJ39B9mEiGK5zz36K8lLvgq4gtpsk1/LVFhX2MON8GLmjnWuY9Bgdu4KnCa3ESr1yumpf0TYAABGY9Mr+Vj3QAAAABJRU5ErkJggg==')
}

.im-chat .rate-wrap li:last-child a i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA5dJREFUeNrEmF1IFFEUgMdRlwysh0rKDPNZk6Xsv0BIwaxIHxLtqYfApOgpy7KCSksSInzQoud+LEohNWgtDLMfqXQje11FM5F6qCjxJ+pc+QaGbWfnru3WgY+Znbn3nHPv3HPuuRu35sywEYGkCNuFXCFTyBAW8O6rEBAGhC7hgTDupvDV6bTZa4KmA5uEo0KhkMizn8IHwRrJImG1sFbYJ0wLHcJF4ZmbATdHVgoNwi5+q9HeFHxCvzAV1N4jeIV8oUzYDfeFw8KgkyEzjBN7BD9OvEB5llAr9IZwwuBZL22y6PMCHX50RuRItdDMjB3k03QakUsnfSvQ1YxuLUeqhBrhI0oahV/G3EX1vYKuMXRXuTlSIpwXRujoN6InStdGdCsbpU6OqIV5TZgQdgpDRvRlCN3KxlXC/w9HGsgJlVGeiVAzcwRbDcGObLZFR5MRe1Fr5qWanZyzI1vsjlRyPfWXCzOSBXzSbtskbe8gWYUL0Rt820sahi7T9rpLaL9X2VpmJcVk70jAkJMsI1POI0O6ySHa7hWWugxO2S402cAMl9lItN3HazgSH5T2ncTHNddkF51h7/jX0s/mmWkSyyMOe4cln4Uf3I9pGLDafKevk0yxe2eo75PMdh5OlMICNrEWDUdUuVAsPKRvOPkipCpH4jSnsRt0pA+0RX2ab7Yq63/IQuWDSXm3wmV1x0o82A4oR94Ry17NzmpN7WetDJK4Jrhv4V2ypi4voT6gHHnCwzyXTiqXHGOVq126SEhnVB7ui3g3TM2R6KIzn2uXSYE7QxZ0kiUs1DpG20rtspwRxXNfwjvV5gJ9UsLoLcN2h0nJ305i2+bgxGNhvfBGyCE07wijtnajPCumzWv6PEJHsORhs0OOFOPW7lvPtSZEOLdSCN+jauvTDF9VWtylb2vQe2XjnN225UiP0CZsEMqDOiUxY2oaJyOIiEk+dzsboF3KsdUms/F01jPbSS+D3J9Abfk2RiGbLTxnbXjFkUBwqRjA0/mMIj0GTqSjOwlbAacq/pZwXEjjc2VHeSZ60H0CW2HPNXWUcalMYUUE+1EoUX0PoCsV3XW6J71aW4w3cojOm4MTefRtQlcpuiM6+zaTgq1o8rEdqCPjOoe9ycO7atr6rOhA1+25/hsQ4JixlWq7gFxTwwhVEvtE28VMvaVzmn8B6nXKB93/R7pt6bqQOjeLKFhlK3D8zEQXW8e47jf8LcAAvrTeYfJ0ZsAAAAAASUVORK5CYII=')
}

.im-chat .rate-wrap li:last-child a.active i {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA39pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiMjdkNDIzZC1kNzhkLWE5NGYtYTU1MC1mYjNlZTM5ZDdiYTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0IwMUY3Rjc1MUJEMTFFOEE1RkU5QjM0NjQ1NjA2MEMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0IwMUY3RjY1MUJEMTFFOEE1RkU5QjM0NjQ1NjA2MEMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyMTExYjM5LWZjNDItMmM0Yy04ZDU3LWIwMmU1Zjk4YmY5NCIgc3RSZWY6ZG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjdlNjcxMTFmLTVjZjgtZjg0Mi04M2U0LTE1Y2VjY2NjNTk2ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrblR1EAAALNSURBVHjaxJjPaxNBFMc3sVlP6smgAUlzFCXWi4eqUDCC9uah1Zs99ND2H7CY/0H8J/SkpKaioB68lPZgRGiCxza0FRGEVonF9Mf6ffAdfYbdnUmaHw8+TTr75r1vdndm3kwiCAKvDUuD22AMXAA5cJLXfoA1UAPvwWvwzTmyCHFgFCyAZvDP9kEdfCR1thlrss+oSw6bwzAoq+BVUARXgB/i7/Nakb7GyozVkZAJsMNAy6DgePc0BfYNGGuiXSHyiw5BA8yBRAciDNJ3hrEOGdtJyDx/wRa4dAQBrUisL4w9bxMySdUbINtFEYYsY0uOe1FChvkcG12+E2F3psFcuTAhZnTM9VCEYZa5FluFXFWjI9EHIZJjhTmvaSELbCz0QYQe2mIvjJA02OMEFNfxKdgFjxySPKbvE4tfjbnT8s99KnsY0+Fsy9RuE6Kn+jMxfkX6TCW5gIm9i1mSUur7MYclTPv4MX5v+TmW5Cq6Dz55/TfJeSAaklzKN0EzpsN38IvfvzokMD4N9o0yybkhGobw5wTYsgSWgLfATVByEDIO7oA37BtnOyAj4/k3vnwGI95gTB7PeXk0P1WVNQg7JRqSLO/OWd7uXpnP3GsipAqG2ng08k5N811ZB7tknW3T9HGxEQ71mkwqUw4TmpACD8B28L8dEG3brDlSlph/JzTXKf60WqQkaYllX0b5ZNhWUsJWGD8qblVP8XrRuxEhYpXXK+CywxQvPh/YZ5UxrIuerQxY4rXn4Hgbq6v4PmPfpZAyYDmsDPBYpAQsdHW77FleRmwfbPjsW2lpn4kqjDyWbaZUzPewDsnbSkWPBW0w6OK5dTux2eU7k2dMp+1E2AZrdlAbLMPdHmw5JzvdhOfUaDrKJnxRv5idCDFc575HH0vs8SiiQups08cSZfa15kh0cFAzzjr3IshyGTcFTp2LqBzUvGrnoOaPAAMAXz1z9AZHXD8AAAAASUVORK5CYII=')
}

.im-chat .im-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem
}

.im-chat .im-footer .input-wrap {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: auto;
  line-height: 1.2;
  min-height: 3.4rem;
  padding: 0.5rem 1.5rem;
  box-sizing: border-box;
  background: #fff;
  position: relative
}

.im-chat .im-footer .input-wrap:after {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  border: 1px solid #d4d7dc;
  border-radius: 1rem;
  -webkit-transform: scale(0.5, 0.5);
  transform: scale(0.5, 0.5);
  transform-origin: top left;
  -webkit-transform-origin: top left
}

.im-chat .im-footer .input_box {
  position: relative;
  display: block;
  z-index: 2;
  width: 100%;
  font-size: 1.6rem;
  padding: 0.25rem 0;
  border: 0;
  outline: none;
  -webkit-appearance: none;
  max-height: 15rem;
  overflow: auto
}

.im-chat .im-footer .input_box:empty:before {
  display: block;
  content: attr(placeholder);
  font-size: 1.6rem;
  color: #999
}

.im-chat .im-footer .btn-send {
  display: block;
  margin-left: 1rem;
  width: 6rem;
  height: 3.4rem;
  line-height: 3.4rem;
  background: #3381e3;
  color: #fff;
  font-size: 1.6rem;
  border-radius: 0.5rem;
  text-align: center
}

.im-chat .im-footer .btn-expand {
  display: block;
  margin-left: 1rem;
  width: 2.7rem;
  height: 2.7rem;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAA2CAYAAAH7QlpLAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZTZhZDg0MC0zNjAzLTNhNDMtYjdlNy02M2QwMWZkODE5NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0FBMzI2NTU1NERGMTFFOEFGRkNFMTgyMjRENzNGRjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0FBMzI2NTQ1NERGMTFFOEFGRkNFMTgyMjRENzNGRjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmU1MjNjMmUtYzUyMi04MDQ0LWIxNzAtOGMwNmUwZTA4ZmYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJkY2YwMjUtNTFjYS0xMWU4LWJlZDAt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');
  background-size: 100% 100%
}

.im-chat .expand-wrap {
  height: 0;
  background: #f5f6f7;
  overflow: hidden;
  -webkit-transition: height 0.3s ease-out;
  transition: height 0.3s ease-out
}

.im-chat .expand-wrap.expanded {
  height: 11.5rem
}

.im-chat .expand-wrap ul {
  height: 11.5rem;
  padding-left: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center
}

.im-chat .expand-wrap ul li {
  margin-left: 3rem;
  text-align: center
}

.im-chat .expand-wrap ul li:first-child {
  margin-left: 0
}

.im-chat .expand-wrap ul li i {
  display: inline-block;
  width: 6rem;
  height: 6rem;
  background-size: 100% 100%
}

.im-chat .expand-wrap ul li p {
  margin-top: 0.2rem;
  font-size: 1.3rem;
  color: #878787
}

.im-chat .expand-wrap ul li .icon-image {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAFOYwZEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZTZhZDg0MC0zNjAzLTNhNDMtYjdlNy02M2QwMWZkODE5NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzY2MDlCRjU1NERGMTFFOEE5NDhDOTdFMEFBNzhGQ0QiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzY2MDlCRjQ1NERGMTFFOEE5NDhDOTdFMEFBNzhGQ0QiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmU1MjNjMmUtYzUyMi04MDQ0LWIxNzAtOGMwNmUwZTA4ZmYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJkY2YwMjUtNTFjYS0xMWU4LWJlZDAt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')
}

.im-chat .expand-wrap ul li .icon-kaihu {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAYAAAFOYwZEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoxZTZhZDg0MC0zNjAzLTNhNDMtYjdlNy02M2QwMWZkODE5NjciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDVFOTIyMjI1NERGMTFFODlFMzlGNkY2RTc0NzJCQ0IiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDVFOTIyMjE1NERGMTFFODlFMzlGNkY2RTc0NzJCQ0IiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YmU1MjNjMmUtYzUyMi04MDQ0LWIxNzAtOGMwNmUwZTA4ZmYyIiBzdFJlZjpkb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6NGJkY2YwMjUtNTFjYS0xMWU4LWJlZDAt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')
}

.im-chat.staff-end .msg.msg-right {
  background: #ffd900
}

.im-chat.staff-end .msg.msg-right .text {
  color: #333
}

.iScrollHorizontalScrollbar {
  position: absolute;
  z-index: 9999;
  height: 2px;
  left: 2px;
  right: 2px;
  bottom: 2px;
  overflow: hidden;
  background: transparent
}

.iScrollHorizontalScrollbar.iScrollBothScrollbars {
  right: 18px
}

.iScrollVerticalScrollbar {
  position: absolute;
  z-index: 9999;
  width: 2px;
  bottom: 2px;
  top: 2px;
  right: 2px;
  overflow: hidden;
  background: transparent
}

.iScrollVerticalScrollbar.iScrollBothScrollbars {
  bottom: 18px
}

.iScrollIndicator {
  position: absolute;
  background: #666;
  border-radius: 2px
}

.iScrollHorizontalScrollbar .iScrollIndicator {
  height: 100%;
  background: #666
}

.iScrollVerticalScrollbar .iScrollIndicator {
  width: 100%;
  background: #666
}

.hq-zxgg {
  min-height: 80%
}

.hq-zxgg .zxgg-list {
  margin-top: 1rem;
  background-color: #fff
}

.hq-zxgg .zxgg-list .content {
  padding: .8rem 0;
  margin: 0 1rem;
  border-width: 0;
  border-bottom: 1px solid #ccc;
  -webkit-border-image: url("../../resource/img/icon_border_half_#d4d7dc.png") 2 stretch
}

.hq-zxgg .zxgg-list .content:last-of-type {
  border: 0
}

.hq-zxgg .zxgg-list .content .centent-text {
  font-size: 1.6rem;
  line-height: 24rem;
  color: #282828
}

.hq-zxgg .zxgg-list .content .content-foot {
  margin-top: 1rem
}

.hq-zxgg .zxgg-list .content .content-foot .left,
.hq-zxgg .zxgg-list .content .content-foot .right {
  display: inline-block;
  font-size: 1.1rem;
  color: #999
}

.hq-zxgg .zxgg-list .content .content-foot .right {
  float: right
}

html {
  height: 100%
}

body {
  font-family: Arial, Roboto, "PingFang SC", "Droid Sans", "Hiragino Sans GB", STXihei, "sans-serif";
  -webkit-user-select: text;
  background: #f7f8fa;
  /* height: 100%; */
  /* cursor: pointer */
}

body.fff {
  background: #fff
}

.fullpage {
  height: 100%
}

.sprite-ico {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  top: -0.1rem;
  margin-right: 0.5rem
}

.sprite-ico:before {
  position: absolute;
  display: inline-block;
  top: 50%;
  left: 50%;
  content: ''
}

* {
  word-wrap: break-word;
  word-break: break-all;
  box-sizing: border-box
}

.blue {
  color: #3074c2 !important
}

.gray {
  color: #999 !important
}

.btn-blue,
.btn-orange,
.btn-gray {
  margin: 3rem 1.5rem 1rem;
  color: #333;
  background-color: #2074c4;
  color: #fff !important
}

.btn-blue:hover,
.btn-orange:hover,
.btn-gray:hover {
  background-color: #1c67ae;
  color: #333
}

.btn-blue.disable,
.disable.btn-orange,
.disable.btn-gray {
  background-color: #8cb6de
}

.btn-blue.disable:hover,
.disable.btn-orange:hover,
.disable.btn-gray:hover {
  background-color: #8cb6de
}

.btn-blue .icon-loading,
.btn-orange .icon-loading,
.btn-gray .icon-loading {
  position: relative;
  top: -0.1rem;
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: middle;
  background: url(./img/loading.png);
  background-size: 100% 100%;
  -webkit-animation: rotate linear 1s infinite;
  animation: rotate linear 1s infinite
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0)
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
  }
}

.swipe {
  overflow: hidden;
  position: relative
}

.swipe-swap {
  overflow: hidden;
  position: relative
}

.swipe-swap>li,
.swipe-swap>div {
  float: left;
  width: 100%;
  position: relative
}


.notixing .tixing{
  display: none;
}

.stock-layer{
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 9;
}

.arrow-down-new{
  display: block;
  float:right;
  margin:1.7rem 1.5rem 0 0;
  height: 0.7rem;
  width: 0.7rem;
  border-left: 1px solid #646464;
  border-bottom: 1px solid #646464;
  -webkit-transform: rotate(-45deg) translate(0.35rem, -0.2rem);
  transform: rotate(-45deg) translate(0.35rem, -0.2rem);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.arrow-up-new{
  display: block;
  float:right;
  margin:1.2rem 1.3rem 0 0;
  height: 0.7rem;
  width: 0.7rem;
  border-left: 1px solid #646464;
  border-bottom: 1px solid #646464;
  -webkit-transform: rotate(135deg) translate(0.35rem, -0.2rem);
  transform: rotate(135deg) translate(0.35rem, -0.2rem);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.hqzx-more-title{
  padding-left: 1.2rem;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.6rem;
  color: #282828;
  background: #fff;
  border-top: 1px solid #f1f1f1;
  font-weight: bold;
}

.cy-notice{
  background: #fff;
  padding: 0 .5rem;
  display: none;
}

.cy-notice a{
  display: block;
  background: #FDF1EB;
  padding: 0 1rem;
  height: 2.5rem;
  line-height: 2.5rem;
  border-radius: 1.25rem;
  text-align: center;
  color: #EA5504;
}

.hk-tips{
  height: 26px;
  line-height: 26px;
  font-size: 14px;
  text-align: center;
  color:#666666;
  background-color: #FFF;
  display: none;
}