.bg_base {
  background-color: #8343cb;
}
.bg_warning {
  background-color: #ffc000;
}
.bg_primary {
  background-color: #00deff;
}
.bg_info {
  background-color: #0398ff;
}
.txt_base {
  color: #8343cb;
}
.txt_warning {
  color: #ffc000;
}
.txt_primary {
  color: #00deff;
}
.txt_info {
  color: #0398ff;
}
.txt_danger {
  color: #ff4646;
}
.txt_red {
  color: #ff0000;
}
.txt_white {
  color: #fff;
}
html,
body {
  min-height: 100%;
}
body {
  font-size: 14px !important;
}
.fs_sm {
  font-size: 12px;
}
.fs_md {
  font-size: 16px;
}
.fs_24 {
  font-size: 24px;
}
.mr10 {
  margin-right: 10px;
}
.padding_tb20 {
  padding: 20px 0;
}
.padding_lr20 {
  padding: 0 20px;
}
.padding_b20 {
  padding-bottom: 20px;
}
.padding_t20 {
  padding-top: 20px;
}
.padding_l20 {
  padding-bottom: 20px;
}
.padding_r20 {
  padding-right: 20px;
}
.width260 {
  width: 260px;
}
.align-middle {
  vertical-align: middle;
}
.icon_maogou {
  display: inline-block;
  width: 27px;
  height: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAbCAYAAACN1PRVAAADfUlEQVRIiaWWXYhWRRjHf+9xx3bSGKXPFTVrW/ugDEKopCIzEIkuJFgtyC6KuqygC6+ickEWwm6CsgJLA4u86ELIbjb70Ag1CBZZRKOCau1DZyJn3BnpdHGeU9N5z7vsbn84vPN8/p953ufMHMqypNcTvV0fvf08euujty56uzd6e01mXx693Re9PRe9nYzejkZv+3vl65RlSRtScE8Br7eYzgJrgQh8BlzWsH8FrFPanGsGtpKl4AaB48B84C8h/QV4GlgMWGAKuBL4AXgNuAV4RFJ8oLQZ7krco32vRG9LebZm+jsyfSntW5HZ38hswz3bmILrB7ZIizYARuq5VGlzJtv1N8AqET9U2mzMbKuBIyJ+DzyktDlW2wtxWgp8DewENmdEUzmR4Oce66Z8NXA0BfdmCm4eQJGC6wB7gRu7egwXyf9XV95p+N3Q8L+pJccTwGi9sweAu8TwJTAMbAfqydmWgitk/SSwPEu0NgW3XgrpB54X/RFgE7CNasCeScENdaK3u4FHqaZtSGnzhwTvAJ6V4OPA78DdLZVfAA4CQ1StOwNcp7Q5K3m2A1uBkQK4XYI+qokE7zXa00YE0AfcL0QAB2oiwft1FwpgmQi2kaQpzxSuR56VfYAW4baGU1MOwAGqU2OSamLXABuBS6aJq+XFRG9j9iJukZdzIHp7ItPvid5e3uMAMI1DoIzePi62K6K3E6Ib70RvJ4Drs0pOAUuyHb+gtHlx2sYBKbjHgLcz1bfAQJZnVyFtyTGYOeyeCRGA0uYdqlGvcW2WB2B/J3p7L/BJS/xpYGVjQqdFCq4POArc2jD9BiwtlDYHqa6FJl6eDRGA0uYCMNIj11SnLEtScGuAQw2HAaXN5GzIAFJw86m6skhUp4CblTbnC6noMDCexZycC5Hkivy3U3uUNudBTn3Bu9n6x7kQZcgLHasXOdlO4E9ZL+L/oY7/Dviii0xpY/l3dFel4JYxB6TgLgbuEXFEafPPd0fR8N1BNSgd4C0JrJMsTMG9lIKbSMFZ+R1NwQ1kPvOAV6m+U8aAXXnyrg+eFNxVVFsfpOr9GLAAWAcsbNnMFPCp+N5JddWMA/cpbX6dlkwIlwD7JHi2+Bh4uHHNAN1tBEBp8xNV35+jujRngpNUH0wb2oigx85ypOAWAA9SXSWrgRVS5GngBHAY2A8cyoehDX8Da8AdrWjCdXIAAAAASUVORK5CYII=) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.icon_jiankong {
  display: inline-block;
  width: 23px;
  height: 26px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAaCAYAAABctMd+AAACGUlEQVRIia2VwYvNURTHP/fNMzMhirKYSGiUjGKEKcVCGqWnmbIiIhtbdv4ANVsla5QiSjELNsJQM6hZzNhoZkGyIsZiynjmY/F+r/l15/7evDfNd3fvOedzzr3n/O4PCqSW1QH1jvpJrVpTNVvfVQfV9iJGEfiM+tnm9EU9r4aloKvVR01CYz1W1zYCv10muK4xdV0KvtyKYz0xf0Xq2RUC13URIFjr9hSwpaWuN9Y3YFsJqKwwGKALGCgDg0s4jgH3gA/AT2AjcAg4B+xtEHcKdarg3mbU00WRalAvqLMF8VOo/xKGP2pfM+dXjxUxKMg61Aw4l+BmCoI6l9jfmQCU1C61lLD1JBi/UD8uOs7i4HZ1NLO/Udsie5s6H3Hel4CRiNWudkR73dQmBOBwts6rA4gfrtf1hsTqjyrrVCcz20ScXD2RYByoj9R4ZBgxekKzBL1qZ7Qf1FdR/Mu8w9FE5htxglgZeCiK+6vuix2vJxI8V3cXgHepTxMxV+o+IeccgFvA5QRrHHgHfAc2AAeBXhY3cSiEcK3RUa9a+0Jb0ax6qdEV5hN0q/dd+CkXaU69rW5NceKJOA6sASZCCNPqJuAk0AdsB1YBc8A0MAoMhxB+qDuAPcDvEMKLVLX7cxVV1QdqxWj0cv6dmf2hCw/XvLlJyTf0GdCf4FSBSeArMAOsBzYDPUA54T8cQqjkqzjSYgOXUh/Af5sdo+FS9Hf8AAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.icon_search {
  display: inline-block;
  width: 38px;
  height: 27px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACYAAAAbCAYAAAAQ2f3dAAADPElEQVRYhcXXXYhVVRgG4G87k400MSUVhkFBdFFUElNIERGFhUUhEUb2K2UYRUJQCtJFEDVFDHWlMAZR1k3Rn9EPMROVVEQgKEZpSAUNUlZmUzLa9HSx13GWZ845ex8LfOGw9nrX973rXevstfe3IzKgD/dhFLuxF7uwEVdGG2AeHsUW7E+/rRjCme3yagHn4FuH4wscyPpvYqAp727sa8r7Jy3oM7xxxOZwNn5tEl+dxu5v4rfguDS2tmnsYyzDSf9pl5L4HOxMwmO4CduxAQUeMRMbcHXWH8d1mWYPLsANWIpLMKdbY2uS+NfoS9yDifuhhakGfkrtNsxLefPxDPa0iJ/Aczi9rrEdKfGujBvtYCjHLpyccpaZea+1wgRurWNsMiU0JriipqkpXJRy7mkam8RbWIf1eEd5UnOsrDIGv2T9x2oaez7FX4iDGf865reYZ67ysZMv7LIqY+NZ/6maxs5L8ZszbgRFh7kKDGfxX2FWu+A/04r7U39VDVNbU+xgxn2D2R3/njh0Yr/M8q5vFTcrIkYjojciVihP5aIq8YgYS+3ijHs2IjbhoU6JRVFMRcTTGdXW2HC6Ho6I3yPi2hrGtqV2QcZ9FBFF0qzCpux6sG0U3q15XzWwJOW9nXEnSG+EOjD9HPyu1XhjdQ9ExP66ohHRk9oDGXduROzDipoax6e25byzIiKKotgZEau6MHZaan/MuFMj4u+IGFLxrsSCiOhL3R1tjSVzIxGxvqaxhan9NONujIiRiJgbERtxYof8fFfH2kY1kI7yyzXusb3K2m0Af2T8baZfcXvwBHqa5hg0/UCerNrdPHF2TXMrU3xeffyFO1P+VOLOz7Qvxs9ZfN1/6JBAgScrjI0rT+Ix+KRp7FUsx2KcgqvwYma2gdewEJd2a3Cpshpoh1fSIgbwYcVCqrCmW3Nn4fMOgkMprhcP47cOsRN4HPd20urGXC9WK++hVliSxfYra7N1eA8fKAvE5dJJVe7wwTZaa7sylwTPUH5cNLBdVlJ3odNfsbN3dG0uCV+O27UrWeppLHL4F1iO3Ueq+78AN5t5UuGFo2osmbulydz7OPZo+4qICFyD7/GSVGz+C15c6T7ik4CuAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.icon_shoucang {
  display: inline-block;
  width: 21px;
  height: 20px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAUCAYAAABiS3YzAAABRElEQVQ4ja3UrUssURgH4GfXpukiBkFGBBER/JxiFmFBLtwoqMU0fhSj0Wo3rCZNFoNN8A+43LAWUW4SWatYLIZd1LBnYR11dkf9lcP7njMPhzNnplCplnWQPazhAButE3GUvFtc7ACcxSa6sB7qzHSC7rSpc6OzKKV6JW122w7dydnPRHux5P0umylhGX0fTRYq1fIvLGAS42Hsz9pJKve4wmUYTwuVavkaYzmQdrksYugHQRguYgsvPwQ+Y6Oo8ZUso/ZNsIbFOEqOmm//GH/w9EXwCb/jKDnh7ZU6wzwec4KPmIuj5LzZSN/Tv/ifE72Oo+RfayONdmnc1TyZuLjbf+Ok0VF050R7MJyFzuQEm5nKQqc/eegGu7j9Cjr4AbaqcSzbGAn1TWrdQBZaxoPGz2ElYIeoh/l6qEcDfhXWH7QirxsVPZdWt4voAAAAAElFTkSuQmCC) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
.my_nav {
  height: 80px;
  background-color: #f77163;
  border: 0;
  border-radius: 0;
  z-index: 9;
  padding: 15px 0;
}
.my_nav .navbar-collapse {
  background-color: #f77062;
}
.my_nav .caret {
  border-top: 7px solid;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}
.my_nav .navbar-right {
  padding: 15px 15px;
}
.my_nav .navbar-right a {
  color: #fff;
  font-weight: bold;
}
.my_nav .navbar-right a.shoucang {
  color: #cce198;
  margin-right: 30px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #efbfa9;
}
.navbar-inverse .navbar-nav > li > a {
  color: #fff;
  font-weight: bold;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border: 0;
}
.navbar-inverse .navbar-brand {
  color: #fff;
}
.navbar-inverse .navbar-toggle {
  border-color: #f77163;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #f77163;
}
@media screen and (max-width: 768px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #fff !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* a {
  text-decoration: none;
  cursor: pointer;
} */
/* a:hover {
  text-decoration: none;
} */
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  line-height: 1.42857143;
  color: #333;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.fr {
  float: right;
}
.fl {
  float: left;
}
.text-center {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.fc-red {
  color: #f55d54;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.img-responsive {
  display: block;
  width: 100%;
  height: auto;
}
.mt15 {
  margin-top: 15px;
}
.border-b {
  border-bottom: 1px solid #e5e5e5;
}
.pr15 {
  padding-right: 15px;
}
.ptb20 {
  padding: 20px 0;
}
.fc-5ad0a4 {
  color: #5ad0a4;
}
.fc-faba58 {
  color: #faba58;
}
.fc-889dfb {
  color: #889dfb;
}
.fc-5fc2fc {
  color: #5fc2fc;
}
.bg-gray {
  background-color: #f7f8f8;
}
.ui-row-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ui-row-flex.align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui-row-flex.flex-justify {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.ui-row-flex.flex-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ui-row-flex.flex-nowrap {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.ui-row-flex.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.page_main {
  background: url(/static/home/images/qybj.jpg) no-repeat;
  background-size: cover;
  min-height: 100vh;
}
.page_main .page_footer {
  padding: 20px 0;
  text-align: center;
}
.page_main .page_footer .qq,
.page_main .page_footer .copyright {
  font-size: 14px;
  color: #790024;
}
.page_main .page_footer .copyright {
  margin-top: 20px;
}
.top_title {
  width: 50%;
  margin: 0 auto;
  text-align: left;
  padding: 10px 20px 30px 20px;
}
.top_title .title_img {
  display: block;
  width: 60%;
  height: auto;
  margin-bottom: 10px;
}
.top_title .link_img {
  width: 49%;
  height: auto;
}
.filter_form > div {
  padding: 2px 2px;
}
.filter_form > div .form-control {
  color: #242a39;
  background: #fff;
  border: 1PX solid #f87f52;
}
.message_body {
  padding: 20px;
  margin-top: 20px;
  background: url(/static/home/images/bj2.jpg) no-repeat;
  background-size: cover;
}
.message_body .message_inner {
  padding: 15px;
  background: url(/static/home/images/bg1.png) no-repeat;
  background-size: cover;
}

.message_body .message_inner .rank_table {
  width: 100%;
  max-height: 480px;
  overflow-y: scroll;
  padding: 20px 0 30px 0;
}
.message_body .message_inner .rank_table table {
  position: relative;
  width: 100%;
  min-width: 1000px;
}
.message_body .message_inner .rank_table td .t_cell,
.message_body .message_inner .rank_table th .t_cell {
  padding: 0 20px;
  text-align: center;
  margin-bottom: 1px;
  margin-right: 1px;
  border-radius: 2px;
  height: 56px;
  line-height: 56px;
  background-color: #e4f9ff;
}
.message_body .message_inner .rank_table td .t_cell > img,
.message_body .message_inner .rank_table th .t_cell > img {
  vertical-align: middle;
}
.message_body .message_inner .rank_table td {
  vertical-align: bottom;
}
.message_body .message_inner .rank_table td .t_cell {
  background-color: #e4f9ff;
}
.message_body .message_inner .rank_table thead th .t_cell {
  background-color: #cce198;
  font-weight: bold;
  color: #333333;
}
.message_body .message_inner .rank_table tbody {
  max-height: 100px;
  overflow-y: scroll;
}
/*.message_body .message_inner .rank_table tbody tr:nth-child(1) .t_cell,
.message_body .message_inner .rank_table tbody tr:nth-child(2) .t_cell,
.message_body .message_inner .rank_table tbody tr:nth-child(3) .t_cell {
  background-color: #feddbd;
}
.message_body .message_inner .rank_table tbody tr td:first-child .t_cell {
  font-weight: bold;
}*/
.message_body .message_inner .rank_table tbody tr:hover .t_cell {
  background-color: #eee;
}



.message_body .message_inner .txt {
  color: #fff;
  font-size: 14px;
}
.message_body .message_inner .btn_cell_group {
  margin-top: 10px;

}
.message_body .message_inner .btn_cell_group .btn_cell {
  padding: 0px 1px;
  margin-bottom: 10px;
}
.message_body .message_inner .btn_cell_group .btn_cell .btn {
  height: 45px;
  background-color: #feddbd;
  color: #242a39;
  border-radius: 2px;
}


.message_body .message_inner .btn_cell_group .btn_cell .btn > img {
  vertical-align: middle;
}
.message_body .message_inner .btn_cell_group .btn_cell .btn.btn_first {
  background-color: #cce198;
}
.message_body .message_inner .btn_cell_group .btn_cell .btn.btn_end {
  background-color: #fff100;
}
.message_body .qrcode_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 20px;
}
.message_body .qrcode_list .qrcode_item {
  width: 155px;
  margin-right: 50px;
}
.message_body .qrcode_list .qrcode_item .qrcode_img {
  width: 155px;
  padding: 5px;
  background: #feddbd;
}
.message_body .qrcode_list .qrcode_item .qrcode_img > img {
  width: 100%;
  height: auto;
}
.message_body .qrcode_list .qrcode_item .title,
.message_body .qrcode_list .qrcode_item .sm_title {
  color: #db3000;
  text-align: center;
}
.message_body .qrcode_list .qrcode_item .title {
  font-size: 18px;
  margin-top: 5px;
}
.message_body .qrcode_list .qrcode_item .sm_title {
  font-size: 14px;
}
@media (min-width: 1200px) {
  .container {
    width: 1200px !important;
  }
}
@media screen and (max-width: 768px) {
  .my_nav {
    height: 50px;
    padding: 0 0;
  }
  .top_title {
    width: 60%;
    text-align: center;
  }
  .top_title .title_img {
    display: block;
    width: 90%;
    height: auto;
    margin-bottom: 10px;
  }
  .top_title .link_img {
    width: 80%;
    height: auto;
  }
  .message_body .btn_cell_group .btn_cell .btn {
    font-size: 12px;
  }
  .message_body .qrcode_list .qrcode_item {
    width: 50%;
    margin-right: 20px;
  }
  .message_body .qrcode_list .qrcode_item:nth-child(2) {
    margin-right: 0;
  }
  .message_body .qrcode_list .qrcode_item .qrcode_img {
    width: 100%;
    height: auto;
  }
  .message_body .qrcode_list .qrcode_item .title,
  .message_body .qrcode_list .qrcode_item .sm_title {
    color: #db3000;
    text-align: center;
  }
  .message_body .qrcode_list .qrcode_item .title {
    font-size: 18px;
    margin-top: 5px;
  }
  .message_body .qrcode_list .qrcode_item .sm_title {
    font-size: 14px;
  }

  .message_body .message_inner .rank_table table {
    min-width: 1000px;
  }
  .message_body .message_inner .rank_table td .t_cell,
  .message_body .message_inner .rank_table th .t_cell {
    padding: 0 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.5 !important;
  }
}

@media screen and (min-height: 1080px) {

  .top_title {
  width: 55%;
  margin: 0 auto;
  text-align: left;
  padding: 10px 20px 30px 20px;
}
.top_title .title_img {
  display: block;
  width: 70%;
  height: auto;
  margin-bottom: 10px;
}

  .message_body .message_inner .rank_table {
  width: 100%;
  max-height: 700px;
  overflow-y: scroll;
  padding: 20px 0 30px 0;
}





  }